create-croissant 0.1.39 → 0.1.41

package/dist/index.js

@@ -1,9 +1,9 @@
 #!/usr/bin/env node
-import n from"path";import{fileURLToPath as k}from"url";import r from"chalk";import{Command as y}from"commander";import{execa as j}from"execa";import e from"fs-extra";import P from"inquirer";import u from"ora";var b=k(import.meta.url),g=n.dirname(b),h=new y;h.name("create-croissant").description("Scaffold a new project using the Croissant Stack").argument("[project-name]","Name of the project").action(async m=>{console.log(r.bold.yellow(`
+import s from"path";import{fileURLToPath as k}from"url";import i from"chalk";import{Command as y}from"commander";import{execa as j}from"execa";import e from"fs-extra";import P from"inquirer";import u from"ora";var b=k(import.meta.url),g=s.dirname(b),h=new y;h.name("create-croissant").description("Scaffold a new project using the Croissant Stack").argument("[project-name]","Name of the project").action(async m=>{console.log(i.bold.yellow(`
 \u{1F950} Welcome to the Croissant Stack!
-`));let l=await P.prompt([{type:"input",name:"name",message:"What is your project named?",default:m||"my-croissant-app",when:!m},{type:"confirm",name:"install",message:"Would you like to install dependencies?",default:!0},{type:"confirm",name:"mobile",message:"Would you like to include the mobile app (Expo)?",default:!0},{type:"confirm",name:"desktop",message:"Would you like to include the desktop app (Electron)?",default:!0}]),c=m||l.name,o=n.resolve(process.cwd(),c);e.existsSync(o)&&(console.error(r.red(`
+`));let l=await P.prompt([{type:"input",name:"name",message:"What is your project named?",default:m||"my-croissant-app",when:!m},{type:"confirm",name:"install",message:"Would you like to install dependencies?",default:!0},{type:"confirm",name:"mobile",message:"Would you like to include the mobile app (Expo)?",default:!0},{type:"confirm",name:"desktop",message:"Would you like to include the desktop app (Electron)?",default:!0}]),c=m||l.name,o=s.resolve(process.cwd(),c);e.existsSync(o)&&(console.error(i.red(`
 Error: Directory ${c} already exists.
-`)),process.exit(1));let f=u("Scaffolding your project...").start();try{await e.ensureDir(o);let p=n.join(g,"..","template");if(await e.pathExists(p))await e.copy(p,o);else{let t=n.resolve(g,"../../.."),s=["node_modules","dist",".git","packages/create-croissant",".turbo","package-lock.json"];await e.copy(t,o,{filter:a=>{let i=n.relative(t,a);return!s.some(w=>i.startsWith(w))}})}if(!l.mobile){let t=n.join(o,"apps/mobile");if(await e.pathExists(t)){await e.remove(t);let s=n.join(o,"package.json");if(await e.pathExists(s)){let a=await e.readJson(s);a.scripts&&Object.keys(a.scripts).forEach(i=>{i.includes("mobile")&&delete a.scripts[i]}),await e.writeJson(s,a,{spaces:2})}}}if(!l.desktop){let t=n.join(o,"apps/desktop");if(await e.pathExists(t)){await e.remove(t);let s=n.join(o,"package.json");if(await e.pathExists(s)){let a=await e.readJson(s);a.scripts&&Object.keys(a.scripts).forEach(i=>{i.includes("desktop")&&delete a.scripts[i]}),await e.writeJson(s,a,{spaces:2})}}}let d=n.join(o,"package.json");if(await e.pathExists(d)){let t=await e.readJson(d);t.name=c,t.version="0.1.0",delete t.private,await e.writeJson(d,t,{spaces:2})}if(f.succeed(r.green(`Project ${c} created at ${o}`)),l.install){let t=u("Installing dependencies...").start();try{await j("npm",["install"],{cwd:o}),t.succeed(r.green("Dependencies installed!"))}catch{t.fail(r.red("Failed to install dependencies. You may need to run npm install manually."))}}console.log(r.bold.cyan(`
+`)),process.exit(1));let f=u("Scaffolding your project...").start();try{await e.ensureDir(o);let p=s.join(g,"..","template");if(await e.pathExists(p))await e.copy(p,o);else{let t=s.resolve(g,"../../.."),n=["node_modules","dist",".git","packages/create-croissant",".turbo","package-lock.json"];await e.copy(t,o,{filter:a=>{let r=s.relative(t,a);return!n.some(w=>r.startsWith(w))}})}if(!l.mobile){let t=s.join(o,"apps/mobile");if(await e.pathExists(t)){await e.remove(t);let n=s.join(o,"package.json");if(await e.pathExists(n)){let a=await e.readJson(n);a.scripts&&Object.keys(a.scripts).forEach(r=>{r.includes("mobile")&&delete a.scripts[r]}),await e.writeJson(n,a,{spaces:2})}}}if(!l.desktop){let t=s.join(o,"apps/desktop");if(await e.pathExists(t)){await e.remove(t);let n=s.join(o,"package.json");if(await e.pathExists(n)){let a=await e.readJson(n);a.scripts&&Object.keys(a.scripts).forEach(r=>{r.includes("desktop")&&delete a.scripts[r]}),await e.writeJson(n,a,{spaces:2})}}}let d=s.join(o,"package.json");if(await e.pathExists(d)){let t=await e.readJson(d);t.name=c,t.version="0.1.0",delete t.private,await e.writeJson(d,t,{spaces:2})}if(f.succeed(i.green(`Project ${c} created at ${o}`)),l.install){let t=u("Installing dependencies...").start();try{await j("npm",["install"],{cwd:o}),t.succeed(i.green("Dependencies installed!"))}catch{t.fail(i.red("Failed to install dependencies. You may need to run npm install manually."))}}console.log(i.bold.cyan(`
 Next steps:`)),console.log(`  cd ${c}`),console.log("  npm run db:up    # Start your PostgreSQL database"),console.log(`  npm run dev      # Start development server
-`),console.log(r.yellow(`Happy hacking! \u{1F950}
-`))}catch(p){f.fail(r.red("An error occurred during scaffolding.")),console.error(p),process.exit(1)}});h.parse(process.argv);
+`),console.log(i.yellow(`Happy hacking! \u{1F950}
+`))}catch(p){f.fail(i.red("An error occurred during scaffolding.")),console.error(p),process.exit(1)}});h.parse(process.argv);

