stacks 0.51.0 → 0.52.1

package/core/build/src/desktop.ts

@@ -1,22 +1,152 @@
+import path from 'node:path'
 import { defineConfig } from 'vite'
-import { server } from '@stacksjs/server'
-import { cssEngine, uiEngine } from './'
+import Vue from '@vitejs/plugin-vue'
+import Pages from 'vite-plugin-pages'
+import generateSitemap from 'vite-ssg-sitemap'
+import Components from 'unplugin-vue-components/vite'
+import AutoImport from 'unplugin-auto-import/vite'
+import Markdown from 'vite-plugin-vue-markdown'
+import { VitePWA } from 'vite-plugin-pwa'
+import Inspect from 'vite-plugin-inspect'
+import LinkAttributes from 'markdown-it-link-attributes'
+import Unocss from '@unocss/vite'
+import Shiki from 'markdown-it-shiki'
 
 export default defineConfig({
+  resolve: {
+    alias: {
+      '~/': `${path.resolve(__dirname, '../../../../')}/`,
+    },
+  },
   clearScreen: false,
 
-  server,
+  server: {
+    port: 3333,
+    strictPort: true,
+  },
+  envPrefix: ['VITE_', 'TAURI_'],
+  plugins: [
 
-  envPrefix: 'APP_',
+    Vue({
+      include: [/\.vue$/, /\.md$/],
+      reactivityTransform: true,
+    }),
+
+    // https://github.com/hannoeru/vite-plugin-pages
+    Pages({
+      extensions: ['vue', 'md'],
+    }),
+
+    // https://github.com/antfu/unplugin-auto-import
+    AutoImport({
+      imports: [
+        'vue',
+        'vue-router',
+        'vue-i18n',
+        'vue/macros',
+        '@vueuse/head',
+        '@vueuse/core',
+      ],
+      dts: '../../../auto-imports.d.ts',
+      dirs: [
+        '../../../../functions',
+        '../../../../app/stores',
+      ],
+      vueTemplate: true,
+    }),
+
+    // https://github.com/antfu/unplugin-vue-components
+    Components({
+      // allow auto load markdown components under `./src/components/`
+      extensions: ['vue', 'md'],
+      // allow auto import and register components used in markdown
+      include: [/\.vue$/, /\.vue\?vue/, /\.md$/],
+      dts: '../../../../components',
+    }),
+
+    // https://github.com/antfu/unocss
+    // see unocss.config.ts for config
+    Unocss({
+      configFile: '../../ui/src/unocss.config.ts',
+      mode: 'vue-scoped',
+    }),
+
+    // https://github.com/antfu/vite-plugin-vue-markdown
+    // Don't need this? Try vitesse-lite: https://github.com/antfu/vitesse-lite
+    Markdown({
+      wrapperClasses: 'prose prose-sm m-auto text-left',
+      headEnabled: true,
+      markdownItSetup(md) {
+        // https://prismjs.com/
+        md.use(Shiki, {
+          theme: {
+            light: 'vitesse-light',
+            dark: 'vitesse-dark',
+          },
+        })
+        md.use(LinkAttributes, {
+          matcher: (link: string) => /^https?:\/\//.test(link),
+          attrs: {
+            target: '_blank',
+            rel: 'noopener',
+          },
+        })
+      },
+    }),
+
+    // https://github.com/antfu/vite-plugin-pwa
+    VitePWA({
+      registerType: 'autoUpdate',
+      includeAssets: ['favicon.ico', 'safari-pinned-tab.svg'],
+      manifest: {
+        name: 'Vitesse',
+        short_name: 'Vitesse',
+        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',
+          },
+        ],
+      },
+    }),
+
+    // https://github.com/antfu/vite-plugin-inspect
+    // Visit http://localhost:3333/__inspect/ to see the inspector
+    Inspect(),
 
-  plugins: [
-    uiEngine(),
-    cssEngine(),
   ],
 
-  build: {
-    target: ['es2021', 'chrome97', 'safari13'],
-    minify: !process.env.APP_DEBUG ? 'esbuild' : false,
-    sourcemap: !!process.env.APP_DEBUG,
+  // https://github.com/vitest-dev/vitest
+  test: {
+    include: ['test/**/*.test.ts'],
+    environment: 'jsdom',
+    deps: {
+      inline: ['@vue', '@vueuse', 'vue-demi'],
+    },
+  },
+
+  // https://github.com/antfu/vite-ssg
+  ssgOptions: {
+    script: 'async',
+    formatting: 'minify',
+    onFinished() { generateSitemap() },
+  },
+
+  ssr: {
+    // TODO: workaround until they support native ESM
+    noExternal: ['workbox-window', /vue-i18n/],
   },
 })

package/core/build/src/pages.ts

