@hypen-space/core 0.4.0 → 0.4.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hypen-space/core",
-  "version": "0.4.0",
+  "version": "0.4.1",
   "description": "Hypen core engine - Platform-agnostic reactive UI runtime",
   "type": "module",
   "main": "./dist/index.js",
@@ -135,6 +135,12 @@
       "bun": "./src/types.ts",
       "import": "./dist/types.js",
       "default": "./dist/types.js"
+    },
+    "./logger": {
+      "types": "./dist/logger.d.ts",
+      "bun": "./src/logger.ts",
+      "import": "./dist/logger.js",
+      "default": "./dist/logger.js"
     }
   },
   "files": [

package/src/discovery.ts

@@ -11,7 +11,7 @@
  */
 
 import { existsSync, readdirSync, readFileSync, watch } from "fs";
-import { join, basename, resolve } from "path";
+import { join, basename, resolve, relative } from "path";
 import type { HypenModuleDefinition } from "./app.js";
 import { frameworkLoggers } from "./logger.js";
 
@@ -468,10 +468,11 @@ export function watchComponents(
  */
 export async function generateComponentsCode(
   baseDir: string,
-  options: DiscoveryOptions = {}
+  options: DiscoveryOptions & { outputDir?: string } = {}
 ): Promise<string> {
   const components = await discoverComponents(baseDir, options);
   const resolvedDir = resolve(baseDir);
+  const outputBase = options.outputDir ? resolve(options.outputDir) : resolvedDir;
 
   let code = `/**
  * Auto-generated component imports
@@ -481,15 +482,15 @@ export async function generateComponentsCode(
 `;
 
   for (const component of components) {
-    const relativePath = component.modulePath
-      ? "./" +
-        component.modulePath
-          .replace(resolvedDir + "/", "")
-          .replace(/\.ts$/, ".js")
-      : null;
-
-    if (relativePath) {
-      code += `import ${component.name}Module from "${relativePath}";\n`;
+    let importPath: string | null = null;
+    if (component.modulePath) {
+      const rel = relative(outputBase, component.modulePath)
+        .replace(/\.ts$/, ".js");
+      importPath = rel.startsWith(".") ? rel : "./" + rel;
+    }
+
+    if (importPath) {
+      code += `import ${component.name}Module from "${importPath}";\n`;
     }
   }
 

package/src/index.ts

@@ -149,7 +149,7 @@ export type { ModuleReference } from "./context.js";
 // REMOTE UI
 // ============================================================================
 
-// Client
+// Client (browser-safe)
 export { RemoteEngine } from "./remote/client.js";
 export type {
   RemoteConnectionState,
@@ -158,8 +158,9 @@ export type {
   SessionInfo,
 } from "./remote/client.js";
 
-// Server
-export { RemoteServer, serve } from "./remote/server.js";
+// NOTE: RemoteServer and serve are NOT exported from the barrel because they
+// import the Node.js WASM engine. Import them from the subpath instead:
+//   import { RemoteServer, serve } from "@hypen-space/core/remote/server"
 
 // Session Management
 export { SessionManager } from "./remote/session.js";
@@ -182,14 +183,7 @@ export type {
 } from "./remote/types.js";
 
 // ============================================================================
-// COMPONENT LOADER
-// ============================================================================
-
-export { ComponentLoader, componentLoader } from "./loader.js";
-export type { ComponentDefinition } from "./loader.js";
-
-// ============================================================================
-// COMPONENT RESOLVER
+// COMPONENT RESOLVER (browser-safe, no fs dependency)
 // ============================================================================
 
 export { ComponentResolver } from "./resolver.js";
@@ -202,26 +196,24 @@ export type {
 } from "./resolver.js";
 
 // ============================================================================
-// COMPONENT DISCOVERY
+// NODE-ONLY MODULES (NOT exported from barrel — use subpath imports)
 // ============================================================================
+//
+// These modules use Node.js APIs (fs.readFileSync) and must NOT be in the
+// browser-safe barrel. Import them from their subpaths instead:
+//
+//   import { ComponentLoader, componentLoader } from "@hypen-space/core/loader"
+//   import { discoverComponents, ... } from "@hypen-space/core/discovery"
+//   import { hypenPlugin, ... } from "@hypen-space/core/plugin"
+//
 
-export {
-  discoverComponents,
-  loadDiscoveredComponents,
-  watchComponents,
-  generateComponentsCode,
-} from "./discovery.js";
+// Re-export types only (types are always safe)
+export type { ComponentDefinition } from "./loader.js";
 export type {
   DiscoveredComponent,
   DiscoveryOptions,
   WatchOptions,
 } from "./discovery.js";
-
-// ============================================================================
-// PLUGIN
-// ============================================================================
-
-export { hypenPlugin, registerHypenPlugin, defaultHypenPlugin } from "./plugin.js";
 export type { HypenPluginOptions } from "./plugin.js";
 
 // ============================================================================

package/src/renderer.ts

@@ -96,6 +96,10 @@ export abstract class BaseRenderer implements Renderer {
  */
 export class ConsoleRenderer implements Renderer {
   applyPatches(patches: Patch[]): void {
-    log.debug("Patches:", patches);
+    console.group("Hypen Patches");
+    for (const patch of patches) {
+      console.log(patch);
+    }
+    console.groupEnd();
   }
 }