package/package.json

@@ -1,17 +1,12 @@
 {
   "name": "create-croissant",
-  "publishConfig": {
-    "access": "public"
-  },
-  "version": "0.1.39",
+  "version": "0.1.41",
   "description": "Scaffold a new project using the Croissant Stack",
   "repository": {
     "type": "git",
     "url": "https://github.com/croissantsam/croissant-stack.git",
     "directory": "packages/create-croissant"
   },
-  "main": "./dist/index.js",
-  "type": "module",
   "bin": {
     "create-croissant": "./dist/index.js"
   },
@@ -19,10 +14,14 @@
     "dist",
     "template"
   ],
+  "type": "module",
+  "main": "./dist/index.js",
+  "publishConfig": {
+    "access": "public"
+  },
   "scripts": {
     "build": "npm run prepare-template && tsup src/index.ts --format esm --clean --minify",
     "dev": "tsup src/index.ts --format esm --watch",
-    "lint": "eslint src",
     "typecheck": "tsc --noEmit",
     "prepare-template": "node scripts/prepare-template.js"
   },
@@ -35,12 +34,10 @@
     "ora": "^9.4.0"
   },
   "devDependencies": {
-    "@workspace/config-eslint": "*",
-    "@workspace/config-typescript": "*",
-    "@workspace/config-prettier": "*",
     "@types/fs-extra": "^11.0.4",
     "@types/inquirer": "^9.0.9",
     "@types/node": "^25.6.0",
+    "@workspace/config-typescript": "*",
     "tsup": "^8.5.1"
   }
 }

package/template/.oxlintignore

@@ -0,0 +1,11 @@
+node_modules
+dist
+.turbo
+.vercel
+.output
+.nitro
+.tanstack
+.vinxi
+coverage
+apps/platform/src/routeTree.gen.ts
+packages/create-croissant/template

package/template/README.md

@@ -97,8 +97,8 @@ All scripts are orchestrated by Turborepo. You can run them from the root direct
 
 - `npm run dev`: Start all applications in development mode.
 - `npm run build`: Build all applications for production.
