@csedl/svelte-on-rails 10.1.1 → 11.0.0

package/index.js

@@ -1,7 +1,5 @@
-import SvelteOnRails from "./src/config.js";
-import {Application} from "@hotwired/stimulus"
-import {dispatchSvelteStreamEvent} from "./src/streams/dispatch-event.js";
-import {streamDebugLog} from "./src/logger.js";
+import { SvelteOnRails } from "./src/config.js";
+import { Application } from "@hotwired/stimulus"
 
 
 //console.error('test-error')
@@ -22,4 +20,4 @@ import turboStreamController from "./src/streams/turbo-stream-controller.js";
 
 Stimulus.register('svelte-on-rails-turbo-stream', turboStreamController)
 
-export { SvelteOnRails, dispatchSvelteStreamEvent, streamDebugLog };
+export { SvelteOnRails };

package/package.json

@@ -1,15 +1,25 @@
 {
   "name": "@csedl/svelte-on-rails",
-  "version": "10.1.1",
+  "version": "11.0.0",
   "description": "Hydrates Svelte components from the svelte-on-rails gem and can handle Actions received by Web Socket.",
   "main": "index.js",
   "type": "module",
   "exports": {
     ".": "./index.js",
+
+    "./utils": "./utils/index.js",
+    "./config": "./src/config.js",
+
+    "./ssr": {
+      "types": "./types/ssr.d.ts",
+      "default": "./src/ssr/vite-plugins/dev-module-map.ts"
+    },
+
     "./src/streams/componentStreamListener": "./src/streams/componentStreamListener.js",
     "./src/streams/dispatch-event.js": "./src/streams/dispatch-event.js",
     "./src/logger.js": "./src/logger.js",
     "./src/config.js": "./src/config.js"
+
   },
   "peerDependencies": {
     "@hotwired/stimulus": "^3.2.2",
@@ -21,13 +31,15 @@
   },
   "keywords": [
     "svelte",
-    "rails",
-    "ssr"
+    "rails"
   ],
   "author": "Christian Sedlmair",
   "license": "LICENSE.md",
   "bugs": {
     "url": "https://gitlab.com/sedl/svelte-on-rails/-/issues"
   },
-  "homepage": "https://svelte-on-rails.dev"
+  "homepage": "https://svelte-on-rails.dev",
+  "devDependencies": {
+    "playwright": "^1.58.2"
+  }
 }

package/src/config.js

@@ -1,5 +1,4 @@
-import {streamDebugLog} from "./logger.js";
-// src/config.js
+
 let _debug = false;
 
 let _lazyComponents = {}
