chore: wip

Author: chrisbbreuer

.stacks/auto-imports.d.ts

@@ -91,7 +91,6 @@ declare global {
   const breakpointsTailwind: typeof import('./core/utils/src/vendors')['breakpointsTailwind']
   const breakpointsVuetify: typeof import('./core/utils/src/vendors')['breakpointsVuetify']
   const buildEnginePath: typeof import('./core/path/src/index')['buildEnginePath']
-  const buildEntriesPath: typeof import('./core/path/src/index')['buildEntriesPath']
   const buildPath: typeof import('./core/path/src/index')['buildPath']
   const cache: typeof import('../config/cache')['default']
   const cachePath: typeof import('./core/path/src/index')['cachePath']
@@ -411,6 +410,8 @@ declare global {
   const lessThanOrEqual: typeof import('./core/utils/src/currency')['lessThanOrEqual']
   const library: typeof import('../config/library')['default']
   const libraryEntryPath: typeof import('./core/path/src/index')['libraryEntryPath']
+  const libsEntriesPath: typeof import('./core/path/src/index')['libsEntriesPath']
+  const libsPath: typeof import('./core/path/src/index')['libsPath']
   const lightBlue: typeof import('./core/cli/src/utilities')['lightBlue']
   const lightCyan: typeof import('./core/cli/src/utilities')['lightCyan']
   const lightGray: typeof import('./core/cli/src/utilities')['lightGray']
@@ -941,7 +942,6 @@ declare module 'vue' {
     readonly breakpointsTailwind: UnwrapRef<typeof import('./core/utils/src/vendors')['breakpointsTailwind']>
     readonly breakpointsVuetify: UnwrapRef<typeof import('./core/utils/src/vendors')['breakpointsVuetify']>
     readonly buildEnginePath: UnwrapRef<typeof import('./core/path/src/index')['buildEnginePath']>
-    readonly buildEntriesPath: UnwrapRef<typeof import('./core/path/src/index')['buildEntriesPath']>
     readonly buildPath: UnwrapRef<typeof import('./core/path/src/index')['buildPath']>
     readonly cache: UnwrapRef<typeof import('../config/cache')['default']>
     readonly cachePath: UnwrapRef<typeof import('./core/path/src/index')['cachePath']>
@@ -1258,6 +1258,8 @@ declare module 'vue' {
     readonly lessThanOrEqual: UnwrapRef<typeof import('./core/utils/src/currency')['lessThanOrEqual']>
     readonly library: UnwrapRef<typeof import('../config/library')['default']>
     readonly libraryEntryPath: UnwrapRef<typeof import('./core/path/src/index')['libraryEntryPath']>
+    readonly libsEntriesPath: UnwrapRef<typeof import('./core/path/src/index')['libsEntriesPath']>
+    readonly libsPath: UnwrapRef<typeof import('./core/path/src/index')['libsPath']>
     readonly lightBlue: UnwrapRef<typeof import('./core/cli/src/utilities')['lightBlue']>
     readonly lightCyan: UnwrapRef<typeof import('./core/cli/src/utilities')['lightCyan']>
     readonly lightGray: UnwrapRef<typeof import('./core/cli/src/utilities')['lightGray']>
@@ -1776,7 +1778,6 @@ declare module '@vue/runtime-core' {
     readonly breakpointsTailwind: UnwrapRef<typeof import('./core/utils/src/vendors')['breakpointsTailwind']>
     readonly breakpointsVuetify: UnwrapRef<typeof import('./core/utils/src/vendors')['breakpointsVuetify']>
     readonly buildEnginePath: UnwrapRef<typeof import('./core/path/src/index')['buildEnginePath']>
-    readonly buildEntriesPath: UnwrapRef<typeof import('./core/path/src/index')['buildEntriesPath']>
     readonly buildPath: UnwrapRef<typeof import('./core/path/src/index')['buildPath']>
     readonly cache: UnwrapRef<typeof import('../config/cache')['default']>
     readonly cachePath: UnwrapRef<typeof import('./core/path/src/index')['cachePath']>
@@ -2093,6 +2094,8 @@ declare module '@vue/runtime-core' {
     readonly lessThanOrEqual: UnwrapRef<typeof import('./core/utils/src/currency')['lessThanOrEqual']>
     readonly library: UnwrapRef<typeof import('../config/library')['default']>
     readonly libraryEntryPath: UnwrapRef<typeof import('./core/path/src/index')['libraryEntryPath']>
+    readonly libsEntriesPath: UnwrapRef<typeof import('./core/path/src/index')['libsEntriesPath']>
+    readonly libsPath: UnwrapRef<typeof import('./core/path/src/index')['libsPath']>
     readonly lightBlue: UnwrapRef<typeof import('./core/cli/src/utilities')['lightBlue']>
     readonly lightCyan: UnwrapRef<typeof import('./core/cli/src/utilities')['lightCyan']>
     readonly lightGray: UnwrapRef<typeof import('./core/cli/src/utilities')['lightGray']>

.stacks/core/actions/src/build/component-libs.ts

@@ -1,15 +1,5 @@
-import { log } from '@stacksjs/logging'
 import { frameworkPath } from '@stacksjs/path'
 import { runCommand } from '@stacksjs/cli'
+import { NpmScript } from '@stacksjs/types'
 
-log.info('Building Component Libraries...')
-
-// run the `npx mkdist -d` command to build the dist folder
-const result = await runCommand('npx mkdist -d', { verbose: true, cwd: frameworkPath() })
-
-if (result.isErr()) {
-  log.error('There was an error running `npx mkdist -d`.', result.error)
-  process.exit()
-}
-
-log.success('Building Stacks was successful.')
+await runCommand(NpmScript.BuildComponents, { cwd: frameworkPath(), verbose: true })

.stacks/core/actions/src/helpers/lib-entries.ts

@@ -1,68 +1,76 @@
 import { log } from '@stacksjs/logging'
 import { kebabCase } from '@stacksjs/strings'
+import type { LibraryType } from '@stacksjs/path'
 import { libraryEntryPath } from '@stacksjs/path'
 import { writeTextFile } from '@stacksjs/storage'
 import { determineResetPreset } from '@stacksjs/utils'
-import type { LibEntryType } from '@stacksjs/types'
 import { library } from '@stacksjs/config'
+import { ExitCode } from '@stacksjs/types'
 
 /**
  * Based on the config values, this method
  * will generate the library entry points.
  *
- * @param type string
+ * @param type LibraryType
  */
-export async function generateLibEntry(type: LibEntryType) {
-  try {
-    if (type === 'vue-components')
-      await createVueLibraryEntryPoint()
+export async function generateLibEntry(type: LibraryType) {
+  await createLibraryEntryPoint(type)
+}
 
-    if (type === 'web-components')
-      await createWebComponentLibraryEntryPoint()
+export async function createLibraryEntryPoint(type: LibraryType) {
+  if (type === 'vue-components')
+    await createVueLibraryEntryPoint()
 
-    if (type === 'functions')
-      await createFunctionLibraryEntryPoint()
-  }
-  catch (err) {
-    log.error('There was an error generating the library entry point', err)
-    process.exit()
-  }
+  if (type === 'web-components')
+    await createWebComponentLibraryEntryPoint()
+
+  if (type === 'functions')
+    await createFunctionLibraryEntryPoint()
 }
 
-export async function createVueLibraryEntryPoint() {
+export async function createVueLibraryEntryPoint(type: LibraryType = 'vue-components') {
   log.info('Creating the Vue component library entry point...')
 
   await writeTextFile({
-    path: libraryEntryPath('vue-components'),
-    data: generateEntryPointData('vue-components'),
+    path: libraryEntryPath(type),
+    data: generateEntryPointData(type),
+  }).catch((err) => {
+    log.error('There was an error generating the Vue component library entry point', err)
+    process.exit(ExitCode.FatalError)
   })
 
   log.success('Created the Vue component library entry point')
 }
 
-export async function createWebComponentLibraryEntryPoint() {
+export async function createWebComponentLibraryEntryPoint(type: LibraryType = 'web-components') {
   log.info('Creating the Web Component library entry point...')
 
   await writeTextFile({
-    path: libraryEntryPath('web-components'),
-    data: generateEntryPointData('web-components'),
+    path: libraryEntryPath(type),
+    data: generateEntryPointData(type),
+  }).catch((err) => {
+    log.error('There was an error generating the Web Component library entry point', err)
+    process.exit(ExitCode.FatalError)
   })
 
   log.success('Created Web Component library entry point')
 }
 
-export async function createFunctionLibraryEntryPoint() {
+export async function createFunctionLibraryEntryPoint(type: LibraryType = 'functions') {
   log.info('Creating the Function library entry point...')
 
   await writeTextFile({
-    path: libraryEntryPath('functions'),
-    data: generateEntryPointData('functions'),
+    path: libraryEntryPath(type),
+    data: generateEntryPointData(type),
+  }).catch((err) => {
+    log.error('There was an error generating the Function library entry point', err)
+    process.exit(ExitCode.FatalError)
   })
 
   log.success('Created Functions library entry point')
 }
 
-export function generateEntryPointData(type: 'vue-components' | 'web-components' | 'functions'): string {
+export function generateEntryPointData(type: LibraryType): string {
   let arr = []
 
   if (type === 'functions') {

.stacks/core/build/entries/README.md

@@ -1,7 +1,7 @@
 import type { BuildOptions as ViteBuildOptions } from 'vite'
 import { defineConfig } from 'vite'
 import type { ViteConfig } from '@stacksjs/types'
-import { buildEntriesPath, frameworkPath, functionsPath, projectPath } from '@stacksjs/path'
+import { frameworkPath, functionsPath, libraryEntryPath, projectPath } from '@stacksjs/path'
 import { library } from '@stacksjs/config'
 import { alias } from '@stacksjs/alias'
 import { autoImports } from '.'
@@ -28,7 +28,7 @@ export function functionsBuildOptions(): ViteBuildOptions {
     emptyOutDir: true,
     sourcemap: library.functions?.shouldGenerateSourcemap,
     lib: {
-      entry: buildEntriesPath('functions.ts'),
+      entry: libraryEntryPath('functions'),
       name: library.functions?.name,
       formats: ['cjs', 'es'],
       fileName: (format: string) => {

.stacks/core/build/src/functions.ts

@@ -1,6 +1,6 @@
 import { defineConfig } from 'vite'
 import type { ViteConfig } from '@stacksjs/types'
-import { buildEntriesPath, frameworkPath, projectPath } from '@stacksjs/path'
+import { frameworkPath, libraryEntryPath, projectPath } from '@stacksjs/path'
 import type { BuildOptions as ViteBuildOptions } from 'vite'
 import { library } from '@stacksjs/config'
 import { alias } from '@stacksjs/alias'
@@ -22,7 +22,7 @@ export const vueComponentsConfig: ViteConfig = {
   },
 
   optimizeDeps: {
-    exclude: ['vue', 'fsevents', '@novu/mandrill', '@maizzle/framework', 'browser-sync-ui'],
+    exclude: ['vue', 'fsevents'],
   },
 
   plugins: [
@@ -42,7 +42,7 @@ export function vueComponentsBuildOptions(): ViteBuildOptions {
     outDir: frameworkPath('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) => {

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

@@ -1,7 +1,7 @@
 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 { componentsPath, frameworkPath, libraryEntryPath, projectPath } from '@stacksjs/path'
 import { library } from '@stacksjs/config'
 import { server } from '@stacksjs/server'
 import { alias } from '@stacksjs/alias'
@@ -12,7 +12,7 @@ const isWebComponent = true
 export const webComponentsConfig: ViteConfig = {
   root: componentsPath(),
   envDir: projectPath(),
-  envPrefix: 'APP_',
+  envPrefix: 'FRONTEND_',
 
   server,
 
@@ -36,7 +36,7 @@ export function webComponentsBuildOptions(): ViteBuildOptions {
     outDir: frameworkPath('components/web/dist'),
     emptyOutDir: true,
     lib: {
-      entry: buildEntriesPath('web-components.ts'),
+      entry: libraryEntryPath('web-components'),
       name: library.webComponents?.name,
       formats: ['cjs', 'es'],
       fileName: (format: string) => {

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

@@ -78,8 +78,12 @@ export function buildEnginePath(path?: string) {
   return buildPath(`${path || ''}`)
 }
 
-export function buildEntriesPath(path?: string) {
-  return buildPath(`entries/${path || ''}`)
+export function libsPath(path?: string) {
+  return frameworkPath(`libs/${path || ''}`)
+}
+
+export function libsEntriesPath(path?: string) {
+  return libsPath(`entries/${path || ''}`)
 }
 
 export function cachePath(path?: string) {
@@ -186,8 +190,9 @@ export function langPath(path?: string) {
   return resourcesPath(`lang/${path || ''}`)
 }
 
-export function libraryEntryPath(type: 'vue-components' | 'web-components' | 'functions') {
-  return buildEntriesPath(`${type}.ts`)
+export type LibraryType = 'vue-components' | 'web-components' | 'functions'
+export function libraryEntryPath(type: LibraryType) {
+  return libsEntriesPath(`${type}.ts`)
 }
 
 export function lintPath(path?: string) {
@@ -389,7 +394,7 @@ const path = {
   appPath,
   authPath,
   buildEnginePath,
-  buildEntriesPath,
+  libsEntriesPath,
   buildPath,
   cachePath,
   chatPath,
@@ -419,6 +424,7 @@ const path = {
   functionsPath,
   gitPath,
   langPath,
+  libsPath,
   libraryEntryPath,
   lintPath,
   loggingPath,