-- `npm run lint`: Lint all packages (uses Turbo's caching).
-- `npm run format`: Format all packages using Prettier.
+- `npm run quality`: Run all quality checks (linting and formatting) using Oxc.
+- `npm run quality:fix`: Automatically fix linting and formatting issues using Oxc.
 - `npm run typecheck`: Run TypeScript type checking across the workspace.
 
 ### 🗄️ Database Scripts
@@ -133,11 +133,11 @@ The project uses oRPC for end-to-end type safety. The router is modularized for
 On the client side, you can infer types directly from the router:
 
 ```typescript
-import type { router } from "@workspace/orpc/router"
-import type { InferRouterInputs, InferRouterOutputs } from "@orpc/server"
+import type { router } from "@workspace/orpc/router";
+import type { InferRouterInputs, InferRouterOutputs } from "@orpc/server";
 
-type Inputs = InferRouterInputs<typeof router>
-type Outputs = InferRouterOutputs<typeof router>
+type Inputs = InferRouterInputs<typeof router>;
+type Outputs = InferRouterOutputs<typeof router>;
 ```
 
 ## 🧱 Adding Components

package/template/apps/desktop/README.md

@@ -4,7 +4,7 @@ An Electron application with React and TypeScript
 
 ## Recommended IDE Setup
 
-- [VSCode](https://code.visualstudio.com/) + [ESLint](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint) + [Prettier](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode)
+- [VSCode](https://code.visualstudio.com/)
 
 ## Project Setup
 

package/template/apps/desktop/electron-builder.yml

@@ -3,12 +3,12 @@ productName: desktop
 directories:
   buildResources: build
 files:
-  - '!**/.vscode/*'
-  - '!src/*'
-  - '!electron.vite.config.{js,ts,mjs,cjs}'
-  - '!{.eslintcache,eslint.config.mjs,.prettierignore,.prettierrc.yaml,dev-app-update.yml,CHANGELOG.md,README.md}'
-  - '!{.env,.env.*,.npmrc,pnpm-lock.yaml}'
-  - '!{tsconfig.json,tsconfig.node.json,tsconfig.web.json}'
+  - "!**/.vscode/*"
+  - "!src/*"
+  - "!electron.vite.config.{js,ts,mjs,cjs}"
+  - "!{dev-app-update.yml,CHANGELOG.md,README.md}"
+  - "!{.env,.env.*,.npmrc,pnpm-lock.yaml}"
+  - "!{tsconfig.json,tsconfig.node.json,tsconfig.web.json}"
 asarUnpack:
   - resources/**
 win:

package/template/apps/desktop/electron.vite.config.ts

@@ -1,6 +1,6 @@
-import { resolve } from 'node:path'
-import { defineConfig } from 'electron-vite'
-import react from '@vitejs/plugin-react'
+import { resolve } from "node:path";
+import { defineConfig } from "electron-vite";
+import react from "@vitejs/plugin-react";
 
 export default defineConfig({
   main: {},
@@ -8,9 +8,9 @@ export default defineConfig({
   renderer: {
     resolve: {
       alias: {
-        '@renderer': resolve('src/renderer/src')
-      }
+        "@renderer": resolve("src/renderer/src"),
+      },
     },
-    plugins: [react()]
-  }
-})
+    plugins: [react()],
+  },
+});

package/template/apps/desktop/package.json

@@ -2,12 +2,10 @@
   "name": "desktop",
   "version": "1.0.0",
   "description": "An Electron application with React and TypeScript",
-  "main": "./out/main/index.js",
-  "author": "example.com",
   "homepage": "https://electron-vite.org",
+  "author": "example.com",
+  "main": "./out/main/index.js",
   "scripts": {
-    "format": "prettier --write .",
-    "lint": "eslint --cache .",
     "typecheck:node": "tsc --noEmit -p tsconfig.node.json --composite false",
     "typecheck:web": "tsc --noEmit -p tsconfig.web.json --composite false",
     "typecheck": "npm run typecheck:node && npm run typecheck:web",
@@ -26,19 +24,12 @@
     "electron-updater": "^6.3.9"
   },
   "devDependencies": {
-    "@workspace/config-eslint": "*",
-    "@workspace/config-typescript": "*",
-    "@workspace/config-prettier": "*",
-    "@electron-toolkit/eslint-config-prettier": "^3.0.0",
-    "@electron-toolkit/eslint-config-ts": "^3.1.0",
     "@electron-toolkit/tsconfig": "^2.0.0",
     "@types/node": "^22.19.1",
     "@vitejs/plugin-react": "^5.1.1",
+    "@workspace/config-typescript": "*",
     "electron": "39.8.9",
     "electron-builder": "^26.0.12",
-    "electron-vite": "^5.0.0",
-    "eslint-plugin-react": "^7.37.5",
-    "eslint-plugin-react-hooks": "^7.1.1",
-    "eslint-plugin-react-refresh": "^0.5.2"
+    "electron-vite": "^5.0.0"
   }
 }

package/template/apps/desktop/src/main/index.ts

@@ -1,7 +1,7 @@
-import { join } from 'node:path'
-import { BrowserWindow, app, ipcMain, shell } from 'electron'
-import { electronApp, is, optimizer } from '@electron-toolkit/utils'
-import icon from '../../resources/icon.png?asset'
+import { join } from "node:path";
+import { BrowserWindow, app, ipcMain, shell } from "electron";
+import { electronApp, is, optimizer } from "@electron-toolkit/utils";
+import icon from "../../resources/icon.png?asset";
 
 function createWindow(): void {
   // Create the browser window.
@@ -10,28 +10,28 @@ function createWindow(): void {
     height: 670,
     show: false,
     autoHideMenuBar: true,
-    ...(process.platform === 'linux' ? { icon } : {}),
+    ...(process.platform === "linux" ? { icon } : {}),
     webPreferences: {
-      preload: join(__dirname, '../preload/index.js'),
-      sandbox: false
-    }
-  })
+      preload: join(__dirname, "../preload/index.js"),
+      sandbox: false,
+    },
+  });
 
-  mainWindow.on('ready-to-show', () => {
-    mainWindow.show()
-  })
+  mainWindow.on("ready-to-show", () => {
+    mainWindow.show();
+  });
 
   mainWindow.webContents.setWindowOpenHandler((details) => {
-    shell.openExternal(details.url)
-    return { action: 'deny' }
-  })
+    shell.openExternal(details.url);
+    return { action: "deny" };
+  });
 
   // HMR for renderer base on electron-vite cli.
   // Load the remote URL for development or the local html file for production.
-  if (is.dev && process.env['ELECTRON_RENDERER_URL']) {
-    mainWindow.loadURL(process.env['ELECTRON_RENDERER_URL'])
+  if (is.dev && process.env["ELECTRON_RENDERER_URL"]) {
+    mainWindow.loadURL(process.env["ELECTRON_RENDERER_URL"]);
   } else {
-    mainWindow.loadFile(join(__dirname, '../renderer/index.html'))
+    mainWindow.loadFile(join(__dirname, "../renderer/index.html"));
   }
 }
 
@@ -40,35 +40,35 @@ function createWindow(): void {
 // Some APIs can only be used after this event occurs.
 app.whenReady().then(() => {
   // Set app user model id for windows
-  electronApp.setAppUserModelId('com.electron')
+  electronApp.setAppUserModelId("com.electron");
 
   // Default open or close DevTools by F12 in development
   // and ignore CommandOrControl + R in production.
   // see https://github.com/alex8088/electron-toolkit/tree/master/packages/utils
-  app.on('browser-window-created', (_, window) => {
-    optimizer.watchWindowShortcuts(window)
-  })
+  app.on("browser-window-created", (_, window) => {
+    optimizer.watchWindowShortcuts(window);
+  });
 
   // IPC test
-  ipcMain.on('ping', () => console.log('pong'))
+  ipcMain.on("ping", () => console.log("pong"));
 
-  createWindow()
+  createWindow();
 
-  app.on('activate', function () {
+  app.on("activate", function () {
     // On macOS it's common to re-create a window in the app when the
     // dock icon is clicked and there are no other windows open.
-    if (BrowserWindow.getAllWindows().length === 0) createWindow()
-  })
-})
+    if (BrowserWindow.getAllWindows().length === 0) createWindow();
+  });
+});
 
 // Quit when all windows are closed, except on macOS. There, it's common
 // for applications and their menu bar to stay active until the user quits
 // explicitly with Cmd + Q.
-app.on('window-all-closed', () => {
-  if (process.platform !== 'darwin') {
-    app.quit()
+app.on("window-all-closed", () => {
+  if (process.platform !== "darwin") {
+    app.quit();
   }
-})
+});
 
 // In this file you can include the rest of your app's specific main process
 // code. You can also put them in separate files and require them here.

package/template/apps/desktop/src/preload/index.d.ts

@@ -1,8 +1,8 @@
-import type { ElectronAPI } from '@electron-toolkit/preload'
+import type { ElectronAPI } from "@electron-toolkit/preload";
 
 declare global {
   interface Window {
-    electron: ElectronAPI
-    api: unknown
+    electron: ElectronAPI;
+    api: unknown;
   }
 }

package/template/apps/desktop/src/preload/index.ts

@@ -1,22 +1,22 @@
-import { contextBridge } from 'electron'
-import { electronAPI } from '@electron-toolkit/preload'
+import { contextBridge } from "electron";
+import { electronAPI } from "@electron-toolkit/preload";
 
 // Custom APIs for renderer
-const api = {}
+const api = {};
 
 // Use `contextBridge` APIs to expose Electron APIs to
 // renderer only if context isolation is enabled, otherwise
 // just add to the DOM global.
 if (process.contextIsolated) {
   try {
-    contextBridge.exposeInMainWorld('electron', electronAPI)
-    contextBridge.exposeInMainWorld('api', api)
+    contextBridge.exposeInMainWorld("electron", electronAPI);
+    contextBridge.exposeInMainWorld("api", api);
   } catch (error) {
-    console.error(error)
+    console.error(error);
   }
 } else {
   // @ts-ignore (define in dts)
-  window.electron = electronAPI
+  window.electron = electronAPI;
   // @ts-ignore (define in dts)
-  window.api = api
+  window.api = api;
 }

package/template/apps/desktop/src/renderer/src/App.tsx

@@ -1,8 +1,8 @@
-import Versions from './components/Versions'
-import electronLogo from './assets/electron.svg'
+import Versions from "./components/Versions";
+import electronLogo from "./assets/electron.svg";
 
 function App(): React.JSX.Element {
-  const ipcHandle = (): void => window.electron.ipcRenderer.send('ping')
+  const ipcHandle = (): void => window.electron.ipcRenderer.send("ping");
 
   return (
     <>
@@ -29,7 +29,7 @@ function App(): React.JSX.Element {
       </div>
       <Versions></Versions>
     </>
-  )
+  );
 }
 
-export default App
+export default App;

package/template/apps/desktop/src/renderer/src/assets/base.css

@@ -52,14 +52,14 @@ body {
     Inter,
     -apple-system,
     BlinkMacSystemFont,
-    'Segoe UI',
+    "Segoe UI",
     Roboto,
     Oxygen,
     Ubuntu,
     Cantarell,
-    'Fira Sans',
-    'Droid Sans',
-    'Helvetica Neue',
+    "Fira Sans",
+    "Droid Sans",
+    "Helvetica Neue",
     sans-serif;
   text-rendering: optimizeLegibility;
   -webkit-font-smoothing: antialiased;

package/template/apps/desktop/src/renderer/src/assets/main.css

@@ -1,11 +1,11 @@
-@import './base.css';
+@import "./base.css";
 
 body {
   display: flex;
   align-items: center;
   justify-content: center;
   overflow: hidden;
-  background-image: url('./wavy-lines.svg');
+  background-image: url("./wavy-lines.svg");
   background-size: cover;
   user-select: none;
 }
@@ -129,7 +129,7 @@ code {
   bottom: 30px;
   margin: 0 auto;
   padding: 15px 0;
-  font-family: 'Menlo', 'Lucida Console', monospace;
+  font-family: "Menlo", "Lucida Console", monospace;
   display: inline-flex;
   overflow: hidden;
   align-items: center;

package/template/apps/desktop/src/renderer/src/components/Versions.tsx

@@ -1,7 +1,7 @@
-import { useState } from 'react'
+import { useState } from "react";
 
 function Versions(): React.JSX.Element {
-  const [versions] = useState(window.electron.process.versions)
+  const [versions] = useState(window.electron.process.versions);
 
   return (
     <ul className="versions">
@@ -9,7 +9,7 @@ function Versions(): React.JSX.Element {
       <li className="chrome-version">Chromium v{versions.chrome}</li>
       <li className="node-version">Node v{versions.node}</li>
     </ul>
-  )
+  );
 }
 
-export default Versions
+export default Versions;

package/template/apps/desktop/src/renderer/src/main.tsx

@@ -1,11 +1,11 @@
-import './assets/main.css'
+import "./assets/main.css";
 
-import { StrictMode } from 'react'
-import { createRoot } from 'react-dom/client'
-import App from './App'
+import { StrictMode } from "react";
+import { createRoot } from "react-dom/client";
+import App from "./App";
 
-createRoot(document.getElementById('root')!).render(
+createRoot(document.getElementById("root")!).render(
   <StrictMode>
     <App />
-  </StrictMode>
-)
+  </StrictMode>,
+);

package/template/apps/desktop/tsconfig.json

@@ -1,9 +1,6 @@
 {
   "files": [],
-  "references": [
-    { "path": "./tsconfig.node.json" },
-    { "path": "./tsconfig.web.json" }
-  ],
+  "references": [{ "path": "./tsconfig.node.json" }, { "path": "./tsconfig.web.json" }],
   "include": [],
   "exclude": ["node_modules", "out", "dist"]
 }

package/template/apps/desktop/tsconfig.node.json

@@ -4,5 +4,5 @@
     "composite": true,
     "types": ["electron-vite/node"]
   },
-  "include": ["src/main/**/*", "src/preload/**/*", "electron.vite.config.ts", "eslint.config.ts", "prettier.config.ts"]
+  "include": ["src/main/**/*", "src/preload/**/*", "electron.vite.config.ts"]
 }

package/template/apps/desktop/tsconfig.web.json

@@ -5,21 +5,14 @@
     "src/renderer/src/**/*",
     "src/renderer/src/**/*.tsx",
     "src/preload/*.d.ts",
-    "electron.vite.config.ts",
-    "prettier.config.js"
+    "electron.vite.config.ts"
   ],
   "compilerOptions": {
     "composite": true,
     "paths": {
-      "@renderer/*": [
-        "./src/renderer/src/*"
-      ],
-      "@main/*": [
-        "./src/main/src/*"
-      ],
-      "@preload/*": [
-        "./src/preload/src/*"
-      ]
+      "@renderer/*": ["./src/renderer/src/*"],
+      "@main/*": ["./src/main/src/*"],
+      "@preload/*": ["./src/preload/src/*"]
     }
   }
 }

