@stacksjs/build 0.37.3

package/LICENSE.md

@@ -0,0 +1,21 @@
+# MIT License
+
+Copyright (c) 2022 Open Web Foundation
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,59 @@
+# Stacks Build
+
+This package contains the web development build tooling. In simple terms, here lives the Vite & Nitro engine code.
+
+## ☘️ Features
+
+wip
+
+- ⚡️
+
+wip
+
+## 🤖 Usage
+
+wip
+
+```bash
+pnpm i -D @stacksjs/actions
+```
+
+Now, you can use it in your project:
+
+```js
+import * as build from '@stacksjs/build'
+
+// wip
+```
+
+Learn more in the docs.
+
+## 🧪 Testing
+
+```bash
+pnpm test
+```
+
+## 📈 Changelog
+
+Please see our [releases](https://github.com/stacksjs/stacksjs/releases) page for more information on what has changed recently.
+
+## 💪🏼 Contributing
+
+Please see [CONTRIBUTING](../../.github/CONTRIBUTING.md) for details.
+
+## 🏝 Community
+
+For help, discussion about best practices, or any other conversation that would benefit from being searchable:
+
+[Discussions on GitHub](https://github.com/stacksjs/stacks/discussions)
+
+For casual chit-chat with others using this package:
+
+[Join the Open Web Discord Server](https://discord.ow3.org)
+
+## 📄 License
+
+The MIT License (MIT). Please see [LICENSE](https://github.com/stacksjs/stacks/tree/main/LICENSE.md) for more information.
+
+Made with ❤️

package/dist/example-vue.d.ts

@@ -0,0 +1,4 @@
+import type { ViteConfig } from '@stacksjs/types';
+export declare const vueComponentsExampleConfig: ViteConfig;
+declare const _default: import("vite").UserConfigExport;
+export default _default;

package/dist/example-vue.mjs

@@ -0,0 +1,20 @@
+import { defineConfig } from "vite";
+import { examplesPath } from "@stacksjs/paths";
+import { alias } from "../../../alias";
+import { uiEngine } from "./index.mjs";
+export const vueComponentsExampleConfig = {
+  root: examplesPath("vue-components"),
+  resolve: {
+    alias
+  },
+  server: {
+    port: 3333,
+    open: true
+  },
+  plugins: [
+    uiEngine()
+  ]
+};
+export default defineConfig(() => {
+  return vueComponentsExampleConfig;
+});

package/dist/example-wc.d.ts

@@ -0,0 +1,4 @@
+import type { ViteConfig } from '@stacksjs/types';
+export declare const webComponentsExampleConfig: ViteConfig;
+declare const _default: import("vite").UserConfigExport;
+export default _default;

package/dist/example-wc.mjs

@@ -0,0 +1,20 @@
+import { defineConfig } from "vite";
+import { examplesPath } from "@stacksjs/paths";
+import { alias } from "../../../alias";
+import { uiEngine } from "./index.mjs";
+export const webComponentsExampleConfig = {
+  root: examplesPath("web-components"),
+  resolve: {
+    alias
+  },
+  server: {
+    port: 3333,
+    open: true
+  },
+  plugins: [
+    uiEngine(true)
+  ]
+};
+export default defineConfig(() => {
+  return webComponentsExampleConfig;
+});

package/dist/functions.d.ts

@@ -0,0 +1,6 @@
+import type { BuildOptions as ViteBuildOptions } from 'vite';
+import type { ViteConfig } from '@stacksjs/types';
+export declare const functionsConfig: ViteConfig;
+export declare function functionsBuildOptions(): ViteBuildOptions;
+declare const _default: import("vite").UserConfigExport;
+export default _default;

package/dist/functions.mjs

@@ -0,0 +1,43 @@
+import { defineConfig } from "vite";
+import { buildEntriesPath, frameworkPath, functionsPath, projectPath } from "@stacksjs/paths";
+import { library } from "../../../config";
+import { alias } from "../../../alias";
+import { autoImports } from "./index.mjs";
+export const functionsConfig = {
+  root: functionsPath(),
+  envDir: projectPath(),
+  envPrefix: "APP_",
+  resolve: {
+    alias
+  },
+  plugins: [
+    autoImports()
+  ],
+  build: functionsBuildOptions()
+};
+export function functionsBuildOptions() {
+  return {
+    outDir: frameworkPath("functions/dist"),
+    emptyOutDir: true,
+    sourcemap: library.functions.shouldGenerateSourcemap,
+    lib: {
+      entry: buildEntriesPath("functions.ts"),
+      name: library.functions.name,
+      formats: library.functions.shouldBuildIife ? ["cjs", "es", "iife"] : ["cjs", "es"],
+      fileName: (format) => {
+        if (format === "es")
+          return "index.mjs";
+        if (format === "cjs")
+          return "index.cjs";
+        if (format === "iife")
+          return "index.iife.js";
+        return "index.?.js";
+      }
+    }
+  };
+}
+export default defineConfig(({ command }) => {
+  if (command === "serve")
+    return functionsConfig;
+  return functionsConfig;
+});

package/dist/index.d.ts

@@ -0,0 +1,7 @@
+export * from './example-vue';
+export * from './example-wc';
+export * from './functions';
+export * from './pages';
+export * from './vue-components';
+export * from './web-components';
+export * from './stacks';

package/dist/index.mjs

@@ -0,0 +1,7 @@
+export * from "./example-vue.mjs";
+export * from "./example-wc.mjs";
+export * from "./functions.mjs";
+export * from "./pages.mjs";
+export * from "./vue-components.mjs";
+export * from "./web-components.mjs";
+export * from "./stacks.mjs";

package/dist/pages.d.ts

@@ -0,0 +1,4 @@
+import type { ViteConfig } from '@stacksjs/types';
+export declare const pagesConfig: ViteConfig;
+declare const _default: import("vite").UserConfigExport;
+export default _default;

package/dist/pages.mjs

@@ -0,0 +1,41 @@
+import { defineConfig } from "vite";
+import generateSitemap from "vite-ssg-sitemap";
+import { functionsPath, projectPath } from "@stacksjs/paths";
+import { alias } from "../../../alias";
+import { atomicCssEngine, autoImports, components, i18n, inspect, layouts, markdown, pages, preview, pwa, uiEngine } from "./index.mjs";
+export const pagesConfig = {
+  root: functionsPath(),
+  envDir: projectPath(),
+  envPrefix: "APP_",
+  resolve: {
+    alias
+  },
+  plugins: [
+    preview(),
+    uiEngine(),
+    pages(),
+    atomicCssEngine(),
+    components(),
+    layouts(),
+    i18n(),
+    markdown(),
+    autoImports(),
+    pwa(),
+    inspect()
+  ],
+  ssgOptions: {
+    script: "async",
+    formatting: "minify",
+    onFinished() {
+      generateSitemap();
+    }
+  },
+  ssr: {
+    noExternal: ["workbox-window", /vue-i18n/]
+  }
+};
+export default defineConfig(({ command }) => {
+  if (command === "serve")
+    return pagesConfig;
+  return pagesConfig;
+});

package/dist/stacks.d.ts

@@ -0,0 +1,18 @@
+import type { PluginOption } from 'vite';
+import type { AutoImportsOptions, ComponentOptions, InspectOptions, LayoutOptions, MarkdownOptions, PagesOptions, i18nOptions } from '@stacksjs/types';
+import { resolve } from '@stacksjs/paths';
+declare function inspect(options?: InspectOptions): import("vite").Plugin;
+declare function preview(): any;
+declare function layouts(options?: LayoutOptions): import("vite").Plugin;
+declare function components(options?: ComponentOptions): import("vite").Plugin & {
+    api: import("unplugin-vue-components/types").PublicPluginAPI;
+};
+declare function pages(options?: PagesOptions): import("vite").Plugin;
+declare function markdown(options?: MarkdownOptions): import("vite").Plugin;
+declare function autoImports(options?: AutoImportsOptions): any;
+declare function atomicCssEngine(isWebComponent?: boolean): import("vite").Plugin[];
+declare function pwa(): import("vite").Plugin[];
+declare function i18n(options?: i18nOptions): import("vite").Plugin;
+declare function uiEngine(isWebComponent?: boolean): import("vite").Plugin;
+declare const componentPreset: (isWebComponent?: boolean) => PluginOption;
+export { resolve, componentPreset, uiEngine, autoImports, atomicCssEngine, components, inspect, markdown, pages, pwa, preview, layouts, i18n };

package/dist/stacks.mjs

@@ -0,0 +1,168 @@
+import AutoImport from "unplugin-auto-import/vite";
+import Components from "unplugin-vue-components/vite";
+import Vue from "@vitejs/plugin-vue";
+import Unocss from "unocss/vite";
+import Inspect from "vite-plugin-inspect";
+import Pages from "vite-plugin-pages";
+import Layouts from "vite-plugin-vue-layouts";
+import VueI18n from "@intlify/vite-plugin-vue-i18n";
+import Preview from "vite-plugin-vue-component-preview";
+import Markdown from "vite-plugin-vue-markdown";
+import LinkAttributes from "markdown-it-link-attributes";
+import Shiki from "markdown-it-shiki";
+import { VitePWA } from "vite-plugin-pwa";
+import { defu } from "defu";
+import { arraysPath, collectionsPath, componentsPath, frameworkPath, fsPath, functionsPath, helpersPath, langPath, pagesPath, pathsPath, projectPath, resolve, securityPath, stringsPath } from "@stacksjs/paths";
+function inspect(options) {
+  return Inspect(options);
+}
+function preview() {
+  return Preview;
+}
+function layouts(options) {
+  return Layouts(options);
+}
+function components(options) {
+  const defaultOptions = {
+    extensions: ["vue", "md"],
+    include: [/\.vue$/, /\.vue\?vue/, /\.md$/],
+    dirs: [
+      componentsPath(),
+      pagesPath()
+    ],
+    dts: frameworkPath("components.d.ts")
+  };
+  const newOptions = defu(options, defaultOptions);
+  return Components(newOptions);
+}
+function pages(options) {
+  const defaultOptions = {
+    extensions: ["vue", "md"],
+    dirs: [
+      pagesPath()
+    ]
+  };
+  const newOptions = defu(options, defaultOptions);
+  return Pages(newOptions);
+}
+function markdown(options) {
+  const defaultOptions = {
+    wrapperClasses: "prose prose-sm m-auto text-left",
+    headEnabled: true,
+    markdownItSetup(md) {
+      md.use(Shiki, {
+        theme: "nord"
+      });
+      md.use(LinkAttributes, {
+        matcher: (link) => /^https?:\/\//.test(link),
+        attrs: {
+          target: "_blank",
+          rel: "noopener"
+        }
+      });
+    }
+  };
+  const newOptions = defu(options, defaultOptions);
+  return Markdown(newOptions);
+}
+function autoImports(options) {
+  const defaultOptions = {
+    imports: [
+      "vue",
+      "vue-router",
+      "vue/macros",
+      "@vueuse/core",
+      "@vueuse/head",
+      "@vueuse/math",
+      "vitest",
+      { "@vueuse/shared": ["isClient", "isDef", "isBoolean", "isFunction", "isNumber", "isString", "isObject", "isWindow", "now", "timestamp", "clamp", "noop", "rand", "isIOS", "hasOwn"] }
+    ],
+    dirs: [
+      functionsPath(),
+      componentsPath(),
+      projectPath("config"),
+      arraysPath("src"),
+      stringsPath("src"),
+      collectionsPath("src"),
+      fsPath("src"),
+      helpersPath("src"),
+      pathsPath("src"),
+      securityPath("src")
+    ],
+    dts: frameworkPath("auto-imports.d.ts"),
+    vueTemplate: true,
+    eslintrc: {
+      enabled: false
+    }
+  };
+  const newOptions = defu(options, defaultOptions);
+  return AutoImport(newOptions);
+}
+function atomicCssEngine(isWebComponent = false) {
+  return Unocss({
+    configFile: frameworkPath("src/unocss.ts"),
+    mode: isWebComponent ? "shadow-dom" : "vue-scoped"
+  });
+}
+function pwa() {
+  return VitePWA({
+    registerType: "autoUpdate",
+    includeAssets: ["favicon.svg", "safari-pinned-tab.svg"],
+    manifest: {
+      name: "Stacks",
+      short_name: "Stacks",
+      theme_color: "#ffffff",
+      icons: [
+        {
+          src: "/pwa-192x192.png",
+          sizes: "192x192",
+          type: "image/png"
+        },
+        {
+          src: "/pwa-512x512.png",
+          sizes: "512x512",
+          type: "image/png"
+        },
+        {
+          src: "/pwa-512x512.png",
+          sizes: "512x512",
+          type: "image/png",
+          purpose: "any maskable"
+        }
+      ]
+    }
+  });
+}
+function i18n(options) {
+  const defaultOptions = {
+    runtimeOnly: true,
+    compositionOnly: true,
+    include: [langPath("./**")]
+  };
+  const newOptions = defu(options, defaultOptions);
+  return VueI18n(newOptions);
+}
+function uiEngine(isWebComponent = false) {
+  if (isWebComponent) {
+    return Vue({
+      include: [/\.vue$/, /\.md$/],
+      template: {
+        compilerOptions: {
+          isCustomElement: () => true
+        }
+      }
+    });
+  }
+  return Vue({
+    include: [/\.vue$/, /\.md$/]
+  });
+}
+const componentPreset = (isWebComponent = false) => [
+  inspect,
+  uiEngine(isWebComponent),
+  atomicCssEngine(isWebComponent),
+  autoImports,
+  components,
+  markdown
+];
+export { resolve, componentPreset, uiEngine, autoImports, atomicCssEngine, components, inspect, markdown, pages, pwa, preview, layouts, i18n };

package/dist/vue-components.d.ts

@@ -0,0 +1,6 @@
+import type { ViteConfig } from '@stacksjs/types';
+import type { BuildOptions as ViteBuildOptions } from 'vite';
+export declare const vueComponentsConfig: ViteConfig;
+export declare function vueComponentsBuildOptions(): ViteBuildOptions;
+declare const _default: import("vite").UserConfigExport;
+export default _default;

package/dist/vue-components.mjs

@@ -0,0 +1,61 @@
+import { defineConfig } from "vite";
+import { buildEntriesPath, componentsPath, frameworkPath, projectPath } from "@stacksjs/paths";
+import { library } from "../../../config";
+import { alias } from "../../../alias";
+import { atomicCssEngine, autoImports, components, inspect, preview, uiEngine } from "./index.mjs";
+export const vueComponentsConfig = {
+  root: componentsPath(),
+  envDir: projectPath(),
+  envPrefix: "APP_",
+  server: {
+    port: 3333,
+    open: true
+  },
+  resolve: {
+    dedupe: ["vue"],
+    alias
+  },
+  optimizeDeps: {
+    exclude: ["vue"]
+  },
+  plugins: [
+    preview(),
+    uiEngine(),
+    atomicCssEngine(),
+    autoImports(),
+    components(),
+    inspect()
+  ],
+  build: vueComponentsBuildOptions()
+};
+export function vueComponentsBuildOptions() {
+  return {
+    outDir: frameworkPath("vue-components/dist"),
+    emptyOutDir: true,
+    lib: {
+      entry: buildEntriesPath("vue-components.ts"),
+      name: library.vueComponents.name,
+      formats: ["cjs", "es"],
+      fileName: (format) => {
+        if (format === "es")
+          return "index.mjs";
+        if (format === "cjs")
+          return "index.cjs";
+        return "index.?.js";
+      }
+    },
+    rollupOptions: {
+      external: ["vue"],
+      output: {
+        globals: {
+          vue: "Vue"
+        }
+      }
+    }
+  };
+}
+export default defineConfig(({ command }) => {
+  if (command === "serve")
+    return vueComponentsConfig;
+  return vueComponentsConfig;
+});

package/dist/web-components.d.ts

@@ -0,0 +1,6 @@
+import type { BuildOptions as ViteBuildOptions } from 'vite';
+import type { ViteConfig } from '@stacksjs/types';
+export declare const webComponentsConfig: ViteConfig;
+export declare function webComponentsBuildOptions(): ViteBuildOptions;
+declare const _default: import("vite").UserConfigExport;
+export default _default;

package/dist/web-components.mjs

@@ -0,0 +1,49 @@
+import { defineConfig } from "vite";
+import { buildEntriesPath, componentsPath, frameworkPath, projectPath } from "@stacksjs/paths";
+import { library } from "../../../config";
+import { alias } from "../../../alias";
+import { atomicCssEngine, autoImports, components, inspect, uiEngine } from "./index.mjs";
+const isWebComponent = true;
+export const webComponentsConfig = {
+  root: componentsPath(),
+  envDir: projectPath(),
+  envPrefix: "APP_",
+  server: {
+    port: 3333,
+    open: true
+  },
+  resolve: {
+    alias
+  },
+  plugins: [
+    inspect(),
+    uiEngine(isWebComponent),
+    atomicCssEngine(isWebComponent),
+    autoImports(),
+    components()
+  ],
+  build: webComponentsBuildOptions()
+};
+export function webComponentsBuildOptions() {
+  return {
+    outDir: frameworkPath("web-components/dist"),
+    emptyOutDir: true,
+    lib: {
+      entry: buildEntriesPath("web-components.ts"),
+      name: library.webComponents.name,
+      formats: ["cjs", "es"],
+      fileName: (format) => {
+        if (format === "es")
+          return "index.mjs";
+        if (format === "cjs")
+          return "index.cjs";
+        return "index.?.js";
+      }
+    }
+  };
+}
+export default defineConfig(({ command }) => {
+  if (command === "serve")
+    return webComponentsConfig;
+  return webComponentsConfig;
+});

package/package.json

@@ -0,0 +1,70 @@
+{
+  "name": "@stacksjs/build",
+  "type": "module",
+  "version": "0.37.3",
+  "packageManager": "pnpm@7.13.6",
+  "description": "The Stacks framework build tools and configurations.",
+  "author": "Chris Breuer",
+  "license": "MIT",
+  "funding": "https://github.com/sponsors/chrisbbreuer",
+  "homepage": "https://github.com/stacksjs/stacks/tree/main/.stacks/core/build#readme",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/stacksjs/stacks.git",
+    "directory": "./.stacks/core/build"
+  },
+  "bugs": {
+    "url": "https://github.com/stacksjs/stacks/issues"
+  },
+  "keywords": [
+    "build",
+    "stacks",
+    "framework",
+    "typescript",
+    "javascript",
+    "vite",
+    "nitro",
+    "vue"
+  ],
+  "contributors": [
+    "Chris Breuer <chris@ow3.org>"
+  ],
+  "files": [
+    "dist"
+  ],
+  "engines": {
+    "node": ">=v18.10.0",
+    "pnpm": ">=7.13.6"
+  },
+  "dependencies": {
+    "@intlify/vite-plugin-vue-i18n": "^6.0.3",
+    "@stacksjs/paths": "0.37.3",
+    "@stacksjs/types": "0.37.3",
+    "@types/markdown-it-link-attributes": "^3.0.1",
+    "defu": "^6.1.0",
+    "jiti": "^1.16.0",
+    "markdown-it-link-attributes": "^4.0.1",
+    "markdown-it-shiki": "^0.5.1",
+    "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",
+    "vue-docgen-web-types": "^0.1.8",
+    "vue-i18n": "^9.2.2"
+  },
+  "devDependencies": {
+    "mkdist": "^0.3.13"
+  },
+  "scripts": {
+    "build": "mkdist -d",
+    "dev": "mkdist -d",
+    "typecheck": "tsc --noEmit"
+  }
+}