create-ui0 0.1.5 → 0.1.7

package/dist/index.js

@@ -80,6 +80,28 @@ const onCancel = () => {
     console.log('aborted');
     process.exit(0);
 };
+/** the @ui0 specs a template manifest carries (deps + devDeps merged) */
+const ui0Specs = (manifest) => Object.entries({ ...manifest.dependencies, ...manifest.devDependencies }).filter(([name]) => name.startsWith('@ui0/'));
+/**
+ * startup banner: own version + the @ui0 package specs the scaffold can
+ * pull (base template deps, per-feature deps, the nuxt host additions) -
+ * everything read from the manifests/FEATURES, never hardcoded
+ */
+const showBanner = () => {
+    const own = JSON.parse(readFileSync(new URL('../package.json', import.meta.url), 'utf8'));
+    const base = JSON.parse(readFileSync(path.join(templateDir, 'package.json.tpl'), 'utf8'));
+    const nuxt = JSON.parse(readFileSync(path.join(templateNuxtDir, 'package.json.tpl'), 'utf8'));
+    const baseDeps = ui0Specs(base);
+    const nuxtExtra = ui0Specs(nuxt).filter(([name]) => !baseDeps.some(([baseName]) => baseName === name));
+    console.log(`\ncreate-ui0 v${own.version}\n`);
+    console.log(`  always: ${baseDeps.map(([n, s]) => `${n} ${s}`).join(', ')}`);
+    for (const feature of FEATURES) {
+        console.log(`  ${feature.id}: ${Object.entries(feature.deps).map(([n, s]) => `${n} ${s}`).join(', ')}`);
+    }
+    if (nuxtExtra.length)
+        console.log(`  nuxt adds: ${nuxtExtra.map(([n, s]) => `${n} ${s}`).join(', ')}`);
+    console.log();
+};
 /**
  * `create-ui0 component [Name]` - scaffolds a single component folder from
  * template-component/ into the project at cwd (src/components/<kebab>/).
@@ -139,6 +161,7 @@ const run = async () => {
     const argDir = process.argv[2];
     const argHost = process.argv[3];
     const argFeatures = process.argv[4]?.split(',').filter(Boolean);
+    showBanner();
     const { dir } = await prompts({
         type: argDir ? null : 'text',
         name: 'dir',
@@ -205,12 +228,13 @@ const run = async () => {
         const nuxtConfigPath = path.join(target, 'nuxt.config.ts');
         const withIcons = features.includes('icon');
         const configSrc = readFileSync(nuxtConfigPath, 'utf8')
-            .replace('/* FEATURE_VITE_IMPORT */', withIcons ? "import { fileURLToPath } from 'node:url'\n\nimport ViteUi0Icon from '@ui0/icon/vite'\n" : '')
+            .replace('/* FEATURE_VITE_IMPORT */', withIcons ? "import ViteUi0Icon from '@ui0/icon/vite'\n" : '')
             .replace('/* FEATURE_VITE_PLUGINS */', 
-        // absolute on purpose: nuxt's vite root is the app/ dir, relative
-        // dirs would resolve against it. dir is the scan root - an svg at
-        // <dir>/icons/bookmark.svg is addressed 'assets/icons/bookmark'
-        withIcons ? "ViteUi0Icon({ dir: fileURLToPath(new URL('./assets', import.meta.url)) })" : '')
+        // dir is the scan root - an svg at <dir>/icons/bookmark.svg is
+        // addressed 'assets/icons/bookmark'. Relative dirs resolve against
+        // the vite root, walking up to the project root when missing (nuxt
+        // roots vite at app/)
+        withIcons ? "ViteUi0Icon({ dir: './assets' })" : '')
             .replace('/* FEATURE_CSS */', 
         // the placeholder trails the array's first entry - lead with a comma
         picked.length ? `,\n    ${picked.flatMap((f) => f.cssLines ?? []).join(',\n    ')}` : '');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-ui0",
-  "version": "0.1.5",
+  "version": "0.1.7",
   "description": "Scaffold a ui0 (Vue + @ui0) app - npm create ui0",
   "type": "module",
   "bin": {

package/template-component/name.vue

@@ -1,17 +1,15 @@
 <template>
-  <div
-    data-0="{%kebab%}"
-    :class="$styles.{%camel%}">
+  <div :class="$styles.{%camel%}">
     <slot />
   </div>
 </template>
 
 <script setup lang="ts">
-  import { useCssModule } from 'vue'
+import { useCssModule } from 'vue'
 
-  import type { {%Pascal%}Props } from './{%kebab%}.types'
-  import './{%kebab%}.module.css'
+import type { {%Pascal%}Props } from './{%kebab%}.types'
+import './{%kebab%}.module.css'
 
-  const props = withDefaults(defineProps<{%Pascal%}Props>(), {})
-  const $styles = useCssModule()
+const props = withDefaults(defineProps<{%Pascal%}Props>(), {})
+const $styles = useCssModule()
 </script>

package/template-nuxt/package.json.tpl

@@ -10,7 +10,7 @@
   },
   "dependencies": {
     "@ui0/core": "^0.1.5",
-    "@ui0/nuxt": "^0.1.2",
+    "@ui0/nuxt": "^0.1.3",
     "@ui0/theme": "^0.1.5",
     "nuxt": "^4.6.4",
     "vue": "^3.5.45"