@sidekick-coder/zenith-kit 0.3.8 → 0.3.10

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@sidekick-coder/zenith-kit",
-    "version": "0.3.8",
+    "version": "0.3.10",
     "license": "MIT",
     "description": "Package to use with zenith framework",
     "author": "Henrique Oliveira <henriqueoliwork@gmail.com>",
@@ -70,7 +70,7 @@
     "scripts": {
         "build:server": "tsdown",
         "build:client": "vite build --config vite.client.config.ts",
-        "build:components": "vite build",
+        "build:components": "vite build --config vite.components.config.ts",
         "build": "npm-run-all -p build:*",
         "test:unit": "vitest --project unit",
         "test:int": "vitest -p integration",

package/src/client/components/ui/form/injectionKeys.ts

@@ -1,4 +1,3 @@
 import type { InjectionKey } from 'vue'
 
-export const FORM_ITEM_INJECTION_KEY
-  = Symbol() as InjectionKey<string>
+export const FORM_ITEM_INJECTION_KEY = Symbol.for("zenith:form-item") as InjectionKey<string>

package/vite/createViteConfig.js

@@ -35,13 +35,13 @@ export default function(options) {
                 }
             }),
             tailwindcss(),
-            zenith({
-                imports: [
-                    'vue',
-                    'vue-router',
-                    'vee-validate'
-                ],
-            })
+            // zenith({
+            //     imports: [
+            //         'vue',
+            //         'vue-router',
+            //         'vee-validate'
+            //     ],
+            // })
         ],
         build: {
             outDir: options.outDir,
@@ -52,8 +52,6 @@ export default function(options) {
             rollupOptions: {
                 external: [
                     'vue',
-                    'vue-router',
-                    'vee-validate'
                 ],
             },
             lib: {

package/vite.client.config.ts

@@ -1,9 +1,10 @@
-import { createLogger, defineConfig, UserConfig } from 'vite'
+import { createLogger, defineConfig, mergeConfig, UserConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
 import tailwindcss from '@tailwindcss/vite'
 import dts from 'vite-plugin-dts'
 import { generateIndexFile } from '#server/utils/generateIndexFile.ts'
 import zenith from './vite/plugins/zenith'
+import viteCommonConfig from './vite.common.config'
 
 const logger = createLogger()
 
@@ -56,30 +57,45 @@ const plugins: UserConfig['plugins'] = [
     }),
 ]
 
-plugins.push(dts({
-    // entryRoot: 'src/client/index.ts',
-    tsconfigPath: './tsconfig.client.json',
-    staticImport: true,
-}))
+// plugins.push(dts({
+//     // entryRoot: 'src/client/index.ts',
+//     tsconfigPath: './tsconfig.client.json',
+//     staticImport: true,
+// }))
+//
+// plugins.push(tailwindcss(), prebuild())
 
-plugins.push(tailwindcss(), prebuild(), zenith({
-    imports: externals
-}))
+// plugins.push(zenith({
+//     imports: externals
+// }))
 
-export default defineConfig({
-    customLogger: logger,
-    plugins: plugins,
+// export default defineConfig({
+//     customLogger: logger,
+//     plugins: plugins,
+//     build: {
+//         outDir: 'dist/client',
+//         rollupOptions: {
+//             external: externals,
+//         },
+//         lib: {
+//             name: 'Client',
+//             entry: 'src/client/index.ts',
+//             formats: ['es'],
+//             fileName: (format) => `index.${format}.js`,
+//             cssFileName: 'styles',
+//         },
+//     },
+// })
+export default mergeConfig(viteCommonConfig, defineConfig({
+    plugins: [prebuild()],
     build: {
         outDir: 'dist/client',
-        rollupOptions: {
-            external: externals,
-        },
         lib: {
-            name: 'Client',
+            name: 'Components',
             entry: 'src/client/index.ts',
             formats: ['es'],
             fileName: (format) => `index.${format}.js`,
             cssFileName: 'styles',
         },
     },
-})
+}))

package/vite.common.config.ts

@@ -0,0 +1,49 @@
+import { createLogger, defineConfig, UserConfig } from 'vite'
+import vue from '@vitejs/plugin-vue'
+import tailwindcss from '@tailwindcss/vite'
+import dts from 'vite-plugin-dts'
+
+export const logger = createLogger()
+
+const externals = [
+    'vue',
+    // 'vue-router',
+    // '@vueuse/core',
+    // '@vueuse/router',
+    'vee-validate',
+    '@vee-validate/valibot',
+    // "@unhead/vue",
+    // "vue-router",
+    // "vue-sonner",
+    // "vee-validate",
+    // "reka-ui",
+]
+
+const plugins: UserConfig['plugins'] = [
+    vue({
+        template: {
+            compilerOptions: {
+                isCustomElement: (tag) => {
+                    return ['iconify-icon'].includes(tag)
+                }
+            }
+        }
+    }),
+]
+
+plugins.push(dts({
+    tsconfigPath: './tsconfig.client.json',
+    staticImport: true,
+}))
+
+plugins.push(tailwindcss())
+
+export default defineConfig({
+    customLogger: logger,
+    plugins: plugins,
+    build: {
+        rollupOptions: {
+            external: externals,
+        },
+    },
+})

package/vite.components.config.ts

@@ -0,0 +1,102 @@
+import { createLogger, defineConfig, mergeConfig, UserConfig } from 'vite'
+import vue from '@vitejs/plugin-vue'
+import tailwindcss from '@tailwindcss/vite'
+import dts from 'vite-plugin-dts'
+import { generateIndexFile } from '#server/utils/generateIndexFile.ts'
+import zenith from './vite/plugins/zenith'
+import viteCommonConfig, { logger } from './vite.common.config'
+
+
+const prebuild = () => ({
+    name: 'prebuild',
+    buildStart() {
+        generateIndexFile({
+            filename: 'src/client/components.ts',
+            patterns: [
+                'src/client/composables/*.ts',
+                'src/client/components/ui/**/index.ts',
+                'src/client/components/*.vue',
+                'src/client/layouts/*.vue',
+                'src/client/css/*.css',
+            ]
+        })
+
+        logger.info('Generated components.ts for components')
+    }
+})
+
+const externals = [
+    'vue',
+    // 'vue-router',
+    // "vue-sonner",
+    //
+    // '@vueuse/core',
+    // '@vueuse/router',
+    //
+    // 'vee-validate',
+    // '@vee-validate/valibot',
+    // //
+    // "@unhead/vue",
+    // "@unhead/vue/components",
+
+    // "reka-ui",
+    // "vaul-vue",
+    // "lucide-vue-next",
+    // "embla-carousel-vue"
+]
+
+// const plugins: UserConfig['plugins'] = [
+//     vue({
+//         template: {
+//             compilerOptions: {
+//                 isCustomElement: (tag) => {
+//                     return ['iconify-icon'].includes(tag)
+//                 }
+//             }
+//         }
+//     }),
+// ]
+//
+// plugins.push(dts({
+//     // entryRoot: 'src/client/components.ts',
+//     tsconfigPath: './tsconfig.client.json',
+//     staticImport: true
+// }))
+
+// plugins.push(tailwindcss(), prebuild())
+
+// plugins.push(zenith({
+//     imports: externals
+// }))
+
+export default mergeConfig(viteCommonConfig, defineConfig({
+    plugins: [prebuild()],
+    build: {
+        outDir: 'dist/components',
+        lib: {
+            name: 'Components',
+            entry: 'src/client/components.ts',
+            formats: ['es'],
+            fileName: (format) => `index.${format}.js`,
+            cssFileName: 'styles',
+        },
+    },
+}))
+
+// export default defineConfig({
+//     customLogger: logger,
+//     plugins: plugins,
+//     build: {
+//         outDir: 'dist/components',
+//         rollupOptions: {
+//             external: externals,
+//         },
+//         lib: {
+//             name: 'Client',
+//             entry: 'src/client/components.ts',
+//             formats: ['es'],
+//             fileName: (format) => `index.${format}.js`,
+//             cssFileName: 'styles',
+//         },
+//     },
+// })