domma-js 0.3.1-alpha → 0.7.0-alpha

package/bin/domma-cli.js

@@ -0,0 +1,144 @@
+#!/usr/bin/env node
+
+import {existsSync, mkdirSync, readdirSync, readFileSync, statSync, writeFileSync} from 'fs';
+import {dirname, join, relative} from 'path';
+import {fileURLToPath} from 'url';
+import * as readline from 'readline/promises';
+import {stdin as input, stdout as output} from 'process';
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = dirname(__filename);
+
+const THEMES = [
+  'charcoal-dark',
+  'ocean-dark',
+  'forest-dark',
+  'sunset-light',
+  'silver-light',
+  'ocean-light',
+  'forest-light',
+  'sunset-dark',
+  'royal-dark',
+  'lemon-light'
+];
+
+// Parse command-line arguments
+const args = process.argv.slice(2);
+const quickMode = args.includes('--quick');
+
+// ASCII Art Banner
+console.log(`
+╔═══════════════════════════════════════╗
+║                                       ║
+║       Welcome to Domma CLI!           ║
+║                                       ║
+╚═══════════════════════════════════════╝
+
+  Let's set up your project.
+`);
+
+async function main() {
+  let projectName = 'my-app';
+  let theme = 'charcoal-dark';
+  let includeThemeSelector = false;
+
+  if (!quickMode) {
+    const rl = readline.createInterface({input, output});
+
+    // Prompt for project name
+    const nameAnswer = await rl.question(`  Project name: (${projectName}) `);
+    if (nameAnswer.trim()) projectName = nameAnswer.trim();
+
+    // Prompt for theme
+    console.log(`\n  Choose a theme:`);
+    THEMES.forEach((t, i) => {
+      const marker = i === 0 ? '❯' : ' ';
+      const tag = i === 0 ? '(default)' : '';
+      console.log(`    ${marker} ${t} ${tag}`);
+    });
+
+    const themeAnswer = await rl.question(`\n  Enter theme name or number (1-${THEMES.length}): `);
+    const themeInput = themeAnswer.trim();
+    if (themeInput) {
+      const themeIndex = parseInt(themeInput) - 1;
+      if (Number.isInteger(themeIndex) && themeIndex >= 0 && themeIndex < THEMES.length) {
+        theme = THEMES[themeIndex];
+      } else if (THEMES.includes(themeInput)) {
+        theme = themeInput;
+      }
+    }
+
+    // Prompt for theme selector
+    const selectorAnswer = await rl.question(`\n  Include theme selector? (y/N): `);
+    includeThemeSelector = selectorAnswer.trim().toLowerCase() === 'y';
+
+    rl.close();
+    console.log('');
+  }
+
+  // Find templates directory
+  const templatesDir = join(__dirname, '..', 'templates', 'kickstart');
+
+  if (!existsSync(templatesDir)) {
+    console.error(`\n  ✗ Error: Templates directory not found at ${templatesDir}`);
+    process.exit(1);
+  }
+
+  // Create project structure
+  console.log(`  Creating project structure...\n`);
+
+  const currentYear = new Date().getFullYear();
+  const vars = {
+    '{{projectName}}': projectName,
+    '{{year}}': currentYear.toString(),
+    '{{theme}}': theme,
+    '{{includeThemeSelector}}': includeThemeSelector.toString()
+  };
+
+  // Copy all templates with variable substitution
+  copyTemplatesRecursive(templatesDir, process.cwd(), vars);
+
+  console.log(`\n  ✓ Done! Your project "${projectName}" is ready.\n`);
+  console.log(`  Next steps:`);
+  console.log(`    1. Open index.html in your browser`);
+  console.log(`    2. Edit domma.config.json to customise`);
+  console.log(`    3. Read the docs: https://github.com/dcbw-it/domma\n`);
+}
+
+/**
+ * Recursively copy templates with variable substitution
+ */
+function copyTemplatesRecursive(srcDir, destDir, vars) {
+  const items = readdirSync(srcDir);
+
+  for (const item of items) {
+    const srcPath = join(srcDir, item);
+    const destPath = join(destDir, item);
+    const stat = statSync(srcPath);
+
+    if (stat.isDirectory()) {
+      // Create directory if it doesn't exist
+      if (!existsSync(destPath)) {
+        mkdirSync(destPath, {recursive: true});
+      }
+      copyTemplatesRecursive(srcPath, destPath, vars);
+    } else {
+      // Copy file with variable substitution
+      let content = readFileSync(srcPath, 'utf-8');
+
+      // Replace all variables
+      for (const [key, value] of Object.entries(vars)) {
+        content = content.replaceAll(key, value);
+      }
+
+      writeFileSync(destPath, content, 'utf-8');
+      const relPath = relative(process.cwd(), destPath);
+      console.log(`  ✓ Created ${relPath}`);
+    }
+  }
+}
+
+main().catch((error) => {
+  console.error(`\n  ✗ Error: ${error.message}`);
+  process.exit(1);
+});

