zyket 1.1.1 → 1.1.2

package/.claude/settings.json

@@ -0,0 +1,3 @@
+{
+  "enabledPlugins": {}
+}

package/index.js

@@ -13,6 +13,7 @@ const InteractiveStorageExtension = require("./src/extensions/interactive-storag
 const AuthService = require("./src/services/auth");
 const MulterMiddleware = require("./src/extensions/interactive-storage/middlewares/MulterMiddleware");
 const RedirectResponse = require("./src/services/express/RedirectResponse");
+const ViteService = require("./src/services/vite");
 
 
 module.exports = {
@@ -27,5 +28,6 @@ module.exports = {
   Extension,
   AuthService,
   MulterMiddleware,
-  RedirectResponse
+  RedirectResponse,
+  ViteService,
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "zyket",
-  "version": "1.1.1",
+  "version": "1.1.2",
   "main": "index.js",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"
@@ -13,27 +13,31 @@
   "license": "ISC",
   "description": "",
   "dependencies": {
-    "@bull-board/express": "^6.14.2",
-    "better-auth": "^1.4.18",
-    "bullmq": "^5.63.0",
+    "@bull-board/express": "^6.20.6",
+    "@tailwindcss/vite": "^4.2.2",
+    "@vitejs/plugin-react": "^6.0.1",
+    "better-auth": "^1.5.6",
+    "bullmq": "^5.71.0",
     "colors": "^1.4.0",
-    "cors": "^2.8.5",
-    "dotenv": "^17.2.3",
-    "express": "^5.1.0",
+    "cors": "^2.8.6",
+    "dotenv": "^17.3.1",
+    "express": "^5.2.1",
     "fast-glob": "^3.3.3",
-    "mariadb": "^3.4.5",
-    "minio": "^8.0.6",
-    "multer": "^2.0.2",
+    "mariadb": "^3.5.2",
+    "minio": "^8.0.7",
+    "multer": "^2.1.1",
     "node-cron": "^4.2.1",
-    "node-dependency-injection": "^3.2.4",
-    "pg": "^8.18.0",
+    "node-dependency-injection": "^3.2.6",
+    "pg": "^8.20.0",
     "prompts": "^2.4.2",
-    "redis": "^5.9.0",
-    "sequelize": "^6.37.7",
-    "socket.io": "^4.8.1",
+    "redis": "^5.11.0",
+    "sequelize": "^6.37.8",
+    "socket.io": "^4.8.3",
     "sqlite3": "^6.0.1",
     "swagger-jsdoc": "^6.2.8",
     "swagger-ui-express": "^5.0.1",
-    "umzug": "^3.8.2"
+    "tailwindcss": "^4.2.2",
+    "umzug": "^3.8.2",
+    "vite": "^8.0.1"
   }
 }

package/src/services/index.js

@@ -14,6 +14,7 @@ const s3Activated = process.env.S3_ENDPOINT && process.env.S3_ACCESS_KEY && proc
 const schedulerActivated = process.env.DISABLE_SCHEDULER !== 'true';
 const socketActivated = process.env.DISABLE_SOCKET !== 'true';
 const expressActivated = process.env.DISABLE_EXPRESS !== 'true';
+const viteActivated = process.env.VITE_ROOT && process.env.DISABLE_VITE !== 'true';
 
 module.exports = [
   ["logger", require("./logger"), ["@service_container", process.env.LOG_DIRECTORY || `${process.cwd()}/logs`, process.env.DEBUG === "true"]],
@@ -25,5 +26,6 @@ module.exports = [
   schedulerActivated ? ["scheduler", Scheduler, ["@service_container"]] : null,
   bullmqActivated ? ["bullmq", require("./bullmq"), ["@service_container"]] : null,
   socketActivated ? ["socketio", SocketIO, ["@service_container"]] : null,
-  expressActivated ? ["express", Express, ["@service_container"]] : null
+  expressActivated ? ["express", Express, ["@service_container"]] : null,
+  viteActivated ? ["vite", require("./vite"), ["@service_container", process.env.VITE_ROOT, Number(process.env.VITE_PORT) || 5173]] : null,
 ].filter(Boolean);

package/src/services/template-manager/index.js

@@ -11,13 +11,14 @@ module.exports = class TemplateManager extends Service {
   }
 
   async boot() {
-    const zyketTemplates = await fg(['**/*.js'], {
+    const zyketTemplates = await fg(['**/*'], {
       cwd: path.join(__dirname, '../../templates'),
     });
+    console.log('Found templates:', zyketTemplates);
     for (const template of zyketTemplates) {
       const templatePath = path.join(__dirname, '../../templates', template);
       const templateContent = fs.readFileSync(templatePath, 'utf-8');
-      this.templates[template.replace('.js', '')] = {
+      this.templates[template.replace('.jsx', '').replace('.js', '').replace('.html', '').replace('.css', '')] = {
         route: template,
         content: templateContent
       };   

package/src/services/vite/index.js

@@ -0,0 +1,76 @@
+const Service = require("../Service");
+const path = require("path");
+const fs = require("fs");
+
+module.exports = class Vite extends Service {
+  #container;
+  #viteServer;
+  #root;
+  #port;
+
+  constructor(container, root, port) {
+    super("vite");
+    this.#container = container;
+    this.#root = path.resolve(process.cwd(), root || process.cwd());
+    this.#port = port || 5173;
+  }
+
+  async boot() {
+    await this.#loadViteFolder();
+    const { createServer } = await import("vite");
+
+    const configFile = this.#resolveConfigFile();
+
+    this.#viteServer = await createServer({
+      root: this.#root,
+      configFile,
+      server: {
+        port: this.#port,
+        strictPort: false,
+      },
+    });
+
+    await this.#viteServer.listen();
+
+    const resolvedPort = this.#viteServer.httpServer?.address()?.port ?? this.#port;
+    this.#container.get("logger").info(
+      `Vite dev server running on http://localhost:${resolvedPort} (root: ${this.#viteServer.config.root})`
+    );
+  }
+
+  #resolveConfigFile() {
+    const candidates = ["vite.config.js", "vite.config.ts", "vite.config.mjs"];
+    for (const candidate of candidates) {
+      const fullPath = path.join(this.#root, candidate);
+      if (fs.existsSync(fullPath)) return fullPath;
+    }
+    return false;
+  }
+
+  async #loadViteFolder() {
+    // exists folder named procces.env.VITE_ROOT in root of project, if not create it and add index.html and main.jsx
+    const viteRoot = path.join(process.cwd(), process.env.VITE_ROOT || "frontend");
+    
+    if (!fs.existsSync(viteRoot)) fs.mkdirSync(viteRoot, { recursive: true });
+
+    if (!fs.existsSync(path.join(viteRoot, "index.html"))) {
+      this.#container.get('template-manager').installFile('default/frontend/index', path.join(process.cwd(), process.env.VITE_ROOT || "frontend", "index.html"));
+    }
+
+    if (!fs.existsSync(path.join(viteRoot, "main.jsx"))) {
+      this.#container.get('template-manager').installFile('default/frontend/main', path.join(process.cwd(), process.env.VITE_ROOT || "frontend", "main.jsx"));
+    }
+    
+    if (!fs.existsSync(path.join(viteRoot, "vite.config.js"))) {
+      this.#container.get('template-manager').installFile('default/frontend/vite.config', path.join(process.cwd(), process.env.VITE_ROOT || "frontend", "vite.config.js"));
+    }
+
+    if (!fs.existsSync(path.join(viteRoot, "styles.css"))) {
+      this.#container.get('template-manager').installFile('default/frontend/styles', path.join(process.cwd(), process.env.VITE_ROOT || "frontend", "styles.css"));
+    }
+  }
+
+  server() {
+    return this.#viteServer;
+  }
+};

package/src/templates/default/frontend/index.html

@@ -0,0 +1,13 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Test Website</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="./main.jsx"></script>
+  </body>
+</html>

package/src/templates/default/frontend/main.jsx

@@ -0,0 +1,6 @@
+import { createRoot } from 'react-dom/client'
+import './styles.css'
+
+createRoot(document.getElementById('root')).render(<div>
+  <p className='underline text-red-500 text-3xl m-4'>Test</p>
+</div>)

package/src/templates/default/frontend/styles.css

@@ -0,0 +1 @@
+@import "tailwindcss";

package/src/templates/default/frontend/vite.config.js

@@ -0,0 +1,11 @@
+import { defineConfig } from 'vite'
+import react from '@vitejs/plugin-react'
+import tailwindcss from '@tailwindcss/vite'
+
+// https://vite.dev/config/
+export default defineConfig({
+  plugins: [
+    react(),
+    tailwindcss()
+  ],
+})

package/src/utils/EnvManager.js

@@ -15,7 +15,7 @@ module.exports = class EnvManager {
     const envsToCreate = {
       DEBUG: true,
       PORT: 3000,
-      DISABLE_SOCKET: false,
+      DISABLE_SOCKET: true,
       DISABLE_EXPRESS: false,
       DISABLE_EVENTS: true,
       DISABLE_BULLMQ: true,
@@ -30,6 +30,9 @@ module.exports = class EnvManager {
       S3_SECRET_KEY: '',
       LOG_DIRECTORY: "./logs",
       QUEUES: '',
+      VITE_ROOT: './frontend',
+      VITE_PORT: 5173,
+      DISABLE_VITE: true,
     }
 
     return Object.entries(envsToCreate).reduce((acc, [key, value]) => {