npm - neutronium - Versions diffs - 2.5.3 → 2.8.5 - Mend

neutronium 2.5.3 → 2.8.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (3) hide show

package/cli/index.js CHANGED Viewed

@@ -26,20 +26,29 @@ const babelRc = `{
 ]
 `;
+const AppTs = `
+import { createApp } from 'neutronium';
+function App() {
+    return (
+        <h1>Hello World</h1>
+    );
+}
+createApp(App).mount('body');
+`
 // --- Default App.js Starter Template ---
 const AppJs = `
-import { h, createApp } from 'neutronium';
+import { createApp } from 'neutronium';
 function App() {
     return (
-        <div class="container">
-            <h1>Hello from Neutronium!</h1>
-            <p>Start building your app in JSX!</p>
-        </div>
+        <h1>Hello World</h1>
     );
 }
-createApp(App).mount('#app');
+createApp(App).mount('body');
 `;
 // --- Basic HTML Template Function ---
@@ -51,7 +60,6 @@ const htmlTemplate = (title, jsCode) => `
   <title>${title}</title>
 </head>
 <body>
-  <div id="app"></div>
   <script type="module">
   ${jsCode}
   </script>
@@ -101,13 +109,24 @@ async function init() {
   fs.writeFileSync(path.join(targetPath, '.babelrc'), babelRc);
   // Init NPM and install dependencies
-  execSync('npm init -y', { cwd: targetPath, stdio: 'inherit' });
-  execSync('npm install neutronium', { cwd: targetPath, stdio: 'inherit' });
-  execSync('npm install --save-dev @babel/core @babel/cli @babel/plugin-transform-react-jsx', {
+  await execSync('npm init -y', { cwd: targetPath, stdio: 'inherit' });
+  await execSync('npm install neutronium', { cwd: targetPath, stdio: 'inherit' });
+  await execSync('npm install --save-dev @babel/core @babel/cli @babel/plugin-transform-react-jsx', {
     cwd: targetPath,
     stdio: 'inherit'
   });
+  // Read and parse package.json
+  const packageJson = await JSON.parse(fs.readFileSync('package.json', 'utf-8'));
+  // Modify the "start" script
+  packageJson.scripts = packageJson.scripts || {};
+  packageJson.scripts.start = "neu-cli start --watch"; // example: "node index.js"
+  packageJson.scripts.compile = "neu-cli start"
+  packageJson.scripts.update = "npm i neutronium@latest -g && npm i netronium@latest"
+  // Write back to package.json
+  await fs.writeFileSync('package.json', JSON.stringify(packageJson, null, 2));
   // Transpile App.js (in-memory) for preview HTML
   const jsxWithImport = `import * as _neutronium from 'neutronium';\n\n${AppJs}`;
   const result = transformSync(jsxWithImport, {
@@ -137,7 +156,8 @@ async function init() {
   // Print instructions to user
   const folderCmd = createdFolder ? `cd ${path.basename(targetPath)}` : '';
   console.log('\n✅ Neutronium app is ready!');
-  console.log(`➡️  Run the following to get started:\n\n   ${folderCmd}\n   npx serve dist\n`);
+  console.log(`➡️  Run the following to get started:\n\n   ${folderCmd}\n  npm start\n`);
 }
 // --- CLI Command Routing ---
@@ -159,7 +179,55 @@ switch (command) {
       compileProject();
     }
     break;
+  case '--lang':
+    const lang = args[0];
+    if (lang === "ts") {
+      fs.unlinkSync('App.js');
+      fs.writeFileSync('App.ts', AppTs);
+      fs.writeFileSync('tsconfig.json', `
+  {
+    "compilerOptions": {
+      "outDir": "build",
+      "rootDir": ".",
+      "target": "ES2020",
+      "module": "ESNext",
+      "lib": ["DOM", "ES2020"],
+      "jsx": "react",
+      "jsxFactory": "h",
+      "jsxFragmentFactory": "Fragment",
+      "moduleResolution": "Node",
+      "strict": true,
+      "allowJs": true,
+      "checkJs": false,
+      "noEmit": true,
+      "esModuleInterop": true,
+      "skipLibCheck": true,
+      "forceConsistentCasingInFileNames": true
+    },
+    "include": ["**/*"],
+    "exclude": ["dist", "node_modules"]
+  }
+  `);
+      const packageJson = JSON.parse(fs.readFileSync('package.json', 'utf-8'));
+      packageJson.scripts = packageJson.scripts || {};
+      packageJson.scripts.start = 'tsc && ' + packageJson.scripts.start;
+      fs.writeFileSync('package.json', JSON.stringify(packageJson, null, 2));
+    }
+    if (lang === "js") {
+      fs.unlinkSync('App.ts');
+      fs.writeFileSync('App.js', AppJs); // assuming `AppJs` is defined
+      if (fs.existsSync('tsconfig.json')) {
+        fs.unlinkSync('tsconfig.json');
+      }
+      const packageJson = JSON.parse(fs.readFileSync('package.json', 'utf-8'));
+      if (packageJson.scripts && packageJson.scripts.start?.startsWith('tsc &&')) {
+        packageJson.scripts.start = packageJson.scripts.start.replace(/^tsc &&\s*/, '');
+      }
+      fs.writeFileSync('package.json', JSON.stringify(packageJson, null, 2));
+    }
+    break;
   default:
     // Help text
     console.log('❌ Unknown command.');

package/compiler/compiler.js CHANGED Viewed

@@ -1,131 +1,262 @@
-const babel = require('@babel/core');
-const path = require('path');
+#!/usr/bin/env node
+const { default: inquirer } = require('inquirer');
 const fs = require('fs');
-const { baseHtml } = require('./template');
-const { log, writeFile, ensureDir } = require('./utils');
-const chokidar = require('chokidar');
-const http = require('http');
-const { default: Mime } = require('mime');
-const WebSocket = require('ws');
-const { default: open } = require('open');
-function compileProject(projectDir = process.cwd()) {
-  const appJsPath = path.join(projectDir, 'App.js');
-  const distDir = path.join(projectDir, 'dist');
-  const outHtmlPath = path.join(distDir, 'index.html');
-  const outJsPath = path.join(distDir, 'App.compiled.js');
-  const neutroniumPath = '../node_modules/neutronium/src/index.js';
+const path = require('path');
+const { execSync } = require('child_process');
+const { transformSync } = require('@babel/core');
+const { compileProject, compileProjectWatch } = require('../compiler/compiler');
-  try {
-    log('📖 Reading App.js...');
-    const sourceCode = fs.readFileSync(appJsPath, 'utf-8');
-    log('⚙️ Compiling JSX with Babel...');
-    let { code: transpiled } = babel.transformSync(sourceCode, {
-  filename: 'App.js', // or use path.basename(appJsPath)
-  babelrc: false,
-  configFile: false,
-  presets: [],
-  plugins: [
-  ['@babel/plugin-transform-react-jsx', {
-    pragma: '_neutronium.h',
-    pragmaFrag: '_neutronium.Fragment',
-    runtime: 'classic',
-    useBuiltIns: false, // <- IMPORTANT
-    sourceMaps: true,
-    comments: false,
-    minified: true,
-  }]
-]
-});
-    // Remove CommonJS require if present
-    transpiled = transpiled.replace(
-      /(const|var|let)\s+_neutronium\s*=\s*require\(["']neutronium["']\);?/g,
-      ''
+const [, , command, ...args] = process.argv;
+const babelRc = `{
+  "plugins": [
+    ["@babel/plugin-transform-react-jsx", {
+      "pragma": "_neutronium.h",
+      "pragmaFrag": "_neutronium.Fragment",
+      "runtime": "classic",
+      "useBuiltIns": false,
+      "sourceMaps": true,
+      "comments": false,
+      "minified": true
+    }]
+  ]
+}`;
+const AppTs = `
+import { createApp } from 'neutronium';
+function App() {
+    return (
+        <h1>Hello World (TypeScript)</h1>
     );
-    transpiled = transpiled.replace("from 'neutronium';", "from '../node_modules/neutronium/src/index.js';")
+}
-    const finalJsCode = `
-import * as _neutronium from '${neutroniumPath}';
+createApp(App).mount("body");
+`;
-"use strict";
+const AppJs = `
+import { createApp } from 'neutronium';
-${transpiled}
+function App() {
+    return (
+        <h1>Hello World</h1>
+    );
+}
-_neutronium.createApp(App).mount('#app');
+createApp(App).mount("body");
+`;
+const htmlTemplate = (title, jsCode) => `
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="UTF-8" />
+    <title>${title}</title>
+  </head>
+  <body>
+    <script type="module">
+    ${jsCode}
+    </script>
+  </body>
+</html>
 `.trim();
