kontyra-cli 1.0.0

package/index.js

@@ -0,0 +1,72 @@
+#!/usr/bin/env node
+
+const fs = require('fs');
+const path = require('path');
+const { execSync } = require('child_process');
+
+const cyan = (text) => `\x1b[36m${text}\x1b[0m`;
+const green = (text) => `\x1b[32m${text}\x1b[0m`;
+const red = (text) => `\x1b[31m${text}\x1b[0m`;
+
+const projectName = process.argv[2];
+
+if (!projectName) {
+  console.log(red('Please specify the project directory:'));
+  console.log(`  npx create-kontyra-app ${cyan('<project-directory>')}`);
+  process.exit(1);
+}
+
+const targetPath = path.resolve(process.cwd(), projectName);
+
+if (fs.existsSync(targetPath)) {
+  console.log(red(`Directory ${projectName} already exists. Please choose a different name.`));
+  process.exit(1);
+}
+
+console.log(`Creating a new Kontyra app in ${green(targetPath)}.\n`);
+
+fs.mkdirSync(targetPath, { recursive: true });
+
+// Copy the template directory
+const templatePath = path.join(__dirname, 'template');
+if (fs.existsSync(templatePath)) {
+  fs.cpSync(templatePath, targetPath, { recursive: true });
+}
+
+// Generate package.json
+const packageJson = {
+  name: projectName,
+  version: "0.1.0",
+  private: true,
+  scripts: {
+    "dev": "node build.js && node server.js",
+    "build": "node build.js",
+    "start": "node server.js"
+  },
+  dependencies: {
+    "express": "^4.19.0",
+    "react": "^18.3.0",
+    "react-dom": "^18.3.0",
+    "react-router-dom": "^6.22.3"
+  },
+  devDependencies: {
+    "esbuild": "^0.20.0"
+  }
+};
+
+fs.writeFileSync(
+  path.join(targetPath, 'package.json'),
+  JSON.stringify(packageJson, null, 2)
+);
+
+console.log(green('Project created successfully!\n'));
+console.log('Inside that directory, you can run several commands:');
+console.log(cyan('  npm install'));
+console.log('    Installs the dependencies.\n');
+console.log(cyan('  npm run dev'));
+console.log('    Starts the development server with SSR.\n');
+console.log('We suggest that you begin by typing:');
+console.log(cyan(`  cd ${projectName}`));
+console.log(cyan('  npm install'));
+console.log(cyan('  npm run dev\n'));
+console.log('Happy coding with Kontyra!');

package/package.json

@@ -0,0 +1,24 @@
+{
+  "name": "kontyra-cli",
+  "version": "1.0.0",
+  "description": "CLI tool to scaffold a new Kontyra Framework application.",
+  "main": "index.js",
+  "bin": {
+    "kontyra-cli": "index.js"
+  },
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "keywords": [
+    "kontyra",
+    "framework",
+    "react",
+    "ssr",
+    "scaffold"
+  ],
+  "author": "Kontyra",
+  "license": "MIT",
+  "dependencies": {
+    "chalk": "^4.1.2"
+  }
+}

package/template/build.js

@@ -0,0 +1,103 @@
+const esbuild = require('esbuild');
+const fs = require('fs');
+const path = require('path');
+
+const PAGES_DIR = path.join(__dirname, 'src', 'pages');
+
+// 1. Scan pages directory
+const files = fs.readdirSync(PAGES_DIR).filter(f => f.endsWith('.kon'));
+
+// 2. Generate the React Router setup dynamically
+let imports = `import React from 'react';\n`;
+imports += `import Layout from './src/components/Layout.kon';\n`;
+let routes = '';
+
+files.forEach(file => {
+  const componentName = file.replace('.kon', '');
+  // index.kon maps to '/', about.kon maps to '/about'
+  const routePath = componentName === 'index' ? '/' : `/${componentName}`;
+  
+  imports += `import ${componentName}Page from './src/pages/${file}';\n`;
+  routes += `      <Route path="${routePath}" element={<${componentName}Page />} />\n`;
+});
+
+const clientEntryCode = `
+${imports}
+import { hydrateRoot } from 'react-dom/client';
+import { BrowserRouter, Routes, Route } from 'react-router-dom';
+
+function App() {
+  return (
+    <BrowserRouter>
+      <Layout>
+        <Routes>
+${routes}
+        </Routes>
+      </Layout>
+    </BrowserRouter>
+  );
+}
+
+hydrateRoot(document.getElementById('root'), <App />);
+`;
+
+const serverEntryCode = `
+${imports}
+import { StaticRouter } from 'react-router-dom/server';
+import { Routes, Route } from 'react-router-dom';
+
+export function AppServer({ location }) {
+  return (
+    <StaticRouter location={location}>
+      <Layout>
+        <Routes>
+${routes}
+        </Routes>
+      </Layout>
+    </StaticRouter>
+  );
+}
+`;
+
+// Write the dynamic entry files
+fs.writeFileSync(path.join(__dirname, '.client-entry.jsx'), clientEntryCode);
+fs.writeFileSync(path.join(__dirname, '.server-entry.jsx'), serverEntryCode);
+
+// Custom plugin to handle .kon files as JSX
+const kontyraPlugin = {
+  name: 'kontyra-plugin',
+  setup(build) {
+    build.onLoad({ filter: /\.kon$/ }, async (args) => {
+      const contents = await fs.promises.readFile(args.path, 'utf8');
+      return { contents, loader: 'jsx' };
+    });
+  },
+};
+
+const commonConfig = {
+  bundle: true,
+  plugins: [kontyraPlugin],
+  loader: { '.js': 'jsx', '.jsx': 'jsx' },
+  define: { 'process.env.NODE_ENV': '"development"' },
+};
+
+// Build Client
+esbuild.build({
+  ...commonConfig,
+  entryPoints: ['.client-entry.jsx'],
+  outfile: 'public/dist/client.js',
+}).then(() => {
+  console.log('Client build successful!');
+}).catch(() => process.exit(1));
+
+// Build Server
+esbuild.build({
+  ...commonConfig,
+  entryPoints: ['.server-entry.jsx'],
+  outfile: 'dist/server-app.js',
+  platform: 'node',
+  format: 'cjs',
+  external: ['react', 'react-dom', 'react-router-dom', 'react-router'],
+}).then(() => {
+  console.log('Server build successful!');
+}).catch(() => process.exit(1));