@@ -7,7 +6,7 @@ let _defaultComponents = import.meta.glob("/**/*.svelte", { eager: false, import
 
 import {debugLog} from "./logger.js";
 
-const SvelteOnRails = {
+export const SvelteOnRails = {
 
     async loadComponent(componentKey) {
 
@@ -15,7 +14,7 @@ const SvelteOnRails = {
 
         let components
         if (Object.keys(_lazyComponents).length === 0) {
-            debugLog("lazyComponents not set: falling back to built-in «import.meta.glob(['/**/*.svelte'], {eager: false, import: 'default'})»");
+            debugLog("lazyComponents not set: falling back to default «import.meta.glob(['/**/*.svelte'], {eager: false, import: 'default'})»");
             components = _defaultComponents;
         } else {
             debugLog(`[svelte-on-rails] using given lazyComponents`);
@@ -24,12 +23,12 @@ const SvelteOnRails = {
 
 
         const loader = components[componentKey];
-        console.log(`[svelte-on-rails:debug] loader`, loader);
+
         if (!loader) {
             throw new Error(`[svelte-on-rails] Component not found: ${componentKey} (relative to vites sourceCodeDir / frontend-folder)`);
             //return;
         } else {
-            console.log(`[svelte-on-rails] Component found: ${componentKey}`);
+            debugLog(`[svelte-on-rails] Component found: ${componentKey}`);
         }
 
         // load and validate component
@@ -47,12 +46,12 @@ const SvelteOnRails = {
 
         // finish
 
-        console.log(`[svelte-on-rails:debug] Component loaded:`, comp);
+        debugLog(`[svelte-on-rails:debug] Component loaded:`, comp);
         return comp;
     },
 
     set lazyComponents(value) {
-        console.log(`[svelte-on-rails:debug] lazyComponents set:`, value);
+        debugLog(`[svelte-on-rails:debug] lazyComponents set:`, value);
         _lazyComponents = value;
     },
 
@@ -66,6 +65,4 @@ const SvelteOnRails = {
     },
 };
 
-window.SvelteOnRails = SvelteOnRails;
-
-export default SvelteOnRails;
+window.SvelteOnRails = SvelteOnRails;

package/src/hydrate-build/initializeSvelteComponent.js

@@ -1,6 +1,6 @@
 import {mount, hydrate} from "svelte";
 import {debugLog} from "../logger.js";
-import SvelteOnRails from "../config.js";
+import { SvelteOnRails } from "../config.js";
 
 // Store for tracking initialized Svelte component instances
 const svelteInstances = new WeakMap();

package/src/ssr/vite-plugins/dev-module-map.ts

@@ -0,0 +1,63 @@
+/**
+ * Vite plugin that generates chunk-modules.json containing
+ * a map of output chunk filenames → array of original module paths included in each chunk
+ *
+ * @param options - Plugin options
+ * @param options.fileName - Name of the emitted manifest file (default: '.vite/chunk-modules.json')
+ * @param options.includeNodeModules - Whether to include node_modules paths (default: false)
+ * @param options.moduleFilter - Optional filter for modules to include/exclude
+ * @returns Vite plugin
+ */
+/// <reference path="../../types/vite.d.ts" />
+
+
+import type { Plugin, OutputBundle } from 'vite';
+
+export function devModuleMap(
+    options: {
+        fileName?: string;
+        includeNodeModules?: boolean;
+        moduleFilter?: (id: string) => boolean;
+    } = {}
+): Plugin {
+    const {
+        fileName = '.vite/dev-module-map.json',
+        includeNodeModules = false,
+        moduleFilter = null,
+    } = options;
+
+    return {
+        name: 'chunk-modules-manifest',
+        enforce: 'post',
+
+        generateBundle(_options: unknown, bundle: OutputBundle) {
+            /** Map: chunk filename → module paths */
+            const manifest: Record<string, string[]> = {};
+
+            for (const [chunkFileName, info] of Object.entries(bundle)) {
+                if (info.type !== 'chunk') continue;
+
+                let modules = Object.keys(info.modules ?? {});
+
+                // Optional filtering
+                if (!includeNodeModules) {
+                    modules = modules.filter((id) => !id.includes('node_modules'));
+                }
+                if (moduleFilter) {
+                    modules = modules.filter(moduleFilter);
+                }
+
+                if (modules.length > 0) {
+                    manifest[chunkFileName] = modules;
+                }
+            }
+
+            // Emit the manifest as an asset
+            this.emitFile({
+                type: 'asset',
+                fileName,  // goes to outDir / fileName
+                source: JSON.stringify(manifest, null, 2),
+            });
+        },
+    };
+}

package/src/types/vite.d.ts

@@ -0,0 +1,27 @@
+declare module 'vite' {
+    export interface PluginContext {
+        emitFile(params: {
+            type: 'asset';
+            fileName: string;
+            source: string;
+        }): void;
+    }
+
+    export interface Plugin {
+        name: string;
+        enforce?: 'pre' | 'post';
+        generateBundle?(
+            this: PluginContext,
+            options: unknown,
+            bundle: OutputBundle,
+            isWrite?: boolean
+        ): void;
+    }
+
+    export interface OutputBundle {
+        [fileName: string]: {
+            type: 'chunk' | 'asset';
+            modules?: Record<string, unknown>;
+        };
+    }
+}

package/tsconfig.json

@@ -0,0 +1,22 @@
+{
+  "compilerOptions": {
+    "target": "ES2022",
+    "lib": ["ES2022"],
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "allowSyntheticDefaultImports": true,
+    "esModuleInterop": true,
+    "allowImportingTsExtensions": true,
+    "resolveJsonModule": true,
+    "forceConsistentCasingInFileNames": true,
+    "strict": true,
+    "noEmit": true,
+    "skipLibCheck": true,
+    "typeRoots": ["./src/types", "./node_modules/@types"]
+  },
+  "include": [
+    "src/**/*.ts",
+    "src/types/**/*.d.ts"
+  ],
+  "exclude": ["node_modules", "dist"]
+}

package/types/ssr.d.ts

@@ -0,0 +1,16 @@
+
+// Minimal stub — real type comes from @types/vite in the consuming project
+interface Plugin {
+    name: string;
+    // ... add other properties you actually use/return, if any
+    [key: string]: any;
+}
+
+export function devModuleMap(
+    options?: {
+        fileName?: string;
+        includeNodeModules?: boolean;
+        moduleFilter?: (id: string) => boolean;
+    }
+): Plugin;
+

package/utils/index.js

@@ -0,0 +1,3 @@
+export { SvelteOnRails } from "../src/config.js";   // assuming config.js uses export default
+export { dispatchSvelteStreamEvent } from "../src/streams/dispatch-event.js";
+export { streamDebugLog } from "../src/logger.js";