@rainfw/core 0.2.3 → 0.2.5

package/cli/index.js

@@ -5,6 +5,7 @@ const fs = require("node:fs");
 const { spawn } = require("node:child_process");
 
 const { stripControlChars } = require("./utils/sanitize");
+const { printBanner } = require("./utils/banner");
 
 const PACKAGE_JSON = path.join(__dirname, "..", "package.json");
 const pkg = JSON.parse(fs.readFileSync(PACKAGE_JSON, "utf-8"));
@@ -44,6 +45,8 @@ if (command === "--version" || command === "-v") {
   process.exit(0);
 }
 
+printBanner();
+
 if (!VALID_COMMANDS.includes(command)) {
   console.error(
     `[Rain] Error: Unknown command "${stripControlChars(command)}".\n` +

package/cli/utils/banner.js

@@ -0,0 +1,14 @@
+const path = require("node:path");
+
+const BRAND_COLOR = "\x1b[38;2;101;187;233m";
+const RESET = "\x1b[0m";
+const version = require(path.join(__dirname, "..", "..", "package.json")).version;
+
+function printBanner() {
+  console.log(
+    `\n ${BRAND_COLOR}\u{1F327}\uFE0F  rain.js ${version}${RESET}`,
+  );
+  console.log(`${BRAND_COLOR}${"─".repeat(20)}${RESET}\n`);
+}
+
+module.exports = { printBanner, version, BRAND_COLOR, RESET };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rainfw/core",
-  "version": "0.2.3",
+  "version": "0.2.5",
   "description": "A TypeScript web framework for Cloudflare Workers",
   "bin": {
     "rainjs": "./cli/index.js"

package/scripts/dev.js

@@ -2,9 +2,12 @@ const fs = require("node:fs");
 const path = require("node:path");
 const { spawn } = require("node:child_process");
 const { generate, regenerateClient, ROUTES_DIR } = require("./generate");
+const { printBanner } = require("../cli/utils/banner");
 
 const SRC_DIR = path.join(process.cwd(), "src");
 
+printBanner();
+
 generate();
 
 let debounceTimer = null;

package/scripts/generate.js

@@ -2,6 +2,7 @@ const fs = require("node:fs");
 const path = require("node:path");
 const { execSync } = require("node:child_process");
 const ts = require("typescript");
+const { printBanner } = require("../cli/utils/banner");
 
 let esbuild;
 try {
@@ -212,6 +213,59 @@ function getClientFiles(dir, base = "") {
   return files;
 }
 
+function ensureRelativeImport(importPath) {
+  return importPath.startsWith(".") ? importPath : `./${importPath}`;
+}
+
+function buildIslandImportLines(index, file, srcDir, entryDir) {
+  const fullPath = path.join(srcDir, file);
+  const content = fs.readFileSync(fullPath, "utf-8");
+  const { named, hasDefault } = detectAllExportsFromContent(content);
+  const islandId = clientFileToIslandId(file);
+
+  const importPath = path
+    .relative(entryDir, path.join(srcDir, file.replace(/\.tsx?$/, "")))
+    .replace(/\\/g, "/");
+  const safeImport = ensureRelativeImport(importPath);
+
+  const specifiers = [];
+  if (hasDefault) specifiers.push(`default as _d${index}`);
+  for (const name of named) specifiers.push(`${name} as _n${index}_${name}`);
+  if (specifiers.length === 0) return [];
+
+  const lines = [];
+  lines.push(`import { ${specifiers.join(", ")} } from "${safeImport}";`);
+  if (hasDefault) {
+    lines.push(`registerIsland("${islandId}:default", _d${index});`);
+  }
+  for (const name of named) {
+    lines.push(`registerIsland("${islandId}:${name}", _n${index}_${name});`);
+  }
+  return lines;
+}
+
+function generateClientEntrySource(clientFiles, srcDir) {
+  const entryDir = path.join(PROJECT_ROOT, BUILD_CONFIG.outDir);
+  const runtimePath = path
+    .relative(entryDir, path.join(PROJECT_ROOT, "src/framework/client/runtime"))
+    .replace(/\\/g, "/");
+  const runtimeImport = ensureRelativeImport(runtimePath);
+
+  const lines = [];
+  lines.push(
+    `import { registerIsland, startHydration } from "${runtimeImport}";`,
+  );
+
+  for (let i = 0; i < clientFiles.length; i++) {
+    lines.push(...buildIslandImportLines(i, clientFiles[i], srcDir, entryDir));
+  }
+
+  lines.push("startHydration();");
+  lines.push("");
+
+  return lines.join("\n");
+}
+
 function bundleClientFilesSync(clientFiles, srcDir) {
   if (clientFiles.length === 0) return [];
   if (!esbuild) {
@@ -229,21 +283,27 @@ function bundleClientFilesSync(clientFiles, srcDir) {
   }
 
   for (const file of fs.readdirSync(outDir)) {
-    if (file.startsWith("island-")) {
+    if (file.startsWith("island-") || file.startsWith("rain-client-")) {
       fs.unlinkSync(path.join(outDir, file));
     }
   }
 
-  const entryPoints = clientFiles.map((f) => path.join(srcDir, f));
+  const entrySource = generateClientEntrySource(clientFiles, srcDir);
+  const entryDir = path.join(PROJECT_ROOT, BUILD_CONFIG.outDir);
+  if (!fs.existsSync(entryDir)) {
+    fs.mkdirSync(entryDir, { recursive: true });
+  }
+  const clientEntryPath = path.join(entryDir, "client-entry.ts");
+  fs.writeFileSync(clientEntryPath, entrySource);
 
   const result = esbuild.buildSync({
-    entryPoints,
+    entryPoints: [clientEntryPath],
     outdir: outDir,
     bundle: true,
     minify: true,
     format: "esm",
     metafile: true,
-    entryNames: "island-[hash]",
+    entryNames: "rain-client-[hash]",
     write: true,
     treeShaking: true,
     platform: "browser",
@@ -1124,6 +1184,7 @@ module.exports = {
   updateWranglerAliases,
   clientFileToIslandId,
   bundleClientFilesSync,
+  generateClientEntrySource,
   validateNoPageRouteColocation,
   validateNoDuplicateUrls,
   stripRouteGroupSegments,
@@ -1133,5 +1194,6 @@ module.exports = {
 };
 
 if (require.main === module) {
+  printBanner();
   generate();
 }