@ionify/ionify 0.1.0

package/dist/cli/worker.cjs

@@ -0,0 +1,217 @@
+const { parentPort } = require("worker_threads");
+const path = require("path");
+const fs = require("fs");
+const { transform } = require("@swc/core");
+const postcss = require("postcss");
+const postcssLoadConfig = require("postcss-load-config");
+const postcssModules = require("postcss-modules");
+
+let cachedPostcssConfig = null;
+let postcssConfigFailed = false;
+
+async function loadPostcssConfig(rootDir) {
+  if (cachedPostcssConfig) return cachedPostcssConfig;
+  if (postcssConfigFailed) return { plugins: [], options: {} };
+  try {
+    const { plugins, options } = await postcssLoadConfig({}, rootDir);
+    cachedPostcssConfig = {
+      plugins: Array.isArray(plugins) ? plugins : [],
+      options: options ?? {},
+    };
+  } catch {
+    postcssConfigFailed = true;
+    cachedPostcssConfig = { plugins: [], options: {} };
+  }
+  return cachedPostcssConfig;
+}
+
+const enableSourceMaps = process.env.IONIFY_SOURCEMAPS === "true";
+
+function parseMode() {
+  const mode = (process.env.IONIFY_PARSER || "hybrid").toLowerCase();
+  if (mode === "swc") return "swc";
+  if (mode === "oxc") return "oxc";
+  return "hybrid";
+}
+
+function resolveNativeBinding() {
+  // Minimal loader to avoid importing TS helpers in worker context.
+  const cwd = process.cwd();
+  const candidates = [
+    path.join(cwd, "native", "ionify_core.node"),
+    path.join(cwd, "target", "release", "ionify_core.node"),
+    path.join(cwd, "target", "debug", "ionify_core.node"),
+  ];
+  for (const candidate of candidates) {
+    try {
+      if (fs.existsSync(candidate)) {
+        // eslint-disable-next-line @typescript-eslint/no-var-requires
+        return require(candidate);
+      }
+    } catch {
+      // ignore and try next
+    }
+  }
+  return null;
+}
+
+const native = resolveNativeBinding();
+
+async function runSwcTransform(job) {
+  const isTs = job.ext === ".ts" || job.ext === ".tsx";
+  const isTsx = job.ext === ".tsx";
+  const isJsx = job.ext === ".jsx";
+
+  const result = await transform(job.code, {
+    filename: job.filePath,
+    sourceMaps: enableSourceMaps ? "inline" : false,
+    minify: true,
+    module: { type: "es6" },
+    jsc: {
+      target: "es2022",
+      minify: {
+        compress: true,
+        mangle: true,
+      },
+      parser: isTs
+        ? {
+            syntax: "typescript",
+            tsx: isTsx,
+            decorators: true,
+            dynamicImport: true,
+          }
+        : {
+            syntax: "ecmascript",
+            jsx: isJsx,
+            decorators: true,
+            dynamicImport: true,
+          },
+      transform: isTsx || isJsx
+        ? {
+            react: {
+              development: false,
+              runtime: "automatic",
+            },
+          }
+        : undefined,
+    },
+  });
+
+  return { code: result.code, map: result.map || undefined, type: "js" };
+}
+
+async function runCssTransform(job) {
+  const rootDir = process.cwd();
+  const { plugins, options } = await loadPostcssConfig(rootDir);
+  const isModule = /\.module\.css$/i.test(job.filePath);
+
+  const pipeline = [...plugins];
+  if (isModule) {
+    pipeline.push(
+      postcssModules({
+        generateScopedName: (name, filename) => {
+          const base = path.basename(filename).replace(/\.[^.]+$/, "");
+          return `${base}__${name}`;
+        },
+      })
+    );
+  }
+
+  const runner = postcss(pipeline);
+  const result = await runner.process(job.code, {
+    ...options,
+    from: job.filePath,
+    map: false,
+  });
+
+  return { code: result.css, type: "css" };
+}
+
+function runNativeOxcTransform(job) {
+  if (!native?.parseAndTransformOxc) {
+    throw new Error("Native oxc transform not available");
+  }
+  
+  const result = native.parseAndTransformOxc(job.code, {
+    filename: job.filePath,
+    jsx: job.ext === ".jsx" || job.ext === ".tsx",
+    typescript: job.ext === ".ts" || job.ext === ".tsx",
+    react_refresh: false, // Production build - no refresh
+  });
+  
+  return { code: result.code, map: result.map || undefined, type: "js" };
+}
+
+function runNativeSwcTransform(job) {
+  if (!native?.parseAndTransformSwc) {
+    throw new Error("Native SWC transform not available");
+  }
+  
+  const result = native.parseAndTransformSwc(job.code, {
+    filename: job.filePath,
+    jsx: job.ext === ".jsx" || job.ext === ".tsx",
+    typescript: job.ext === ".ts" || job.ext === ".tsx",
+    react_refresh: false, // Production build - no refresh
+  });
+  
+  return { code: result.code, map: result.map || undefined, type: "js" };
+}
+
+async function handleJob(job) {
+  const mode = parseMode();
+  const ext = job.ext.toLowerCase();
+  if ([".ts", ".tsx", ".js", ".jsx", ".mjs", ".cjs"].includes(ext)) {
+    if (mode === "swc") {
+      // Force SWC via native or fallback
+      if (native?.parseAndTransformSwc) {
+        return runNativeSwcTransform(job);
+      }
+      return runSwcTransform(job);
+    }
+    if (mode === "oxc") {
+      // Force oxc via native (fail if unavailable)
+      if (!native?.parseAndTransformOxc) {
+        throw new Error("parser=oxc requires native binding");
+      }
+      return runNativeOxcTransform(job);
+    }
+    // hybrid: try native oxc, silent fallback to native swc or JS swc
+    if (native?.parseAndTransformOxc) {
+      try {
+        return runNativeOxcTransform(job);
+      } catch {
+        // Silent fallback
+      }
+    }
+    if (native?.parseAndTransformSwc) {
+      return runNativeSwcTransform(job);
+    }
+    // Last resort: JS-side SWC
+    return runSwcTransform(job);
+  }
+  if (ext === ".css") {
+    return runCssTransform(job);
+  }
+  return { code: job.code, type: "asset" };
+}
+
+parentPort.on("message", async (job) => {
+  try {
+    const result = await handleJob(job);
+    parentPort.postMessage({
+      id: job.id,
+      filePath: job.filePath,
+      code: result.code,
+      map: result.map,
+      type: result.type,
+    });
+  } catch (err) {
+    parentPort.postMessage({
+      id: job.id,
+      filePath: job.filePath,
+      code: job.code,
+      type: "asset",
+      error: err instanceof Error ? err.message : String(err),
+    });
+  }
+});

