@kithinji/orca 1.0.19 → 1.0.21

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 {
@@ -2164,7 +2142,7 @@ var kithinjiorca = (() => {
   ], HttpClientModule);
 
   // src/shared/dom/osc.ts
-  var OSC = class {
+  var OSC = class _OSC {
     constructor(root) {
       this.root = root;
       this.pendingRefs = /* @__PURE__ */ new Map();
@@ -2172,6 +2150,69 @@ var kithinjiorca = (() => {
         old.replaceWith(nw);
       });
     }
+    static {
+      this.SVG_NAMESPACE = "http://www.w3.org/2000/svg";
+    }
+    static {
+      this.SVG_TAGS = /* @__PURE__ */ new Set([
+        "svg",
+        "circle",
+        "rect",
+        "line",
+        "path",
+        "polygon",
+        "polyline",
+        "ellipse",
+        "text",
+        "tspan",
+        "g",
+        "defs",
+        "use",
+        "symbol",
+        "marker",
+        "clipPath",
+        "mask",
+        "pattern",
+        "linearGradient",
+        "radialGradient",
+        "stop",
+        "animate",
+        "animateTransform",
+        "foreignObject",
+        "image",
+        "textPath",
+        "feBlend",
+        "feColorMatrix",
+        "feComponentTransfer",
+        "feComposite",
+        "feConvolveMatrix",
+        "feDiffuseLighting",
+        "feDisplacementMap",
+        "feDistantLight",
+        "feFlood",
+        "feFuncA",
+        "feFuncB",
+        "feFuncG",
+        "feFuncR",
+        "feGaussianBlur",
+        "feImage",
+        "feMerge",
+        "feMergeNode",
+        "feMorphology",
+        "feOffset",
+        "fePointLight",
+        "feSpecularLighting",
+        "feSpotLight",
+        "feTile",
+        "feTurbulence",
+        "filter",
+        "metadata",
+        "title",
+        "desc",
+        "switch",
+        "view"
+      ]);
+    }
     handleInsert(jsx2) {
       const { domNode, vnode } = this.buildDOM(jsx2, this.tree);
       if (jsx2.id && vnode) {
@@ -2305,9 +2346,13 @@ var kithinjiorca = (() => {
       });
       return { domNode: fragment };
     }
+    isSVGTag(tag) {
+      return _OSC.SVG_TAGS.has(tag);
+    }
     buildIntrinsicElement(jsx2, parent) {
       const tag = jsx2.type;
-      const dom = document.createElement(tag);
+      const isSVG = this.isSVGTag(tag);
+      const dom = isSVG ? document.createElementNS(_OSC.SVG_NAMESPACE, tag) : document.createElement(tag);
       const vnode = new VNode(dom, (old, nw) => {
         if (old.parentNode) {
           old.parentNode.replaceChild(nw, old);
@@ -2318,7 +2363,7 @@ var kithinjiorca = (() => {
         vnode.setId(jsx2.id);
       }
       if (jsx2.props) {
-        this.buildAttributes(jsx2.props, dom, vnode);
+        this.buildAttributes(jsx2.props, dom, vnode, isSVG);
       }
       if (jsx2.props?.children != null) {
         const { domNode: childDom } = this.buildDOM(jsx2.props.children, vnode);
@@ -2326,7 +2371,7 @@ var kithinjiorca = (() => {
       }
       return { domNode: dom, vnode };
     }
-    buildAttributes(props, dom, vnode) {
+    buildAttributes(props, dom, vnode, isSVG = false) {
       for (const [key, value] of Object.entries(props)) {
         if (key === "children" || value == null) {
           continue;
@@ -2337,17 +2382,26 @@ var kithinjiorca = (() => {
           continue;
         }
         if (typeof value === "boolean") {
-          this.setBooleanAttribute(attrKey, value, dom);
+          this.setBooleanAttribute(attrKey, value, dom, isSVG);
           continue;
         }
-        dom.setAttribute(attrKey, String(value));
+        if (isSVG) {
+          this.setSVGAttribute(attrKey, String(value), dom);
+        } else {
+          dom.setAttribute(attrKey, String(value));
+        }
+      }
+    }
+    setSVGAttribute(key, value, dom) {
+      if (key === "href" || key === "xlink:href") {
+        dom.setAttributeNS("http://www.w3.org/1999/xlink", "href", value);
+      } else {
+        dom.setAttribute(key, value);
       }
     }
     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) {
@@ -2357,7 +2411,7 @@ var kithinjiorca = (() => {
       }).join(";");
       dom.setAttribute("style", styleString);
     }
-    setBooleanAttribute(key, value, dom) {
+    setBooleanAttribute(key, value, dom, isSVG = false) {
       if (value) {
         dom.setAttribute(key, "");
       } else {
@@ -2367,8 +2421,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 +2495,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 +2529,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 +2593,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) {
@@ -2709,17 +2751,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 {