@dooboostore/simple-web-component 1.0.37 → 1.0.38

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,7 +36,7 @@ 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, string>; };
+export type CreateElementConfig = { innerHtml?: string; property?: Record<string, any>, attrs?: Record<string, any>; };
 export const createElement = <T extends HTMLElement>(
   documentOrWindow: Document | Window,
   tagName: string,
@@ -37,10 +47,10 @@ export const createElement = <T extends HTMLElement>(
   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);
+    Object.entries(options.property).forEach(([k, v]) => el[k] = v);
   }
   return el;
 };
@@ -175,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,
@@ -270,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[];
@@ -342,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;
@@ -381,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} → ([^/]+)  기본 (/ 제외한 모든 문자)
@@ -397,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/types.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/types.ts"],
-  "sourcesContent": ["import { SimpleApplication } from '@dooboostore/simple-boot/SimpleApplication';\nimport { Router } from '@dooboostore/core-web';\nimport {SwcAttributeConfigType, SwcConfigType} from \"./SwcAppEngine\";\n\nexport enum InjectSituationType {\n  HOST_SET = 'SIMPLE_WEB_COMPONENT://HOSTSET',\n  APP_HOST = 'SIMPLE_WEB_COMPONENT://APPHOST',\n  APP_HOSTS = 'SIMPLE_WEB_COMPONENT://APPHOSTS',\n  HOST = 'SIMPLE_WEB_COMPONENT://HOST',\n  PARENT_HOST = 'SIMPLE_WEB_COMPONENT://PARENTHOST',\n  HOSTS = 'SIMPLE_WEB_COMPONENT://HOSTS',\n  FIRST_HOST = 'SIMPLE_WEB_COMPONENT://FIRSTHOST',\n  LAST_HOST = 'SIMPLE_WEB_COMPONENT://LASTHOST',\n  FIRST_APP_HOST = 'SIMPLE_WEB_COMPONENT://FIRSTAPPHOST',\n  LAST_APP_HOST = 'SIMPLE_WEB_COMPONENT://LASTAPPHOST'\n}\n\nexport type SwcRootType = 'light' | 'shadow' | 'all' | 'auto';\n\nexport type SpecialSelector = '$this' | '$window' | '$document' | '$host' | '$appHost' | '$firstHost' | '$lastHost' | '$firstAppHost' | '$lastAppHost' | '$hosts' | '$appHosts';\n\nexport type SwcQueryOptions = { root?: SwcRootType };\n\nexport type HelperSet = {\n  $d: Document;\n  $w: Window;\n  $q: (selector: string, root?: Element | Document | ShadowRoot) => HTMLElement | null;\n  $qa: (selector: string, root?: Element | Document | ShadowRoot) => HTMLElement[];\n  $qi: (id: string, root?: Document | ShadowRoot) => HTMLElement | null;\n};\n\nexport type HostSet = {\n  $host: HTMLElement | null; // Nearest parent SWC component\n  $parentHost: HTMLElement | null; // Grandparent SWC ancestor\n  $hosts: HTMLElement[]; // All SWC ancestors [root, ..., parent]\n  $firstHost: HTMLElement | null; // Top-most SWC ancestor\n  $lastHost: HTMLElement | null; // Same as $host\n  // $templateHost: HTMLTemplateElement | null | undefined;\n  $appHost: SwcAppInterface | null;\n  $appHosts: SwcAppInterface[];\n  $firstAppHost: SwcAppInterface | null;\n  $lastAppHost: SwcAppInterface | null;\n};\n\nexport type HelperHostSet = HelperSet & HostSet & {$this: any};\n\nexport type SwcAppMessage<T = any> = {\n  publisher?: any;\n  data?: T;\n  type?: string;\n};\n\nexport interface SwcChooseInterface extends HTMLTemplateElement {\n  value: any;\n  refresh(a: any): void;\n}\nexport interface SwcIfInterface extends HTMLTemplateElement {\n  value: any;\n  refresh(): void;\n}\nexport interface SwcAppInterface extends HTMLElement {\n  simpleApplication?: SimpleApplication;\n  config?:  SwcConfigType;\n  router?: Router;\n  connect(config?: SwcAttributeConfigType): Promise<void>;\n  routing(path: string): Promise<void>;\n  reload(): void;\n  back(): void;\n  forward(): void;\n  publishMessage(message: SwcAppMessage): void;\n}\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAIO,IAAK,sBAAL,kBAAKA,yBAAL;AACL,EAAAA,qBAAA,cAAW;AACX,EAAAA,qBAAA,cAAW;AACX,EAAAA,qBAAA,eAAY;AACZ,EAAAA,qBAAA,UAAO;AACP,EAAAA,qBAAA,iBAAc;AACd,EAAAA,qBAAA,WAAQ;AACR,EAAAA,qBAAA,gBAAa;AACb,EAAAA,qBAAA,eAAY;AACZ,EAAAA,qBAAA,oBAAiB;AACjB,EAAAA,qBAAA,mBAAgB;AAVN,SAAAA;AAAA,GAAA;",
-  "names": ["InjectSituationType"]
-}

