@jodijonatan/jo-frontend 1.0.2 → 1.0.4

package/index.js

@@ -83,21 +83,20 @@ program
       pkg.dependencies = pkg.dependencies || {};
       pkg.devDependencies = pkg.devDependencies || {};
       
-      // Core dependencies
-      pkg.dependencies["react"] = "^18.2.0";
-      pkg.dependencies["react-dom"] = "^18.2.0";
-      pkg.devDependencies["@types/react"] = "^18.2.66";
-      pkg.devDependencies["@types/react-dom"] = "^18.2.22";
-      pkg.devDependencies["@vitejs/plugin-react"] = "^4.2.1";
-      pkg.devDependencies["autoprefixer"] = "^10.4.19";
-      pkg.devDependencies["postcss"] = "^8.4.38";
-      pkg.devDependencies["tailwindcss"] = "^3.4.3";
-      pkg.devDependencies["typescript"] = "^5.2.2";
-      pkg.devDependencies["vite"] = "^5.2.0";
+      // Core dependencies (2026 Stack: React 19, Vite 8, Tailwind 4, TS 6)
+      pkg.dependencies["react"] = "latest";
+      pkg.dependencies["react-dom"] = "latest";
+      pkg.devDependencies["@types/react"] = "latest";
+      pkg.devDependencies["@types/react-dom"] = "latest";
+      pkg.devDependencies["@vitejs/plugin-react"] = "latest";
+      pkg.devDependencies["@tailwindcss/vite"] = "latest"; // Tailwind 4 Integration
+      pkg.devDependencies["tailwindcss"] = "latest";
+      pkg.devDependencies["typescript"] = "latest";
+      pkg.devDependencies["vite"] = "latest";
 
       if (selectedTemplate === "portfolio" || selectedTemplate === "landing-page") {
-        pkg.dependencies["framer-motion"] = "^11.0.24";
-        pkg.dependencies["lucide-react"] = "^0.368.0";
+        pkg.dependencies["framer-motion"] = "latest";
+        pkg.dependencies["lucide-react"] = "latest";
       }
 
       await fs.writeJson(pkgPath, pkg, { spaces: 2 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jodijonatan/jo-frontend",
-  "version": "1.0.2",
+  "version": "1.0.4",
   "type": "module",
   "bin": {
     "jo-frontend": "./index.js",

package/templates/landing-page/src/index.css

@@ -1,6 +1,4 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
+@import "tailwindcss";
 
 :root {
   color-scheme: dark;

package/templates/landing-page/vite.config.ts

@@ -1,7 +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()],
+  plugins: [
+    react(),
+    tailwindcss(),
+  ],
 })

package/templates/minimal/src/index.css

@@ -1,6 +1,4 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
+@import "tailwindcss";
 
 :root {
   color-scheme: dark;

package/templates/minimal/vite.config.ts

@@ -1,7 +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()],
+  plugins: [
+    react(),
+    tailwindcss(),
+  ],
 })

package/templates/portfolio/src/index.css

@@ -1,6 +1,4 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
+@import "tailwindcss";
 
 :root {
   color-scheme: dark;

package/templates/portfolio/vite.config.ts

@@ -1,7 +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()],
+  plugins: [
+    react(),
+    tailwindcss(),
+  ],
 })