stacks 0.52.10 → 0.56.3

package/core/build/src/stacks.ts

@@ -6,26 +6,22 @@ import Inspect from 'vite-plugin-inspect'
 import Pages from 'vite-plugin-pages'
 import Layouts from 'vite-plugin-vue-layouts'
 import type { PluginOption } from 'vite'
-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 type { AutoImportsOptions, ComponentOptions, InspectOptions, LayoutOptions, MarkdownOptions, PagesOption } from '@stacksjs/types'
+import type { AutoImportsOptions, ComponentOptions, InspectOptions, LayoutOptions, 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
+export { resolve }
 
-function inspect(options?: InspectOptions) {
+export function inspect(options?: InspectOptions) {
   return Inspect(options)
 }
 
-function layouts(options?: LayoutOptions) {
+export function layouts(options?: LayoutOptions) {
   return Layouts(options)
 }
 
-function components(options?: ComponentOptions): PluginOption {
+export function components(options?: ComponentOptions): PluginOption {
   const defaultOptions = {
     // also allow auto-loading markdown components
     extensions: ['vue', 'md'],
@@ -43,8 +39,8 @@ function components(options?: ComponentOptions): PluginOption {
 }
 
 // https://github.com/hannoeru/vite-plugin-pages
-function pages(options?: PagesOption) {
-  const defaultOptions: PagesOption = {
+export function pages(options?: PagesOption) {
+  const defaultOptions = {
     extensions: ['vue', 'md'],
     dirs: [
       p.pagesPath(),
@@ -56,39 +52,17 @@ function pages(options?: PagesOption) {
   return Pages(newOptions)
 }
 
-function markdown(options?: MarkdownOptions) {
-  const defaultOptions: MarkdownOptions = {
-    wrapperClasses: 'prose prose-sm m-auto text-left',
-    headEnabled: true,
-    markdownItSetup(md) {
-    // https://prismjs.com/
-      md.use(Shiki, {
-        theme: 'nord',
-      })
-      md.use(LinkAttributes, {
-        matcher: (link: string) => /^https?:\/\//.test(link),
-        attrs: {
-          target: '_blank',
-          rel: 'noopener',
-        },
-      })
-    },
-  }
-
-  const newOptions = defu(options, defaultOptions)
-
-  return Markdown(newOptions)
-}
-
-function autoImports(options?: AutoImportsOptions) {
+export function autoImports(options?: AutoImportsOptions) {
   const defaultOptions: AutoImportsOptions = {
     imports: [
       'vue', 'vue-router', 'vue/macros', 'vitest',
       { '@stacksjs/ui': ['CssEngine', 'UiEngine', 'Store', 'presetForms', 'transformerCompileClass'] },
+      { '@stacksjs/logging': ['dd', 'dump'] }, // we also export `log` in st stacks/cli
+      // { '@stacksjs/validation': ['validate', 'validateAll', 'validateSync', 'validateAllSync'] },
     ],
     dirs: [
-      p.projectPath('functions'),
-      p.projectPath('components'),
+      p.resourcesPath('functions'),
+      p.resourcesPath('components'),
       p.projectPath('config'),
 
       // auto imported utilities start here
@@ -97,26 +71,33 @@ function autoImports(options?: AutoImportsOptions) {
       p.authPath('src'),
       p.cachePath('src'),
       p.chatPath('src'),
+      p.cliPath('src'),
+      p.cloudPath('src'),
       p.databasePath('src'),
+      p.datetimePath('src'),
       p.desktopPath('src'),
       p.errorHandlingPath('src'),
+      p.eventsPath('src'),
+      p.fakerPath('src'),
       p.healthPath('src'),
       p.lintPath('src'),
-      p.loggingPath('src'),
       p.notificationsPath('src'),
       p.objectsPath('src'),
+      p.ormPath('src'),
       p.pathPath('src'),
       p.paymentsPath('src'),
       p.pushPath('src'),
       p.queuePath('src'),
+      p.queryBuilderPath('src'),
       p.realtimePath('src'),
       p.routerPath('src'),
       p.searchEnginePath('src'),
       p.securityPath('src'),
+      p.signalsPath('src'),
       p.smsPath('src'),
+      p.slugPath('src'),
       p.storagePath('src'),
       p.stringsPath('src'),
-      p.tablesPath('src'),
       p.testingPath('src'),
       p.utilsPath('src'),
       p.validationPath('src'),
@@ -134,14 +115,14 @@ function autoImports(options?: AutoImportsOptions) {
   return AutoImport(newOptions)
 }
 
-function cssEngine(isWebComponent = false) {
+export function cssEngine(isWebComponent = false) {
   return Unocss({
     configFile: p.uiPath('src/unocss.ts'),
     mode: isWebComponent ? 'shadow-dom' : 'vue-scoped',
   })
 }
 
-function pwa() {
+export function pwa() {
   return VitePWA({
     registerType: 'autoUpdate',
     includeAssets: ['favicon.svg', 'safari-pinned-tab.svg'],
@@ -171,7 +152,7 @@ function pwa() {
   })
 }
 
-// function i18n(options?: i18nOptions) {
+// export function i18n(options?: i18nOptions) {
 //   const defaultOptions: i18nOptions = {
 //     runtimeOnly: true,
 //     compositionOnly: true,
@@ -183,7 +164,7 @@ function pwa() {
 //   return VueI18n(newOptions)
 // }
 
-function uiEngine(isWebComponent = false) {
+export function uiEngine(isWebComponent = false) {
   if (isWebComponent) {
     return Vue({
       include: [/\.vue$/, /\.md$/],
@@ -200,15 +181,14 @@ function uiEngine(isWebComponent = false) {
   })
 }
 
-function componentPreset(isWebComponent = false) {
-  return <PluginOption>[
-    inspect,
+export function componentPreset(isWebComponent = false) {
+  return [
+    // inspect,
     uiEngine(isWebComponent),
     cssEngine(isWebComponent),
-    autoImports,
-    components,
-    markdown,
-  ]
+    // autoImports,
+    // components,
+  ] satisfies PluginOption
 }
 
 // const pagesPreset = (isWebComponent = false) => <PluginOption>[
@@ -218,5 +198,3 @@ function componentPreset(isWebComponent = false) {
 // const functionsPreset = () => <PluginOption>[
 //   //
 // ]
-
-export { resolve, componentPreset, uiEngine, autoImports, cssEngine, components, inspect, markdown, pages, pwa, layouts }

package/core/build/src/{pages.ts → views.ts}

@@ -1,15 +1,15 @@
 import { defineConfig } from 'vite'
-
-// import generateSitemap from 'vite-ssg-sitemap'
 import type { ViteConfig } from '@stacksjs/types'
 import { functionsPath, projectPath } from '@stacksjs/path'
 import { alias } from '@stacksjs/alias'
-import { autoImports, components, cssEngine, inspect, layouts, markdown, pages, pwa, uiEngine } from '.'
+
+// import { autoImports, components, cssEngine, inspect, layouts, pages, pwa, uiEngine } from '.'
+// import generateSitemap from 'vite-ssg-sitemap'
 
 export const pagesConfig: ViteConfig = {
   root: functionsPath(),
   envDir: projectPath(),
-  envPrefix: 'APP_',
+  envPrefix: 'FRONTEND_',
 
   resolve: {
     alias,
@@ -17,16 +17,15 @@ export const pagesConfig: ViteConfig = {
 
   plugins: [
     // preview(),
-    uiEngine(),
-    pages(),
-    cssEngine(),
-    components(),
-    layouts(),
-    // i18n(),
-    markdown(),
-    autoImports(),
-    pwa(),
-    inspect(),
+    // uiEngine(),
+    // pages(),
+    // cssEngine(),
+    // components(),
+    // layouts(),
+    // // i18n(),
+    // autoImports(),
+    // pwa(),
+    // inspect(),
   ],
 
   // https://github.com/antfu/vite-ssg

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

@@ -1,17 +1,22 @@
-import { defineConfig } from 'vite'
+import { defineConfig, loadEnv } from 'vite'
 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 { frameworkPath, libraryEntryPath, libsPath, projectPath, storagePath } from '@stacksjs/path'
+import type { ViteDevServer as DevServer, BuildOptions as ViteBuildOptions } from 'vite'
+import { app, library } from '@stacksjs/config'
 import { alias } from '@stacksjs/alias'
+import mkcert from 'vite-plugin-mkcert'
+import c from 'picocolors'
 import { autoImports, components, cssEngine, inspect, uiEngine } from './stacks'
 
 export const vueComponentsConfig: ViteConfig = {
-  root: frameworkPath('components/vue'),
+  root: frameworkPath('libs/components/vue'),
+  base: frameworkPath(),
   envDir: projectPath(),
-  envPrefix: 'APP_',
+  envPrefix: 'FRONTEND_',
+  publicDir: storagePath('public'),
 
   server: {
+    https: true,
     port: 3333,
     open: true,
   },
@@ -22,7 +27,7 @@ export const vueComponentsConfig: ViteConfig = {
   },
 
   optimizeDeps: {
-    exclude: ['vue', 'fsevents', '@novu/mandrill', '@maizzle/framework', 'browser-sync-ui'],
+    exclude: ['vue', 'fsevents'],
   },
 
   plugins: [
@@ -32,6 +37,60 @@ export const vueComponentsConfig: ViteConfig = {
     autoImports(),
     components(),
     inspect(),
+    mkcert({
+      autoUpgrade: true,
+      savePath: libsPath('components/certs'),
+      keyFileName: library.name ? `library-${library.name}-key.pem` : 'library-key.pem',
+      certFileName: library.name ? `library-${library.name}-cert.pem` : 'library-cert.pem',
+    }),
+    {
+      // ...
+      configureServer(server: DevServer) {
+        // const base = server.config.base || '/'
+        // const _print = server.printUrls
+        server.printUrls = () => {
+          // const url = server.resolvedUrls?.local[0]
+          //
+          // if (url) {
+          //   try {
+          //     const u = new URL(url)
+          //     // eslint-disable-next-line no-console
+          //     console.log(`${u.protocol}//${u.host}`)
+          //     // const host = `${u.protocol}//${u.host}`
+          //   }
+          //   catch (error) {
+          //     log.warn('Parse resolved url failed:', error)
+          //   }
+          // }
+
+          const appUrl = app.url
+          const frontendUrl = `https://${appUrl}`
+          const backendUrl = `https://api.${appUrl}`
+          const dashboardUrl = `https://admin.${appUrl}`
+          const libraryUrl = `https://libs.${appUrl}`
+          const docsUrl = `https://docs.${appUrl}`
+          const inspectUrl = `https://${appUrl}/__inspect/`
+
+          // const pkg = await storage.readPackageJson(frameworkPath('./package.json')) // TODO: fix this async call placing `press h to show help` on top
+          const stacksVersion = 'alpha-0.x.x'
+
+          // eslint-disable-next-line no-console
+          console.log(`  ${c.blue(c.bold('STACKS'))} ${c.blue(stacksVersion)}`)
+          // eslint-disable-next-line no-console
+          console.log(`  ${c.green('➜')}  ${c.bold('Frontend')}: ${c.green(frontendUrl)}`)
+          // eslint-disable-next-line no-console
+          console.log(`  ${c.green('➜')}  ${c.bold('Backend')}: ${c.green(backendUrl)}`)
+          // eslint-disable-next-line no-console
+          console.log(`  ${c.green('➜')}  ${c.bold('Dashboard')}: ${c.green(dashboardUrl)}`)
+          // eslint-disable-next-line no-console
+          console.log(`  ${c.green('➜')}  ${c.bold('Library')}: ${c.green(libraryUrl)}`)
+          // eslint-disable-next-line no-console
+          console.log(`  ${c.green('➜')}  ${c.bold('Docs')}: ${c.green(docsUrl)}`)
+          // eslint-disable-next-line no-console
+          console.log(`  ${c.green('➜')}  ${c.dim('Inspect')}: ${c.green(inspectUrl)}`)
+        }
+      },
+    },
   ],
 
   build: vueComponentsBuildOptions(),
@@ -39,10 +98,11 @@ export const vueComponentsConfig: ViteConfig = {
 
 export function vueComponentsBuildOptions(): ViteBuildOptions {
   return {
-    outDir: frameworkPath('components/vue/dist'),
+    target: 'esnext',
+    outDir: libsPath('components/vue/dist'),
     emptyOutDir: true,
     lib: {
-      entry: buildEntriesPath('vue-components.ts'),
+      entry: libraryEntryPath('vue-components'),
       name: library.vueComponents?.name,
       formats: ['cjs', 'es'],
       fileName: (format: string) => {
@@ -57,7 +117,7 @@ export function vueComponentsBuildOptions(): ViteBuildOptions {
     },
 
     rollupOptions: {
-      external: ['vue'],
+      external: ['vue', '@stacksjs/alias'],
       output: {
         globals: {
           vue: 'Vue',
@@ -67,10 +127,11 @@ export function vueComponentsBuildOptions(): ViteBuildOptions {
   }
 }
 
-export default defineConfig(({ command }) => {
+export default defineConfig(({ command, mode }) => {
+  process.env = { ...process.env, ...loadEnv(mode, projectPath(), '') }
+
   if (command === 'serve')
     return vueComponentsConfig
 
-  // command === 'build'
   return vueComponentsConfig
 })

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

@@ -1,18 +1,19 @@
 import type { BuildOptions as ViteBuildOptions } from 'vite'
 import { defineConfig } from 'vite'
 import type { ViteConfig } from '@stacksjs/types'
-import { buildEntriesPath, componentsPath, frameworkPath, projectPath } from '@stacksjs/path'
+import { frameworkPath, libraryEntryPath, projectPath } from '@stacksjs/path'
 import { library } from '@stacksjs/config'
 import { server } from '@stacksjs/server'
 import { alias } from '@stacksjs/alias'
-import { autoImports, components, cssEngine, inspect, uiEngine } from '.'
 
-const isWebComponent = true
+// import { autoImports, components, cssEngine, inspect, uiEngine } from '.'
+
+// const isWebComponent = true
 
 export const webComponentsConfig: ViteConfig = {
-  root: componentsPath(),
+  root: frameworkPath('libs/components/web'),
   envDir: projectPath(),
-  envPrefix: 'APP_',
+  envPrefix: 'FRONTEND_',
 
   server,
 
@@ -21,11 +22,11 @@ export const webComponentsConfig: ViteConfig = {
   },
 
   plugins: [
-    inspect(),
-    uiEngine(isWebComponent),
-    cssEngine(isWebComponent),
-    autoImports(),
-    components(),
+    // inspect(),
+    // uiEngine(isWebComponent),
+    // cssEngine(isWebComponent),
+    // autoImports(),
+    // components(),
   ],
 
   build: webComponentsBuildOptions(),
@@ -36,8 +37,8 @@ export function webComponentsBuildOptions(): ViteBuildOptions {
     outDir: frameworkPath('components/web/dist'),
     emptyOutDir: true,
     lib: {
-      entry: buildEntriesPath('web-components.ts'),
-      name: library.webComponents.name,
+      entry: libraryEntryPath('web-components'),
+      name: library.webComponents?.name,
       formats: ['cjs', 'es'],
       fileName: (format: string) => {
         if (format === 'es')

package/core/build/web-types.ts

@@ -3,12 +3,12 @@ import { componentsPath, frameworkPath } from '@stacksjs/path'
 import { library } from '@stacksjs/config'
 import { frameworkVersion } from '@stacksjs/utils'
 
-export default <WebTypesBuilderConfig> {
+export default {
   cwd: process.cwd(),
   componentsRoot: componentsPath(),
   components: '**\/[a-zA-Z]*.vue',
   outFile: frameworkPath('web-types.json'),
-  packageName: library.name,
+  packageName: library.name || 'stacks',
   packageVersion: await frameworkVersion(),
   watch: false,
-}
+} satisfies WebTypesBuilderConfig

package/core/cache/build.config.ts

@@ -1,13 +1,13 @@
-import { defineBuildConfig } from 'unbuild'
+import { alias, defineBuildConfig } from '@stacksjs/development'
 
 export default defineBuildConfig({
+  alias,
   entries: [
-    {
-      builder: 'mkdist',
-      input: './src/',
-      outDir: './dist/',
-      format: 'esm',
-    },
+    './src/index',
+    './src/drivers/dynamodb',
+    './src/drivers/memcached',
+    './src/drivers/redis',
+    './src/drivers/upstash',
   ],
 
   clean: true,

package/core/cache/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@stacksjs/cache",
   "type": "module",
-  "version": "0.52.10",
-  "packageManager": "pnpm@8.5.1",
+  "version": "0.56.3",
+  "packageManager": "pnpm@8.6.5",
   "description": "The Stacks way of caching.",
   "author": "Chris Breuer",
   "license": "MIT",
@@ -31,21 +31,21 @@
       "types": "./dist/index.d.ts",
       "import": "./dist/index.mjs"
     },
-    "./drivers/dynamodb": {
-      "types": "./dist/drivers/dynamodb.d.ts",
-      "import": "./dist/drivers/dynamodb.mjs"
+    "./dynamodb": {
+      "types": "./dist/dynamodb.d.ts",
+      "import": "./dist/dynamodb.mjs"
     },
-    "./drivers/memcached": {
-      "types": "./dist/drivers/dynamodb.d.ts",
-      "import": "./dist/drivers/dynamodb.mjs"
+    "./memcached": {
+      "types": "./dist/dynamodb.d.ts",
+      "import": "./dist/dynamodb.mjs"
     },
-    "./drivers/redis": {
-      "types": "./dist/drivers/dynamodb.d.ts",
-      "import": "./dist/drivers/dynamodb.mjs"
+    "./redis": {
+      "types": "./dist/dynamodb.d.ts",
+      "import": "./dist/dynamodb.mjs"
     },
-    "./drivers/upstash": {
-      "types": "./dist/drivers/dynamodb.d.ts",
-      "import": "./dist/drivers/dynamodb.mjs"
+    "./upstash": {
+      "types": "./dist/dynamodb.d.ts",
+      "import": "./dist/dynamodb.mjs"
     }
   },
   "module": "dist/index.mjs",
@@ -60,16 +60,16 @@
   "scripts": {
     "build": "unbuild",
     "dev": "unbuild --stub",
-    "prepublishOnly": "pnpm run build",
+    "prepublishOnly": "unbuild",
     "typecheck": "tsc --noEmit"
   },
   "peerDependencies": {
-    "@aws-sdk/client-dynamodb": "^3.335.0",
+    "@aws-sdk/client-dynamodb": "^3.360.0",
     "@stacksjs/config": "workspace:*",
     "@types/memjs": "^1.3.0",
     "memcached": "^2.2.2",
     "memjs": "^1.3.1",
-    "redis": "^4.6.6"
+    "redis": "^4.6.7"
   },
   "devDependencies": {
     "@stacksjs/development": "workspace:*"

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

@@ -4,8 +4,8 @@ import { cache } from '@stacksjs/config'
 
 const client: RedisClientType = createClient({
   socket: {
-    host: cache?.redis?.host,
-    port: cache?.redis?.port,
+    host: cache.drivers?.redis?.host,
+    port: cache.drivers?.redis?.port,
   },
   password: '',
 })

package/core/cache/tests/DynamoDB.test.ts

@@ -1,4 +1,3 @@
-import type { PutItemCommandInput } from '@aws-sdk/client-dynamodb'
 import { DynamoDB, ListTablesCommand } from '@aws-sdk/client-dynamodb'
 import { describe, expect, it } from 'vitest'
 
@@ -62,22 +61,25 @@ async function createTable() {
 
 // TODO: needs to be imported to cache package
 async function set(key: string, value: string | number): Promise<void> {
-  const valueAttribute = 'value'
-  const keyAttribute = 'key'
-
-  const params: PutItemCommandInput = {
-    TableName: 'cache',
-    Item: {
-      [keyAttribute]: {
-        S: key,
-      },
-      [valueAttribute]: {
-        [getValueType(value)]: serialize(value),
-      },
-    },
-  }
-
-  await dynamodb.putItem(params)
+  // eslint-disable-next-line no-console
+  console.log('set', key, value)
+  return Promise.resolve()
+  // const valueAttribute = 'value'
+  // const keyAttribute = 'key'
+  //
+  // const params: PutItemCommandInput = {
+  //   TableName: 'cache',
+  //   Item: {
+  //     [keyAttribute]: {
+  //       S: key,
+  //     },
+  //     [valueAttribute]: {
+  //       [getValueType(value)]: serialize(value),
+  //     },
+  //   },
+  // }
+  //
+  // await dynamodb.putItem(params)
 }
 
 // TODO: needs to be imported to cache package
@@ -102,17 +104,6 @@ async function get(key: string): Promise<string | undefined | null> {
   return response.Item[valueAttribute].S ?? response.Item[valueAttribute].N
 }
 
-// TODO: needs to be imported to cache package
-function getValueType(value: string | number) {
-  if (typeof value === 'string')
-    return 'S'
-
-  if (typeof value === 'number')
-    return 'N'
-
-  return 'S'
-}
-
 // TODO: needs to be imported to cache package
 async function remove(key: string): Promise<void> {
   const keyAttribute = 'key'
@@ -142,8 +133,3 @@ async function remove(key: string): Promise<void> {
 
 //   await dynamodb.deleteItem(params)
 // }
-
-// TODO: needs to be imported to cache package
-function serialize(value: string | number) {
-  return String(value)
-}

package/core/chat/build.config.ts

@@ -1,13 +1,11 @@
-import { defineBuildConfig } from 'unbuild'
+import { alias } from '@stacksjs/alias'
+import { defineBuildConfig } from '@stacksjs/development'
 
 export default defineBuildConfig({
+  alias,
+
   entries: [
-    {
-      builder: 'mkdist',
-      input: './src/',
-      outDir: './dist/',
-      format: 'esm',
-    },
+    './src/index',
   ],
 
   clean: true,

package/core/chat/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@stacksjs/chat",
   "type": "module",
-  "version": "0.52.10",
-  "packageManager": "pnpm@8.5.1",
+  "version": "0.56.3",
+  "packageManager": "pnpm@8.6.5",
   "description": "The Stacks Chat Integration. Easy sending of messages for chat services",
   "author": "Chris Breuer",
   "license": "MIT",
@@ -40,15 +40,15 @@
   "scripts": {
     "build": "unbuild",
     "dev": "unbuild --stub",
-    "prepublishOnly": "pnpm run build",
+    "prepublishOnly": "unbuild",
     "typecheck": "tsc --noEmit"
   },
   "peerDependencies": {
-    "@novu/discord": "^0.15.0",
-    "@novu/ms-teams": "^0.15.0",
-    "@novu/node": "^0.15.0",
-    "@novu/slack": "^0.15.0",
-    "@novu/stateless": "^0.15.0",
+    "@novu/discord": "^0.16.1",
+    "@novu/ms-teams": "^0.16.1",
+    "@novu/node": "^0.16.1",
+    "@novu/slack": "^0.16.1",
+    "@novu/stateless": "^0.16.1",
     "@stacksjs/cli": "workspace:*",
     "@stacksjs/config": "workspace:*",
     "@stacksjs/error-handling": "workspace:*",