package/dist/client/hmr.js

@@ -0,0 +1,124 @@
+/**
+ * Ionify HMR client (SSE + Fetch handshake).
+ * Listens for graph-diff updates over SSE, then POSTs to fetch the payload.
+ * For now, reloads the page when a module is deleted or update fails.
+ */
+import { showErrorOverlay, clearErrorOverlay } from "/__ionify_overlay.js";
+
+const SSE_URL = "/__ionify_hmr";
+const APPLY_URL = "/__ionify_hmr/apply";
+const ERROR_URL = "/__ionify_hmr/error";
+
+const log = (...args) => console.log("[Ionify HMR]", ...args);
+const warn = (...args) => console.warn("[Ionify HMR]", ...args);
+
+// Establish SSE channel used to notify about pending graph diffs.
+const source = new EventSource(SSE_URL);
+
+source.addEventListener("ready", () => {
+  log("connected");
+});
+
+source.addEventListener("error", (e) => {
+  warn("SSE error", e);
+  // Show overlay if server streamed a structured error payload.
+  if (e?.data) {
+    try {
+      const payload = JSON.parse(e.data);
+      if (payload?.message) {
+        showErrorOverlay(payload.message, payload.id ? `Update ${payload.id}` : undefined);
+      }
+    } catch {
+      showErrorOverlay(String(e.data || "HMR connection error"));
+    }
+  }
+});
+
+source.addEventListener("update", async (event) => {
+  let summary;
+  try {
+    summary = JSON.parse(event.data);
+  } catch (err) {
+    warn("invalid update payload", err);
+    return;
+  }
+  if (!summary || summary.type !== "update" || typeof summary.id !== "string") {
+    return;
+  }
+
+  log(`update ${summary.id} received (${summary.modules?.length ?? 0} modules)`);
+  clearErrorOverlay();
+
+  try {
+    const response = await fetch(APPLY_URL, {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ id: summary.id }),
+    });
+    if (!response.ok) {
+      const text = await response.text();
+      throw new Error(text || `apply status ${response.status}`);
+    }
+    const payload = await response.json();
+    await applyUpdate(payload);
+    clearErrorOverlay();
+  } catch (err) {
+    await reportError(summary.id, err);
+    const message = err instanceof Error ? err.message : String(err);
+    showErrorOverlay("Failed to apply update", message);
+    warn("apply failed", err);
+  }
+});
+
+async function reportError(id, err) {
+  const message = err instanceof Error ? err.message : String(err);
+  try {
+    await fetch(ERROR_URL, {
+      method: "POST",
+      headers: { "Content-Type": "application/json" },
+      body: JSON.stringify({ id, message }),
+    });
+  } catch (_) {
+    // swallow network errors
+  }
+}
+
+async function applyUpdate(payload) {
+  const modules = Array.isArray(payload?.modules) ? payload.modules : [];
+  if (!modules.length) {
+    log(`update ${payload?.id ?? "unknown"} had no modules`);
+    return;
+  }
+
+  // if any module deleted, fallback to hard reload
+  if (modules.some((m) => m.status === "deleted")) {
+    warn("module deleted, reloading page");
+    location.reload();
+    return;
+  }
+
+  const timestamp = Date.now();
+  for (const mod of modules) {
+    if (!mod || typeof mod.url !== "string") continue;
+    // HTML imports still force reload until we add declarative overlays.
+    if (/\.(html)(\?|$)/.test(mod.url)) {
+      warn(`${mod.url} requires full reload`);
+      location.reload();
+      return;
+    }
+    const separator = mod.url.includes("?") ? "&" : "?";
+    const target = `${mod.url}${separator}ionify-hmr=${timestamp}`;
+    try {
+      await import(/* @vite-ignore */ target);
+      log(`refreshed ${mod.url}`);
+    } catch (err) {
+      await reportError(payload?.id, err);
+      const message = err instanceof Error ? err.message : String(err);
+      showErrorOverlay(`Failed to refresh ${mod.url}`, message);
+      warn(`failed to refresh ${mod.url}`, err);
+      return;
+    }
+  }
+  log(`update ${payload?.id ?? "unknown"} applied`);
+  clearErrorOverlay();
+}