@@ -1,4 +1,5 @@
 import { defineConfig } from 'vite'
+
 // import generateSitemap from 'vite-ssg-sitemap'
 import type { ViteConfig } from '@stacksjs/types'
 import { functionsPath, projectPath } from '@stacksjs/path'

package/core/build/src/stacks.ts

@@ -11,8 +11,8 @@ import LinkAttributes from 'markdown-it-link-attributes'
 import Shiki from 'markdown-it-shiki'
 import { VitePWA } from 'vite-plugin-pwa'
 import { defu } from 'defu'
-import type { AutoImportsOptions, ComponentOptions, InspectOptions, LayoutOptions, MarkdownOptions, PagesOptions } from '@stacksjs/types'
-import p, { resolve } from '@stacksjs/path'
+import type { AutoImportsOptions, ComponentOptions, InspectOptions, LayoutOptions, MarkdownOptions, PagesOption } from '@stacksjs/types'
+import { path as p, resolve } from '@stacksjs/path'
 
 // it is important to note that path references within this file
 // are relative to the ./build folder
@@ -43,8 +43,8 @@ function components(options?: ComponentOptions): PluginOption {
 }
 
 // https://github.com/hannoeru/vite-plugin-pages
-function pages(options?: PagesOptions) {
-  const defaultOptions: PagesOptions = {
+function pages(options?: PagesOption) {
+  const defaultOptions: PagesOption = {
     extensions: ['vue', 'md'],
     dirs: [
       p.pagesPath(),
@@ -83,27 +83,23 @@ function markdown(options?: MarkdownOptions) {
 function autoImports(options?: AutoImportsOptions) {
   const defaultOptions: AutoImportsOptions = {
     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'] },
+      'vue', 'vue-router', 'vue/macros', 'vitest',
+      { '@stacksjs/ui': ['CssEngine', 'UiEngine', 'Store', 'presetForms', 'transformerCompileClass'] },
     ],
     dirs: [
-      p.functionsPath(),
-      p.componentsPath(),
+      p.projectPath('functions'),
+      p.projectPath('components'),
       p.projectPath('config'),
 
       // auto imported utilities start here
       p.aiPath('src'),
       p.arraysPath('src'),
       p.authPath('src'),
-      p.authPath('src'),
       p.cachePath('src'),
       p.chatPath('src'),
-      p.collectionsPath('src'),
       p.databasePath('src'),
       p.desktopPath('src'),
-      p.emailPath('src'),
       p.errorHandlingPath('src'),
-      p.eventsPath('src'),
       p.healthPath('src'),
       p.lintPath('src'),
       p.loggingPath('src'),
@@ -121,9 +117,7 @@ function autoImports(options?: AutoImportsOptions) {
       p.storagePath('src'),
       p.stringsPath('src'),
       p.tablesPath('src'),
-      p.stringsPath('src'),
       p.testingPath('src'),
-      p.uiPath('src'),
       p.utilsPath('src'),
       p.validationPath('src'),
     ],
@@ -206,14 +200,16 @@ function uiEngine(isWebComponent = false) {
   })
 }
 
-const componentPreset = (isWebComponent = false) => <PluginOption>[
-  inspect,
-  uiEngine(isWebComponent),
-  cssEngine(isWebComponent),
-  autoImports,
-  components,
-  markdown,
-]
+function componentPreset(isWebComponent = false) {
+  return <PluginOption>[
+    inspect,
+    uiEngine(isWebComponent),
+    cssEngine(isWebComponent),
+    autoImports,
+    components,
+    markdown,
+  ]
+}
 
 // const pagesPreset = (isWebComponent = false) => <PluginOption>[
 //   //

package/core/build/src/vue-components.ts

@@ -3,7 +3,6 @@ import type { ViteConfig } from '@stacksjs/types'
 import { buildEntriesPath, frameworkPath, projectPath } from '@stacksjs/path'
 import type { BuildOptions as ViteBuildOptions } from 'vite'
 import { library } from '@stacksjs/config'
-import { server } from '@stacksjs/server'
 import { alias } from '@stacksjs/alias'
 import { autoImports, components, cssEngine, inspect, uiEngine } from './stacks'
 
@@ -12,7 +11,10 @@ export const vueComponentsConfig: ViteConfig = {
   envDir: projectPath(),
   envPrefix: 'APP_',
 
-  server,
+  server: {
+    port: 3333,
+    open: true,
+  },
 
   resolve: {
     dedupe: ['vue'],
@@ -20,7 +22,7 @@ export const vueComponentsConfig: ViteConfig = {
   },
 
   optimizeDeps: {
-    exclude: ['vue'],
+    exclude: ['vue', 'fsevents', '@novu/mandrill', '@maizzle/framework', 'browser-sync-ui'],
   },
 
   plugins: [
@@ -41,7 +43,7 @@ export function vueComponentsBuildOptions(): ViteBuildOptions {
     emptyOutDir: true,
     lib: {
       entry: buildEntriesPath('vue-components.ts'),
-      name: library.vueComponents.name,
+      name: library.vueComponents?.name,
       formats: ['cjs', 'es'],
       fileName: (format: string) => {
         if (format === 'es')

package/core/build/web-types.config.cjs

@@ -1,4 +1,5 @@
 const jiti = require('jiti')(__filename)
+
 const config = jiti('./web-types.ts').default
 
 module.exports = config

package/core/cache/README.md

@@ -38,7 +38,7 @@ pnpm test
 
 Please see our [releases](https://github.com/stacksjs/stacks/releases) page for more information on what has changed recently.
 
-## 💪🏼 Contributing
+## 🚜 Contributing
 
 Please review the [Contributing Guide](https://github.com/stacksjs/contributing) for details.
 

package/core/cache/build.config.ts

@@ -0,0 +1,15 @@
+import { defineBuildConfig } from 'unbuild'
+
+export default defineBuildConfig({
+  entries: [
+    {
+      builder: 'mkdist',
+      input: './src/',
+      outDir: './dist/',
+      format: 'esm',
+    },
+  ],
+
+  clean: true,
+  declaration: true,
+})

package/core/cache/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@stacksjs/cache",
   "type": "module",
-  "version": "0.51.0",
-  "packageManager": "pnpm@7.26.3",
+  "version": "0.52.1",
+  "packageManager": "pnpm@8.5.1",
   "description": "The Stacks way of caching.",
   "author": "Chris Breuer",
   "license": "MIT",
@@ -26,7 +26,28 @@
     "functions",
     "stacks"
   ],
-  "main": "dist/index.mjs",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs"
+    },
+    "./drivers/dynamodb": {
+      "types": "./dist/drivers/dynamodb.d.ts",
+      "import": "./dist/drivers/dynamodb.mjs"
+    },
+    "./drivers/memcached": {
+      "types": "./dist/drivers/dynamodb.d.ts",
+      "import": "./dist/drivers/dynamodb.mjs"
+    },
+    "./drivers/redis": {
+      "types": "./dist/drivers/dynamodb.d.ts",
+      "import": "./dist/drivers/dynamodb.mjs"
+    },
+    "./drivers/upstash": {
+      "types": "./dist/drivers/dynamodb.d.ts",
+      "import": "./dist/drivers/dynamodb.mjs"
+    }
+  },
   "module": "dist/index.mjs",
   "types": "dist/index.d.ts",
   "contributors": [
@@ -36,27 +57,21 @@
     "dist",
     "README.md"
   ],
-  "engines": {
-    "node": ">=v18.14.0",
-    "pnpm": ">=7.26.3"
-  },
   "scripts": {
-    "build": "mkdist -d",
-    "dev": "mkdist -d",
+    "build": "unbuild",
+    "dev": "unbuild --stub",
     "prepublishOnly": "pnpm run build",
     "typecheck": "tsc --noEmit"
   },
   "peerDependencies": {
-    "@aws-sdk/client-dynamodb": "^3.264.0",
+    "@aws-sdk/client-dynamodb": "^3.335.0",
     "@stacksjs/config": "workspace:*",
     "@types/memjs": "^1.3.0",
     "memcached": "^2.2.2",
-    "memjs": "^1.3.0",
-    "redis": "^4.6.4"
+    "memjs": "^1.3.1",
+    "redis": "^4.6.6"
   },
   "devDependencies": {
-    "@stacksjs/testing": "workspace:*",
-    "mkdist": "^1.1.0",
-    "typescript": "^4.9.5"
+    "@stacksjs/development": "workspace:*"
   }
 }

package/core/cache/src/drivers/dynamodb.ts

@@ -1,117 +1,119 @@
-import type { PutItemCommandInput } from '@aws-sdk/client-dynamodb'
-import { DynamoDB, ListTablesCommand } from '@aws-sdk/client-dynamodb'
-import { cache } from '@stacksjs/config'
-
-const valueAttribute = 'value'
-const keyAttribute = 'key'
-
-const tableName = cache.dynamodb.table
-
-const dynamodb = new DynamoDB({ region: cache.dynamodb.region })
-
-async function createTable() {
-  const tables = await dynamodb.send(new ListTablesCommand({}))
-
-  const tableExists = tables.TableNames?.includes('cache')
-
-  if (tableExists)
-    return
-
-  const params = {
-    AttributeDefinitions: [
-      {
-        AttributeName: 'key',
-        AttributeType: 'S',
-      },
-    ],
-    KeySchema: [
-      {
-        AttributeName: 'key',
-        KeyType: 'HASH',
-      },
-    ],
-    ProvisionedThroughput: {
-      ReadCapacityUnits: 5,
-      WriteCapacityUnits: 5,
-    },
-    TableName: tableName,
-  }
-
-  await dynamodb.createTable(params)
-}
-
-async function set(key: string, value: string | number): Promise<void> {
-  const params: PutItemCommandInput = {
-    TableName: tableName,
-    Item: {
-      [keyAttribute]: {
-        S: key,
-      },
-      [valueAttribute]: {
-        [getValueType(value)]: serialize(value),
-      },
-    },
-  }
-
-  await dynamodb.putItem(params)
-}
-
-async function get(key: string): Promise<string | undefined | null> {
-  const params = {
-    TableName: tableName,
-    Key: {
-      [keyAttribute]: {
-        S: key,
-      },
-    },
-  }
-
-  const response = await dynamodb.getItem(params)
-
-  if (!response.Item)
-    return null
-
-  return response.Item[valueAttribute].S ?? response.Item[valueAttribute].N
-}
-
-function getValueType(value: string | number) {
-  if (typeof value === 'string')
-    return 'S'
-
-  if (typeof value === 'number')
-    return 'N'
-
-  return 'S'
-}
-
-async function remove(key: string): Promise<void> {
-  const params = {
-    TableName: tableName,
-    Key: {
-      [keyAttribute]: {
-        S: key,
-      },
-    },
-  }
-
-  await dynamodb.deleteItem(params)
-}
-
-async function del(key: string): Promise<void> {
-  const params = {
-    TableName: tableName,
-    Key: {
-      [keyAttribute]: {
-        S: key,
-      },
-    },
-  }
-
-  await dynamodb.deleteItem(params)
-}
-
-function serialize(value: string | number) {
-  return String(value)
-}
-
-export { set, get, remove, del, createTable }
+export {}
+
+// import type { PutItemCommandInput } from '@aws-sdk/client-dynamodb'
+// import { DynamoDB, ListTablesCommand } from '@aws-sdk/client-dynamodb'
+// import { cache } from '@stacksjs/config'
+
+// const valueAttribute = 'value'
+// const keyAttribute = 'key'
+
+// const tableName = cache.dynamodb.table
+
+// const dynamodb = new DynamoDB({ region: cache.dynamodb.region })
+
+// async function createTable() {
+//   const tables = await dynamodb.send(new ListTablesCommand({}))
+
+//   const tableExists = tables.TableNames?.includes('cache')
+
+//   if (tableExists)
+//     return
+
+//   const params = {
+//     AttributeDefinitions: [
+//       {
+//         AttributeName: 'key',
+//         AttributeType: 'S',
+//       },
+//     ],
+//     KeySchema: [
+//       {
+//         AttributeName: 'key',
+//         KeyType: 'HASH',
+//       },
+//     ],
+//     ProvisionedThroughput: {
+//       ReadCapacityUnits: 5,
+//       WriteCapacityUnits: 5,
+//     },
+//     TableName: tableName,
+//   }
+
+//   await dynamodb.createTable(params)
+// }
+
+// async function set(key: string, value: string | number): Promise<void> {
+//   const params: PutItemCommandInput = {
+//     TableName: tableName,
+//     Item: {
+//       [keyAttribute]: {
+//         S: key,
+//       },
+//       [valueAttribute]: {
+//         [getValueType(value)]: serialize(value),
+//       },
+//     },
+//   }
+
+//   await dynamodb.putItem(params)
+// }
+
+// async function get(key: string): Promise<string | undefined | null> {
+//   const params = {
+//     TableName: tableName,
+//     Key: {
+//       [keyAttribute]: {
+//         S: key,
+//       },
+//     },
+//   }
+
+//   const response = await dynamodb.getItem(params)
+
+//   if (!response.Item)
+//     return null
+
+//   return response.Item[valueAttribute].S ?? response.Item[valueAttribute].N
+// }
+
+// function getValueType(value: string | number) {
+//   if (typeof value === 'string')
+//     return 'S'
+
+//   if (typeof value === 'number')
+//     return 'N'
+
+//   return 'S'
+// }
+
+// async function remove(key: string): Promise<void> {
+//   const params = {
+//     TableName: tableName,
+//     Key: {
+//       [keyAttribute]: {
+//         S: key,
+//       },
+//     },
+//   }
+
+//   await dynamodb.deleteItem(params)
+// }
+
+// async function del(key: string): Promise<void> {
+//   const params = {
+//     TableName: tableName,
+//     Key: {
+//       [keyAttribute]: {
+//         S: key,
+//       },
+//     },
+//   }
+
+//   await dynamodb.deleteItem(params)
+// }
+
+// function serialize(value: string | number) {
+//   return String(value)
+// }
+
+// export { set, get, remove, del, createTable }