create-ui0 0.1.5 → 0.1.6

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',

package/package.json

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

package/template-component/name.vue

@@ -1,17 +1,18 @@
 <template>
   <div
     data-0="{%kebab%}"
-    :class="$styles.{%camel%}">
+    :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>