stacks 0.37.9 → 0.38.3

package/README.md

@@ -16,7 +16,7 @@ Other included core features are:
 - ⚡️ Vite powered, optimized for speed
 - 🚜 Create one component, automatically generate a Vue & Web Component library
 - 🎨 Optimized CSS engine for Vue & Web Components, and SSG pages _(defaults to Tailwind CSS utility classes)_
-- 👣 Tiny foot-print in production builds
+- 👣 Headless framework
 - 🌳 Treeshaking for Vue & Web Components, and function libraries
 - 💬 Fully-typed TypeScript definitions
 - 📰 Automatically publishes your libraries to npm & creates your changelogs
@@ -59,7 +59,7 @@ Please see [CONTRIBUTING](../../.github/CONTRIBUTING.md) for details.
 
 For help, discussion about best practices, or any other conversation that would benefit from being searchable:
 
-[Discussions on GitHub](https://github.com/stacksjs/web-components-library-starter/discussions)
+[Discussions on GitHub](https://github.com/stacksjs/stacks/discussions)
 
 For casual chit-chat with others using this package:
 

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "stacks",
   "type": "module",
-  "version": "0.37.9",
-  "packageManager": "pnpm@7.14.0",
+  "version": "0.38.3",
+  "packageManager": "pnpm@7.15.0",
   "description": "The Stacks framework.",
   "author": "Chris Breuer",
   "license": "MIT",
@@ -11,7 +11,7 @@
   "repository": {
     "type": "git",
     "url": "git+https://github.com/stacksjs/stacks.git",
-    "directory": "./.stacks"
+    "directory": "./.stacks/core/runtime"
   },
   "bugs": {
     "url": "https://github.com/stacksjs/stacks/issues"
@@ -21,6 +21,7 @@
     "component",
     "composables",
     "functions",
+    "headless",
     "api",
     "ssg",
     "pwa",
@@ -44,104 +45,43 @@
     "artisan": "bin/stacks.mjs"
   },
   "files": [
-    "dist"
+    "dist",
+    "README.md"
   ],
   "engines": {
-    "node": ">=v18.10.0",
-    "pnpm": ">=7.14.0"
+    "node": ">=v18.12.1",
+    "pnpm": ">=7.15.0"
   },
   "dependencies": {
-    "@iconify-json/heroicons-outline": "^1.1.4",
-    "@iconify-json/heroicons-solid": "^1.1.5",
-    "@intlify/vite-plugin-vue-i18n": "^6.0.3",
-    "@jsdevtools/ez-spawn": "^3.0.4",
-    "@julr/unocss-preset-forms": "^0.0.2",
-    "@mdit-vue/plugin-component": "^0.11.1",
-    "@mdit-vue/plugin-frontmatter": "^0.11.1",
-    "@mdit-vue/types": "^0.11.0",
-    "@ow3/eslint-config": "^0.31.3",
-    "@rollup/pluginutils": "^5.0.2",
-    "@stacksjs/actions": "0.37.9",
-    "@stacksjs/arrays": "0.37.9",
-    "@stacksjs/build": "0.37.9",
-    "@stacksjs/collections": "0.37.9",
-    "@stacksjs/fs": "0.37.9",
-    "@stacksjs/helpers": "0.37.9",
-    "@stacksjs/modules": "0.37.9",
-    "@stacksjs/objects": "0.37.9",
-    "@stacksjs/paths": "0.37.9",
-    "@stacksjs/router": "0.37.9",
-    "@stacksjs/security": "0.37.9",
-    "@stacksjs/strings": "0.37.9",
-    "@stacksjs/types": "0.37.9",
-    "@stacksjs/ui": "0.37.9",
-    "@types/bcryptjs": "^2.4.2",
-    "@types/crypto-js": "^4.1.1",
-    "@types/fs-extra": "^9.0.13",
-    "@types/markdown-it-link-attributes": "^3.0.1",
-    "@types/minimatch": "^5.1.2",
-    "@types/node": "^18.8.0",
-    "@types/prompts": "^2.4.1",
-    "@unocss/transformer-compile-class": "^0.45.30",
-    "@vitejs/plugin-vue": "^3.1.2",
-    "@vitest/coverage-istanbul": "^0.24.3",
-    "@vueuse/core": "^9.3.1",
-    "@vueuse/head": "^0.9.8",
-    "@vueuse/math": "^9.3.1",
-    "@vueuse/shared": "^9.3.1",
-    "bcryptjs": "^2.4.3",
-    "bumpp": "^8.2.1",
-    "cac": "^6.7.14",
-    "commitizen": "^4.2.5",
-    "consola": "^2.15.3",
-    "conventional-changelog-cli": "^2.2.2",
-    "crypto-js": "^4.1.1",
-    "cz-git": "^1.3.12",
-    "defu": "^6.1.0",
-    "detect-indent": "^7.0.1",
-    "detect-newline": "^4.0.0",
-    "eslint": "^8.26.0",
-    "esno": "^0.16.3",
-    "events": "^3.3.0",
-    "fast-glob": "^3.2.12",
-    "fs-extra": "^10.1.0",
-    "giget": "^0.1.7",
-    "jiti": "^1.16.0",
-    "js-base64": "^3.7.2",
-    "kolorist": "1.6.0",
-    "lint-staged": "^13.0.3",
-    "local-pkg": "^0.4.2",
-    "markdown-it": "^13.0.1",
-    "markdown-it-link-attributes": "^4.0.1",
-    "markdown-it-shiki": "^0.5.1",
-    "minimatch": "^5.1.0",
-    "mkdist": "^0.3.13",
-    "nitropack": "^0.6.0",
+    "@stacksjs/actions": "0.38.3",
+    "@stacksjs/arrays": "0.38.3",
+    "@stacksjs/build": "0.38.3",
+    "@stacksjs/cli": "0.38.3",
+    "@stacksjs/cloud": "0.38.3",
+    "@stacksjs/collections": "0.38.3",
+    "@stacksjs/config": "0.38.3",
+    "@stacksjs/docs": "0.38.3",
+    "@stacksjs/errors": "0.38.3",
+    "@stacksjs/git": "0.38.3",
+    "@stacksjs/lint": "0.38.3",
+    "@stacksjs/logging": "0.38.3",
+    "@stacksjs/modules": "0.38.3",
+    "@stacksjs/objects": "0.38.3",
+    "@stacksjs/path": "0.38.3",
+    "@stacksjs/router": "0.38.3",
+    "@stacksjs/security": "0.38.3",
+    "@stacksjs/server": "0.38.3",
+    "@stacksjs/storage": "0.38.3",
+    "@stacksjs/strings": "0.38.3",
+    "@stacksjs/tests": "0.38.3",
+    "@stacksjs/types": "0.38.3",
+    "@stacksjs/ui": "0.38.3",
+    "@stacksjs/utils": "0.38.3"
+  },
+  "devDependencies": {
     "only-allow": "^1.1.1",
-    "pinia": "^2.0.23",
-    "rimraf": "^3.0.2",
-    "simple-git-hooks": "^2.8.1",
-    "typescript": "^4.8.4",
-    "unbuild": "^0.9.4",
-    "unocss": "^0.45.30",
-    "unplugin-auto-import": "^0.11.2",
-    "unplugin-vue-components": "^0.22.8",
-    "vite": "^3.1.8",
-    "vite-plugin-inspect": "^0.7.5",
-    "vite-plugin-pages": "^0.27.0",
-    "vite-plugin-pwa": "^0.13.1",
-    "vite-plugin-vue-component-preview": "^0.3.3",
-    "vite-plugin-vue-layouts": "^0.7.0",
-    "vite-plugin-vue-markdown": "^0.22.1",
-    "vite-ssg": "^0.21.1",
-    "vite-ssg-sitemap": "^0.4.3",
-    "vitepress": "1.0.0-alpha.22",
-    "vitest": "^0.24.3",
-    "vue": "^3.2.41",
-    "vue-component-meta": "^1.0.8",
-    "vue-docgen-web-types": "^0.1.8",
-    "vue-i18n": "^9.2.2",
-    "vue-tsc": "^1.0.8"
+    "pnpm": ">=7.15.0",
+    "typescript": "^4.8.4"
   },
   "config": {
     "commitizen": {
@@ -150,36 +90,43 @@
   },
   "web-types": "./web-types.json",
   "scripts": {
-    "preinstall": "npx only-allow pnpm",
     "stacks": "esno ./src/cli.ts",
     "stx": "pnpm run stacks",
-    "artisan": "pnpm run stacks",
-    "fresh": "pnpm run clean && pnpm i",
-    "clean": "rimraf ../pnpm-lock.yaml ../node_modules/ ../**/node_modules",
+    "preinstall": "npx only-allow pnpm",
+    "fresh": "pnpm stacks fresh",
+    "clean": "pnpm stacks clean",
     "update": "pnpm stacks update",
     "update:dependencies": "pnpm stacks update:dependencies",
     "update:framework": "pnpm stacks update:framework",
     "update:package-manager": "pnpm stacks update:package-manager",
+    "update:node": "pnpm stacks update:node",
+    "update:all": "pnpm stacks update:all",
     "dev": "pnpm stacks dev",
-    "dev:components": "vite serve ./vue-components -c ./core/build/src/vue-components.ts",
-    "dev:docs": "vitepress dev ../apps/site",
+    "dev:components": "npx vite serve ./components/vue -c ./core/build/src/vue-components.ts",
+    "dev:core": "pnpm --filter '../**' --filter '!../runtime/' dev",
+    "dev:docs": "vitepress dev ../apps/docs",
     "dev:pages": "nitro dev",
-    "dev:functions": "pnpm stacks dev:functions // todo: opens the auto-generated web server of functions",
+    "dev:functions": "pnpm stacks dev:functions",
     "development": "pnpm run dev",
-    "build": "pnpm stacks build // todo: add the help default",
+    "build": "pnpm stacks build",
+    "build:bin": "pkg .",
     "build:components": "pnpm stacks build:components",
-    "build:vue-components": "vite build -c ./core/build/src/vue-components.ts",
-    "build:web-components": "vite build -c ./core/build/src/web-components.ts",
-    "build:functions": "vite build -c ./core/build/src/functions.ts",
-    "build:docs": "vitepress build ../apps/site",
-    "build:pages": "vite-ssg build ./pages -c ./core/build/src/pages.ts",
-    "build:cli": "unbuild",
-    "build:core": "pnpm --filter './core/**' build",
-    "build:stacks": "mkdist -d && unbuild",
+    "build:vue-components": "npx vite build -c ./core/build/src/vue-components.ts",
+    "build:web-components": "npx vite build -c ./core/build/src/web-components.ts",
+    "build:functions": "npx vite build -c ./core/build/src/functions.ts",
+    "build:docs": "npx vitepress build ../apps/docs",
+    "build:pages": "npx vite-ssg build ./pages -c ./core/build/src/pages.ts",
+    "build:core": "pnpm --filter './core/**' --filter='!./core/config' build && pnpm --filter './core/config' build",
+    "build:cli": "npx unbuild",
+    "build:runtime": "pnpm run build:cli && pkg .",
+    "build:pkg": "pkg dist/cli.cjs --compress Brotli -o dist/pkg/stacks -t latest-macos-x64,latest-win-x64,latest-linux-x64 -d --public-packages \"*\"",
+    "build:osx": "caxa --input \"dist\" --output \"dist/caxa/stacks.app\" -- \"{{caxa}}/node_modules/.bin/node\" \"{{caxa}}/index.js\"",
+    "build:unix": "caxa --input \"dist\" --output \"stxx\" -- \"{{caxa}}/node_modules/.bin/node\" \"{{caxa}}/index.mjs\"",
+    "build:stacks": "npx mkdist -d && pnpm build:cli && pnpm build:core",
     "build:all": "wip",
     "prod": "pnpm run build",
     "prod:components": "pnpm run build:components",
-    "prod:vue-components": "pnpm run build:web-components",
+    "prod:vue": "pnpm run prod:vue",
     "prod:web-components": "pnpm run build:web-components",
     "prod:functions": "pnpm run build:functions",
     "prod:docs": "pnpm run build:docs",
@@ -192,8 +139,8 @@
     "deploy:docs": "pnpm stacks deploy:docs",
     "deploy:all": "pnpm stacks deploy:all",
     "example": "wip",
-    "example:vue": "pnpm run build:components && cd examples/vue-components && ln -sf ../../vue-components/dist dist && vite serve -c ../../core/build/example-vue.ts",
-    "example:web-components": "pnpm run build:web-components && cd examples/web-components && ln -sf ../../web-components/dist dist && vite serve -c ../../core/build/example-wc.ts",
+    "example:vue": "pnpm run build:components && cd examples/vue && ln -sf ../../components/vue/dist dist && npx vite serve -c ../../core/build/example-vue.ts",
+    "example:web-components": "pnpm run build:web-components && cd examples/web && ln -sf ../../components/web/dist dist && npx vite serve -c ../../core/build/example-wc.ts",
     "lint": "eslint ..",
     "lint:fix": "eslint .. --fix",
     "serve": "pnpm stacks serve",
@@ -204,7 +151,7 @@
     "make:function": "pnpm stacks make:function",
     "make:database": "pnpm stacks make:migration",
     "make:migration": "pnpm stacks make:migration",
-    "make:faker": "pnpm stacks make:faker",
+    "make:factory": "pnpm stacks make:factory",
     "make:lang": "pnpm stacks make:lang",
     "make:stack": "pnpm stacks make:stack",
     "key": "pnpm stacks key",
@@ -213,7 +160,7 @@
     "release": "esno ./core/actions/src/generate-package-json.ts && pnpm lint:fix && bumpp ./package.json ./core/**/package.json --execute 'pnpm run changelog' --all",
     "changelog": "cd .. && conventional-changelog -p angular -i CHANGELOG.md -s -r 0",
     "generate": "pnpm stacks generate",
-    "generate:entries": "esno ./core/actions/src/generate-lib-entries.ts",
+    "generate:entries": "pnpm stacks generate:entries",
     "generate:vue-compat": "esno ./core/actions/src/generate-vue-compat.ts",
     "generate:vscode-custom-data": "esno ./core/actions/src/generate-vscode-custom-data.ts",
     "generate:web-types": "vue-docgen-web-types -c ./core/build/web-types.config.cjs",
@@ -222,8 +169,12 @@
     "generate:all": "pnpm stacks generate:all",
     "types:generate": "vue-tsc --declaration --emitDeclarationOnly && esno ./core/actions/src/copy-types.ts",
     "types:fix": "esno actions/src/fix-types.ts",
+    "add": "pnpm stacks add",
     "test": "vitest --config vitest.config.ts",
+    "test:unit": "wip",
+    "test:e2e": "wip",
     "test:coverage": "vitest run --coverage --config vitest.config.ts",
-    "test:types": "vue-tsc --noEmit"
+    "test:types": "vue-tsc --noEmit",
+    "artisan": "pnpm run stacks"
   }
 }

package/dist/cli/actions/build.d.ts

@@ -1,7 +0,0 @@
-export declare function buildComponentLibraries(): Promise<void>;
-export declare function buildVueComponentLibrary(): Promise<void>;
-export declare function buildWebComponentLibrary(): Promise<void>;
-export declare function buildDocs(): Promise<void>;
-export declare function buildStacks(): Promise<void>;
-export declare function buildFunctionsLibrary(): Promise<void>;
-export declare function startBuildProcess(options: any): Promise<void>;

package/dist/cli/actions/build.mjs

@@ -1,117 +0,0 @@
-import Prompts from "prompts";
-import consola from "consola";
-import { hasComponents, hasFunctions } from "@stacksjs/fs";
-import { runNpmScript } from "@stacksjs/helpers";
-import { ExitCode, NpmScript } from "@stacksjs/types";
-import { generateTypes } from "./types.mjs";
-const { prompts } = Prompts;
-export async function buildComponentLibraries() {
-  try {
-    await runNpmScript(NpmScript.GenerateEntries);
-    await buildVueComponentLibrary();
-    await buildWebComponentLibrary();
-  } catch (error) {
-    consola.error("There was an error building your component libraries.");
-    consola.error(error);
-  }
-}
-export async function buildVueComponentLibrary() {
-  consola.info("Building your component library...");
-  if (hasComponents()) {
-    try {
-      await runNpmScript(NpmScript.BuildComponents);
-      consola.success("Your component library was built successfully.");
-    } catch (error) {
-      consola.error("There was an error building your component library.");
-      consola.error(error);
-    }
-  } else {
-    consola.info("No components found.");
-  }
-}
-export async function buildWebComponentLibrary() {
-  consola.info("Building your component library for production use & npm/CDN distribution...");
-  if (hasComponents()) {
-    try {
-      await runNpmScript(NpmScript.BuildWebComponents);
-      consola.success("Your Web Component library was built successfully.");
-    } catch (error) {
-      consola.error("There was an error building your Web Component library.");
-      consola.error(error);
-    }
-  } else {
-    consola.info("No components found.");
-  }
-}
-export async function buildDocs() {
-  consola.info("Building the Artisan CLI...");
-  try {
-    await runNpmScript(NpmScript.BuildDocs);
-    consola.success("Artisan CLI was built successfully.");
-  } catch (error) {
-    consola.error("There was an error building the Artisan CLI.");
-    consola.error(error);
-  }
-}
-export async function buildStacks() {
-  consola.info("Building the Stacks Framework...");
-  try {
-    await runNpmScript(NpmScript.BuildStacks);
-    consola.success("Stacks was built successfully.");
-  } catch (error) {
-    consola.error("There was an error building the Stacks framework.");
-    consola.error(error);
-  }
-}
-export async function buildFunctionsLibrary() {
-  consola.info("Building your functions library for production use & npm/CDN distribution...");
-  if (hasFunctions()) {
-    try {
-      await runNpmScript(NpmScript.BuildFunctions);
-      consola.success("Your functions library was built successfully.");
-    } catch (error) {
-      consola.error("There was an error building your functions library.");
-      consola.error(error);
-    }
-  } else {
-    consola.info("No functions found.");
-  }
-}
-export async function startBuildProcess(options) {
-  if (options.components || options === "components") {
-    await buildComponentLibraries();
-  } else if (options.webComponents || options.elements || options === "web-components" || options === "elements") {
-    await buildWebComponentLibrary();
-  } else if (options.functions || options === "functions") {
-    await buildFunctionsLibrary();
-  } else if (options.docs || options === "docs") {
-    await buildDocs();
-  } else if (options.stacks || options === "stacks") {
-    await buildStacks();
-  } else if (options.npm || options === "npm") {
-    await buildComponentLibraries();
-    await buildFunctionsLibrary();
-    consola.success("All your libraries and its types were built successfully to be distributed on npm.");
-  } else {
-    const answer = await prompts.select({
-      type: "select",
-      name: "build",
-      message: "Which stack are you trying to build for production use?",
-      choices: [
-        { title: "Components", value: "components" },
-        { title: "Functions", value: "functions" },
-        { title: "Docs", value: "docs" }
-      ],
-      initial: 0
-    });
-    if (answer === "components")
-      await buildComponentLibraries();
-    if (answer === "functions")
-      await buildFunctionsLibrary();
-    else if (answer === "docs")
-      await buildDocs();
-    else
-      process.exit(ExitCode.InvalidArgument);
-  }
-  await generateTypes();
-}

package/dist/cli/actions/commit.d.ts

@@ -1 +0,0 @@
-export declare function commit(): Promise<void>;

package/dist/cli/actions/commit.mjs

@@ -1,8 +0,0 @@
-import consola from "consola";
-import { runNpmScript } from "@stacksjs/helpers";
-import { NpmScript } from "@stacksjs/types";
-export async function commit() {
-  consola.info("Committing...");
-  await runNpmScript(NpmScript.Commit);
-  consola.success("Committed.");
-}

package/dist/cli/actions/dev.d.ts

@@ -1 +0,0 @@
-export declare function startDevelopmentServer(options: any): Promise<void>;

package/dist/cli/actions/dev.mjs

@@ -1,34 +0,0 @@
-import Prompts from "prompts";
-import consola from "consola";
-import { runNpmScript } from "@stacksjs/helpers";
-import { ExitCode, NpmScript } from "@stacksjs/types";
-const { prompts } = Prompts;
-export async function startDevelopmentServer(options) {
-  if (options.components || options === "components") {
-    consola.info("Starting development server for your components...");
-    await runNpmScript(NpmScript.DevComponents);
-  } else if (options.docs || options === "docs") {
-    consola.info("Starting development server for your documentation...");
-    await runNpmScript(NpmScript.DevDocs);
-  } else {
-    const answer = await prompts.select({
-      type: "select",
-      name: "development",
-      message: "Which development server are you trying to start?",
-      choices: [
-        { title: "Components", value: "components" },
-        { title: "Docs", value: "docs" }
-      ],
-      initial: 0
-    });
-    if (answer === "components") {
-      consola.info("Starting development server for your components...");
-      await runNpmScript(NpmScript.DevComponents);
-    } else if (answer === "docs") {
-      consola.info("Starting docs server for your components...");
-      await runNpmScript(NpmScript.DevDocs);
-    } else {
-      process.exit(ExitCode.InvalidArgument);
-    }
-  }
-}

package/dist/cli/actions/examples.d.ts

@@ -1,3 +0,0 @@
-export declare function testComponentExample(): Promise<void>;
-export declare function testWebComponentExample(): Promise<void>;
-export declare function runExample(options: any): Promise<void>;

package/dist/cli/actions/examples.mjs

@@ -1,57 +0,0 @@
-import Prompts from "prompts";
-import consola from "consola";
-import { hasComponents } from "@stacksjs/fs";
-import { runNpmScript } from "@stacksjs/helpers";
-import { ExitCode, NpmScript } from "@stacksjs/types";
-const { prompts } = Prompts;
-export async function testComponentExample() {
-  if (hasComponents()) {
-    try {
-      await runNpmScript(NpmScript.ExampleVue);
-      consola.success("Your component library was built successfully.");
-    } catch (error) {
-      consola.error("There was an error building your component library.");
-      consola.error(error);
-    }
-  } else {
-    consola.info("No components found.");
-  }
-}
-export async function testWebComponentExample() {
-  consola.info("Building your Web Component library...");
-  if (hasComponents()) {
-    try {
-      await runNpmScript(NpmScript.BuildWebComponents);
-      consola.success("Your Web Component library was built successfully.");
-    } catch (error) {
-      consola.error("There was an error building your Web Component library.");
-      consola.error(error);
-    }
-  } else {
-    consola.info("No components found.");
-  }
-}
-export async function runExample(options) {
-  if (options.components || options === "components" || options === "vue") {
-    await testComponentExample();
-  } else if (options.webComponents || options.elements || options === "web-components" || options === "elements") {
-    await testWebComponentExample();
-  } else {
-    const answer = await prompts.select({
-      type: "select",
-      name: "example",
-      message: "Which example are you trying to view?",
-      choices: [
-        { title: "Components", value: "components" },
-        { title: "Web Components", value: "web-components" }
-      ],
-      initial: 0
-    });
-    if (answer === "components")
-      await testComponentExample();
-    if (answer === "web-components")
-      await testWebComponentExample();
-    else
-      process.exit(ExitCode.InvalidArgument);
-  }
-}

package/dist/cli/actions/fresh.d.ts

@@ -1 +0,0 @@
-export declare function reinstallNpmDependencies(): Promise<void>;

package/dist/cli/actions/fresh.mjs

@@ -1,8 +0,0 @@
-import consola from "consola";
-import { runNpmScript } from "@stacksjs/helpers";
-import { NpmScript } from "@stacksjs/types";
-export async function reinstallNpmDependencies() {
-  consola.info("Reinstalling your npm dependencies...");
-  await runNpmScript(NpmScript.Fresh);
-  consola.success("Successfully reinstalled your npm dependencies.");
-}

package/dist/cli/actions/generate.d.ts

@@ -1,7 +0,0 @@
-export declare function generateLibEntries(): Promise<void>;
-export declare function generateVueCompat(): Promise<void>;
-export declare function generateWebTypes(): Promise<void>;
-export declare function generateVsCodeCustomData(): Promise<void>;
-export declare function generateIdeHelpers(): Promise<void>;
-export declare function generateComponentMeta(): Promise<void>;
-export declare function startGenerationProcess(options: any): Promise<void>;