chore: wip

Author: chrisbbreuer

.stacks/auto-imports.d.ts

@@ -206,6 +206,7 @@ declare global {
   const usePointer: typeof import('@vueuse/core')['usePointer']
   const usePointerSwipe: typeof import('@vueuse/core')['usePointerSwipe']
   const usePreferredColorScheme: typeof import('@vueuse/core')['usePreferredColorScheme']
+  const usePreferredContrast: typeof import('@vueuse/core')['usePreferredContrast']
   const usePreferredDark: typeof import('@vueuse/core')['usePreferredDark']
   const usePreferredLanguages: typeof import('@vueuse/core')['usePreferredLanguages']
   const usePreferredReducedMotion: typeof import('@vueuse/core')['usePreferredReducedMotion']
@@ -484,6 +485,7 @@ declare module '@vue/runtime-core' {
     readonly usePointer: UnwrapRef<typeof import('@vueuse/core')['usePointer']>
     readonly usePointerSwipe: UnwrapRef<typeof import('@vueuse/core')['usePointerSwipe']>
     readonly usePreferredColorScheme: UnwrapRef<typeof import('@vueuse/core')['usePreferredColorScheme']>
+    readonly usePreferredContrast: UnwrapRef<typeof import('@vueuse/core')['usePreferredContrast']>
     readonly usePreferredDark: UnwrapRef<typeof import('@vueuse/core')['usePreferredDark']>
     readonly usePreferredLanguages: UnwrapRef<typeof import('@vueuse/core')['usePreferredLanguages']>
     readonly usePreferredReducedMotion: UnwrapRef<typeof import('@vueuse/core')['usePreferredReducedMotion']>

.stacks/bin/artisan.js

@@ -43,10 +43,9 @@
   "module": "dist/index.js",
   "types": "dist/index.d.ts",
   "bin": {
-    "artisan": "bin/artisan.js"
+    "artisan": "./dist/cli/index.mjs"
   },
   "files": [
-    "bin",
     "dist",
     "scripts"
   ],
@@ -55,14 +54,14 @@
     "pnpm": ">=7.9.5"
   },
   "scripts": {
+    "artisan": "jiti ./src/cli/index.ts",
     "dev:components": "vite serve ./src/components -c ./src/config/components.ts",
     "build:components": "vite build -c ./src/config/components.ts",
     "build:elements": "vite build -c ./src/config/elements.ts",
-    "examples:vue": "vite serve ./examples/vue -c ./src/config/example-vue.ts",
+    "examples:vue": "pnpm run build:components && vite serve ./examples/vue -c ./src/config/example-vue.ts",
     "build:functions": "vite build -c ./src/config/functions.ts",
     "build:cli": "vite build -c ./src/config/cli.ts",
     "build:stacks": "vite -c ./src/config/stacks.ts needed for our starter kits",
-    "artisan": "esno ./src/cli/run.ts",
     "nitro:build": "nitro build",
     "make:component": "wip",
     "make:function": "wip",
@@ -90,7 +89,7 @@
     "test:coverage": "cd .. && vitest run --coverage",
     "test:types": "vue-tsc --noEmit",
     "types:fix": "esno scripts/fix-types.ts",
-    "preinstall": "esno scripts/check-for-pnpm.ts && esno scripts/check-node-version.ts",
+    "preinstall": "esno scripts/check-node-version.ts",
     "postinstall": "npx simple-git-hooks ../config/git-hooks.ts"
   },
   "dependencies": {
@@ -136,6 +135,7 @@
     "detect-indent": "^7.0.0",
     "detect-newline": "^4.0.0",
     "events": "^3.3.0",
+    "jiti": "^1.14.0",
     "vitepress": "1.0.0-alpha.10"
   }
 }

.stacks/package.json

@@ -14,10 +14,11 @@ async function main() {
       '\n',
       '⚠️ \u001B[33mThis package requires your Node.js version to be `>=16`'
       + ' to work properly.\u001B[39m',
-      '\n\n1. Install Volta to automatically manage it by running: \x1B[1mcurl https://get.volta.sh | bash\x1B[0m',
-      '\n2. Install Node.js by running: \x1B[1mvolta install node@16\x1B[0m',
-      '\n3. Done! Run `npm` commands as usual and it\'ll just work :)',
-      '\n\nSee \x1B[1mhttps://volta.sh\x1B[0m for more information.',
+      '\n\n1. Install nvm to automatically manage it by running: \x1B[1mcurl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.1/install.sh | bash\x1B[0m',
+      '\n2. When you change your directory to your Stacks project, it will automatically install the proper Node.js version\x1B[0m',
+      '\n3. Enable corepack: \x1B[1mcorepack enable\x1B[0m',
+      '\n4. Done! Run any `pnpm` commands as usual and it\'ll just work :)',
+      '\n\nSee \x1B[1mhttps://github.com/nvm-sh/nvm\x1B[0m for more information.',
       '\n',
     )
 

.stacks/scripts/check-for-pnpm.ts

@@ -9,7 +9,7 @@ import { ExitCode } from './exit-code'
  *
  * @param args - The command-line arguments (e.g. ["dev", "dev -c", "dev:components"])
  */
-export async function main(): Promise<void> {
+async function main() {
   try {
     const cli = cac('artisan')
 
@@ -73,3 +73,5 @@ function errorHandler(error: Error): void {
   console.error(message)
   process.exit(ExitCode.FatalError)
 }
+
+main()

.stacks/scripts/check-node-version.ts

@@ -1,3 +1,3 @@
 // todo: this file needs to be auto-generated
-export { default as Counter } from 'components/Counter.vue'
-export { default as HelloWorld } from 'components/HelloWorld.vue'
+export { default as Counter } from '../../../components/Counter.vue'
+export { default as HelloWorld } from '../../../components/HelloWorld.vue'

.stacks/src/cli/index.ts

@@ -1,17 +1,16 @@
 const { readdirSync } = require('fs')
 const { resolve } = require('path')
 const configPath = resolve(__dirname, './config/git.ts')
-// const { paramCase } = require('change-case')
+const { paramCase } = require('change-case')
 const jiti = require('jiti')(configPath, { debug: true })
 
-// const components = readdirSync(resolve(__dirname, './components'))
-//   .map(item => paramCase(item.replace(/.vue/g, '')))
+const components = readdirSync(resolve(__dirname, './components'))
+  .map(item => paramCase(item.replace(/.vue/g, '')))
 
-// const functions = readdirSync(resolve(__dirname, './functions'))
-//   .map(item => paramCase(item.replace(/.ts/g, '')))
+const functions = readdirSync(resolve(__dirname, './functions'))
+  .map(item => paramCase(item.replace(/.ts/g, '')))
 
-const scopes = ['', 'ci', 'core', 'config', 'deps', 'docs', 'dx', 'example', 'play', 'release', 'readme', 'build']
-// const scopes = ['', 'ci', 'core', 'config', 'deps', 'docs', 'dx', 'example', 'play', 'release', 'readme', 'build', ...components, ...functions]
+const scopes = ['', 'ci', 'core', 'config', 'deps', 'docs', 'dx', 'example', 'play', 'release', 'readme', 'build', ...components, ...functions]
 const uniqueScopes = [...new Set(scopes)]
 
 module.exports = {