@broxium/compiler 1.0.0

package/dist/index.d.mts

@@ -0,0 +1,23 @@
+interface CompileInput {
+    componentId: number;
+    slug: string;
+    version: string;
+    files: Array<{
+        path: string;
+        content: string;
+    }>;
+    outputDir: string;
+}
+interface CompileOutput {
+    serverJsPath: string;
+    clientJsPath: string;
+    serverJsName: string;
+    clientJsName: string;
+    compiledAt: Date;
+}
+
+declare class BrodoxCompiler {
+    compile(input: CompileInput): Promise<CompileOutput>;
+}
+
+export { BrodoxCompiler, type CompileInput, type CompileOutput };

package/dist/index.d.ts

@@ -0,0 +1,23 @@
+interface CompileInput {
+    componentId: number;
+    slug: string;
+    version: string;
+    files: Array<{
+        path: string;
+        content: string;
+    }>;
+    outputDir: string;
+}
+interface CompileOutput {
+    serverJsPath: string;
+    clientJsPath: string;
+    serverJsName: string;
+    clientJsName: string;
+    compiledAt: Date;
+}
+
+declare class BrodoxCompiler {
+    compile(input: CompileInput): Promise<CompileOutput>;
+}
+
+export { BrodoxCompiler, type CompileInput, type CompileOutput };

package/dist/index.js

@@ -0,0 +1,173 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  BrodoxCompiler: () => BrodoxCompiler
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/compiler.ts
+var esbuild = __toESM(require("esbuild"));
+var import_promises3 = __toESM(require("fs/promises"));
+var import_node_path = __toESM(require("path"));
+var import_node_os = __toESM(require("os"));
+var import_node_crypto = require("crypto");
+
+// src/plugins/clientStubPlugin.ts
+var import_promises = __toESM(require("fs/promises"));
+function clientStubPlugin() {
+  return {
+    name: "brodox-client-stub",
+    setup(build2) {
+      build2.onLoad({ filter: /\.(tsx?|jsx?)$/ }, async (args) => {
+        const content = await import_promises.default.readFile(args.path, "utf8");
+        const trimmed = content.trimStart();
+        if (trimmed.startsWith("'use client'") || trimmed.startsWith('"use client"')) {
+          return {
+            contents: `
+              import React from 'react'
+              export default function ClientStub() { return null }
+              export function getServerData() { return {} }
+            `,
+            loader: "jsx"
+          };
+        }
+      });
+    }
+  };
+}
+
+// src/plugins/serverStubPlugin.ts
+var import_promises2 = __toESM(require("fs/promises"));
+function serverStubPlugin() {
+  return {
+    name: "brodox-server-stub",
+    setup(build2) {
+      build2.onLoad({ filter: /\.(tsx?|jsx?)$/ }, async (args) => {
+        const content = await import_promises2.default.readFile(args.path, "utf8");
+        const trimmed = content.trimStart();
+        if (trimmed.startsWith("'use server'") || trimmed.startsWith('"use server"')) {
+          return {
+            contents: `export default function ServerStub() { return null }`,
+            loader: "jsx"
+          };
+        }
+      });
+    }
+  };
+}
+
+// src/compiler.ts
+var ENTRY_PRIORITY = [
+  "App.tsx",
+  "App.jsx",
+  "App.ts",
+  "App.js",
+  "index.tsx",
+  "index.jsx",
+  "index.ts",
+  "index.js"
+];
+var external = [
+  "react",
+  "react-dom",
+  "react/jsx-runtime",
+  "react/jsx-dev-runtime",
+  "@broxium/runtime"
+];
+var BrodoxCompiler = class {
+  async compile(input) {
+    const tmpDir = import_node_path.default.join(import_node_os.default.tmpdir(), `brodox-compile-${input.slug}-${(0, import_node_crypto.randomUUID)()}`);
+    await import_promises3.default.mkdir(tmpDir, { recursive: true });
+    for (const file of input.files) {
+      const filePath = import_node_path.default.join(tmpDir, file.path);
+      await import_promises3.default.mkdir(import_node_path.default.dirname(filePath), { recursive: true });
+      await import_promises3.default.writeFile(filePath, file.content, "utf8");
+    }
+    let entryPoint = null;
+    for (const candidate of ENTRY_PRIORITY) {
+      const full = import_node_path.default.join(tmpDir, candidate);
+      try {
+        await import_promises3.default.access(full);
+        entryPoint = full;
+        break;
+      } catch {
+      }
+    }
+    if (!entryPoint) {
+      throw new Error(`No entry file found in component files for ${input.slug}`);
+    }
+    const safeName = `${input.slug}-v${input.version}`;
+    const serverJsName = `${safeName}.server.esm.js`;
+    const clientJsName = `${safeName}.client.esm.js`;
+    const serverJsPath = import_node_path.default.join(input.outputDir, serverJsName);
+    const clientJsPath = import_node_path.default.join(input.outputDir, clientJsName);
+    await import_promises3.default.mkdir(input.outputDir, { recursive: true });
+    await esbuild.build({
+      entryPoints: [entryPoint],
+      bundle: true,
+      format: "esm",
+      platform: "node",
+      target: "node20",
+      external,
+      plugins: [clientStubPlugin()],
+      outfile: serverJsPath,
+      minify: false,
+      sourcemap: false,
+      define: { "process.env.NODE_ENV": '"production"' }
+    });
+    await esbuild.build({
+      entryPoints: [entryPoint],
+      bundle: true,
+      format: "esm",
+      platform: "browser",
+      target: ["es2020", "chrome90", "firefox88", "safari14"],
+      external,
+      plugins: [serverStubPlugin()],
+      outfile: clientJsPath,
+      minify: true,
+      sourcemap: false,
+      define: { "process.env.NODE_ENV": '"production"' }
+    });
+    await import_promises3.default.rm(tmpDir, { recursive: true, force: true });
+    return {
+      serverJsPath,
+      clientJsPath,
+      serverJsName,
+      clientJsName,
+      compiledAt: /* @__PURE__ */ new Date()
+    };
+  }
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  BrodoxCompiler
+});

