aztomiq 1.0.1 → 1.0.3

package/README.md

@@ -61,7 +61,7 @@ AZtomiq isn't just another static site generator. It's an **Ecosystem** designed
 **Option A: Scaffolding a new project (Recommended)**
 
 ```bash
-npx create-aztomiq my-awesome-app
+npx aztomiq init my-awesome-app
 cd my-awesome-app
 npm install
 ```

package/bin/aztomiq.js

@@ -270,6 +270,79 @@ meta:
 
     console.log(`✅ Tool "${name}" created successfully!`);
     console.log(`👉 Edit it at: src/features/${name}`);
+  },
+  init: async () => {
+    const name = args[1] || 'my-aztomiq-site';
+    const projectPath = path.resolve(PROJECT_ROOT, name);
+
+    if (await fs.pathExists(projectPath)) {
+      console.error(`❌ Directory "${name}" already exists.`);
+      return;
+    }
+
+    console.log(`🚀 Initializing new AZtomiq project: ${name}...`);
+
+    // 1. Create structure
+    const templateDirs = [
+      'src/assets/css',
+      'src/assets/js',
+      'src/assets/images',
+      'src/data',
+      'src/features/hello-world/locales',
+      'src/includes',
+      'src/locales/en',
+      'src/locales/vi',
+      'src/pages',
+      'src/templates'
+    ];
+
+    for (const dir of templateDirs) {
+      await fs.ensureDir(path.join(projectPath, dir));
+    }
+
+    // 2. Create package.json
+    const packageJson = {
+      name: name,
+      version: '1.0.0',
+      scripts: {
+        "dev": "aztomiq dev",
+        "build": "aztomiq build",
+        "status": "aztomiq status"
+      },
+      dependencies: {
+        "aztomiq": "latest"
+      }
+    };
+    await fs.writeJson(path.join(projectPath, 'package.json'), packageJson, { spaces: 2 });
+
+    // 3. Create global.yaml
+    const globalYaml = `site:
+  title: "${name}"
+  description: "Built with AZtomiq"
+build:
+  locales: ["en", "vi"]
+  default_locale: "en"
+`;
+    await fs.writeFile(path.join(projectPath, 'src/data/global.yaml'), globalYaml);
+
+    // 4. Create sample tool
+    const toolYaml = `id: hello-world
+category: general
+icon: smile
+status: active
+`;
+    await fs.writeFile(path.join(projectPath, 'src/features/hello-world/tool.yaml'), toolYaml);
+
+    const toolEjs = `<h1>Hello World</h1>
+<p>Welcome to your new AZtomiq site!</p>
+`;
+    await fs.writeFile(path.join(projectPath, 'src/features/hello-world/index.ejs'), toolEjs);
+
+    console.log(`\n✅ Project "${name}" initialized successfully!`);
+    console.log(`👉 Next steps:`);
+    console.log(`   cd ${name}`);
+    console.log(`   npm install`);
+    console.log(`   npm run dev`);
   }
 };
 
@@ -284,6 +357,7 @@ Commands:
   aztomiq dev             Start development server (Watcher + Node)
   aztomiq build           Build for production (--force, --obfuscate)
   aztomiq deploy          Deploy to public distribution repository
+  aztomiq init <name>     Initialize a new AZtomiq project
   aztomiq status          Scan ecosystem health (Locales, Tests, Config)
   aztomiq analyze         Analyze tool payloads and ecosystem size
   aztomiq cleanup         Remove build artifacts (--drafts to delete draft tools)

package/package.json