package/dist/esm/types.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/types.ts"],
-  "sourcesContent": ["import { SimpleApplication } from '@dooboostore/simple-boot/SimpleApplication';\nimport { Router } from '@dooboostore/core-web';\nimport {SwcAttributeConfigType, SwcConfigType} from \"./SwcAppEngine\";\n\nexport enum InjectSituationType {\n  HOST_SET = 'SIMPLE_WEB_COMPONENT://HOSTSET',\n  APP_HOST = 'SIMPLE_WEB_COMPONENT://APPHOST',\n  APP_HOSTS = 'SIMPLE_WEB_COMPONENT://APPHOSTS',\n  HOST = 'SIMPLE_WEB_COMPONENT://HOST',\n  PARENT_HOST = 'SIMPLE_WEB_COMPONENT://PARENTHOST',\n  HOSTS = 'SIMPLE_WEB_COMPONENT://HOSTS',\n  FIRST_HOST = 'SIMPLE_WEB_COMPONENT://FIRSTHOST',\n  LAST_HOST = 'SIMPLE_WEB_COMPONENT://LASTHOST',\n  FIRST_APP_HOST = 'SIMPLE_WEB_COMPONENT://FIRSTAPPHOST',\n  LAST_APP_HOST = 'SIMPLE_WEB_COMPONENT://LASTAPPHOST'\n}\n\nexport type SwcRootType = 'light' | 'shadow' | 'all' | 'auto';\n\nexport type SpecialSelector = '$this' | '$window' | '$document' | '$host' | '$appHost' | '$firstHost' | '$lastHost' | '$firstAppHost' | '$lastAppHost' | '$hosts' | '$appHosts';\n\nexport type SwcQueryOptions = { root?: SwcRootType };\n\nexport type HelperSet = {\n  $d: Document;\n  $w: Window;\n  $q: (selector: string, root?: Element | Document | ShadowRoot) => HTMLElement | null;\n  $qa: (selector: string, root?: Element | Document | ShadowRoot) => HTMLElement[];\n  $qi: (id: string, root?: Document | ShadowRoot) => HTMLElement | null;\n};\n\nexport type HostSet = {\n  $host: HTMLElement | null; // Nearest parent SWC component\n  $parentHost: HTMLElement | null; // Grandparent SWC ancestor\n  $hosts: HTMLElement[]; // All SWC ancestors [root, ..., parent]\n  $firstHost: HTMLElement | null; // Top-most SWC ancestor\n  $lastHost: HTMLElement | null; // Same as $host\n  // $templateHost: HTMLTemplateElement | null | undefined;\n  $appHost: SwcAppInterface | null;\n  $appHosts: SwcAppInterface[];\n  $firstAppHost: SwcAppInterface | null;\n  $lastAppHost: SwcAppInterface | null;\n};\n\nexport type HelperHostSet = HelperSet & HostSet & {$this: any};\n\nexport type SwcAppMessage<T = any> = {\n  publisher?: any;\n  data?: T;\n  type?: string;\n};\n\nexport interface SwcChooseInterface extends HTMLTemplateElement {\n  value: any;\n  refresh(a: any): void;\n}\nexport interface SwcIfInterface extends HTMLTemplateElement {\n  value: any;\n  refresh(): void;\n}\nexport interface SwcAppInterface extends HTMLElement {\n  simpleApplication?: SimpleApplication;\n  config?:  SwcConfigType;\n  router?: Router;\n  connect(config?: SwcAttributeConfigType): Promise<void>;\n  routing(path: string): Promise<void>;\n  reload(): void;\n  back(): void;\n  forward(): void;\n  publishMessage(message: SwcAppMessage): void;\n}\n"],
-  "mappings": "AAIO,IAAK,sBAAL,kBAAKA,yBAAL;AACL,EAAAA,qBAAA,cAAW;AACX,EAAAA,qBAAA,cAAW;AACX,EAAAA,qBAAA,eAAY;AACZ,EAAAA,qBAAA,UAAO;AACP,EAAAA,qBAAA,iBAAc;AACd,EAAAA,qBAAA,WAAQ;AACR,EAAAA,qBAAA,gBAAa;AACb,EAAAA,qBAAA,eAAY;AACZ,EAAAA,qBAAA,oBAAiB;AACjB,EAAAA,qBAAA,mBAAgB;AAVN,SAAAA;AAAA,GAAA;",
-  "names": ["InjectSituationType"]
-}

package/dist/types/types.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/types.ts"],"names":[],"mappings":"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"}