@dooboostore/simple-web-component 1.0.36 → 1.0.38

package/src/index.ts

@@ -1,5 +1,6 @@
 import 'reflect-metadata';
-import { registerAllElements } from './elements/register';
+export * from './elements'
+import { defineSwcAppAll } from './elements';
 import {ConstructorType} from "@dooboostore/core";
 
 // Decorators
@@ -15,15 +16,16 @@ export * from './utils/Utils';
 export * from './config/config';
 
 // Registration Factory
-export default (w: Window, other?: (((w: Window) => ConstructorType<any>) | any) []) => {
-  const cr = registerAllElements(w);
-  const r = other?.map(fn => {
-    if (typeof fn === 'function') {
-      const a = fn(w);
-    } else {
+export default async (w: Window, other?: (((w: Window) => Promise<CustomElementConstructor> | CustomElementConstructor) | any) []) => {
+  const cr = await defineSwcAppAll(w);
+  // const cr = await elementFactories(w);
+  if (other) {
+    for (const fn of other) {
+      if (typeof fn === 'function') {
+        await fn(w);
+      }
     }
-  });
+  }
 
   return cr;
-  // return r??[];
 };

package/src/{types.ts → types/index.ts}

@@ -1,6 +1,6 @@
-import { SimpleApplication } from '@dooboostore/simple-boot/SimpleApplication';
+import { SimpleApplication } from '@dooboostore/simple-boot';
 import { Router } from '@dooboostore/core-web';
-import {SwcAttributeConfigType} from "./elements/SwcAppEngine";
+import {SwcAttributeConfigType, SwcConfigType} from "../SwcAppEngine";
 
 export enum InjectSituationType {
   HOST_SET = 'SIMPLE_WEB_COMPONENT://HOSTSET',
@@ -35,7 +35,7 @@ export type HostSet = {
   $hosts: HTMLElement[]; // All SWC ancestors [root, ..., parent]
   $firstHost: HTMLElement | null; // Top-most SWC ancestor
   $lastHost: HTMLElement | null; // Same as $host
-  $templateHost: HTMLTemplateElement | null | undefined;
+  // $templateHost: HTMLTemplateElement | null | undefined;
   $appHost: SwcAppInterface | null;
   $appHosts: SwcAppInterface[];
   $firstAppHost: SwcAppInterface | null;
@@ -50,16 +50,10 @@ export type SwcAppMessage<T = any> = {
   type?: string;
 };
 
-export interface SwcChooseInterface extends HTMLTemplateElement {
-  value: any;
-  refresh(): void;
-}
-export interface SwcIfInterface extends HTMLTemplateElement {
-  value: any;
-  refresh(): void;
-}
+
 export interface SwcAppInterface extends HTMLElement {
   simpleApplication?: SimpleApplication;
+  config?:  SwcConfigType;
   router?: Router;
   connect(config?: SwcAttributeConfigType): Promise<void>;
   routing(path: string): Promise<void>;
@@ -68,3 +62,13 @@ export interface SwcAppInterface extends HTMLElement {
   forward(): void;
   publishMessage(message: SwcAppMessage): void;
 }
+
+export interface SwcElement {
+  // _swcId: string;
+  createSlotString(id: string): string
+  createEaHtml(id: string, script: string): string
+  createEaText(id: string, script: string): string
+  createEaAttribute(id: string, attributeName: string): string
+  createEaEvent(id: string, eventName: string): string
+  createEaProperty(id: string, propertyName: string): string
+}

package/src/types/window.d.ts

@@ -0,0 +1,46 @@
+import {HTMLDialogElement} from "@dooboostore/dom-parser";
+
+/**
+ * Global type augmentation for @dooboostore showcase
+ */
+declare global {
+  interface Window {
+    HTMLElement: typeof HTMLElement;
+    HTMLDivElement: typeof HTMLDivElement;
+    HTMLButtonElement: typeof HTMLButtonElement;
+    HTMLTemplateElement: typeof HTMLTemplateElement;
+    HTMLAnchorElement: typeof HTMLAnchorElement;
+    HTMLDialogElement: typeof HTMLDialogElement;
+    HTMLBodyElement: typeof HTMLBodyElement;
+    HTMLSectionElement: typeof HTMLSectionElement;
+    HTMLMainElement: typeof HTMLMainElement;
+    ShadowRoot: typeof ShadowRoot;
+    location: Location;
+    document: Document;
+    history: History;
+    console: Console;
+    IntersectionObserver: typeof IntersectionObserver;
+    SwaggerUIBundle: any;
+
+  }
+
+  namespace Dooboostore {
+    interface PackageInfo {
+      id: string;
+      name: string;
+      description: string;
+      longDescription: string;
+      icon: string;
+      color: string;
+      features: PackageFeature[];
+      example: string;
+    }
+
+    interface PackageFeature {
+      title: string;
+      desc: string;
+    }
+  }
+}
+
+export {};

package/src/utils/Utils.ts

@@ -1,16 +1,26 @@
-import { SwcAppInterface, HostSet, HelperSet, HelperHostSet } from '../types';
+import {SwcAppInterface, HostSet, HelperSet, HelperHostSet} from '../types';
 import {getElementConfig} from "../decorators";
-import { getExpression, ExpressionResult, GetExpressionConfig, GetExpressionResult } from '@dooboostore/core';
-import {Router} from "@dooboostore/core-web";
+import {getExpression, ExpressionResult, GetExpressionConfig, GetExpressionResult, ActionExpression} from '@dooboostore/core';
+import {ElementApply, NodeSlot, Router} from "@dooboostore/core-web";
 
 export const SWC_NOT_FOUND = Symbol.for('simple-web-component:not-found');
 
+
+export const html = (str: string, document: Document) => {
+  return [...document.createRange().createContextualFragment(str).childNodes];
+}
 // DOM Creation Utilities
-export const htmlFragment = (html: string, doc?: Document): DocumentFragment => {
-  const d = doc || (typeof document !== 'undefined' ? document : undefined);
-  if (!d) throw new Error('Document is not available');
-  const template = d.createElement('template');
-  template.innerHTML = html.trim();
+export const htmlFragment = (html: string | Node | Node[], doc: Document): DocumentFragment => {
+  if (!doc) throw new Error('Document is not available');
+  const template = doc.createElement('template');
+  if (typeof html === 'string') {
+    template.innerHTML = html.trim();
+  } else if (html instanceof Node) {
+    template.appendChild(html);
+  } else if (Array.isArray(html)) {
+    template.append(...html);
+  }
+  // template.innerHTML = html.trim();
   return template.content;
 };
 
@@ -26,16 +36,21 @@ export const commentNode = (comment: string | any, doc?: Document): Comment => {
   return d.createComment(comment !== undefined && comment !== null ? String(comment) : '');
 };
 
+export type CreateElementConfig = { innerHtml?: string; property?: Record<string, any>, attrs?: Record<string, any>; };
 export const createElement = <T extends HTMLElement>(
+  documentOrWindow: Document | Window,
   tagName: string,
-  options?: { html?: string; attrs?: Record<string, any>; doc?: Document }
+  options?: CreateElementConfig
 ): T => {
-  const d = options?.doc || (typeof document !== 'undefined' ? document : undefined);
-  if (!d) throw new Error('Document is not available');
-  const el = d.createElement(tagName) as T;
-  if (options?.html) el.innerHTML = options.html;
+  const doc = 'document' in documentOrWindow ? documentOrWindow.document : documentOrWindow;
+  if (!doc) throw new Error('Document is not available');
+  const el = doc.createElement(tagName) as T;
+  if (options?.innerHtml) el.innerHTML = options.innerHtml;
   if (options?.attrs) {
-    Object.entries(options.attrs).forEach(([k, v]) => el.setAttribute(k, String(v)));
+    Object.entries(options.attrs).filter(([k,v])=>v).forEach(([k, v]) => el.setAttribute(k, String(v)));
+  }
+  if (options?.property) {
+    Object.entries(options.property).forEach(([k, v]) => el[k] = v);
   }
   return el;
 };
@@ -170,7 +185,7 @@ export namespace SwcUtils {
     const qs = p.split('?')[1];
     qs?.split('&').forEach(it => {
       const [k, v] = it.split('=');
-      searchParams.set(k,v);
+      searchParams.set(k, v);
     })
     return {
       path: p,
@@ -265,6 +280,180 @@ export namespace SwcUtils {
     return findNearestSwcHostIncludingSelf(el);
   };
 
+
+  export function projectProcessHtml(id: string, htmlOrNode: string, document: Document): string;
+  export function projectProcessHtml(id: string, htmlOrNode: ((Node)[]) | Node, document: Document): (Node)[];
+  export function projectProcessHtml(id: string, htmlOrNode: string | ((Node)[]) | Node, document: Document): string | (Node)[] {
+    if (typeof htmlOrNode === 'string') {
+      // slot
+      let t = htmlOrNode;
+      // if (!config?.excludeSlot) {
+      t = SwcUtils.processHtml(id, t, {document: document, replaceWrap: {start: '<!--[[', end: ']]-->'}, replacer: (id, script) => NodeSlot.slot(id, script)});
+      // }
+      // if (!config?.excludeHtml) {
+      // Ea html
+      t = SwcUtils.processHtml(id, t, {document: document, replaceWrap: {start: '<!--[html', end: ']-->'}, replacer: (id, script) => ElementApply.html(id, script)});
+      // }
+
+      // if (!config?.excludeText) {
+      // Ea text
+      t = SwcUtils.processHtml(id, t, {document: document, replaceWrap: {start: '<!--[text', end: ']-->'}, replacer: (id, script) => ElementApply.text(id, script)});
+      // }
+
+      // if (!config.excludeAttribute) {
+      // Ea attribute
+      t = SwcUtils.processHtml(id, t, {
+        document: document,
+        replaceWrap: {start: /a::\w+=\s*"/, end: /"\s/}, replacer: (id, script, er) => {
+          console.log('start: /a-->', er)
+          const match = er.expressionStart.match(/^\w+::(\w+)="/)
+          const name = match?.[1];
+          return ElementApply.attribute(id, name, script)
+        }
+      });
+      // }
+
+      // if (!config.excludeEvent) {
+      t = SwcUtils.processHtml(id, t, {
+        document: document,
+        replaceWrap: {start: /e::\w+=\s*"/, end: /"\s/}, replacer: (id, script, er) => {
+          console.log('start: /e-->', er)
+          const match = er.expressionStart.match(/^\w+::(\w+)="/)
+          const name = match?.[1];
+          return ElementApply.event(id, name, script)
+        }
+      });
+      // }
+
+
+      // if (!config.excludeProperty) {
+      t = SwcUtils.processHtml(id, t, {
+        document: document,
+        replaceWrap: {start: /p:\w+=\s*"/, end: /"\s/}, replacer: (id, script, er) => {
+          console.log('start: /p-->', er)
+          const match = er.expressionStart.match(/^\w+:(\w+)="/)
+          const name = match?.[1];
+          return ElementApply.property(id, name, script)
+        }
+      });
+      return t;
+    } else if (htmlOrNode) {
+
+      // 아래 node일떄도 처리하도록 만듬 아직테스트는 안해봄 테스트후 주석지울것.
+      const nodes = Array.isArray(htmlOrNode) ? htmlOrNode : [htmlOrNode];
+      const window = document.defaultView;
+      nodes.forEach(node => {
+        // TextNode 합치기
+        node.normalize();
+        const nodes = document.createTreeWalker(node, window.NodeFilter.SHOW_ELEMENT | window.NodeFilter.SHOW_COMMENT)
+
+        const getSlotData = (s: string) => {
+          return s.match(/^\[\[([\s\S]+)\]\]$/)?.[1]?.trim();
+        }
+        const getHtmlData = (s: string) => {
+          return s.match(/^\[html([\s\S]+)\]$/)?.[1]?.trim();
+          // return s.startsWith('[html') && s.endsWith(']');
+        }
+        const getTextData = (s: string) => {
+          return s.match(/^\[text([\s\S]+)\]$/)?.[1]?.trim();
+          // return s.startsWith('[text') && s.endsWith(']');
+        }
+        while (nodes.nextNode()) {
+          const currentNode = nodes.currentNode;
+          if (currentNode.nodeType === window.Node.COMMENT_NODE) {
+            const targetNode = currentNode as Comment;
+            const v = targetNode.data.trim();
+            const slotData = getSlotData(v);
+            const htmlData = getHtmlData(v);
+            const textData = getTextData(v);
+            if (v && slotData) {
+              const res = NodeSlot.slotIds(id, slotData)
+              targetNode.data = res.start;
+              const end = document.createComment(res.end)
+              targetNode.parentNode?.insertBefore(end, targetNode.nextSibling);
+              // document.createTe
+
+            } else if (v && htmlData) {
+              const s = ElementApply.htmlDataSet(id, htmlData);
+              targetNode.data = s.start;
+              const end = document.createComment(s.end)
+              targetNode.parentNode?.insertBefore(end, targetNode.nextSibling);
+            } else if (v && textData) {
+              const s = ElementApply.textDataSet(id, textData);
+              const end = document.createComment(s.end)
+              targetNode.data = s.start;
+              targetNode.parentNode?.insertBefore(end, targetNode.nextSibling);
+            }
+
+          } else if (currentNode.nodeType === window.Node.ELEMENT_NODE) {
+            const targetNode = currentNode as Element;
+            targetNode.getAttributeNames().forEach(it => {
+              const e = it.match(/e::(\w+)$/);
+              const eventName = e?.[1];
+              const p = it.match(/p::(\w+)$/);
+              const propertyName = p?.[1];
+              const a = it.match(/a::(\w+)$/);
+              const attributeName = a?.[1];
+
+              const value = targetNode.getAttribute(it);
+              if (eventName) {
+                targetNode.setAttribute(ElementApply.eventName(id, eventName), value);
+                targetNode.removeAttribute(it);
+              } else if (propertyName) {
+                targetNode.setAttribute(ElementApply.propertyName(id, propertyName), value);
+                targetNode.removeAttribute(it);
+              } else if (attributeName) {
+                targetNode.setAttribute(ElementApply.attributeName(id, attributeName), value);
+                targetNode.removeAttribute(it);
+              }
+            })
+          }
+        }
+
+      })
+
+      return nodes;
+    }
+    // }
+
+
+  }
+
+  // export function processHtml(id: string, htmlOrNode: string, config: { document: Document, replaceWrap: { start: string | RegExp, end: string | RegExp }, replacer: (id: string, script: string, er: ExpressionResult) => string }): string;
+  // export function processHtml(id: string, htmlOrNode: (Node | string)[], config: { document: Document, replaceWrap: { start: string | RegExp, end: string | RegExp }, replacer: (id: string, script: string, er: ExpressionResult) => string }): (Node | string)[] ;
+  export function processHtml(
+    id: string,
+    html: string,
+    config: { document: Document, replaceWrap: { start: string | RegExp, end: string | RegExp }, replacer: (id: string, script: string, er: ExpressionResult) => string }
+  ): string {
+    const replaceStart = config.replaceWrap.start;
+    const replaceEnd = config.replaceWrap.end;
+    const callReturnStart = `${config.replaceWrap.start}=`;
+    const callReturnEnd = `${config.replaceWrap.end}`;
+    const callStart = `${config.replaceWrap.start}@`;
+    const callEnd = `${config.replaceWrap.end}`;
+    const hasPattern = (text: string | null | undefined, start: string, end: string) => {
+      if (!text) return false;
+      const s = text.indexOf(start);
+      const e = text.indexOf(end, s + start.length);
+      return s !== -1 && e !== -1 && s < e;
+    };
+
+    const actionConfig: GetExpressionConfig = {expression: {replace: {start: replaceStart, end: replaceEnd}, callReturn: {start: callReturnStart, end: callReturnEnd}, call: {start: callStart, end: callEnd}}};
+    const runActionExpression = (source: string) => {
+      const actionExpression = new ActionExpression(source, actionConfig);
+      actionExpression.getExpressions().filter(it => it.type === 'replace').forEach(it => {
+        actionExpression.replace(it, config.replacer(id, it.script?.trim(), it));
+      });
+      return actionExpression.toResult();
+    };
+
+    return runActionExpression(html);
+    // if (typeof html === 'string') {
+    // } else {
+    // }
+  }
+
   export const getAppHosts = (el: HTMLElement): SwcAppInterface[] => {
     // const hosts = getHosts(el);
     // return hosts.filter(host => host.tagName.toLowerCase() === 'swc-app' || host.getAttribute('is')?.startsWith('swc-app-')) as SwcAppInterface[];
@@ -337,7 +526,7 @@ export namespace SwcUtils {
 
   export const getHostSet = (el: HTMLElement): HostSet => {
     const ancestors = findAllSwcHostsIncludingSelf(el); // [root, ..., parent]
-    
+
     const $host = ancestors.length > 0 ? ancestors[ancestors.length - 1] : null;
     const $parentHost = ancestors.length > 1 ? ancestors[ancestors.length - 2] : null;
     const $hosts = ancestors;
@@ -364,7 +553,7 @@ export namespace SwcUtils {
       $hosts,
       $firstHost,
       $lastHost: $host,
-      $templateHost: (el as any).__swc_template_host,
+      // $templateHost: (el as any).__swc_template_host,
       $appHost,
       $appHosts,
       $firstAppHost,
@@ -376,11 +565,11 @@ export namespace SwcUtils {
   export const parsePathPattern = (pattern: string | undefined, currentPath: string): { [key: string]: string } | null => {
     // pattern이 null/undefined면 와일드카드 (모든 경로 매칭)
     if (pattern === null || pattern === undefined) return {};
-    
+
     // 공백만 있는 패턴도 와일드카드
     const trimmedPattern = pattern.trim();
     if (trimmedPattern === '' && pattern !== '') return {}; // 공백 문자만 있는 경우
-    
+
     // 패턴을 정규식으로 변환
     // 지원 형식:
     //   {id} → ([^/]+)  기본 (/ 제외한 모든 문자)
@@ -392,19 +581,20 @@ export namespace SwcUtils {
       // customRegex가 있으면 사용, 없으면 기본값 ([^/]+)
       return `(${customRegex || '[^/]+'})`;
     });
-    
+
     const regex = new RegExp(`^${regexPattern}$`);
     const match = currentPath.match(regex);
-    
+
     if (!match) return null;
-    
+
     const result: { [key: string]: string } = {};
     paramNames.forEach((name, index) => {
       result[name] = match[index + 1];
     });
-    
+
     return result;
   };
 
 
-};
+}
+;

package/dist/cjs/elements/SwcAppEngine.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/elements/SwcAppEngine.ts"],
-  "sourcesContent": ["import { SimpleApplication } from '@dooboostore/simple-boot/SimpleApplication';\nimport { HashRouter, PathRouter, Router, RouterEventType } from '@dooboostore/core-web';\nimport { ElementRouter } from '../router/ElementRouter';\nimport { SimOption } from '@dooboostore/simple-boot/SimOption';\nimport { ConstructorType, OptionalType, Subscription } from '@dooboostore/core';\n\nimport { SwcAppInterface } from '../types';\nimport { SimConfig } from '@dooboostore/simple-boot';\n\nexport type SwcConfigType = {\n  routeType: 'path' | 'hash' | 'element';\n  connectMode?: 'direct' | 'swap' | 'clear-swap';\n  container?: symbol;\n  otherInstanceSim?: Map<ConstructorType<any> | Function | SimConfig | symbol, any>;\n  path?: string;\n  window: Window;\n  onEngineStarted?: (sp: SimpleApplication, app: SwcAppInterface) => void;\n  onConnected?: (app: SwcAppInterface) => void;\n  onDisconnected?: (app: SwcAppInterface) => void;\n\n  onChildrenConnectedDone?: (app: SwcAppInterface) => void;\n  // onChildrenSwcAppStartedDone?: (app: SwcAppInterface) => void;\n  // childrenSwcAppStartedDoneCheckIntervalTime?: number;\n  onChildrenRouteChanged?: (event: RouterEventType, app: SwcAppInterface) => void;\n  childrenRouteChangedCheckIntervalTime?: number; // \uC790\uC2DD \uC5F0\uACB0 \uC644\uB8CC \uC774\uBCA4\uD2B8 \uB514\uBC14\uC6B4\uC2A4 \uD0C0\uC784 (ms)\n  childrenConnectedDoneCheckIntervalTime?: number;\n};\n\nexport type SwcAttributeConfigType = OptionalType<SwcConfigType, 'routeType' | 'window'>;\n\nexport class SwcAppEngine {\n  public simpleApplication?: SimpleApplication;\n  public router?: Router;\n  private routerSubscription?: Subscription;\n  private _config?: SwcConfigType;\n\n  constructor(private host: HTMLElement) {}\n\n  get config() {\n    return this._config;\n  }\n\n  async connect(config: SwcConfigType) {\n    try {\n      this._config = config;\n\n      // Router Selection\n      if (this._config.routeType === 'path') {\n        this.router = new PathRouter({ window: this._config.window, firstUrl: this._config.path });\n      } else if (this._config.routeType === 'hash') {\n        this.router = new HashRouter({ window: this._config.window, firstUrl: this._config.path });\n      } else if (this._config.routeType === 'element') {\n        this.router = new ElementRouter({ window: this._config.window, firstUrl: this._config.path });\n      }\n\n      // console.log('vvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvvv', this.router)\n\n      // App start\n      this.simpleApplication = new SimpleApplication(\n        new SimOption({\n          excludeProxys: [(this._config.window as any).Node],\n          container: this._config.container\n        })\n      );\n\n      const otherInstanceSim = new Map<any, any>();\n      this.config?.otherInstanceSim?.forEach((v, k) => {\n        otherInstanceSim.set(k, v);\n      });\n      if (this.router) otherInstanceSim.set(Router, this.router);\n      this.simpleApplication.run(otherInstanceSim);\n\n      if (this._config.onEngineStarted) {\n        this._config.onEngineStarted(this.simpleApplication, this.host as unknown as SwcAppInterface);\n      }\n    } catch (e) {\n      console.error('[SWC-APP-ENGINE] Init failed:', e, this._config);\n    }\n  }\n\n  disconnect() {\n    this.routerSubscription?.unsubscribe();\n  }\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,+BAAkC;AAClC,sBAAgE;AAChE,2BAA8B;AAC9B,uBAA0B;AA2BnB,MAAM,aAAa;AAAA,EAMxB,YAAoB,MAAmB;AAAnB;AALpB,wBAAO;AACP,wBAAO;AACP,wBAAQ;AACR,wBAAQ;AAAA,EAEgC;AAAA,EAExC,IAAI,SAAS;AACX,WAAO,KAAK;AAAA,EACd;AAAA,EAEA,MAAM,QAAQ,QAAuB;AACnC,QAAI;AACF,WAAK,UAAU;AAGf,UAAI,KAAK,QAAQ,cAAc,QAAQ;AACrC,aAAK,SAAS,IAAI,2BAAW,EAAE,QAAQ,KAAK,QAAQ,QAAQ,UAAU,KAAK,QAAQ,KAAK,CAAC;AAAA,MAC3F,WAAW,KAAK,QAAQ,cAAc,QAAQ;AAC5C,aAAK,SAAS,IAAI,2BAAW,EAAE,QAAQ,KAAK,QAAQ,QAAQ,UAAU,KAAK,QAAQ,KAAK,CAAC;AAAA,MAC3F,WAAW,KAAK,QAAQ,cAAc,WAAW;AAC/C,aAAK,SAAS,IAAI,mCAAc,EAAE,QAAQ,KAAK,QAAQ,QAAQ,UAAU,KAAK,QAAQ,KAAK,CAAC;AAAA,MAC9F;AAKA,WAAK,oBAAoB,IAAI;AAAA,QAC3B,IAAI,2BAAU;AAAA,UACZ,eAAe,CAAE,KAAK,QAAQ,OAAe,IAAI;AAAA,UACjD,WAAW,KAAK,QAAQ;AAAA,QAC1B,CAAC;AAAA,MACH;AAEA,YAAM,mBAAmB,oBAAI,IAAc;AAC3C,WAAK,QAAQ,kBAAkB,QAAQ,CAAC,GAAG,MAAM;AAC/C,yBAAiB,IAAI,GAAG,CAAC;AAAA,MAC3B,CAAC;AACD,UAAI,KAAK,OAAQ,kBAAiB,IAAI,wBAAQ,KAAK,MAAM;AACzD,WAAK,kBAAkB,IAAI,gBAAgB;AAE3C,UAAI,KAAK,QAAQ,iBAAiB;AAChC,aAAK,QAAQ,gBAAgB,KAAK,mBAAmB,KAAK,IAAkC;AAAA,MAC9F;AAAA,IACF,SAAS,GAAG;AACV,cAAQ,MAAM,iCAAiC,GAAG,KAAK,OAAO;AAAA,IAChE;AAAA,EACF;AAAA,EAEA,aAAa;AACX,SAAK,oBAAoB,YAAY;AAAA,EACvC;AACF;",
-  "names": []
-}

package/dist/cjs/elements/SwcAsync.js

@@ -1,129 +0,0 @@
-var import_changedAttributeThis = require("../decorators/changedAttributeThis");
-var import_Utils = require("../utils/Utils");
-var import_core = require("@dooboostore/core");
-var import_core_web = require("@dooboostore/core-web");
-var import_decorators = require("../decorators");
-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;
-  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);
-};
-class SwcAsync extends HTMLTemplateElement {
-  constructor() {
-    super(...arguments);
-    this._nodes = [];
-  }
-  get value() {
-    return this._value;
-  }
-  set value(nv) {
-    this.executeAsync(nv);
-  }
-  setValue(valueAttr) {
-    this.executeAsync(this._value);
-  }
-  // @changedAttributeThis('replace-wrap')
-  // private setReplaceWrap() {
-  //   this.executeAsync(this._value);
-  // }
-  executeAsync(result = this._value) {
-    if (result === void 0 || result === null) {
-      this.refresh("default");
-      return;
-    }
-    if (result instanceof Promise) {
-      this.refresh("loading");
-      result.then((v) => {
-        this.resultValue = v;
-        this.refresh("success");
-      }).catch((e) => {
-        console.error("[SWC-ASYNC] Promise rejected:", e);
-        this.resultValue = e;
-        this.refresh("error");
-      });
-    } else {
-      this.resultValue = result;
-      this.refresh("success");
-    }
-  }
-  replaceExpressions(html, groupArgs, context, wrap) {
-    let config = void 0;
-    if (wrap) {
-      config = {
-        expression: {
-          replace: { start: `${wrap.start}`, end: `${wrap.end}` },
-          callReturn: { start: `${wrap.start}=`, end: `${wrap.end}` },
-          call: { start: `${wrap.start}@`, end: `${wrap.end}` }
-        }
-      };
-    }
-    const ae = new import_core.ActionExpression(html, config);
-    const win = this.ownerDocument?.defaultView || window;
-    for (const expr of ae.getExpressions("replace")) {
-      try {
-        const value = import_core.FunctionUtils.executeReturn({
-          script: import_core_web.ConvertUtils.decodeHtmlEntity(expr.script, win.document),
-          context,
-          args: groupArgs
-        });
-        ae.replace(expr, String(value));
-      } catch (e) {
-        console.error(`[SWC] Failed to execute ${expr.original}:`, e);
-      }
-    }
-    return ae.getUnprocessedTemplate();
-  }
-  refresh(state = "default") {
-    this.cleanup();
-    const portal = import_Utils.SwcUtils.getParentContainer(this);
-    if (!portal)
-      return;
-    const win = this.ownerDocument?.defaultView || window;
-    const helperSet = import_Utils.SwcUtils.getHelperAndHostSet(win, this);
-    const t = this.content.querySelector(`template[is="swc-${state}"]`);
-    if (t) {
-      let htmlString = t.innerHTML;
-      const groupArgs = { ...helperSet, $value: this._value, $state: state, $templateHost: this };
-      htmlString = this.replaceExpressions(htmlString, groupArgs, this, { start: this._replaceWrapStart ?? "{#{", end: this._replaceWrapEnd ?? "}#}" });
-      const temp = this.ownerDocument?.createElement("template") || document.createElement("template");
-      temp.innerHTML = htmlString;
-      const content = temp.content;
-      this._nodes = Array.from(content.childNodes);
-      this._nodes.forEach((node) => {
-        if (node instanceof HTMLElement)
-          node.__template_swc_host = this;
-      });
-      portal.insertBefore(content, this.nextSibling);
-    }
-  }
-  cleanup() {
-    this._nodes.forEach((n) => n.parentElement?.removeChild(n));
-    this._nodes = [];
-  }
-  disconnectedCallback() {
-    this.cleanup();
-  }
-}
-__decorate([
-  (0, import_decorators.attributeThis)("value"),
-  __metadata("design:type", Object)
-], SwcAsync.prototype, "_value", void 0);
-__decorate([
-  (0, import_decorators.attributeThis)("replace-wrap-start"),
-  __metadata("design:type", String)
-], SwcAsync.prototype, "_replaceWrapStart", void 0);
-__decorate([
-  (0, import_decorators.attributeThis)("replace-wrap-end"),
-  __metadata("design:type", String)
-], SwcAsync.prototype, "_replaceWrapEnd", void 0);
-__decorate([
-  (0, import_changedAttributeThis.changedAttributeThis)("value"),
-  __metadata("design:type", Function),
-  __metadata("design:paramtypes", [String]),
-  __metadata("design:returntype", void 0)
-], SwcAsync.prototype, "setValue", null);
-//# sourceMappingURL=SwcAsync.js.map

package/dist/cjs/elements/SwcAsync.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/elements/SwcAsync.ts"],
-  "sourcesContent": ["import { changedAttributeThis } from '../decorators/changedAttributeThis';\nimport { SwcUtils } from '../utils/Utils';\nimport { FunctionUtils, ActionExpression } from '@dooboostore/core';\nimport { ConvertUtils } from '@dooboostore/core-web';\nimport { attributeThis } from '../decorators';\n\nclass SwcAsync extends HTMLTemplateElement {\n  @attributeThis('value')\n  _value: any;\n  @attributeThis('replace-wrap-start')\n  _replaceWrapStart: string | null;\n  @attributeThis('replace-wrap-end')\n  _replaceWrapEnd: string | null;  resultValue?: any;\n\n  get value(): boolean {\n    return this._value;\n  }\n\n  set value(nv: any) {\n    this.executeAsync(nv);\n  }\n\n  private _nodes: Node[] = [];\n\n  @changedAttributeThis('value')\n  private setValue(valueAttr?: string | null) {\n    this.executeAsync(this._value);\n  }\n\n  // @changedAttributeThis('replace-wrap')\n  // private setReplaceWrap() {\n  //   this.executeAsync(this._value);\n  // }\n\n  private executeAsync(result: any = this._value) {\n    if (result === undefined || result === null) {\n      this.refresh('default');\n      return;\n    }\n\n    if (result instanceof Promise) {\n      this.refresh('loading');\n      result\n        .then(v => {\n          this.resultValue = v;\n          this.refresh('success');\n        })\n        .catch(e => {\n          console.error('[SWC-ASYNC] Promise rejected:', e);\n          this.resultValue = e;\n          this.refresh('error');\n        });\n    } else {\n      this.resultValue = result;\n      this.refresh('success');\n    }\n  }\n\n  private replaceExpressions(html: string, groupArgs: any, context: any, wrap: {start: string, end: string}): string {\n    let config: any = undefined;\n    if (wrap) {\n      config = {\n        expression: {\n          replace: { start: `${wrap.start}`, end: `${wrap.end}` },\n          callReturn: { start: `${wrap.start}=`, end: `${wrap.end}` },\n          call: { start: `${wrap.start}@`, end: `${wrap.end}` }\n        }\n      };\n    }\n    const ae = new ActionExpression(html, config);\n    const win = this.ownerDocument?.defaultView || window;\n\n    // @ts-ignore\n    for (const expr of ae.getExpressions('replace')) {\n      try {\n        const value = FunctionUtils.executeReturn({\n          script: ConvertUtils.decodeHtmlEntity(expr.script, win.document),\n          context,\n          args: groupArgs\n        });\n        ae.replace(expr, String(value));\n      } catch (e) {\n        console.error(`[SWC] Failed to execute ${expr.original}:`, e);\n      }\n    }\n    return ae.getUnprocessedTemplate();\n  }\n\n  refresh(state: string = 'default') {\n    // console.log('rrrrrrrrrrrrrrrrr', state);\n    this.cleanup();\n    const portal = SwcUtils.getParentContainer(this);\n    if (!portal) return;\n\n    const win = this.ownerDocument?.defaultView || window;\n    const helperSet = SwcUtils.getHelperAndHostSet(win, this);\n\n    const t = this.content.querySelector(`template[is=\"swc-${state}\"]`) as HTMLTemplateElement;\n    if (t) {\n      let htmlString = t.innerHTML;\n      const groupArgs = { ...helperSet, $value: this._value, $state: state, $templateHost: this };\n\n      htmlString = this.replaceExpressions(htmlString, groupArgs, this, {start:this._replaceWrapStart ?? '{#{', end: this._replaceWrapEnd ?? '}#}'});\n\n      const temp = this.ownerDocument?.createElement('template') || document.createElement('template');\n      temp.innerHTML = htmlString;\n      const content = temp.content;\n\n      this._nodes = Array.from(content.childNodes);\n      this._nodes.forEach((node: any) => {\n        if (node instanceof HTMLElement)  (node as any).__template_swc_host = this;\n      });\n\n      portal.insertBefore(content, this.nextSibling);\n    }\n  }\n\n  private cleanup() {\n    this._nodes.forEach(n => n.parentElement?.removeChild(n));\n    this._nodes = [];\n  }\n\n  disconnectedCallback() {\n    this.cleanup();\n  }\n}\n"],
-  "mappings": "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",
-  "names": []
-}