package/dist/client/overlay.js

@@ -0,0 +1,43 @@
+// Basic DOM overlay used to surface build/transform errors during HMR.
+const OVERLAY_ID = "ionify-error-overlay";
+
+function ensureOverlay() {
+  let overlay = document.getElementById(OVERLAY_ID);
+  if (!overlay) {
+    overlay = document.createElement("div");
+    overlay.id = OVERLAY_ID;
+    overlay.style.position = "fixed";
+    overlay.style.inset = "0";
+    overlay.style.background = "rgba(0,0,0,0.8)";
+    overlay.style.color = "#f87171";
+    overlay.style.fontFamily = "Menlo, Consolas, monospace";
+    overlay.style.fontSize = "14px";
+    overlay.style.padding = "32px";
+    overlay.style.zIndex = "2147483647";
+    overlay.style.overflowY = "auto";
+    overlay.style.whiteSpace = "pre-wrap";
+    document.body.appendChild(overlay);
+  }
+  return overlay;
+}
+
+export function showErrorOverlay(message, details) {
+  if (typeof document === "undefined") return;
+  const overlay = ensureOverlay();
+  const header = "Ionify Build Error";
+  overlay.innerHTML = `
+    <div style="font-weight:600;font-size:16px;margin-bottom:16px;">
+      ${header}
+    </div>
+    <div>${message ?? "Unknown error"}</div>
+    ${details ? `<pre style="margin-top:16px;color:#fca5a5;">${details}</pre>` : ""}
+  `;
+}
+
+export function clearErrorOverlay() {
+  if (typeof document === "undefined") return;
+  const overlay = document.getElementById(OVERLAY_ID);
+  if (overlay && overlay.parentElement) {
+    overlay.parentElement.removeChild(overlay);
+  }
+}

package/dist/client/react-refresh-runtime.js

