@csedl/svelte-on-rails 11.0.2 → 11.0.4

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@csedl/svelte-on-rails",
-  "version": "11.0.2",
+  "version": "11.0.4",
   "description": "Client-side runtime for svelte-on-rails: hydration, SSR build support & Turbo Stream actions",
   "main": "index.js",
   "type": "module",
   "scripts": {
-    "build": "vite build"
+    "build:package": "vite build"
   },
   "exports": {
     ".": "./index.js",

package/src/config.js

@@ -25,7 +25,7 @@ export const SvelteOnRails = {
         const loader = components[componentKey];
 
         if (!loader) {
-            throw new Error(`[svelte-on-rails] Component not found: ${componentKey} (relative to vites sourceCodeDir / frontend-folder)`);
+            throw new Error(`[svelte-on-rails] Component not found: «${componentKey}»\nAvailable imported Components are:\n\n+++\n • ${Object.keys(components).join('\n • ')}\n+++\n`);
             //return;
         } else {
             debugLog(`[svelte-on-rails] Component found: ${componentKey}`);

package/src/hydrate-build/cleanupSvelteComponent.js

@@ -11,8 +11,10 @@ export function cleanupSvelteComponent(element) {
     try {
         const instance = svelteInstances.get(element);
         if (instance) {
-            unmount(instance); // Destroy the Svelte component instance in Svelte 5
-            debugLog(`Successfully unmounted Svelte component for element:`, element);
+            unmount(instance).then(()=>{
+                debugLog(`Successfully unmounted Svelte component for element:`, element);
+            }); // Destroy the Svelte component instance in Svelte 5
+            debugLog(`Unmounted Svelte component for element:`, element);
             element.removeAttribute('data-svelte-initialized'); // Reset initialized state
             svelteInstances.delete(element); // Remove from WeakMap
         } else {

package/src/hydrate-build/svelte-on-rails-controller.js

@@ -5,6 +5,9 @@ import {cleanupSvelteComponent} from "./cleanupSvelteComponent.js";
 export default class extends Controller {
 
     connect() {
+
+        console.log('SVELTE CONNECT')
+
         const stat = this.element.getAttribute('data-svelte-status');
         if (stat === 'do-not-hydrate-build-me') return;