package/dist/index.mjs

@@ -0,0 +1,136 @@
+// src/compiler.ts
+import * as esbuild from "esbuild";
+import fs3 from "fs/promises";
+import path from "path";
+import os from "os";
+import { randomUUID } from "crypto";
+
+// src/plugins/clientStubPlugin.ts
+import fs from "fs/promises";
+function clientStubPlugin() {
+  return {
+    name: "brodox-client-stub",
+    setup(build2) {
+      build2.onLoad({ filter: /\.(tsx?|jsx?)$/ }, async (args) => {
+        const content = await fs.readFile(args.path, "utf8");
+        const trimmed = content.trimStart();
+        if (trimmed.startsWith("'use client'") || trimmed.startsWith('"use client"')) {
+          return {
+            contents: `
+              import React from 'react'
+              export default function ClientStub() { return null }
+              export function getServerData() { return {} }
+            `,
+            loader: "jsx"
+          };
+        }
+      });
+    }
+  };
+}
+
+// src/plugins/serverStubPlugin.ts
+import fs2 from "fs/promises";
+function serverStubPlugin() {
+  return {
+    name: "brodox-server-stub",
+    setup(build2) {
+      build2.onLoad({ filter: /\.(tsx?|jsx?)$/ }, async (args) => {
+        const content = await fs2.readFile(args.path, "utf8");
+        const trimmed = content.trimStart();
+        if (trimmed.startsWith("'use server'") || trimmed.startsWith('"use server"')) {
+          return {
+            contents: `export default function ServerStub() { return null }`,
+            loader: "jsx"
+          };
+        }
+      });
+    }
+  };
+}
+
+// src/compiler.ts
+var ENTRY_PRIORITY = [
+  "App.tsx",
+  "App.jsx",
+  "App.ts",
+  "App.js",
+  "index.tsx",
+  "index.jsx",
+  "index.ts",
+  "index.js"
+];
+var external = [
+  "react",
+  "react-dom",
+  "react/jsx-runtime",
+  "react/jsx-dev-runtime",
+  "@broxium/runtime"
+];
+var BrodoxCompiler = class {
+  async compile(input) {
+    const tmpDir = path.join(os.tmpdir(), `brodox-compile-${input.slug}-${randomUUID()}`);
+    await fs3.mkdir(tmpDir, { recursive: true });
+    for (const file of input.files) {
+      const filePath = path.join(tmpDir, file.path);
+      await fs3.mkdir(path.dirname(filePath), { recursive: true });
+      await fs3.writeFile(filePath, file.content, "utf8");
+    }
+    let entryPoint = null;
+    for (const candidate of ENTRY_PRIORITY) {
+      const full = path.join(tmpDir, candidate);
+      try {
+        await fs3.access(full);
+        entryPoint = full;
+        break;
+      } catch {
+      }
+    }
+    if (!entryPoint) {
+      throw new Error(`No entry file found in component files for ${input.slug}`);
+    }
+    const safeName = `${input.slug}-v${input.version}`;
+    const serverJsName = `${safeName}.server.esm.js`;
+    const clientJsName = `${safeName}.client.esm.js`;
+    const serverJsPath = path.join(input.outputDir, serverJsName);
+    const clientJsPath = path.join(input.outputDir, clientJsName);
+    await fs3.mkdir(input.outputDir, { recursive: true });
+    await esbuild.build({
+      entryPoints: [entryPoint],
+      bundle: true,
+      format: "esm",
+      platform: "node",
+      target: "node20",
+      external,
+      plugins: [clientStubPlugin()],
+      outfile: serverJsPath,
+      minify: false,
+      sourcemap: false,
+      define: { "process.env.NODE_ENV": '"production"' }
+    });
+    await esbuild.build({
+      entryPoints: [entryPoint],
+      bundle: true,
+      format: "esm",
+      platform: "browser",
+      target: ["es2020", "chrome90", "firefox88", "safari14"],
+      external,
+      plugins: [serverStubPlugin()],
+      outfile: clientJsPath,
+      minify: true,
+      sourcemap: false,
+      define: { "process.env.NODE_ENV": '"production"' }
+    });
+    await fs3.rm(tmpDir, { recursive: true, force: true });
+    return {
+      serverJsPath,
+      clientJsPath,
+      serverJsName,
+      clientJsName,
+      compiledAt: /* @__PURE__ */ new Date()
+    };
+  }
+};
+export {
+  BrodoxCompiler
+};