-    ensureDir(distDir);
-    writeFile(outJsPath, finalJsCode);
+async function init() {
+  let targetPath = process.cwd();
+  let createdFolder = false;
-    log('🛠️ Generating index.html...');
-    const finalHtml = baseHtml(`<div id="app"></div>`, 'App.compiled.js');
-    writeFile(outHtmlPath, finalHtml);
+  const { confirmInit } = await inquirer.prompt([
+    {
+      type: 'confirm',
+      name: 'confirmInit',
+      message: 'Initialize a Neutronium app in this folder?',
+      default: true
+    }
+  ]);
-    log('✅ Compilation complete!');
-    log(`➡️ Output: ${outHtmlPath}`);
-  } catch (e) {
-    console.error('❌ Compilation failed:', e.message);
+  let appName = 'neutronium-app';
+  if (!confirmInit) {
+    const { projectName } = await inquirer.prompt([
+      {
+        type: 'input',
+        name: 'projectName',
+        message: 'Enter your project name:',
+        default: 'neutronium-app'
+      }
+    ]);
+    appName = projectName;
+    targetPath = path.resolve(process.cwd(), projectName);
+    createdFolder = true;
+    if (!fs.existsSync(targetPath)) fs.mkdirSync(targetPath);
   }
-}
-function compileProjectWatch(projectDir = process.cwd(), port = 3000) {
-  const appJsPath = path.join(projectDir, 'App.js');
+  // Ask language preference
+  const { language } = await inquirer.prompt([
+    {
+      type: 'list',
+      name: 'language',
+      message: 'Choose your language:',
+      choices: ['JavaScript', 'TypeScript']
+    }
+  ]);
+  const appFileName = language === 'TypeScript' ? 'App.ts' : 'App.js';
+  fs.writeFileSync(path.join(targetPath, appFileName), (language === 'TypeScript' ? AppTs : AppJs).trim());
-  const server = serveProject(projectDir, port);
-  compileProject(projectDir);
+  fs.writeFileSync(path.join(targetPath, '.babelrc'), babelRc);
-  log('👀 Watching App.js for changes...');
-  chokidar.watch(appJsPath).on('change', () => {
-    console.clear();
-    log('🔁 Detected change in App.js...');
-    compileProject(projectDir);
-    if (server.broadcastReload) {
-      server.broadcastReload();
-    }
+  execSync('npm init -y', { cwd: targetPath, stdio: 'inherit' });
+  execSync('npm install neutronium', { cwd: targetPath, stdio: 'inherit' });
+  execSync('npm install --save-dev @babel/core @babel/cli @babel/plugin-transform-react-jsx', {
+    cwd: targetPath, stdio: 'inherit'
   });
+  if (language === 'TypeScript') {
+    execSync('npm install --save-dev typescript', { cwd: targetPath, stdio: 'inherit' });
+    fs.writeFileSync(path.join(targetPath, 'tsconfig.json'), `
+{
+  "compilerOptions": {
+    "outDir": "build",
+    "rootDir": ".",
+    "target": "ES2020",
+    "module": "ESNext",
+    "lib": ["DOM", "ES2020"],
+    "jsx": "react",
+    "jsxFactory": "h",
+    "jsxFragmentFactory": "Fragment",
+    "moduleResolution": "Node",
+    "strict": true,
+    "allowJs": true,
+    "checkJs": false,
+    "noEmit": true,
+    "esModuleInterop": true,
+    "skipLibCheck": true,
+    "forceConsistentCasingInFileNames": true
+  },
+  "include": ["**/*"],
+  "exclude": ["dist", "node_modules"]
 }
+    `.trim());
+  }
-function serveProject(projectDir = process.cwd(), port = 3000) {
-  const distDir = path.join(projectDir, 'dist');
+  const packageJsonPath = path.join(targetPath, 'package.json');
+  const packageJson = JSON.parse(fs.readFileSync(packageJsonPath, 'utf-8'));
-  const server = http.createServer((req, res) => {
-    let reqPath = req.url;
+  packageJson.scripts = packageJson.scripts || {};
+  packageJson.scripts.start = language === 'TypeScript'
+    ? 'tsc && neu-cli start --watch'
+    : 'neu-cli start --watch';
-    // Redirect "/" to "dist/index.html"
-    if (reqPath === '/' || reqPath === '/index.html') {
-      reqPath = '/dist/index.html';
-    }
+  packageJson.scripts.compile = 'neu-cli start';
+  packageJson.scripts.update = 'npm i neutronium@latest -g && npm i neutronium@latest';
-    const filePath = path.join(projectDir, reqPath);
+  fs.writeFileSync(packageJsonPath, JSON.stringify(packageJson, null, 2));
-    if (!fs.existsSync(filePath)) {
-      res.writeHead(404);
-      return res.end('404 Not Found');
-    }
+  // Create preview HTML
+  const jsxWithImport = `import * as _neutronium from 'neutronium';\n\n${AppJs}`;
+  let compiledCode = '';
+  try {
+    compiledCode = transformSync(jsxWithImport, {
+      filename: 'App.js',
+      babelrc: false,
+      configFile: false,
+      presets: [],
+      plugins: [[
+        '@babel/plugin-transform-react-jsx',
+        {
+          pragma: '_neutronium.h',
+          pragmaFrag: '_neutronium.Fragment',
+          runtime: 'classic'
+        }
+      ]]
+    }).code;
+  } catch (e) {
+    console.warn('⚠️ Babel preview transform failed:', e.message);
+  }
-    const content = fs.readFileSync(filePath);
-    res.writeHead(200, { 'Content-Type': Mime.getType(filePath) });
-    res.end(content);
-  });
+  const distPath = path.join(targetPath, 'dist');
+  if (!fs.existsSync(distPath)) fs.mkdirSync(distPath);
+  fs.writeFileSync(path.join(distPath, 'index.html'), htmlTemplate(appName, compiledCode));
-  const wss = new WebSocket.Server({ server });
+  const folderCmd = createdFolder ? `cd ${path.basename(targetPath)}` : '';
+  console.log('\n✅ Neutronium app is ready!');
+  console.log(`➡️  Run the following to get started:\n\n   ${folderCmd}\n   npm start\n`);
+}
-  server.broadcastReload = () => {
-    wss.clients.forEach(client => {
-      if (client.readyState === WebSocket.OPEN) {
-        client.send('reload');
-      }
-    });
-  };
+// --- CLI Command Routing ---
+switch (command) {
+  case 'init':
+  case 'create-app':
+  case 'create-neutronium-app':
+    init();
+    break;
-  server.listen(port, () => {
-    log(`🚀 Server running at http://localhost:${port}`);
-    open(`http://localhost:${port}/dist/index.html`);
-  });
+  case 'start':
+    if (args[0] === '--watch') compileProjectWatch();
+    else compileProject();
+    break;
+  case '--lang':
+    const lang = args[0];
+    const pkgPath = path.join(process.cwd(), 'package.json');
+    const pkg = JSON.parse(fs.readFileSync(pkgPath, 'utf-8'));
-  return server;
+    if (lang === 'ts') {
+      fs.unlinkSync('App.js');
+      fs.writeFileSync('App.ts', AppTs);
+      fs.writeFileSync('tsconfig.json', `
+{
+  "compilerOptions": {
+    "outDir": "build",
+    "rootDir": ".",
+    "target": "ES2020",
+    "module": "ESNext",
+    "lib": ["DOM", "ES2020"],
+    "jsx": "react",
+    "jsxFactory": "h",
+    "jsxFragmentFactory": "Fragment",
+    "moduleResolution": "Node",
+    "strict": true,
+    "allowJs": true,
+    "checkJs": false,
+    "noEmit": true,
+    "esModuleInterop": true,
+    "skipLibCheck": true,
+    "forceConsistentCasingInFileNames": true
+  },
+  "include": ["**/*"],
+  "exclude": ["dist", "node_modules"]
 }
+      `.trim());
+      pkg.scripts.start = 'tsc && neu-cli start --watch';
+    }
+    if (lang === 'js') {
+      fs.unlinkSync('App.ts');
+      fs.writeFileSync('App.js', AppJs);
+      if (fs.existsSync('tsconfig.json')) fs.unlinkSync('tsconfig.json');
+      pkg.scripts.start = pkg.scripts.start.replace(/^tsc &&\s*/, '');
+    }
+    fs.writeFileSync(pkgPath, JSON.stringify(pkg, null, 2));
+    break;
+  default:
+    console.log('❌ Unknown command.');
+    console.log(`
+Available Commands:
+  init | create-app | create-neutronium-app
+      👉 Initialize a new Neutronium project
+  start
+      👉 Compiles your app once
+  start --watch
+      👉 Start dev server and rebuild on changes
-module.exports = { compileProject, compileProjectWatch };
+  --lang js | ts
+      👉 Switch between JS and TS
+`);
+}

package/package.json CHANGED Viewed

@@ -1,21 +1,20 @@
 {
   "name": "neutronium",
-  "version": "2.5.3",
+  "version": "2.8.5",
   "description": "A dense, efficient JavaScript framework for building modern web applications",
   "main": "src/index.js",
   "type": "commonjs",
+  "types": "./@types/neutronium/index.d.ts",
   "scripts": {
-  },
-  "export": {
-    ".": "src/index.js"
-  },
-  "bin": {
-    "neu-cli": "./cli/index.js",
-    "neu": "src/index.js"
+    "build": "node build.js",
+    "start": "npx serve dist"
   },
   "exports": {
     ".": "./src/index.js"
   },
+  "bin": {
+    "neu-cli": "./cli/index.js"
+  },
   "keywords": [
     "framework",
     "javascript",
@@ -26,16 +25,23 @@
   "author": "PFMCODES",
   "license": "MIT",
   "dependencies": {
+    "@babel/cli": "^7.28.0",
+    "@babel/core": "^7.28.0",
+    "@babel/plugin-transform-react-jsx": "^7.27.1",
+    "@babel/preset-env": "^7.28.0",
+    "@babel/preset-react": "^7.27.1",
     "chokidar": "^4.0.3",
     "inquirer": "^12.7.0",
     "jsdom": "^26.1.0",
     "mime": "^4.0.7",
     "open": "^10.1.2",
-    "ws": "^8.18.3",
-    "@babel/cli": "^7.28.0",
-    "@babel/core": "^7.28.0",
-    "@babel/plugin-transform-react-jsx": "^7.27.1",
-    "@babel/preset-env": "^7.28.0",
-    "@babel/preset-react": "^7.27.1"
+    "ws": "^8.18.3"
+  },
+  "devDependencies": {
+    "@rollup/plugin-babel": "^6.0.4",
+    "@rollup/plugin-node-resolve": "^16.0.1",
+    "esbuild": "^0.25.6",
+    "rollup": "^2.79.2",
+    "rollup-plugin-terser": "^7.0.2"
   }
 }