create-nextop-app 0.0.1 → 0.0.3

package/dist/index.js

@@ -1,19 +1,18 @@
 #!/usr/bin/env node
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const commander_1 = require("commander");
-const fs_extra_1 = __importDefault(require("fs-extra"));
-const path_1 = __importDefault(require("path"));
-const chalk_1 = __importDefault(require("chalk"));
-const prompts_1 = __importDefault(require("prompts"));
-const child_process_1 = require("child_process");
-const program = new commander_1.Command();
+import { Command } from 'commander';
+import fs from 'fs-extra';
+import path from 'path';
+import chalk from 'chalk';
+import prompts from 'prompts';
+import { spawn } from 'child_process';
+import { fileURLToPath } from 'url';
+import { dirname } from 'path';
+const program = new Command();
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = dirname(__filename);
 function runInstall(projectPath) {
     return new Promise((resolve, reject) => {
-        const child = (0, child_process_1.spawn)('npm', ['install'], {
+        const child = spawn('npm', ['install'], {
             cwd: projectPath,
             stdio: 'inherit',
             shell: true
@@ -33,7 +32,7 @@ program
     .action(async (projectDir) => {
     let targetDir = projectDir;
     if (!targetDir) {
-        const response = await (0, prompts_1.default)({
+        const response = await prompts({
             type: 'text',
             name: 'projectName',
             message: 'Please type a project name',
@@ -43,32 +42,32 @@ program
         targetDir = response.projectName;
     }
     if (!targetDir) {
-        console.log(chalk_1.default.yellow('\nProcess canceled.'));
+        console.log(chalk.yellow('\nProcess canceled.'));
         process.exit(0);
     }
-    const targetPath = path_1.default.join(process.cwd(), targetDir);
-    const templatePath = path_1.default.join(__dirname, '../templates/default');
-    console.log(chalk_1.default.blue(`\n${targetDir} creating...\n`));
+    const targetPath = path.join(process.cwd(), targetDir);
+    const templatePath = path.join(__dirname, '../templates/default');
+    console.log(chalk.blue(`\n${targetDir} creating...\n`));
     try {
-        if (fs_extra_1.default.existsSync(targetPath)) {
-            console.error(chalk_1.default.red(`Error: ${targetDir} already exist.`));
+        if (fs.existsSync(targetPath)) {
+            console.error(chalk.red(`Error: ${targetDir} already exist.`));
             process.exit(1);
         }
-        console.log(chalk_1.default.gray(`Files creating...`));
-        await fs_extra_1.default.copy(templatePath, targetPath);
-        const packPath = path_1.default.join(targetPath, 'package.json');
-        if (fs_extra_1.default.existsSync(packPath)) {
-            const pack = await fs_extra_1.default.readJson(packPath);
+        console.log(chalk.gray(`Files creating...`));
+        await fs.copy(templatePath, targetPath);
+        const packPath = path.join(targetPath, 'package.json');
+        if (fs.existsSync(packPath)) {
+            const pack = await fs.readJson(packPath);
             pack.name = targetDir;
-            await fs_extra_1.default.writeJson(packPath, pack, { spaces: 2 });
+            await fs.writeJson(packPath, pack, { spaces: 2 });
         }
-        console.log(chalk_1.default.cyan('\n Installing...'));
+        console.log(chalk.cyan('\n Installing...'));
         await runInstall(targetPath);
-        console.log(chalk_1.default.green(`\n Project created succesfully.`));
+        console.log(chalk.green(`\n Project created succesfully.`));
         console.log(`\nBaşlamak için:\n  cd ${targetDir} \n  npm run dev\n`);
     }
     catch (error) {
-        console.error(chalk_1.default.red(`\n Error ${error}`));
+        console.error(chalk.red(`\n Error ${error}`));
         process.exit(1);
     }
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-nextop-app",
-  "version": "0.0.1",
+  "version": "0.0.3",
   "description": "NextOP framework starter CLI",
   "main": "./dist/index.js",
   "bin": {
@@ -33,6 +33,7 @@
     "@types/prompts": "^2.4.9"
   },
   "files": [
-    "dist"
+    "dist",
+    "templates"
   ]
 }

package/templates/default/README.md

@@ -0,0 +1,5 @@
+# NextOP
+
+This is a nextop-app project bootstrapped
+
+`npx create-next-app app-name`

package/templates/default/app/global.css

@@ -0,0 +1,15 @@
+@import "tailwindcss";
+
+
+
+h1 {
+    @apply scroll-m-20 text-center text-4xl font-extrabold tracking-tight text-balance
+}
+
+h2 {
+    @apply scroll-m-20 border-b pb-2 text-3xl font-semibold tracking-tight first:mt-0
+}
+
+p {
+    @apply text-xl
+}

package/templates/default/app/layout.tsx

@@ -0,0 +1,32 @@
+import { ReactNode } from "react"
+import './global.css'
+import { Metadata } from "next"
+
+
+
+
+
+
+
+export const metadata: Metadata = {
+    title: 'NextOP',
+    description: 'Generated by create nextop app',
+    icons: 'favicon.ico'
+}
+
+
+
+export default function RootLayout({
+    children
+}: {
+    children: ReactNode
+}) {
+
+    return (
+        <html>
+            <body>
+                {children}
+            </body>
+        </html>
+    )
+}

package/templates/default/app/next.config.mjs

@@ -0,0 +1,11 @@
+/** type {import('next').NextConfig} */
+
+
+
+
+
+const nextConfig = {
+    output: "standalone"
+}
+
+module.exports = nextConfig

package/templates/default/app/page.tsx

@@ -0,0 +1,34 @@
+import Image from 'next/image'
+import Link from 'next/link'
+
+
+
+
+
+
+
+
+
+export default function Page() {
+
+    return (
+        <main
+        className='flex flex-col gap-4 items-center justify-center h-screen'
+        >
+            <h1
+            className='text-xl font-semibold'
+            >
+                Developed by create-nextop-app
+            </h1>
+            <Image
+            src={'/favicon.png'}
+            width={256}
+            height={256}
+            alt='logo'
+            />
+            <label>
+                For contrubition <Link href={'https://github.com/FlyingTurkman/nextop-app'} className='underline text-lg font-semibold'>NextOP</Link>
+            </label>
+        </main>
+    )
+}

package/templates/default/electron/main.ts

@@ -0,0 +1,54 @@
+import { app, BrowserWindow } from "electron"
+import path from "path"
+import { startNextServer } from "./startNext"
+import { registerWindowHandlers } from "./window"
+import { NextServerHandleType } from "./types"
+import { registerNextOP } from 'nextop-app/main'
+
+
+let mainWindow: BrowserWindow | null = null
+
+
+
+let nextServer: NextServerHandleType | null = null
+
+
+app.whenReady().then(async () => {
+    
+    nextServer = await startNextServer(
+        process.cwd(),
+        !app.isPackaged,
+        3000
+    )
+
+    registerNextOP()
+
+    mainWindow = new BrowserWindow({
+        width: 1200,
+        height: 800,
+        icon: path.join(__dirname, "favicon.ico"),
+        webPreferences: {
+            preload: path.join(__dirname, "preload.js"),
+            contextIsolation: true,
+            nodeIntegration: false
+        }
+    })
+
+    mainWindow.setIcon(path.join(__dirname, 'assets', 'favicon.ico'))
+
+    registerWindowHandlers(mainWindow)
+
+    await mainWindow.loadURL(`http://localhost:${nextServer.port}`)
+
+    
+})
+
+
+
+app.on("before-quit", async () => {
+
+    if (nextServer) {
+        await nextServer.close()
+    }
+})
+

package/templates/default/electron/preload.ts

@@ -0,0 +1,17 @@
+import { contextBridge, ipcRenderer, MenuItemConstructorOptions } from "electron"
+
+contextBridge.exposeInMainWorld("desktop", {
+  window: {
+    minimize: () => ipcRenderer.invoke("window:minimize"),
+    maximize: () => ipcRenderer.invoke("window:maximize"),
+    close: () => ipcRenderer.invoke("window:close"),
+    isMiximized: () => ipcRenderer.invoke("window:isMaximized")
+  },
+  fs: {
+    readFile: (filePath: string) => ipcRenderer.invoke('fs:readFile', filePath),
+    writeFile: (filePath: string, content: string) => ipcRenderer.invoke('fs:writeFile', filePath, content)
+  },
+  menu: {
+    setMenu: (template: MenuItemConstructorOptions[]) => ipcRenderer.send('set-menu', template)
+  }
+})

package/templates/default/electron/startNext.ts

@@ -0,0 +1,41 @@
+import next from 'next'
+import http from 'http'
+import { spawn } from 'child_process'
+import { NextServerHandleType } from './types'
+
+
+
+
+
+
+
+
+
+
+export async function startNextServer(
+    dir: string,
+    dev: boolean,
+    port: number
+): Promise<NextServerHandleType> {
+
+    const app = next({ dir, dev })
+    const handler = app.getRequestHandler()
+    
+    await app.prepare()
+
+    const server = http.createServer((req, res) => {
+        handler(req, res)
+    })
+
+    await new Promise<void>((resolve) => {
+
+        server.listen(port, () => resolve())
+    })
+
+    return {
+        port,
+        close: async () => {
+            await new Promise<void>((resolve) => server.close(() => resolve()))
+        }
+    }
+}

package/templates/default/electron/types.d.ts

@@ -0,0 +1,4 @@
+export type NextServerHandleType = {
+    port: number
+    close: () => Promise<void>
+}

package/templates/default/electron/window.ts

@@ -0,0 +1,11 @@
+import { BrowserWindow, ipcMain } from "electron"
+
+export function registerWindowHandlers(win: BrowserWindow) {
+  ipcMain.handle("window:minimize", () => win.minimize())
+
+  ipcMain.handle("window:maximize", () => {
+    win.isMaximized() ? win.unmaximize() : win.maximize()
+  })
+
+  ipcMain.handle("window:close", () => win.close())
+}

package/templates/default/package.json

@@ -0,0 +1,34 @@
+{
+  "version": "1.0.0",
+  "description": "",
+  "main": "dist/electron/main.js",
+  "bin": {
+    "nextop": "bin/nextop.ts"
+  },
+  "scripts": {
+    "dev": "nextop dev",
+    "build": "nextop build"
+  },
+  "keywords": [],
+  "author": "",
+  "license": "ISC",
+  "dependencies": {
+    "@tailwindcss/postcss": "^4.1.18",
+    "electron": "^39.2.7",
+    "get-port": "^7.1.0",
+    "next": "^16.1.0",
+    "postcss": "^8.5.6",
+    "react": "^19.2.3",
+    "react-dom": "^19.2.3",
+    "tailwindcss": "^4.1.18",
+    "nextop-app": "0.0.1"
+  },
+  "devDependencies": {
+    "@types/node": "^25.0.3",
+    "@types/react": "^19.2.7",
+    "@types/react-dom": "^19.2.3",
+    "tsx": "^4.21.0",
+    "typescript": "^5.9.3",
+    "cpx": "^1.5.0"
+  }
+}

package/templates/default/postcss.config.mjs

@@ -0,0 +1,6 @@
+const config = {
+  plugins: {
+    "@tailwindcss/postcss": {},
+  },
+};
+export default config;

package/templates/default/tsconfig.electron.json

@@ -0,0 +1,15 @@
+{
+  "compilerOptions": {
+    "target": "ES2020",
+    "module": "CommonJS",
+    "rootDir": "electron",
+    "outDir": "dist/electron",
+    "strict": true,
+    "esModuleInterop": true,
+    "moduleResolution": "node",
+    "sourceMap": true,
+    "types": ["node", "electron"],
+    "skipLibCheck": true
+  },
+  "include": ["electron/**/*.ts"]
+}

package/templates/default/tsconfig.json

@@ -0,0 +1,56 @@
+{
+  "compilerOptions": {
+    "module": "nodenext",
+    "target": "es2020",
+    "types": [],
+    "lib": [
+      "ES2020",
+      "DOM"
+    ],
+    "esModuleInterop": true,
+    "moduleResolution": "nodenext",
+    "skipDefaultLibCheck": true,
+    "outDir": "dist",
+    "rootDir": ".",
+    "sourceMap": true,
+    "declaration": true,
+    "declarationMap": true,
+    "noUncheckedIndexedAccess": true,
+    "exactOptionalPropertyTypes": true,
+    "strict": true,
+    "jsx": "react-jsx",
+    "verbatimModuleSyntax": false,
+    "isolatedModules": true,
+    "noUncheckedSideEffectImports": true,
+    "moduleDetection": "force",
+    "skipLibCheck": true,
+    "allowJs": true,
+    "noEmit": false,
+    "incremental": true,
+    "resolveJsonModule": true,
+    "plugins": [
+      {
+        "name": "next"
+      }
+    ]
+  },
+  "include": [
+    "main.ts",
+    "preload.ts",
+    "window.ts",
+    "types.ts",
+    "types.d.ts",
+    ".next/types/**/*.ts",
+    ".next/dev/types/**/*.ts",
+    "electron/**/*.ts",
+    "electron/startNext.ts",
+    "**/*.d.ts",
+    ".next/types/**/*.ts",
+    ".next/dev/types/**/*.ts"
+  ],
+  "exclude": [
+    "node_modules",
+    "dist",
+    ".next"
+  ]
+}