@@ -0,0 +1,72 @@
+import RefreshRuntime from "react-refresh/runtime";
+
+let installed = false;
+const moduleInfo = new Map();
+const warnedClassModules = new Set();
+
+function ensureRuntime() {
+  if (installed) return RefreshRuntime;
+  RefreshRuntime.injectIntoGlobalHook(window);
+  window.$RefreshReg$ = () => {};
+  window.$RefreshSig$ = () => (type) => type;
+  window.__IONIFY_REACT_REFRESH__ = RefreshRuntime;
+  installed = true;
+  return RefreshRuntime;
+}
+
+export function setupReactRefresh(importMetaHot, moduleId) {
+  if (!importMetaHot) return null;
+  const runtime = ensureRuntime();
+
+  // Track metadata for this module so we can make refresh decisions later.
+  const record = {
+    hasReactExport: false,
+    hasClassComponent: false,
+  };
+  moduleInfo.set(moduleId, record);
+
+  const prevReg = window.$RefreshReg$;
+  const prevSig = window.$RefreshSig$;
+
+  window.$RefreshReg$ = (type, id) => {
+    runtime.register(type, moduleId + " " + id);
+    if (type) {
+      record.hasReactExport = true;
+      if (type.prototype && type.prototype.isReactComponent) {
+        record.hasClassComponent = true;
+      }
+    }
+  };
+  window.$RefreshSig$ = runtime.createSignatureFunctionForTransform;
+
+  const finalize = () => {
+    window.$RefreshReg$ = prevReg;
+    window.$RefreshSig$ = prevSig;
+  };
+
+  const dispose = () => {
+    moduleInfo.delete(moduleId);
+  };
+
+  const refresh = () => {
+    if (!record.hasReactExport) return false;
+    if (record.hasClassComponent && !warnedClassModules.has(moduleId)) {
+      console.warn(
+        `[Ionify] React Fast Refresh cannot preserve state for class components (module: ${moduleId}). State will reset after edits.`
+      );
+      warnedClassModules.add(moduleId);
+    }
+    queueMicrotask(() => {
+      runtime.performReactRefresh();
+    });
+    return true;
+  };
+
+  return {
+    finalize,
+    refresh,
+    dispose,
+    hasReactExports: () => record.hasReactExport,
+    hasClassComponent: () => record.hasClassComponent,
+  };
+}

package/dist/core/worker/worker.cjs