package/package.json

@@ -0,0 +1,26 @@
+{
+  "name": "@broxium/compiler",
+  "version": "1.0.0",
+  "description": "Brodox component compiler — TSX to ESM server + client bundles",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js"
+    }
+  },
+  "dependencies": {
+    "esbuild": "^0.25.0"
+  },
+  "devDependencies": {
+    "tsup": "^8.0.0",
+    "typescript": "^5.0.0",
+    "@types/node": "^20.0.0"
+  },
+  "scripts": {
+    "build": "tsup src/index.ts --format esm,cjs --dts",
+    "dev": "tsup src/index.ts --format esm,cjs --dts --watch"
+  }
+}

package/src/compiler.ts

@@ -0,0 +1,93 @@
+import * as esbuild from 'esbuild'
+import fs from 'node:fs/promises'
+import path from 'node:path'
+import os from 'node:os'
+import { randomUUID } from 'node:crypto'
+import { clientStubPlugin } from './plugins/clientStubPlugin'
+import { serverStubPlugin } from './plugins/serverStubPlugin'
+import type { CompileInput, CompileOutput } from './types'
+
+const ENTRY_PRIORITY = [
+  'App.tsx', 'App.jsx', 'App.ts', 'App.js',
+  'index.tsx', 'index.jsx', 'index.ts', 'index.js',
+]
+
+const external = [
+  'react',
+  'react-dom',
+  'react/jsx-runtime',
+  'react/jsx-dev-runtime',
+  '@broxium/runtime',
+]
+
+export class BrodoxCompiler {
+  async compile(input: CompileInput): Promise<CompileOutput> {
+    const tmpDir = path.join(os.tmpdir(), `brodox-compile-${input.slug}-${randomUUID()}`)
+    await fs.mkdir(tmpDir, { recursive: true })
+
+    for (const file of input.files) {
+      const filePath = path.join(tmpDir, file.path)
+      await fs.mkdir(path.dirname(filePath), { recursive: true })
+      await fs.writeFile(filePath, file.content, 'utf8')
+    }
+
+    let entryPoint: string | null = null
+    for (const candidate of ENTRY_PRIORITY) {
+      const full = path.join(tmpDir, candidate)
+      try {
+        await fs.access(full)
+        entryPoint = full
+        break
+      } catch {}
+    }
+    if (!entryPoint) {
+      throw new Error(`No entry file found in component files for ${input.slug}`)
+    }
+
+    const safeName = `${input.slug}-v${input.version}`
+    const serverJsName = `${safeName}.server.esm.js`
+    const clientJsName = `${safeName}.client.esm.js`
+    const serverJsPath = path.join(input.outputDir, serverJsName)
+    const clientJsPath = path.join(input.outputDir, clientJsName)
+
+    await fs.mkdir(input.outputDir, { recursive: true })
+
+    await esbuild.build({
+      entryPoints: [entryPoint],
+      bundle: true,
+      format: 'esm',
+      platform: 'node',
+      target: 'node20',
+      external,
+      plugins: [clientStubPlugin()],
+      outfile: serverJsPath,
+      minify: false,
+      sourcemap: false,
+      define: { 'process.env.NODE_ENV': '"production"' },
+    })
+
+    await esbuild.build({
+      entryPoints: [entryPoint],
+      bundle: true,
+      format: 'esm',
+      platform: 'browser',
+      target: ['es2020', 'chrome90', 'firefox88', 'safari14'],
+      external,
+      plugins: [serverStubPlugin()],
+      outfile: clientJsPath,
+      minify: true,
+      sourcemap: false,
+      define: { 'process.env.NODE_ENV': '"production"' },
+    })
+
+    await fs.rm(tmpDir, { recursive: true, force: true })
+
+    return {
+      serverJsPath,
+      clientJsPath,
+      serverJsName,
+      clientJsName,
+      compiledAt: new Date(),
+    }
+  }
+}

