create-flexireact 4.0.0 → 4.1.0

package/dist/templates/index.js

@@ -1,15 +1,18 @@
-/**
- * Template definitions for create-flexireact
- */
 import { defaultTemplate } from './default.js';
 import { minimalTemplate } from './minimal.js';
 import { appRouterTemplate } from './app-router.js';
+import { fullstackTemplate } from './fullstack.js';
 export const TEMPLATES = {
     default: {
         name: 'Default',
-        description: 'Full-featured template with routes/, components, and Tailwind v4',
+        description: 'Full-featured template with routing and components',
         icon: '⚡',
     },
+    fullstack: {
+        name: 'Fullstack App',
+        description: 'Includes FlexiGuard Auth, Drizzle ORM, and API',
+        icon: '🚀',
+    },
     minimal: {
         name: 'Minimal',
         description: 'Bare minimum FlexiReact setup',
@@ -18,17 +21,19 @@ export const TEMPLATES = {
     'app-router': {
         name: 'App Router',
         description: 'Next.js style app/ directory routing',
-        icon: '🚀',
+        icon: '📂',
     },
 };
-export function getTemplateFiles(templateKey, projectName) {
+export function getTemplateFiles(templateKey, projectName, options = {}) {
     switch (templateKey) {
+        case 'fullstack':
+            return fullstackTemplate(projectName, options);
         case 'minimal':
-            return minimalTemplate(projectName);
+            return minimalTemplate(projectName, options);
         case 'app-router':
             return appRouterTemplate(projectName);
         default:
-            return defaultTemplate(projectName);
+            return defaultTemplate(projectName, options);
     }
 }
 //# sourceMappingURL=index.js.map

package/dist/templates/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/templates/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AAQpD,MAAM,CAAC,MAAM,SAAS,GAA6B;IACjD,OAAO,EAAE;QACP,IAAI,EAAE,SAAS;QACf,WAAW,EAAE,kEAAkE;QAC/E,IAAI,EAAE,GAAG;KACV;IACD,OAAO,EAAE;QACP,IAAI,EAAE,SAAS;QACf,WAAW,EAAE,+BAA+B;QAC5C,IAAI,EAAE,IAAI;KACX;IACD,YAAY,EAAE;QACZ,IAAI,EAAE,YAAY;QAClB,WAAW,EAAE,sCAAsC;QACnD,IAAI,EAAE,IAAI;KACX;CACF,CAAC;AAIF,MAAM,UAAU,gBAAgB,CAAC,WAAmB,EAAE,WAAmB;IACvE,QAAQ,WAAW,EAAE,CAAC;QACpB,KAAK,SAAS;YACZ,OAAO,eAAe,CAAC,WAAW,CAAC,CAAC;QACtC,KAAK,YAAY;YACf,OAAO,iBAAiB,CAAC,WAAW,CAAC,CAAC;QACxC;YACE,OAAO,eAAe,CAAC,WAAW,CAAC,CAAC;IACxC,CAAC;AACH,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/templates/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAC;AACpD,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAQnD,MAAM,CAAC,MAAM,SAAS,GAA6B;IACjD,OAAO,EAAE;QACP,IAAI,EAAE,SAAS;QACf,WAAW,EAAE,oDAAoD;QACjE,IAAI,EAAE,GAAG;KACV;IACD,SAAS,EAAE;QACT,IAAI,EAAE,eAAe;QACrB,WAAW,EAAE,gDAAgD;QAC7D,IAAI,EAAE,IAAI;KACX;IACD,OAAO,EAAE;QACP,IAAI,EAAE,SAAS;QACf,WAAW,EAAE,+BAA+B;QAC5C,IAAI,EAAE,IAAI;KACX;IACD,YAAY,EAAE;QACZ,IAAI,EAAE,YAAY;QAClB,WAAW,EAAE,sCAAsC;QACnD,IAAI,EAAE,IAAI;KACX;CACF,CAAC;AAQF,MAAM,UAAU,gBAAgB,CAAC,WAAmB,EAAE,WAAmB,EAAE,UAA2B,EAAE;IACtG,QAAQ,WAAW,EAAE,CAAC;QACpB,KAAK,WAAW;YACd,OAAO,iBAAiB,CAAC,WAAW,EAAE,OAAO,CAAC,CAAC;QACjD,KAAK,SAAS;YACZ,OAAO,eAAe,CAAC,WAAW,EAAE,OAAO,CAAC,CAAC;QAC/C,KAAK,YAAY;YACf,OAAO,iBAAiB,CAAC,WAAW,CAAC,CAAC;QACxC;YACE,OAAO,eAAe,CAAC,WAAW,EAAE,OAAO,CAAC,CAAC;IACjD,CAAC;AACH,CAAC"}

package/dist/templates/minimal.d.ts

@@ -2,5 +2,7 @@
  * Minimal Template - Bare minimum FlexiReact setup
  */
 import type { TemplateFiles } from './index.js';
-export declare function minimalTemplate(projectName: string): TemplateFiles;
+export declare function minimalTemplate(projectName: string, options?: {
+    styling?: 'tailwind' | 'css';
+}): TemplateFiles;
 //# sourceMappingURL=minimal.d.ts.map

package/dist/templates/minimal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"minimal.d.ts","sourceRoot":"","sources":["../../src/templates/minimal.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAEhD,wBAAgB,eAAe,CAAC,WAAW,EAAE,MAAM,GAAG,aAAa,CAuElE"}
+{"version":3,"file":"minimal.d.ts","sourceRoot":"","sources":["../../src/templates/minimal.ts"],"names":[],"mappings":"AACA;;GAEG;AAEH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAEhD,wBAAgB,eAAe,CAAC,WAAW,EAAE,MAAM,EAAE,OAAO,GAAE;IAAE,OAAO,CAAC,EAAE,UAAU,GAAG,KAAK,CAAA;CAAO,GAAG,aAAa,CAyGlH"}

package/dist/templates/minimal.js

@@ -1,7 +1,8 @@
 /**
  * Minimal Template - Bare minimum FlexiReact setup
  */
-export function minimalTemplate(projectName) {
+export function minimalTemplate(projectName, options = {}) {
+    const isTailwind = options.styling === 'tailwind';
     return {
         'package.json': JSON.stringify({
             name: projectName,
@@ -9,19 +10,26 @@ export function minimalTemplate(projectName) {
             private: true,
             type: 'module',
             scripts: {
-                dev: 'flexireact dev',
-                build: 'flexireact build',
+                dev: isTailwind ? 'npm run css && flexireact dev' : 'flexireact dev',
+                build: isTailwind ? 'npm run css && flexireact build' : 'flexireact build',
                 start: 'flexireact start',
+                ...(isTailwind ? { css: 'tailwindcss -i ./styles.css -o ./public/styles.css --minify' } : {}),
             },
             dependencies: {
-                react: '^18.2.0',
-                'react-dom': '^18.2.0',
-                '@flexireact/core': '^3.0.0',
+                react: '^19.0.0',
+                'react-dom': '^19.0.0',
+                '@flexireact/core': '^4.0.0',
+                ...(isTailwind ? { 'clsx': '^2.1.0', 'tailwind-merge': '^2.2.0' } : {}),
             },
             devDependencies: {
-                '@types/react': '^18.2.0',
-                '@types/react-dom': '^18.2.0',
+                '@types/react': '^19.0.0',
+                '@types/react-dom': '^19.0.0',
                 typescript: '^5.3.0',
+                ...(isTailwind ? {
+                    tailwindcss: '^4.0.0',
+                    '@tailwindcss/cli': '^4.0.0',
+                    '@tailwindcss/postcss': '^4.0.0',
+                } : {}),
             },
         }, null, 2),
         'tsconfig.json': JSON.stringify({
@@ -41,11 +49,34 @@ export function minimalTemplate(projectName) {
             include: ['**/*.ts', '**/*.tsx'],
             exclude: ['node_modules', '.flexi'],
         }, null, 2),
+        ...(isTailwind ? {
+            'postcss.config.js': `export default {
+  plugins: {
+    "@tailwindcss/postcss": {},
+  },
+};
+`,
+            'styles.css': `@import "tailwindcss";`,
+        } : {}),
         'flexireact.config.js': `export default {
-  server: { port: 3000 }
+  server: { port: 3000 }${isTailwind ? ',\n  styles: ["/styles.css"]' : ''}
 };
 `,
-        'routes/(public)/home.tsx': `import React from 'react';
+        'routes/(public)/home.tsx': isTailwind ? `import React from 'react';
+
+export default function HomePage() {
+  return (
+    <div className="min-h-screen flex flex-col items-center justify-center p-8 text-center font-sans">
+      <h1 className="text-4xl font-bold mb-4">
+        Welcome to FlexiReact
+      </h1>
+      <p className="text-gray-500">
+        Edit <code className="bg-gray-100 px-1 py-0.5 rounded">routes/(public)/home.tsx</code> to get started.
+      </p>
+    </div>
+  );
+}
+` : `import React from 'react';
 
 export default function HomePage() {
   return (
@@ -64,6 +95,7 @@ export default function HomePage() {
         '.gitignore': `node_modules/
 .flexi/
 dist/
+public/styles.css
 *.log
 `,
     };

package/dist/templates/minimal.js.map

@@ -1 +1 @@
-{"version":3,"file":"minimal.js","sourceRoot":"","sources":["../../src/templates/minimal.ts"],"names":[],"mappings":"AAAA;;GAEG;AAIH,MAAM,UAAU,eAAe,CAAC,WAAmB;IACjD,OAAO;QACL,cAAc,EAAE,IAAI,CAAC,SAAS,CAAC;YAC7B,IAAI,EAAE,WAAW;YACjB,OAAO,EAAE,OAAO;YAChB,OAAO,EAAE,IAAI;YACb,IAAI,EAAE,QAAQ;YACd,OAAO,EAAE;gBACP,GAAG,EAAE,gBAAgB;gBACrB,KAAK,EAAE,kBAAkB;gBACzB,KAAK,EAAE,kBAAkB;aAC1B;YACD,YAAY,EAAE;gBACZ,KAAK,EAAE,SAAS;gBAChB,WAAW,EAAE,SAAS;gBACtB,kBAAkB,EAAE,QAAQ;aAC7B;YACD,eAAe,EAAE;gBACf,cAAc,EAAE,SAAS;gBACzB,kBAAkB,EAAE,SAAS;gBAC7B,UAAU,EAAE,QAAQ;aACrB;SACF,EAAE,IAAI,EAAE,CAAC,CAAC;QAEX,eAAe,EAAE,IAAI,CAAC,SAAS,CAAC;YAC9B,eAAe,EAAE;gBACf,MAAM,EAAE,QAAQ;gBAChB,GAAG,EAAE,CAAC,KAAK,EAAE,cAAc,EAAE,QAAQ,CAAC;gBACtC,MAAM,EAAE,QAAQ;gBAChB,gBAAgB,EAAE,SAAS;gBAC3B,GAAG,EAAE,WAAW;gBAChB,MAAM,EAAE,IAAI;gBACZ,YAAY,EAAE,IAAI;gBAClB,eAAe,EAAE,IAAI;gBACrB,iBAAiB,EAAE,IAAI;gBACvB,eAAe,EAAE,IAAI;gBACrB,MAAM,EAAE,IAAI;aACb;YACD,OAAO,EAAE,CAAC,SAAS,EAAE,UAAU,CAAC;YAChC,OAAO,EAAE,CAAC,cAAc,EAAE,QAAQ,CAAC;SACpC,EAAE,IAAI,EAAE,CAAC,CAAC;QAEX,sBAAsB,EAAE;;;CAG3B;QAEG,0BAA0B,EAAE;;;;;;;;;;;;;;CAc/B;QAEG,iBAAiB,EAAE,EAAE;QAErB,YAAY,EAAE;;;;CAIjB;KACE,CAAC;AACJ,CAAC"}
+{"version":3,"file":"minimal.js","sourceRoot":"","sources":["../../src/templates/minimal.ts"],"names":[],"mappings":"AACA;;GAEG;AAIH,MAAM,UAAU,eAAe,CAAC,WAAmB,EAAE,UAA4C,EAAE;IACjG,MAAM,UAAU,GAAG,OAAO,CAAC,OAAO,KAAK,UAAU,CAAC;IAElD,OAAO;QACL,cAAc,EAAE,IAAI,CAAC,SAAS,CAAC;YAC7B,IAAI,EAAE,WAAW;YACjB,OAAO,EAAE,OAAO;YAChB,OAAO,EAAE,IAAI;YACb,IAAI,EAAE,QAAQ;YACd,OAAO,EAAE;gBACP,GAAG,EAAE,UAAU,CAAC,CAAC,CAAC,+BAA+B,CAAC,CAAC,CAAC,gBAAgB;gBACpE,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC,iCAAiC,CAAC,CAAC,CAAC,kBAAkB;gBAC1E,KAAK,EAAE,kBAAkB;gBACzB,GAAG,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,6DAA6D,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;aAC9F;YACD,YAAY,EAAE;gBACZ,KAAK,EAAE,SAAS;gBAChB,WAAW,EAAE,SAAS;gBACtB,kBAAkB,EAAE,QAAQ;gBAC5B,GAAG,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,gBAAgB,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;aACxE;YACD,eAAe,EAAE;gBACf,cAAc,EAAE,SAAS;gBACzB,kBAAkB,EAAE,SAAS;gBAC7B,UAAU,EAAE,QAAQ;gBACpB,GAAG,CAAC,UAAU,CAAC,CAAC,CAAC;oBACf,WAAW,EAAE,QAAQ;oBACrB,kBAAkB,EAAE,QAAQ;oBAC5B,sBAAsB,EAAE,QAAQ;iBACjC,CAAC,CAAC,CAAC,EAAE,CAAC;aACR;SACF,EAAE,IAAI,EAAE,CAAC,CAAC;QAEX,eAAe,EAAE,IAAI,CAAC,SAAS,CAAC;YAC9B,eAAe,EAAE;gBACf,MAAM,EAAE,QAAQ;gBAChB,GAAG,EAAE,CAAC,KAAK,EAAE,cAAc,EAAE,QAAQ,CAAC;gBACtC,MAAM,EAAE,QAAQ;gBAChB,gBAAgB,EAAE,SAAS;gBAC3B,GAAG,EAAE,WAAW;gBAChB,MAAM,EAAE,IAAI;gBACZ,YAAY,EAAE,IAAI;gBAClB,eAAe,EAAE,IAAI;gBACrB,iBAAiB,EAAE,IAAI;gBACvB,eAAe,EAAE,IAAI;gBACrB,MAAM,EAAE,IAAI;aACb;YACD,OAAO,EAAE,CAAC,SAAS,EAAE,UAAU,CAAC;YAChC,OAAO,EAAE,CAAC,cAAc,EAAE,QAAQ,CAAC;SACpC,EAAE,IAAI,EAAE,CAAC,CAAC;QAEX,GAAG,CAAC,UAAU,CAAC,CAAC,CAAC;YACf,mBAAmB,EAAE;;;;;CAK1B;YACK,YAAY,EAAE,wBAAwB;SACvC,CAAC,CAAC,CAAC,EAAE,CAAC;QAEP,sBAAsB,EAAE;0BACF,UAAU,CAAC,CAAC,CAAC,8BAA8B,CAAC,CAAC,CAAC,EAAE;;CAEzE;QAEG,0BAA0B,EAAE,UAAU,CAAC,CAAC,CAAC;;;;;;;;;;;;;;CAc5C,CAAC,CAAC,CAAC;;;;;;;;;;;;;;CAcH;QAEG,iBAAiB,EAAE,EAAE;QAErB,YAAY,EAAE;;;;;CAKjB;KACE,CAAC;AACJ,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-flexireact",
-  "version": "4.0.0",
+  "version": "4.1.0",
   "description": "Create FlexiReact v4 apps with one command - The Modern React Framework",
   "author": "FlexiReact Team",
   "license": "MIT",