@@ -0,0 +1,217 @@
+const { parentPort } = require("worker_threads");
+const path = require("path");
+const fs = require("fs");
+const { transform } = require("@swc/core");
+const postcss = require("postcss");
+const postcssLoadConfig = require("postcss-load-config");
+const postcssModules = require("postcss-modules");
+
+let cachedPostcssConfig = null;
+let postcssConfigFailed = false;
+
+async function loadPostcssConfig(rootDir) {
+  if (cachedPostcssConfig) return cachedPostcssConfig;
+  if (postcssConfigFailed) return { plugins: [], options: {} };
+  try {
+    const { plugins, options } = await postcssLoadConfig({}, rootDir);
+    cachedPostcssConfig = {
+      plugins: Array.isArray(plugins) ? plugins : [],
+      options: options ?? {},
+    };
+  } catch {
+    postcssConfigFailed = true;
+    cachedPostcssConfig = { plugins: [], options: {} };
+  }
+  return cachedPostcssConfig;
+}
+
+const enableSourceMaps = process.env.IONIFY_SOURCEMAPS === "true";
+
+function parseMode() {
+  const mode = (process.env.IONIFY_PARSER || "hybrid").toLowerCase();
+  if (mode === "swc") return "swc";
+  if (mode === "oxc") return "oxc";
+  return "hybrid";
+}
+
+function resolveNativeBinding() {
+  // Minimal loader to avoid importing TS helpers in worker context.
+  const cwd = process.cwd();
+  const candidates = [
+    path.join(cwd, "native", "ionify_core.node"),
+    path.join(cwd, "target", "release", "ionify_core.node"),
+    path.join(cwd, "target", "debug", "ionify_core.node"),
+  ];
+  for (const candidate of candidates) {
+    try {
+      if (fs.existsSync(candidate)) {
+        // eslint-disable-next-line @typescript-eslint/no-var-requires
+        return require(candidate);
+      }
+    } catch {
+      // ignore and try next
+    }
+  }
+  return null;
+}
+
+const native = resolveNativeBinding();
+
+async function runSwcTransform(job) {
+  const isTs = job.ext === ".ts" || job.ext === ".tsx";
+  const isTsx = job.ext === ".tsx";
+  const isJsx = job.ext === ".jsx";
+
+  const result = await transform(job.code, {
+    filename: job.filePath,
+    sourceMaps: enableSourceMaps ? "inline" : false,
+    minify: true,
+    module: { type: "es6" },
+    jsc: {
+      target: "es2022",
+      minify: {
+        compress: true,
+        mangle: true,
+      },
+      parser: isTs
+        ? {
+            syntax: "typescript",
+            tsx: isTsx,
+            decorators: true,
+            dynamicImport: true,
+          }
+        : {
+            syntax: "ecmascript",
+            jsx: isJsx,
+            decorators: true,
+            dynamicImport: true,
+          },
+      transform: isTsx || isJsx
+        ? {
+            react: {
+              development: false,
+              runtime: "automatic",
+            },
+          }
+        : undefined,
+    },
+  });
+
+  return { code: result.code, map: result.map || undefined, type: "js" };
+}
+
+async function runCssTransform(job) {
+  const rootDir = process.cwd();
+  const { plugins, options } = await loadPostcssConfig(rootDir);
+  const isModule = /\.module\.css$/i.test(job.filePath);
+
+  const pipeline = [...plugins];
+  if (isModule) {
+    pipeline.push(
+      postcssModules({
+        generateScopedName: (name, filename) => {
+          const base = path.basename(filename).replace(/\.[^.]+$/, "");
+          return `${base}__${name}`;
+        },
+      })
+    );
+  }
+
+  const runner = postcss(pipeline);
+  const result = await runner.process(job.code, {
+    ...options,
+    from: job.filePath,
+    map: false,
+  });
+
+  return { code: result.css, type: "css" };
+}
+
+function runNativeOxcTransform(job) {
+  if (!native?.parseAndTransformOxc) {
+    throw new Error("Native oxc transform not available");
+  }
+  
+  const result = native.parseAndTransformOxc(job.code, {
+    filename: job.filePath,
+    jsx: job.ext === ".jsx" || job.ext === ".tsx",
+    typescript: job.ext === ".ts" || job.ext === ".tsx",
+    react_refresh: false, // Production build - no refresh
+  });
+  
+  return { code: result.code, map: result.map || undefined, type: "js" };
+}
+
+function runNativeSwcTransform(job) {
+  if (!native?.parseAndTransformSwc) {
+    throw new Error("Native SWC transform not available");
+  }
+  
+  const result = native.parseAndTransformSwc(job.code, {
+    filename: job.filePath,
+    jsx: job.ext === ".jsx" || job.ext === ".tsx",
+    typescript: job.ext === ".ts" || job.ext === ".tsx",
+    react_refresh: false, // Production build - no refresh
+  });
+  
+  return { code: result.code, map: result.map || undefined, type: "js" };
+}
+
+async function handleJob(job) {
+  const mode = parseMode();
+  const ext = job.ext.toLowerCase();
+  if ([".ts", ".tsx", ".js", ".jsx", ".mjs", ".cjs"].includes(ext)) {
+    if (mode === "swc") {
+      // Force SWC via native or fallback
+      if (native?.parseAndTransformSwc) {
+        return runNativeSwcTransform(job);
+      }
+      return runSwcTransform(job);
+    }
+    if (mode === "oxc") {
+      // Force oxc via native (fail if unavailable)
+      if (!native?.parseAndTransformOxc) {
+        throw new Error("parser=oxc requires native binding");
+      }
+      return runNativeOxcTransform(job);
+    }
+    // hybrid: try native oxc, silent fallback to native swc or JS swc
+    if (native?.parseAndTransformOxc) {
+      try {
+        return runNativeOxcTransform(job);
+      } catch {
+        // Silent fallback
+      }
+    }
+    if (native?.parseAndTransformSwc) {
+      return runNativeSwcTransform(job);
+    }
+    // Last resort: JS-side SWC
+    return runSwcTransform(job);
+  }
+  if (ext === ".css") {
+    return runCssTransform(job);
+  }
+  return { code: job.code, type: "asset" };
+}
+
+parentPort.on("message", async (job) => {
+  try {
+    const result = await handleJob(job);
+    parentPort.postMessage({
+      id: job.id,
+      filePath: job.filePath,
+      code: result.code,
+      map: result.map,
+      type: result.type,
+    });
+  } catch (err) {
+    parentPort.postMessage({
+      id: job.id,
+      filePath: job.filePath,
+      code: job.code,
+      type: "asset",
+      error: err instanceof Error ? err.message : String(err),
+    });
+  }
+});

package/dist/index.cjs

@@ -0,0 +1,38 @@
+#!/usr/bin/env node
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var src_exports = {};
+__export(src_exports, {
+  defineConfig: () => defineConfig
+});
+module.exports = __toCommonJS(src_exports);
+
+// src/types.ts
+function defineConfig(config) {
+  if (typeof config === "function") {
+    return config({ mode: process.env.NODE_ENV || "development" });
+  }
+  return config;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  defineConfig
+});