package/src/index.ts

@@ -0,0 +1,2 @@
+export { BrodoxCompiler } from './compiler'
+export type { CompileInput, CompileOutput } from './types'

package/src/plugins/clientStubPlugin.ts

@@ -0,0 +1,24 @@
+import type { Plugin } from 'esbuild'
+import fs from 'node:fs/promises'
+
+export function clientStubPlugin(): Plugin {
+  return {
+    name: 'brodox-client-stub',
+    setup(build) {
+      build.onLoad({ filter: /\.(tsx?|jsx?)$/ }, async (args) => {
+        const content = await fs.readFile(args.path, 'utf8')
+        const trimmed = content.trimStart()
+        if (trimmed.startsWith("'use client'") || trimmed.startsWith('"use client"')) {
+          return {
+            contents: `
+              import React from 'react'
+              export default function ClientStub() { return null }
+              export function getServerData() { return {} }
+            `,
+            loader: 'jsx',
+          }
+        }
+      })
+    },
+  }
+}

package/src/plugins/serverStubPlugin.ts

@@ -0,0 +1,20 @@
+import type { Plugin } from 'esbuild'
+import fs from 'node:fs/promises'
+
+export function serverStubPlugin(): Plugin {
+  return {
+    name: 'brodox-server-stub',
+    setup(build) {
+      build.onLoad({ filter: /\.(tsx?|jsx?)$/ }, async (args) => {
+        const content = await fs.readFile(args.path, 'utf8')
+        const trimmed = content.trimStart()
+        if (trimmed.startsWith("'use server'") || trimmed.startsWith('"use server"')) {
+          return {
+            contents: `export default function ServerStub() { return null }`,
+            loader: 'jsx',
+          }
+        }
+      })
+    },
+  }
+}

package/src/types.ts

@@ -0,0 +1,18 @@
+export interface CompileInput {
+  componentId: number
+  slug: string
+  version: string
+  files: Array<{
+    path: string
+    content: string
+  }>
+  outputDir: string
+}
+
+export interface CompileOutput {
+  serverJsPath: string
+  clientJsPath: string
+  serverJsName: string
+  clientJsName: string
+  compiledAt: Date
+}

package/tsconfig.json

@@ -0,0 +1,15 @@
+{
+  "compilerOptions": {
+    "target": "ES2020",
+    "lib": ["ES2020"],
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "strict": true,
+    "declaration": true,
+    "esModuleInterop": true,
+    "skipLibCheck": true,
+    "outDir": "./dist"
+  },
+  "include": ["src"],
+  "exclude": ["node_modules", "dist"]
+}