@skirtle/create-vue-lib 0.0.7 → 0.0.9

package/dist/index.cjs

@@ -5697,7 +5697,7 @@ var import_picocolors = __toESM(require_picocolors(), 1);
 // package.json
 var package_default = {
   name: "@skirtle/create-vue-lib",
-  version: "0.0.7",
+  version: "0.0.9",
   author: "skirtle",
   license: "MIT",
   description: "Create a library using Vue and Vite",
@@ -5918,6 +5918,7 @@ async function init() {
   const includeDocs = await togglePrompt("Include VitePress for documentation?", true);
   const includeGithubPages = includeDocs && await togglePrompt("Include GitHub Pages config for documentation?");
   const includePlayground = await togglePrompt("Include playground application for development?", true);
+  const includeGithubCi = await togglePrompt("Include GitHub CI configuration?", !!githubPath);
   const includeExamples = await togglePromptIf(extended, "Include example code?", true, "Yes", "No, just configs");
   const includeAtAliases = await togglePromptIf(extended, "Configure @ as an alias for src?");
   const includeTestVariable = await togglePromptIf(extended, "Configure global __TEST__ variable?");
@@ -5977,6 +5978,7 @@ async function init() {
     includeEsLint,
     includeEsLintStylistic,
     includeVitest,
+    includeGithubCi,
     includeAtAliases,
     includeTestVariable
   };
@@ -5996,6 +5998,9 @@ async function init() {
   if (config.includeVitest) {
     copyTemplate("vitest", config);
   }
+  if (config.includeGithubCi) {
+    copyTemplate("ci", config);
+  }
   console.log();
   console.log(`${(0, import_picocolors.bgGreen)((0, import_picocolors.bold)((0, import_picocolors.black)("DONE")))} Project created`);
   console.log();

package/dist/template/base/config/packages/@projectName@/{src/global.d.ts.ejs → env.d.ts.ejs}

@@ -1,3 +1,5 @@
+/// <reference types="vite/client" />
+
 declare const __DEV__: boolean
 <%_ if (config.includeTestVariable) { _%>
 declare const __TEST__: boolean

package/dist/template/base/examples/packages/@projectName@/src/components/ExampleComponent.vue.ejs

@@ -2,10 +2,7 @@
 import { ref } from 'vue'
 
 if (__DEV__) {
-  console.log('dev: creating ExampleComponent')
-  <%_ if (config.includeTestVariable) { _%>
-  console.log(`__TEST__: ${__TEST__}`)
-  <%_ } _%>
+  console.log('[<%- config.scopedPackageName %>] creating ExampleComponent')
 }
 
 const msg = ref('Hello world!')

package/dist/template/base/examples/packages/@projectName@/src/components/MyPanel.vue

@@ -1,10 +1,15 @@
 <script setup lang="ts">
+import { provide } from 'vue'
 import MyPanelSection from './MyPanelSection.vue'
 
 defineProps<{
   title?: string
   footer?: string
 }>()
+
+if (__DEV__) {
+  provide('MyPanel', true)
+}
 </script>
 
 <template>

package/dist/template/base/examples/packages/@projectName@/src/components/MyPanelSection.vue.ejs

@@ -0,0 +1,25 @@
+<script setup lang="ts">
+import { inject, provide } from 'vue'
+
+if (__DEV__) {
+  const insideMyPanel = inject('MyPanel', false)
+
+  if (!insideMyPanel) {
+    console.warn('[<%- config.scopedPackageName %>] MyPanelSection can only be used inside MyPanel')
+  }
+
+  provide('MyPanel', false)
+}
+</script>
+
+<template>
+  <div class="panel-section">
+    <slot />
+  </div>
+</template>
+
+<style scoped>
+.panel-section {
+  padding: 10px;
+}
+</style>

package/dist/template/base/examples/packages/@projectName@/src/{index.ts → index.ts.ejs}

@@ -1,3 +1,10 @@
 export { default as ExampleComponent } from './components/ExampleComponent.vue'
 export { default as MyPanel } from './components/MyPanel.vue'
 export { default as MyPanelSection } from './components/MyPanelSection.vue'
+
+if (__DEV__) {
+  console.log('[<%- config.scopedPackageName %>] dev mode')
+  <%_ if (config.includeTestVariable) { _%>
+  console.log(`[<%- config.scopedPackageName %>] __TEST__: ${__TEST__}`)
+  <%_ } _%>
+}

package/dist/template/ci/config/.github/workflows/ci.yml.ejs

@@ -0,0 +1,38 @@
+name: CI
+
+on:
+  push:
+    branches: ['main']
+  pull_request:
+    branches: ['main']
+
+jobs:
+  ci:
+<%_ if (config.githubPath) { _%>
+    if: github.repository == '<%- config.githubPath %>'
+<%_ } _%>
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+      - name: Install pnpm
+        uses: pnpm/action-setup@v4
+      - name: Set up Node
+        uses: actions/setup-node@v4
+        with:
+          node-version: 20
+          cache: 'pnpm'
+      - name: Install dependencies
+        run: pnpm install
+<%_ if (config.includeEsLint) { _%>
+      - name: Lint
+        run: pnpm run lint
+<%_ } _%>
+      - name: Type check
+        run: pnpm run type-check
+      - name: Build
+        run: pnpm run build
+<%_ if (config.includeVitest) { _%>
+      - name: Test
+        run: pnpm run test:unit
+<%_ } _%>

package/dist/template/playground/config/packages/playground/env.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="vite/client" />
 
-import '../@projectName@/src/global.d.ts'
+import '../@projectName@/env.d.ts'

package/dist/template/vitepress/config/packages/docs/env.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="vite/client" />
 
-import '../@projectName@/src/global.d.ts'
+import '../@projectName@/env.d.ts'

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skirtle/create-vue-lib",
-  "version": "0.0.7",
+  "version": "0.0.9",
   "author": "skirtle",
   "license": "MIT",
   "description": "Create a library using Vue and Vite",

package/dist/template/base/config/packages/@projectName@/env.d.ts

@@ -1 +0,0 @@
-/// <reference types="vite/client" />

package/dist/template/base/examples/packages/@projectName@/src/components/MyPanelSection.vue

@@ -1,15 +0,0 @@
-<script setup lang="ts">
-
-</script>
-
-<template>
-  <div class="panel-section">
-    <slot />
-  </div>
-</template>
-
-<style scoped>
-.panel-section {
-  padding: 10px;
-}
-</style>