@sidekick-coder/zenith-kit 0.3.9 → 0.3.11

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@sidekick-coder/zenith-kit",
-    "version": "0.3.9",
+    "version": "0.3.11",
     "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/DialogForm.vue

@@ -5,7 +5,6 @@ import { toTypedSchema } from '@vee-validate/valibot'
 import { computed, ref, watch } from 'vue'
 import type { PropType } from 'vue'
 import type { BaseSchema } from 'valibot'
-import { toast } from 'vue-sonner'
 import ClientOnly from './ClientOnly.vue'
 import FormAutoFieldList from './FormAutoFieldList.vue'
 
@@ -23,6 +22,7 @@ import {
 import { tryCatch } from '#shared/utils/tryCatch.ts'
 import { validator } from '#shared/facades/validator.ts'
 import type { DefineFormField } from '#client/utils/defineFormFields.ts'
+import toast from '#client/facades/toast.ts'
 
 const props = defineProps({
     title: {

package/src/client/components/FormFilePicker.vue

@@ -1,7 +1,6 @@
 <script setup lang="ts">
 import { ref } from 'vue'
 import { useField } from 'vee-validate'
-import { toast } from 'vue-sonner'
 
 import { $fetch } from '#client/utils/fetcher.ts'
 import { $file } from '#client/utils/file.ts'
@@ -16,6 +15,7 @@ import {
 } from '#client/components/ui/form/index.ts'
 import Button from '#client/components/ZButton.vue'
 import Icon from '#client/components/Icon.vue'
+import toast from '#client/facades/toast.ts'
 
 const props = defineProps({
     name: {

package/src/client/components/UserMenu.vue

@@ -24,7 +24,7 @@ import {
     useSidebar,
 } from '#client/components/ui/sidebar/index.ts'
 import Icon from '#client/components/Icon.vue'
-import { toast } from 'vue-sonner'
+import toast from '#client/facades/toast.ts'
 
 interface Link {
     label: string

package/src/client/components/ZAlertButton.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { toast } from 'vue-sonner'
+import toast from '#client/facades/toast.ts'
 import Button from './ZButton.vue'
 import ClientOnly from './ClientOnly.vue'
 import {

package/src/client/components/ZDialogForm.vue

@@ -5,7 +5,7 @@ import { toTypedSchema } from '@vee-validate/valibot'
 import { computed, ref, watch } from 'vue'
 import type { PropType } from 'vue'
 import type { BaseSchema } from 'valibot'
-import { toast } from 'vue-sonner'
+import toast from '#client/facades/toast.ts'
 import ClientOnly from './ClientOnly.vue'
 import FormAutoFieldList from './FormAutoFieldList.vue'
 

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/src/client/services/FetchService.ts

@@ -1,6 +1,6 @@
-import { toast } from 'vue-sonner'
 import qs from 'qs'
 import { tryCatch } from '#shared/utils/tryCatch.ts'
+import toast from '#client/facades/toast.ts'
 
 export interface FetchOptions extends RequestInit {
     query?: Record<string, any>

package/src/client/utils/toast.ts

@@ -1,3 +1,3 @@
-import { toast } from 'vue-sonner'
+import toast from "#client/facades/toast.ts";
 
 export const $toast = toast

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,32 +57,45 @@ const plugins: UserConfig['plugins'] = [
     }),
 ]
 
-plugins.push(dts({
-    // entryRoot: 'src/client/index.ts',
-    tsconfigPath: './tsconfig.client.json',
-    staticImport: true,
-}))
-
-plugins.push(tailwindcss(), prebuild())
+// plugins.push(dts({
+//     // entryRoot: 'src/client/index.ts',
+//     tsconfigPath: './tsconfig.client.json',
+//     staticImport: true,
+// }))
+//
+// plugins.push(tailwindcss(), prebuild())
 
 // 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.config.ts → vite.components.config.ts}

@@ -1,11 +1,11 @@
-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, { logger } from './vite.common.config'
 
-const logger = createLogger()
 
 const prebuild = () => ({
     name: 'prebuild',
@@ -35,7 +35,7 @@ const externals = [
     //
     // 'vee-validate',
     // '@vee-validate/valibot',
-    //
+    // //
     // "@unhead/vue",
     // "@unhead/vue/components",
 
@@ -45,44 +45,58 @@ const externals = [
     // "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
-}))
+// 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(tailwindcss(), prebuild())
 
 // plugins.push(zenith({
 //     imports: externals
 // }))
 
-export default defineConfig({
-    customLogger: logger,
-    plugins: plugins,
+export default mergeConfig(viteCommonConfig, defineConfig({
+    plugins: [prebuild()],
     build: {
         outDir: 'dist/components',
-        rollupOptions: {
-            external: externals,
-        },
         lib: {
-            name: 'Client',
+            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',
+//         },
+//     },
+// })