@sidekick-coder/zenith-kit 0.1.0 → 0.3.0

package/eslint.config.mts

@@ -8,6 +8,9 @@ import { defineConfig } from "eslint/config";
 
 export default defineConfig([
     { files: ["**/*.{js,mjs,cjs,ts,mts,cts,vue}"], plugins: { js }, extends: ["js/recommended"], languageOptions: { globals: { ...globals.browser, ...globals.node } } },
+    {
+        ignores: ["src/client/components/ui/*"]
+    },
     tseslint.configs.recommended,
     pluginVue.configs["flat/essential"],
     { files: ["**/*.vue"], languageOptions: { parserOptions: { parser: tseslint.parser } } },
@@ -16,6 +19,7 @@ export default defineConfig([
     eslintConfigPrettier,
     {
         rules: {
+            'no-undef': 'off', // let typescript handle this
             '@typescript-eslint/no-explicit-any': 'off',
             '@typescript-eslint/no-empty-object-type': 'off',
         }

package/legacy/client/components/AlertButton.vue

@@ -1,3 +1,3 @@
 <script lang="ts">
-export { ZAlertButton as default } from '@sidekick-coder/zenith-kit/components'
+export { ZAlertButton as default } from './ZAlertButton.vue'
 </script>

package/legacy/client/layouts/AdminLayout.vue

@@ -0,0 +1,3 @@
+<script lang="ts">
+export { AdminLayout as default } from '@sidekick-coder/zenith-kit/components'
+</script>

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@sidekick-coder/zenith-kit",
-    "version": "0.1.0",
+    "version": "0.3.0",
     "license": "MIT",
     "description": "Package to use with zenith framework",
     "author": "Henrique Oliveira <henriqueoliwork@gmail.com>",
@@ -23,43 +23,69 @@
     },
     "exports": {
         "./shared": {
+            "development": {
+                "types": "./src/shared/index.ts",
+                "import": "./src/shared/index.ts"
+            },
             "types": "./dist/shared/index.d.mts",
             "import": "./dist/shared/index.mjs",
             "require": "./dist/shared/index.js"
         },
         "./server": {
+            "development": {
+                "types": "./src/server/index.ts",
+                "import": "./src/server/index.ts"
+            },
             "types": "./dist/server/index.d.mts",
             "import": "./dist/server/index.mjs",
             "require": "./dist/server/index.js"
         },
         "./client": {
+            "development": {
+                "types": "./src/client/index.ts",
+                "import": "./src/client/index.ts"
+            },
             "types": "./dist/client/index.d.mts",
             "import": "./dist/client/index.mjs",
             "require": "./dist/client/index.mjs"
         },
         "./components": {
-            "types": "./dist/components/index.d.mts",
+            "development": {
+                "types": "./src/client/components.ts",
+                "import": "./src/client/components.ts"
+            },
+            "types": "./dist/components/index.d.ts",
             "import": "./dist/components/index.es.js",
             "require": "./dist/components/index.es.js"
         },
         "./vite": {
             "import": "./vite/plugins/vite.js",
             "require": "./vite/plugins/vite.js"
-        },
-        "./styles": "./dist/components/styles.css",
-        "./client-globals": {
-            "types": "./src/client/zenith-env.d.ts"
         }
     },
     "scripts": {
-        "build": "npm run build:tsdown && npm run build:vite",
         "build:tsdown": "tsdown",
         "build:vite": "vite build",
+        "build": "npm-run-all -p build:*",
+        "test:unit": "vitest --project unit",
+        "test:int": "vitest -p integration",
+        "test": "npm-run-all -p test:*",
         "release": "node artisan.js release"
     },
+    "peerDependencies": {
+        "vue": "^3.5.31"
+    },
     "devDependencies": {
         "@eslint/js": "^9.39.4",
-        "@eslint/json": "^0.14.0"
+        "@eslint/json": "^0.14.0",
+        "@faker-js/faker": "^10.4.0",
+        "@microsoft/api-extractor": "^7.58.7",
+        "@types/bcrypt": "^6.0.0",
+        "@types/cookie-parser": "^1.4.10",
+        "@types/cors": "^2.8.19",
+        "@types/supertest": "^7.2.0",
+        "better-sqlite3": "^12.10.0",
+        "npm-run-all": "^4.1.5"
     },
     "dependencies": {
         "@aws-sdk/client-s3": "^3.1039.0",
@@ -83,10 +109,13 @@
         "@vue/language-core": "^3.1.8",
         "@vue/tsconfig": "^0.9.1",
         "@vueuse/router": "^14.3.0",
+        "bcrypt": "^6.0.0",
         "class-variance-authority": "^0.7.1",
         "cli-table3": "^0.6.5",
         "clsx": "^2.1.1",
         "commander": "^14.0.3",
+        "cookie-parser": "^1.4.7",
+        "cors": "^2.8.6",
         "cosmiconfig": "^9.0.1",
         "date-fns": "^4.1.0",
         "dotenv": "^17.4.2",
@@ -94,6 +123,7 @@
         "eslint": "^9.39.4",
         "eslint-config-prettier": "^10.1.8",
         "eslint-plugin-vue": "^10.8.0",
+        "express": "^5.2.1",
         "fast-glob": "^3.3.3",
         "globals": "^17.5.0",
         "js-yaml": "^4.1.1",
@@ -107,6 +137,7 @@
         "pg": "^8.20.0",
         "qs": "^6.15.1",
         "reka-ui": "^2.9.6",
+        "supertest": "^7.2.2",
         "tailwind-merge": "^3.5.0",
         "tsdown": "^0.21.9",
         "tw-animate-css": "^1.4.0",

package/tsconfig.client.json

@@ -4,22 +4,28 @@
     ],
     "compilerOptions": {
         "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.app.tsbuildinfo",
+        "types": [
+            "vite/client"
+        ],
         "strict": true,
         "noUnusedLocals": false,
         "noUnusedParameters": true,
         "noFallthroughCasesInSwitch": true,
         "noUncheckedSideEffectImports": true,
         "strictPropertyInitialization": false,
-        "baseUrl": ".",
-        "lib": [
-            "es2023",
-            "dom",
-            "dom.iterable"
-        ]
+        "baseUrl": "src",
+        "paths": {
+            "#client/*": [
+                "client/*"
+            ],
+            "#shared/*": [
+                "shared/*"
+            ]
+        }
     },
     "include": [
-        "src/client/**/**/*.ts",
-        "src/client/**/**/*.vue",
-        "src/shared/**/**/*.ts"
+        "src/client/**/*.ts",
+        "src/client/**/*.vue",
+        "src/shared/**/*.ts"
     ]
 }

package/tsdown.config.ts

@@ -57,6 +57,7 @@ export default defineConfig([
                         'src/server/loaders',
                         'src/server/entities',
                         'src/server/queries',
+                        'src/server/relations',
                         'src/server/middlewares',
                         'src/server/utils',
                     ],
@@ -86,6 +87,7 @@ export default defineConfig([
                 generateIndexFile({
                     folders: [
                         'src/client/services',
+                        'src/client/composables',
                         'src/client/repositories',
                         'src/client/mixins',
                         'src/client/facades',
@@ -93,6 +95,7 @@ export default defineConfig([
                         'src/client/entities',
                         'src/client/utils',
                         'src/client/guards',
+                        'src/client/registry',
                     ],
                     filename: 'src/client/index.ts'
                 })

package/vite/createViteConfig.js

@@ -9,6 +9,7 @@ import zenith from './plugins/zenith.js'
  * @property {string} [name] - Library name (default: `server`)
  * @property {string} [entry] - Entry file or directory (default: `src/server/index.ts`)
  * @property {string} [outDir] - Output directory (default: `dist/server`)
+ * @property {Object} [env] - Environment variables to replace in the code (default: `{}`)
  * @property {boolean} [ssr] - Whether to build for SSR (default: `false`). If `true`, external dependencies will be treated as CommonJS modules. If `false`, they will be treated as ES modules.
  */
 
@@ -20,6 +21,9 @@ import zenith from './plugins/zenith.js'
  */
 export default function(options) {
     return defineConfig({
+        define: {
+            'process.env': options.env || {}
+        },
         plugins: [
             vue({
                 template: {
@@ -35,6 +39,7 @@ export default function(options) {
                 imports: [
                     'vue',
                     'vue-router',
+                    'vee-validate'
                 ],
             })
         ],

package/vite.config.ts

@@ -1,6 +1,7 @@
-import { createLogger, defineConfig } from 'vite'
+import { createLogger, defineConfig, 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'
 
 const logger = createLogger()
@@ -9,18 +10,14 @@ const prebuild = () => ({
     name: 'prebuild',
     buildStart() {
         generateIndexFile({
-            glob: '**/*.{ts,vue,css}',
-            folders: [
-                'src/client/composables',
-                // 'src/client/utils',
-                // 'src/client/facades',
-                'src/client/components',
-                'src/client/layouts',
-                // 'src/client/services',
-                // 'src/client/guards',
-                'src/client/css',
-            ],
-            filename: 'src/client/components.ts'
+            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 index.ts for client')
@@ -33,26 +30,29 @@ const externals = [
     'vee-validate',
 ]
 
-export default defineConfig({
-    customLogger: logger,
-    plugins: [
-        vue({
-            template: {
-                compilerOptions: {
-                    isCustomElement: (tag) => {
-                        return ['iconify-icon'].includes(tag)
-                    }
+const plugins: UserConfig['plugins'] = [
+    vue({
+        template: {
+            compilerOptions: {
+                isCustomElement: (tag) => {
+                    return ['iconify-icon'].includes(tag)
                 }
             }
-        }),
-        // dts({
-        //     entryRoot: 'src/client/index.ts',
-        //     tsconfigPath: 'tsconfig.client.json',
-        //     bundleTypes: true,
-        // }),
-        tailwindcss(),
-        prebuild(),
-    ],
+        }
+    }),
+]
+
+plugins.push(dts({
+    entryRoot: 'src/client/components.ts',
+    tsconfigPath: './tsconfig.client.json',
+    staticImport: true
+}))
+
+plugins.push(tailwindcss(), prebuild())
+
+export default defineConfig({
+    customLogger: logger,
+    plugins: plugins,
     build: {
         outDir: 'dist/components',
         minify: false,

package/vitest.config.ts

@@ -0,0 +1,35 @@
+// eslint-disable-next-line import/extensions
+import { defineConfig } from 'vitest/config'
+
+export default defineConfig({
+    test: {
+        watch: false,
+        exclude: [
+            '**/node_modules/**',
+            '**/dist/**',
+            '**/build/**',
+            '**/coverage/**',
+            '**/logs/**',
+            '**/root/**'
+        ],
+        projects: [
+            {
+                test: {
+                    name: 'unit',
+                    include: ['**/*.unit.test.ts'],
+                    exclude: ['**/modules/**'],
+                    setupFiles: ['src/server/__tests__/setup.ts'],
+                }
+            },
+            {
+                test: {
+                    name: 'integration',
+                    include: ['**/*.int.test.ts'],
+                    exclude: ['**/modules/**'],
+                    testTimeout: 60000, // Increase timeout for integration tests
+                    hookTimeout: 60000, // Increase hook timeout for integration tests
+                }
+            }
+        ]
+    },
+})