@@ -1,17 +1,19 @@
 {
   "name": "aztomiq",
-  "version": "1.0.1",
+  "version": "1.0.3",
   "description": "AZtomiq - A comprehensive A-Z multi-tool framework with atomic architecture",
   "main": "scripts/build.js",
   "bin": {
-    "aztomiq": "bin/aztomiq.js",
-    "create-aztomiq": "bin/create-aztomiq.js"
+    "aztomiq": "bin/aztomiq.js"
   },
   "files": [
     "bin",
     "scripts",
+    "src/assets",
     "src/includes",
     "src/templates",
+    "src/locales",
+    "server.js",
     "package.json",
     "README.md",
     "LICENSE"

package/scripts/builds/assets.js

@@ -82,38 +82,46 @@ async function buildAssets() {
   }
 
   // 1. Global CSS
-  if (await fs.pathExists(cssSrc)) {
-    const files = await fs.readdir(cssSrc);
+  const cssDirs = [path.join(paths.CORE_ROOT, 'src/assets/css'), cssSrc].filter(fs.existsSync);
+  const cssFiles = {};
+  for (const dir of cssDirs) {
+    const files = fs.readdirSync(dir);
     for (const file of files) {
-      if (!file.endsWith('.css')) continue;
-      const srcPath = path.join(cssSrc, file);
-      const destPath = path.join(cssDist, file);
-      if (hasChanged(srcPath) || !fs.existsSync(destPath)) {
-        if (isSecure) {
-          console.time(`🎨 Minifying Global CSS: ${file}`);
-          try { execSync(`npx clean-css-cli -o "${destPath}" "${srcPath}"`); }
-          catch (e) { await fs.copy(srcPath, destPath); }
-          console.timeEnd(`🎨 Minifying Global CSS: ${file}`);
-        } else {
-          console.time(`🎨 Copying Global CSS: ${file}`);
-          await fs.copy(srcPath, destPath);
-          console.timeEnd(`🎨 Copying Global CSS: ${file}`);
-        }
+      if (file.endsWith('.css')) cssFiles[file] = path.join(dir, file);
+    }
+  }
+
+  for (const [file, srcPath] of Object.entries(cssFiles)) {
+    const destPath = path.join(cssDist, file);
+    if (hasChanged(srcPath) || !fs.existsSync(destPath)) {
+      if (isSecure) {
+        console.time(`🎨 Minifying Global CSS: ${file}`);
+        try { execSync(`npx clean-css-cli -o "${destPath}" "${srcPath}"`); }
+        catch (e) { await fs.copy(srcPath, destPath); }
+        console.timeEnd(`🎨 Minifying Global CSS: ${file}`);
+      } else {
+        console.time(`🎨 Copying Global CSS: ${file}`);
+        await fs.copy(srcPath, destPath);
+        console.timeEnd(`🎨 Copying Global CSS: ${file}`);
       }
     }
   }
 
   // 2. Global JS
-  if (await fs.pathExists(jsSrc)) {
-    const files = await fs.readdir(jsSrc);
+  const jsDirs = [path.join(paths.CORE_ROOT, 'src/assets/js'), jsSrc].filter(fs.existsSync);
+  const jsFiles = {};
+  for (const dir of jsDirs) {
+    const files = fs.readdirSync(dir);
     for (const file of files) {
-      if (!file.endsWith('.js')) continue;
-      const srcPath = path.join(jsSrc, file);
-      const destPath = path.join(jsDist, file);
-      processJs(srcPath, destPath, file);
+      if (file.endsWith('.js')) jsFiles[file] = path.join(dir, file);
     }
   }
 
+  for (const [file, srcPath] of Object.entries(jsFiles)) {
+    const destPath = path.join(jsDist, file);
+    processJs(srcPath, destPath, file);
+  }
+
   // 3. Feature Assets
   if (await fs.pathExists(featuresDir)) {
     const features = await fs.readdir(featuresDir);

package/scripts/builds/data.js

@@ -44,28 +44,39 @@ function loadLocales(lang) {
   const srcDir = paths.SRC;
 
   // 1. Load legacy file
-  const legacyPath = path.join(srcDir, 'locales', `${lang}.json`);
-  if (fs.existsSync(legacyPath)) {
-    try {
-      Object.assign(translations, require(legacyPath));
-    } catch (e) { console.error(`Error loading legacy locale ${lang} `, e); }
+  const legacyPaths = [
+    path.join(paths.CORE_ROOT, 'src/locales', `${lang}.json`),
+    path.join(srcDir, 'locales', `${lang}.json`)
+  ];
+  for (const p of legacyPaths) {
+    if (fs.existsSync(p)) {
+      try {
+        Object.assign(translations, typeof require(p) === 'string' ? JSON.parse(fs.readFileSync(p, 'utf8')) : require(p));
+      } catch (e) { console.error(`Error loading legacy locale ${lang} `, e); }
+    }
   }
 
   // 2. Load module folders
-  const dirPath = path.join(srcDir, 'locales', lang);
-  if (fs.existsSync(dirPath) && fs.statSync(dirPath).isDirectory()) {
-    const files = fs.readdirSync(dirPath);
-    for (const file of files) {
-      if (file.endsWith('.json')) {
-        try {
-          const content = require(path.join(dirPath, file));
-          Object.assign(translations, content);
-        } catch (e) { console.error(`Error loading locale module ${lang}/${file}`, e); }
-      } else if (file.endsWith('.yaml') || file.endsWith('.yml')) {
-        try {
-          const content = yaml.load(fs.readFileSync(path.join(dirPath, file), 'utf8'));
-          Object.assign(translations, content);
-        } catch (e) { console.error(`Error loading locale module ${lang}/${file}`, e); }
+  const dirPaths = [
+    path.join(paths.CORE_ROOT, 'src/locales', lang),
+    path.join(srcDir, 'locales', lang)
+  ];
+
+  for (const dirPath of dirPaths) {
+    if (fs.existsSync(dirPath) && fs.statSync(dirPath).isDirectory()) {
+      const files = fs.readdirSync(dirPath);
+      for (const file of files) {
+        if (file.endsWith('.json')) {
+          try {
+            const content = JSON.parse(fs.readFileSync(path.join(dirPath, file), 'utf8'));
+            Object.assign(translations, content);
+          } catch (e) { console.error(`Error loading locale module ${lang}/${file}`, e); }
+        } else if (file.endsWith('.yaml') || file.endsWith('.yml')) {
+          try {
+            const content = yaml.load(fs.readFileSync(path.join(dirPath, file), 'utf8'));
+            Object.assign(translations, content);
+          } catch (e) { console.error(`Error loading locale module ${lang}/${file}`, e); }
+        }
       }
     }
   }

package/server.js

@@ -0,0 +1,124 @@
+
+const express = require('express');
+const bodyParser = require('body-parser');
+const cors = require('cors');
+const fs = require('fs-extra');
+const path = require('path');
+const yaml = require('js-yaml');
+const { exec } = require('child_process');
+
+const app = express();
+const PORT = 3000;
+
+// Configuration
+const SRC_DIR = path.join(__dirname, 'src');
+const FEATURES_DIR = path.join(SRC_DIR, 'features');
+const DIST_DIR = path.join(__dirname, 'dist-dev');
+
+app.use(cors());
+app.use(bodyParser.json());
+
+// 1. Static Files (Serve the site)
+app.use(express.static(DIST_DIR));
+
+// 2. Admin API
+// GET /api/features - List all features and their configs
+app.get('/api/features', (req, res) => {
+  try {
+    const features = fs.readdirSync(FEATURES_DIR).filter(f => {
+      return fs.statSync(path.join(FEATURES_DIR, f)).isDirectory();
+    });
+
+    const data = features.map(feature => {
+      const configPath = path.join(FEATURES_DIR, feature, 'tool.yaml');
+      if (fs.existsSync(configPath)) {
+        const config = yaml.load(fs.readFileSync(configPath, 'utf8'));
+        return { id: feature, config };
+      }
+      return null;
+    }).filter(item => item !== null);
+
+    res.json(data);
+  } catch (err) {
+    res.status(500).json({ error: err.message });
+  }
+});
+
+// POST /api/features/:id - Update feature config
+app.post('/api/features/:id', (req, res) => {
+  const { id } = req.params;
+  const newConfig = req.body;
+  const configPath = path.join(FEATURES_DIR, id, 'tool.yaml');
+
+  if (!fs.existsSync(configPath)) {
+    return res.status(404).json({ error: 'Feature not found' });
+  }
+
+  try {
+    fs.writeFileSync(configPath, yaml.dump(newConfig), 'utf8');
+    console.log(`📝 Updated config for ${id}`);
+
+    console.log('🔄 Triggering rebuild...');
+    exec('node scripts/build.js', (error, stdout, stderr) => {
+      if (error) console.error(`Build error: ${error}`);
+      else console.log(`✅ Build complete`);
+    });
+
+    res.json({ success: true, message: 'Config updated and rebuild triggered' });
+  } catch (err) {
+    res.status(500).json({ error: err.message });
+  }
+});
+
+// GET /api/global
+app.get('/api/global', (req, res) => {
+  try {
+    const globalPath = path.join(SRC_DIR, 'data', 'global.yaml');
+    if (fs.existsSync(globalPath)) {
+      const config = yaml.load(fs.readFileSync(globalPath, 'utf8'));
+      res.json(config);
+    } else {
+      res.json({});
+    }
+  } catch (err) {
+    res.status(500).json({ error: err.message });
+  }
+});
+
+// POST /api/global
+app.post('/api/global', (req, res) => {
+  try {
+    const globalPath = path.join(SRC_DIR, 'data', 'global.yaml');
+    const newConfig = req.body;
+
+    fs.writeFileSync(globalPath, yaml.dump(newConfig), 'utf8');
+    console.log(`📝 Updated Global Config`);
+
+    console.log('🔄 Triggering rebuild...');
+    exec('node scripts/build.js', (error, stdout, stderr) => {
+      if (error) console.error(`Build error: ${error}`);
+      else console.log(`✅ Build complete`);
+    });
+
+    res.json({ success: true, message: 'Global config updated' });
+  } catch (err) {
+    res.status(500).json({ error: err.message });
+  }
+});
+
+// Fallback to index.html for SPA routing (only for page requests, not assets)
+app.use((req, res) => {
+  // If request has an extension, it's likely a missing asset
+  if (path.extname(req.path)) {
+    return res.status(404).send('Not found');
+  }
+  res.sendFile(path.join(DIST_DIR, 'index.html'));
+});
+
+app.listen(PORT, () => {
+  console.log(`
+  🚀 Admin Server running at http://localhost:${PORT}/admin
+  👉 Admin API: http://localhost:${PORT}/api/features
+  👉 Website:   http://localhost:${PORT}/
+  `);
+});

package/src/assets/css/categories.css

@@ -0,0 +1,90 @@
+/* Masonry Grid Layout */
+.categories-grid {
+  column-count: 2;
+  column-gap: 2rem;
+}
+
+@media (max-width: 900px) {
+  .categories-grid {
+    column-count: 1;
+  }
+}
+
+.category-card {
+  break-inside: avoid; /* Prevent card splitting */
+  margin-bottom: 2rem;
+  padding: 1.5rem;
+  background: var(--card-bg);
+  border: 1px solid var(--border-color);
+  border-radius: 12px;
+  box-shadow: var(--shadow);
+}
+
+.category-title {
+  font-size: 1.25rem;
+  margin-bottom: 1.5rem;
+  display: flex;
+  align-items: center;
+  gap: 0.75rem;
+  border-bottom: 1px solid var(--border-color);
+  padding-bottom: 1rem;
+}
+
+.cat-icon {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 36px;
+  height: 36px;
+  background: var(--bg-hover);
+  border-radius: 8px;
+  color: var(--primary-color);
+}
+
+.cat-count {
+  margin-left: auto;
+  font-size: 0.8rem;
+  background: var(--bg-hover);
+  padding: 0.2rem 0.6rem;
+  border-radius: 20px;
+  color: var(--text-muted);
+  white-space: nowrap;
+  display: inline-flex;
+  align-items: center;
+  border: 1px solid var(--border-color);
+}
+
+.cat-tools-list {
+  display: flex;
+  flex-direction: column;
+  gap: 0.5rem;
+}
+
+.cat-tool-item {
+  display: flex;
+  align-items: center;
+  gap: 0.75rem;
+  padding: 0.6rem 0.8rem;
+  border-radius: 8px;
+  color: var(--text-color); /* Updated text color */
+  transition: all 0.2s;
+  border: 1px solid transparent; /* Prevent layout shift on hover border */
+  position: relative;
+}
+
+.cat-tool-item:hover {
+  background: var(--bg-hover);
+  color: var(--primary-color);
+  transform: translateX(5px);
+  border-color: var(--border-color);
+}
+
+.tool-icon {
+  color: var(--text-muted);
+  display: flex;
+  align-items: center;
+}
+
+.cat-tool-item:hover .tool-icon {
+  color: var(--primary-color);
+}