Skip to content

goragodwiriya/nowjs-adminframework

Repository files navigation

Now.js Framework

A modern, lightweight JavaScript framework for building dynamic web applications.

🚀 Quick Start

Using jsDelivr CDN

<!DOCTYPE html>
<html lang="th">
<head>
  <meta charset="UTF-8">
  <title>Now.js App</title>

  <!-- Core CSS -->
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/goragodwiriya/nowjs@v1.0.0/Now/dist/now.core.min.css">
</head>
<body>
  <div id="app"></div>

  <!-- Core JS -->
  <script src="https://cdn.jsdelivr.net/gh/goragodwiriya/nowjs@v1.0.0/Now/dist/now.core.min.js"></script>

  <script>
    Now.init({
      environment: 'production',
      debug: false
    });
  </script>
</body>
</html>

📦 Installation

Build from Source

# Clone repository
git clone https://github.com/goragodwiriya/nowjs.git
cd nowjs

# Install dependencies
npm install

# Build production bundles
npm run build

📚 Available Bundles

Core (Required)

  • now.core.min.js (607 KB, 150 KB gzipped)
  • now.core.min.css (92 KB, 18 KB gzipped)

Optional Modules

  • now.table.min.js (65 KB) - Data table management
  • now.media.min.js (8.6 KB + CSS) - Media viewer
  • now.graph.min.js (46 KB) - Chart and graph rendering
  • now.tabs.min.js (6.7 KB + CSS) - Tab component
  • now.sortable.min.js (7.8 KB) - Drag & drop functionality
  • now.serviceworker.min.js (9.9 KB) - PWA support
  • now.queue.min.js (16.8 KB) - Task queue management

🔧 Usage

Basic Initialization

Now.init({
  environment: 'production',
  debug: false,
  i18n: {
    enabled: true,
    defaultLanguage: 'th'
  }
});

Lazy Loading Optional Modules

// Load table module when needed
async function loadTableModule() {
  const script = document.createElement('script');
  script.src = 'https://cdn.jsdelivr.net/gh/goragodwiriya/nowjs@v1.0.0/Now/dist/now.table.min.js';
  await new Promise(resolve => {
    script.onload = resolve;
    document.head.appendChild(script);
  });
  return window.TableManager;
}

📖 Documentation

🛠️ Development

# Development mode (auto-reload)
npm run dev

# Build all bundles
npm run build

# Build specific module
npm run build:core
npm run build:table
npm run build:media

📄 License

MIT License - see LICENSE file for details

👥 Author

Goragod Wiriya (https://github.com/goragodwiriya)

🔗 Links

Releases

No releases published

Packages

No packages published