@kithinji/orca 1.0.18 → 1.0.20

package/dist/browser/index.iife.js

@@ -7,8 +7,7 @@ var kithinjiorca = (() => {
   var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
     get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
   }) : x)(function(x) {
-    if (typeof require !== "undefined")
-      return require.apply(this, arguments);
+    if (typeof require !== "undefined") return require.apply(this, arguments);
     throw Error('Dynamic require of "' + x + '" is not supported');
   });
   var __export = (target, all) => {
@@ -269,35 +268,35 @@ var kithinjiorca = (() => {
   var store = new Store();
 
   // src/shared/symbols.ts
-  var DECLARATIONS_KEY = Symbol("orca:declarations");
-  var PROVIDERS_KEY = Symbol("orca:providers");
-  var CONTROLLERS_KEY = Symbol("orca:controllers");
-  var BOOTSTRAP = Symbol("orca:bootstrap");
-  var BOOTSTRAP_VNODE = Symbol("orca:bootstrap:vnode");
-  var IMPORTS_KEY = Symbol("orca:imports");
-  var EXPORTS_KEY = Symbol("orca:exports");
-  var INJECTABLE = Symbol("orca:injectable");
-  var COMPONENT = Symbol("orca:component");
-  var COMPONENT_PROVIDERS = Symbol("orca:component:providers");
-  var COMPONENT_DEPS = Symbol("orca:component:deps");
-  var COMPONENT_ROUTE = Symbol("orca:component:route");
-  var INJECT_TOKENS_KEY = Symbol("orca:injectTokens");
-  var NODE = Symbol("orca:node");
+  var DECLARATIONS_KEY = /* @__PURE__ */ Symbol("orca:declarations");
+  var PROVIDERS_KEY = /* @__PURE__ */ Symbol("orca:providers");
+  var CONTROLLERS_KEY = /* @__PURE__ */ Symbol("orca:controllers");
+  var BOOTSTRAP = /* @__PURE__ */ Symbol("orca:bootstrap");
+  var BOOTSTRAP_VNODE = /* @__PURE__ */ Symbol("orca:bootstrap:vnode");
+  var IMPORTS_KEY = /* @__PURE__ */ Symbol("orca:imports");
+  var EXPORTS_KEY = /* @__PURE__ */ Symbol("orca:exports");
+  var INJECTABLE = /* @__PURE__ */ Symbol("orca:injectable");
+  var COMPONENT = /* @__PURE__ */ Symbol("orca:component");
+  var COMPONENT_PROVIDERS = /* @__PURE__ */ Symbol("orca:component:providers");
+  var COMPONENT_DEPS = /* @__PURE__ */ Symbol("orca:component:deps");
+  var COMPONENT_ROUTE = /* @__PURE__ */ Symbol("orca:component:route");
+  var INJECT_TOKENS_KEY = /* @__PURE__ */ Symbol("orca:injectTokens");
+  var NODE = /* @__PURE__ */ Symbol("orca:node");
   var DESIGN_PARAMTYPES = "design:paramtypes";
-  var CONTROLLER = Symbol("orca:controller");
-  var CONTROLLER_PREFIX_KEY = Symbol("orca:controllerPrefix");
-  var PARAMS_META_KEY = Symbol("orca:paramsMeta");
-  var HTTP_METHOD_KEY = Symbol("orca:method");
-  var PATH_KEY = Symbol("orca:path");
-  var EXPRESS_ADAPTER_HOST = Symbol("orca:express");
-  var SIGNATURE_METADATA_KEY = Symbol("orca:signature:schemas");
-  var SSE_ROUTE = Symbol("orca:sse:route");
-  var EVENT_HANDLER = Symbol("orca:event:handler");
-  var ERROR_ELEMENT = Symbol.for("orca:error");
-  var ORCA_ELEMENT_TYPE = Symbol.for("orca:element");
-  var ORCA_FRAGMENT_TYPE = Symbol.for("orca:fragment");
-  var ORCA_CLIENT_COMPONENT = Symbol.for("orca.client.component");
-  var PENDING_REFERENCE_TYPE = Symbol.for("orca:pending_reference");
+  var CONTROLLER = /* @__PURE__ */ Symbol("orca:controller");
+  var CONTROLLER_PREFIX_KEY = /* @__PURE__ */ Symbol("orca:controllerPrefix");
+  var PARAMS_META_KEY = /* @__PURE__ */ Symbol("orca:paramsMeta");
+  var HTTP_METHOD_KEY = /* @__PURE__ */ Symbol("orca:method");
+  var PATH_KEY = /* @__PURE__ */ Symbol("orca:path");
+  var EXPRESS_ADAPTER_HOST = /* @__PURE__ */ Symbol("orca:express");
+  var SIGNATURE_METADATA_KEY = /* @__PURE__ */ Symbol("orca:signature:schemas");
+  var SSE_ROUTE = /* @__PURE__ */ Symbol("orca:sse:route");
+  var EVENT_HANDLER = /* @__PURE__ */ Symbol("orca:event:handler");
+  var ERROR_ELEMENT = /* @__PURE__ */ Symbol.for("orca:error");
+  var ORCA_ELEMENT_TYPE = /* @__PURE__ */ Symbol.for("orca:element");
+  var ORCA_FRAGMENT_TYPE = /* @__PURE__ */ Symbol.for("orca:fragment");
+  var ORCA_CLIENT_COMPONENT = /* @__PURE__ */ Symbol.for("orca.client.component");
+  var PENDING_REFERENCE_TYPE = /* @__PURE__ */ Symbol.for("orca:pending_reference");
 
   // src/shared/types.ts
   var HandlerParamType = /* @__PURE__ */ ((HandlerParamType2) => {
@@ -766,8 +765,7 @@ var kithinjiorca = (() => {
     createInstance(provider) {
       if ("useValue" in provider && provider.useValue !== void 0)
         return provider.useValue;
-      if (provider.useExisting)
-        return this.resolve(provider.useExisting);
+      if (provider.useExisting) return this.resolve(provider.useExisting);
       if (provider.useFactory) {
         const deps2 = (provider.deps || []).map((d) => this.resolve(d));
         return provider.useFactory(...deps2);
@@ -807,10 +805,8 @@ var kithinjiorca = (() => {
     const props = {};
     if (config) {
       for (const propName in config) {
-        if (propName === "key")
-          continue;
-        if (propName === "ref")
-          continue;
+        if (propName === "key") continue;
+        if (propName === "ref") continue;
         props[propName] = config[propName];
       }
     }
@@ -855,18 +851,15 @@ var kithinjiorca = (() => {
     const normalized = [];
     for (let i = 0; i < children.length; i++) {
       const child = normalizeChild(children[i]);
-      if (child === null)
-        continue;
+      if (child === null) continue;
       if (Array.isArray(child)) {
         normalized.push(...child);
       } else {
         normalized.push(child);
       }
     }
-    if (normalized.length === 0)
-      return null;
-    if (normalized.length === 1)
-      return normalized[0];
+    if (normalized.length === 0) return null;
+    if (normalized.length === 1) return normalized[0];
     return normalized;
   }
   function normalizeChild(child) {
@@ -921,8 +914,7 @@ var kithinjiorca = (() => {
       if (typeof vnode.type === "string") {
         const { children, ...attrs } = vnode.props;
         const attrsStr = Object.entries(attrs).map(([key, value]) => {
-          if (value === true)
-            return key;
+          if (value === true) return key;
           if (value === false || value === null || value === void 0)
             return "";
           return `${key}="${this.escapeHtml(String(value))}"`;
@@ -997,10 +989,8 @@ var kithinjiorca = (() => {
       }
     }
     buildSyncTree(vnode, injector) {
-      if (vnode == null || typeof vnode !== "object")
-        return vnode;
-      if (vnode.$$typeof !== ORCA_ELEMENT_TYPE)
-        return vnode;
+      if (vnode == null || typeof vnode !== "object") return vnode;
+      if (vnode.$$typeof !== ORCA_ELEMENT_TYPE) return vnode;
       if (this.renderingNodes.has(vnode)) {
         throw new Error(
           `Circular reference detected while rendering component "${vnode.type?.name}".`
@@ -1084,8 +1074,7 @@ var kithinjiorca = (() => {
       return this.buildSyncTree(childVNode, componentInjector);
     }
     mapChildren(children, injector) {
-      if (children == null)
-        return void 0;
+      if (children == null) return void 0;
       if (typeof children === "string" || typeof children === "number") {
         return children;
       }
@@ -1188,8 +1177,7 @@ var kithinjiorca = (() => {
       }).catch((err) => Promise.reject({ id, error: err }));
       this.pending.set(id, { abortController, promise: raced });
       raced.then((resolved) => {
-        if (this.processedIds.has(id))
-          return;
+        if (this.processedIds.has(id)) return;
         this.processedIds.add(id);
         this.queueResolvers.shift()?.({
           ...resolved,
@@ -1263,12 +1251,10 @@ var kithinjiorca = (() => {
       }
     }
     findById(id) {
-      if (this.id === id)
-        return this;
+      if (this.id === id) return this;
       for (const child of this.children) {
         const found = child.findById(id);
-        if (found)
-          return found;
+        if (found) return found;
       }
       return null;
     }
@@ -1345,9 +1331,9 @@ var kithinjiorca = (() => {
   function effect(fn) {
     const deps = /* @__PURE__ */ new Set();
     let cleanupFn;
-    const runner = () => {
+    const runner = (() => {
       runner.execute();
-    };
+    });
     runner.deps = deps;
     runner.execute = () => {
       if (cleanupFn) {
@@ -1463,8 +1449,7 @@ var kithinjiorca = (() => {
       }
       return {
         unsubscribe: () => {
-          if (isUnsubscribed)
-            return;
+          if (isUnsubscribed) return;
           isUnsubscribed = true;
           if (cleanup) {
             try {
@@ -1928,8 +1913,7 @@ var kithinjiorca = (() => {
       };
     }
     next(value) {
-      if (this._isCompleted || this._hasError)
-        return;
+      if (this._isCompleted || this._hasError) return;
       const currentSubscribers = Array.from(this.subscribers);
       currentSubscribers.forEach((observer) => {
         if (this.subscribers.has(observer)) {
@@ -1942,8 +1926,7 @@ var kithinjiorca = (() => {
       });
     }
     error(err) {
-      if (this._isCompleted || this._hasError)
-        return;
+      if (this._isCompleted || this._hasError) return;
       this._hasError = true;
       const currentSubscribers = Array.from(this.subscribers);
       currentSubscribers.forEach((observer) => {
@@ -1958,8 +1941,7 @@ var kithinjiorca = (() => {
       this.subscribers.clear();
     }
     complete() {
-      if (this._isCompleted || this._hasError)
-        return;
+      if (this._isCompleted || this._hasError) return;
       this._isCompleted = true;
       const currentSubscribers = Array.from(this.subscribers);
       currentSubscribers.forEach((observer) => {
@@ -2020,12 +2002,8 @@ var kithinjiorca = (() => {
   // src/shared/module_libs/http_client/module.ts
   var __decorate = function(decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
-      r = Reflect.decorate(decorators, target, key, desc);
-    else
-      for (var i = decorators.length - 1; i >= 0; i--)
-        if (d = decorators[i])
-          r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
   };
   var HttpClient = class HttpClient2 {
@@ -2344,10 +2322,8 @@ var kithinjiorca = (() => {
       }
     }
     normalizeAttributeKey(key) {
-      if (key === "className")
-        return "class";
-      if (key === "htmlFor")
-        return "for";
+      if (key === "className") return "class";
+      if (key === "htmlFor") return "for";
       return key;
     }
     applyStyles(styles, dom) {
@@ -2367,8 +2343,7 @@ var kithinjiorca = (() => {
     async loadClientComponent(path, name, props, container) {
       try {
         let register2 = function(Cls, injector2) {
-          if (seen.has(Cls))
-            return;
+          if (seen.has(Cls)) return;
           seen.add(Cls);
           injector2.addProvider({
             provide: Cls,
@@ -2442,8 +2417,7 @@ var kithinjiorca = (() => {
       }
     }
     async process() {
-      if (this.isProcessing)
-        return;
+      if (this.isProcessing) return;
       this.isProcessing = true;
       while (this.mailbox.length > 0) {
         const message = this.mailbox.shift();
@@ -2477,17 +2451,12 @@ var kithinjiorca = (() => {
   var import_socket = __require("socket.io-client");
   var __decorate2 = function(decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
-      r = Reflect.decorate(decorators, target, key, desc);
-    else
-      for (var i = decorators.length - 1; i >= 0; i--)
-        if (d = decorators[i])
-          r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
   };
   var __metadata = function(k, v) {
-    if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
-      return Reflect.metadata(k, v);
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
   };
   var Actor = class Actor2 extends BaseActor {
     constructor() {
@@ -2546,17 +2515,12 @@ var kithinjiorca = (() => {
   // src/browser/modules/router_module/navigate.ts
   var __decorate3 = function(decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
-      r = Reflect.decorate(decorators, target, key, desc);
-    else
-      for (var i = decorators.length - 1; i >= 0; i--)
-        if (d = decorators[i])
-          r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
   };
   var __metadata2 = function(k, v) {
-    if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
-      return Reflect.metadata(k, v);
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
   };
   var __param = function(paramIndex, decorator) {
     return function(target, key) {
@@ -2567,35 +2531,81 @@ var kithinjiorca = (() => {
     constructor(oscUrl) {
       this.oscUrl = oscUrl;
       this.cursor = 0;
-      const initialStream = this.createStreamForCurrentUrl();
-      this.pages = new BehaviorSubject([initialStream]);
-      history.replaceState({ cursor: 0 }, "");
+      this.STORAGE_KEY = "navigate_stack";
+      const savedState = this.loadFromStorage();
+      const historyCursor = history.state?.cursor;
+      if (savedState && historyCursor !== void 0) {
+        this.cursor = historyCursor;
+        const restoredPages = savedState.routes.map(() => null);
+        const currentRoute = window.location.pathname + window.location.search;
+        const stream = this.createStreamForRoute(currentRoute);
+        restoredPages[this.cursor] = stream;
+        this.pages = new BehaviorSubject(restoredPages);
+      } else {
+        const initialStream = this.createStreamForCurrentUrl();
+        this.pages = new BehaviorSubject([initialStream]);
+        this.cursor = 0;
+        history.replaceState({ cursor: 0 }, "");
+        this.saveToStorage();
+      }
       window.addEventListener("popstate", (e) => {
-        const newIndex = e.state?.cursor ?? 0;
-        this.cursor = newIndex;
-        this.pages.next([...this.pages.$value || []]);
+        const newCursor = e.state?.cursor ?? 0;
+        this.cursor = newCursor;
+        const currentPages = [...this.pages.$value || []];
+        if (!currentPages[newCursor]) {
+          const savedState2 = this.loadFromStorage();
+          const route = savedState2?.routes[newCursor] || window.location.pathname + window.location.search;
+          const stream = this.createStreamForRoute(route);
+          currentPages[newCursor] = stream;
+        }
+        this.pages.next(currentPages);
       });
     }
-    createStreamForCurrentUrl() {
+    loadFromStorage() {
+      try {
+        const saved = localStorage.getItem(this.STORAGE_KEY);
+        return saved ? JSON.parse(saved) : null;
+      } catch {
+        return null;
+      }
+    }
+    saveToStorage() {
+      try {
+        const currentPages = this.pages.$value || [];
+        const routes = currentPages.map((page, index) => {
+          if (page && typeof page === "object" && "__route" in page) {
+            return page.__route;
+          }
+          const savedState = this.loadFromStorage();
+          return savedState?.routes[index] || "";
+        });
+        const state = {
+          routes,
+          cursor: this.cursor
+        };
+        localStorage.setItem(this.STORAGE_KEY, JSON.stringify(state));
+      } catch {
+      }
+    }
+    createStreamForRoute(route) {
       const http = new HttpClient();
       let url = this.oscUrl;
-      const path = window.location.pathname;
-      const search = window.location.search;
-      if (path !== "/") {
-        const fullRoute = search ? `${path}${search}` : path;
-        url = `${this.oscUrl}?c=${encodeURIComponent(fullRoute)}`;
+      if (route && route !== "/") {
+        url = `${this.oscUrl}?c=${encodeURIComponent(route)}`;
       }
       return http.post(url, {
         stream: "ndjson",
         reviver: symbolValueReviver
       });
     }
+    createStreamForCurrentUrl() {
+      const path = window.location.pathname;
+      const search = window.location.search;
+      const fullPath = search ? `${path}${search}` : path;
+      return this.createStreamForRoute(fullPath);
+    }
     go(path) {
-      const http = new HttpClient();
-      const stream = http.post(`${this.oscUrl}?c=${path}`, {
-        stream: "ndjson",
-        reviver: symbolValueReviver
-      });
+      const stream = this.createStreamForRoute(path);
       stream.__route = path;
       this.push(stream);
     }
@@ -2610,12 +2620,14 @@ var kithinjiorca = (() => {
       newPages.push(item);
       history.pushState({ cursor: this.cursor }, "", route);
       this.pages.next(newPages);
+      this.saveToStorage();
     }
     replace(item) {
       const currentPages = [...this.pages.$value || []];
       currentPages[this.cursor] = item;
       history.replaceState({ cursor: this.cursor }, "");
       this.pages.next(currentPages);
+      this.saveToStorage();
     }
     resolveStream(index, element) {
       const currentPages = [...this.pages.$value || []];
@@ -2625,13 +2637,12 @@ var kithinjiorca = (() => {
       }
     }
     goBack() {
-      if (this.cursor > 0) {
+      if (this.canGoBack()) {
         history.back();
       }
     }
     goForward() {
-      const currentPages = this.pages.$value || [];
-      if (this.cursor < currentPages.length - 1) {
+      if (this.canGoForward()) {
         history.forward();
       }
     }
@@ -2648,8 +2659,10 @@ var kithinjiorca = (() => {
     }
     clear() {
       this.cursor = 0;
-      this.pages.next([]);
+      const initialStream = this.createStreamForCurrentUrl();
+      this.pages.next([initialStream]);
       history.replaceState({ cursor: 0 }, "");
+      this.saveToStorage();
     }
   };
   Navigate = __decorate3([
@@ -2660,17 +2673,12 @@ var kithinjiorca = (() => {
   // src/browser/modules/router_module/outlet.ts
   var __decorate4 = function(decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function")
-      r = Reflect.decorate(decorators, target, key, desc);
-    else
-      for (var i = decorators.length - 1; i >= 0; i--)
-        if (d = decorators[i])
-          r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
   };
   var __metadata3 = function(k, v) {
-    if (typeof Reflect === "object" && typeof Reflect.metadata === "function")
-      return Reflect.metadata(k, v);
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
   };
   var _a;
   var RouterOutlet = class RouterOutlet2 extends OrcaComponent {