package/template/apps/mobile/app/(tabs)/_layout.tsx

@@ -1,10 +1,10 @@
-import { Tabs } from 'expo-router';
-import React from 'react';
+import { Tabs } from "expo-router";
+import React from "react";
 
-import { HapticTab } from '@/components/haptic-tab';
-import { IconSymbol } from '@/components/ui/icon-symbol';
-import { Colors } from '@/constants/theme';
-import { useColorScheme } from '@/hooks/use-color-scheme';
+import { HapticTab } from "@/components/haptic-tab";
+import { IconSymbol } from "@/components/ui/icon-symbol";
+import { Colors } from "@/constants/theme";
+import { useColorScheme } from "@/hooks/use-color-scheme";
 
 export default function TabLayout() {
   const colorScheme = useColorScheme();
@@ -12,21 +12,22 @@ export default function TabLayout() {
   return (
     <Tabs
       screenOptions={{
-        tabBarActiveTintColor: Colors[colorScheme ?? 'light'].tint,
+        tabBarActiveTintColor: Colors[colorScheme ?? "light"].tint,
         headerShown: false,
         tabBarButton: HapticTab,
-      }}>
+      }}
+    >
       <Tabs.Screen
         name="index"
         options={{
-          title: 'Home',
+          title: "Home",
           tabBarIcon: ({ color }) => <IconSymbol size={28} name="house.fill" color={color} />,
         }}
       />
       <Tabs.Screen
         name="explore"
         options={{
-          title: 'Explore',
+          title: "Explore",
           tabBarIcon: ({ color }) => <IconSymbol size={28} name="paperplane.fill" color={color} />,
         }}
       />