package/package.json

@@ -1,11 +1,16 @@
 {
   "name": "domma-js",
-  "version": "0.3.1-alpha",
+  "version": "0.7.0-alpha",
   "description": "Dynamic Object Manipulation & Modeling API - A complete front-end toolkit.",
   "main": "public/dist/domma.min.js",
   "module": "public/dist/domma.esm.js",
   "types": "assets/types/index.d.ts",
+  "bin": {
+    "domma": "./bin/domma-cli.js"
+  },
   "files": [
+    "bin/",
+    "templates/",
     "public/dist/domma.min.js",
     "public/dist/domma.esm.js",
     "public/dist/domma.css",
@@ -13,6 +18,7 @@
     "public/dist/elements.css",
     "public/dist/grid.css",
     "public/dist/syntax.css",
+    "public/dist/domma-syntax.min.js",
     "public/dist/themes/",
     "assets/types/",
     "LICENSE",
@@ -24,22 +30,22 @@
   },
   "type": "module",
   "scripts": {
-    "dev": "NODE_ENV=development npm run generate:bundles && rollup -c && node scripts/build-info.js && npm run build:metadata && npm run build:css && npm run build:miniapps && live-server public --port=3001 --open=/index.html",
-    "build": "npm run generate:bundles && rollup -c && node scripts/build-info.js && npm run build:metadata && npm run build:css && npm run build:css-bundles && npm run build:archives && npm run build:kickstart && npm run build:miniapps",
+    "dev": "NODE_ENV=development npm run generate:bundles && rollup -c && node scripts/build-info.js && npm run build:metadata && npm run copy:themes && npm run build:css && npm run build:miniapps && live-server public --port=3001 --open=/index.html",
+    "build": "npm run generate:bundles && rollup -c && node scripts/build-info.js && npm run build:metadata && npm run copy:themes && npm run build:css && npm run build:css-bundles && npm run build:archives && npm run build:kickstart && npm run build:miniapps",
     "build:js": "rollup -c",
     "build:css": "node scripts/build-css.js",
     "build:css-bundles": "node scripts/build-css-bundles.js",
     "build:archives": "node scripts/build-archives.js",
     "build:info": "node scripts/build-info.js",
     "build:metadata": "node scripts/copy-metadata.js",
+    "copy:themes": "node scripts/copy-theme-css.js",
     "build:kickstart": "npm run build:js && npm run build:info && node scripts/build-kickstart-zip.js",
     "build:miniapps": "node scripts/build-miniapp.js && node scripts/copy-miniapps.js",
     "build:miniapp:garage": "node scripts/build-miniapp.js garage",
     "generate:bundles": "node scripts/generate-bundles.js",
     "test:vitest": "vitest",
     "test": "vitest",
-    "cypress:run": "cypress run",
-    "showcase": "live-server public --port=3001 --open=/showcase/index.html"
+    "cypress:run": "cypress run"
   },
   "keywords": [
     "dom",
@@ -59,6 +65,7 @@
     "dotenv": "^17.2.3",
     "jsdom": "^24.1.0",
     "live-server": "^1.2.0",
+    "puppeteer": "^24.34.0",
     "rollup": "^4.28.0",
     "rollup-plugin-obfuscator": "^1.1.0",
     "vitest": "^4.0.16"