@vertz/ui-server 0.2.0 → 0.2.4

package/dist/dom-shim/index.js

@@ -1,326 +1,13 @@
-// src/dom-shim/ssr-node.ts
-class SSRNode {
-  childNodes = [];
-  parentNode = null;
-  get firstChild() {
-    return this.childNodes[0] ?? null;
-  }
-  get nextSibling() {
-    if (!this.parentNode)
-      return null;
-    const index = this.parentNode.childNodes.indexOf(this);
-    return this.parentNode.childNodes[index + 1] ?? null;
-  }
-  removeChild(child) {
-    const index = this.childNodes.indexOf(child);
-    if (index !== -1) {
-      this.childNodes.splice(index, 1);
-      child.parentNode = null;
-    }
-    return child;
-  }
-  insertBefore(newNode, referenceNode) {
-    if (!referenceNode) {
-      this.childNodes.push(newNode);
-      newNode.parentNode = this;
-    } else {
-      const index = this.childNodes.indexOf(referenceNode);
-      if (index !== -1) {
-        this.childNodes.splice(index, 0, newNode);
-        newNode.parentNode = this;
-      }
-    }
-    return newNode;
-  }
-  replaceChild(newNode, oldNode) {
-    const index = this.childNodes.indexOf(oldNode);
-    if (index !== -1) {
-      this.childNodes[index] = newNode;
-      newNode.parentNode = this;
-      oldNode.parentNode = null;
-    }
-    return oldNode;
-  }
-}
-
-// src/dom-shim/ssr-text-node.ts
-class SSRTextNode extends SSRNode {
-  text;
-  constructor(text) {
-    super();
-    this.text = text;
-  }
-  get data() {
-    return this.text;
-  }
-  set data(value) {
-    this.text = value;
-  }
-}
-
-// src/dom-shim/ssr-fragment.ts
-class SSRDocumentFragment extends SSRNode {
-  children = [];
-  appendChild(child) {
-    if (child instanceof SSRTextNode) {
-      this.children.push(child.text);
-      this.childNodes.push(child);
-      child.parentNode = this;
-    } else if (child instanceof SSRDocumentFragment) {
-      this.children.push(...child.children);
-      this.childNodes.push(...child.childNodes);
-      for (const fragmentChild of child.childNodes) {
-        fragmentChild.parentNode = this;
-      }
-    } else {
-      this.children.push(child);
-      this.childNodes.push(child);
-      child.parentNode = this;
-    }
-  }
-}
-
-// src/dom-shim/ssr-element.ts
-function createStyleProxy(element) {
-  const styles = {};
-  return new Proxy(styles, {
-    set(_target, prop, value) {
-      if (typeof prop === "string") {
-        styles[prop] = value;
-        const pairs = Object.entries(styles).map(([k, v]) => {
-          const key = k.replace(/[A-Z]/g, (m) => `-${m.toLowerCase()}`);
-          return `${key}: ${v}`;
-        });
-        element.attrs.style = pairs.join("; ");
-      }
-      return true;
-    },
-    get(_target, prop) {
-      if (typeof prop === "string") {
-        return styles[prop] ?? "";
-      }
-      return;
-    }
-  });
-}
-
-class SSRElement extends SSRNode {
-  tag;
-  attrs = {};
-  children = [];
-  _classList = new Set;
-  _textContent = null;
-  _innerHTML = null;
-  style;
-  constructor(tag) {
-    super();
-    this.tag = tag;
-    this.style = createStyleProxy(this);
-  }
-  setAttribute(name, value) {
-    if (name === "class") {
-      this._classList = new Set(value.split(/\s+/).filter(Boolean));
-    }
-    this.attrs[name] = value;
-  }
-  getAttribute(name) {
-    return this.attrs[name] ?? null;
-  }
-  removeAttribute(name) {
-    delete this.attrs[name];
-    if (name === "class") {
-      this._classList.clear();
-    }
-  }
-  appendChild(child) {
-    if (child instanceof SSRTextNode) {
-      this.children.push(child.text);
-      this.childNodes.push(child);
-      child.parentNode = this;
-    } else if (child instanceof SSRDocumentFragment) {
-      for (const fragmentChild of child.childNodes) {
-        if (fragmentChild instanceof SSRTextNode) {
-          this.children.push(fragmentChild.text);
-        } else if (fragmentChild instanceof SSRElement) {
-          this.children.push(fragmentChild);
-        }
-        this.childNodes.push(fragmentChild);
-        fragmentChild.parentNode = this;
-      }
-    } else {
-      this.children.push(child);
-      this.childNodes.push(child);
-      child.parentNode = this;
-    }
-  }
-  removeChild(child) {
-    const result = super.removeChild(child);
-    if (child instanceof SSRTextNode) {
-      const textIndex = this.children.indexOf(child.text);
-      if (textIndex !== -1) {
-        this.children.splice(textIndex, 1);
-      }
-    } else if (child instanceof SSRElement) {
-      const index = this.children.indexOf(child);
-      if (index !== -1) {
-        this.children.splice(index, 1);
-      }
-    }
-    return result;
-  }
-  get classList() {
-    const self = this;
-    return {
-      add(cls) {
-        self._classList.add(cls);
-        self.attrs.class = [...self._classList].join(" ");
-      },
-      remove(cls) {
-        self._classList.delete(cls);
-        const val = [...self._classList].join(" ");
-        if (val) {
-          self.attrs.class = val;
-        } else {
-          delete self.attrs.class;
-        }
-      }
-    };
-  }
-  set className(value) {
-    this._classList = new Set(value.split(/\s+/).filter(Boolean));
-    if (value) {
-      this.attrs.class = value;
-    } else {
-      delete this.attrs.class;
-    }
-  }
-  get className() {
-    return this.attrs.class ?? "";
-  }
-  set textContent(value) {
-    this._textContent = value;
-    this.children = value ? [value] : [];
-    this.childNodes = [];
-  }
-  get textContent() {
-    return this._textContent;
-  }
-  set innerHTML(value) {
-    this._innerHTML = value;
-    this.children = value ? [value] : [];
-    this.childNodes = [];
-  }
-  get innerHTML() {
-    return this._innerHTML ?? "";
-  }
-  addEventListener(_event, _handler) {}
-  removeEventListener(_event, _handler) {}
-  toVNode() {
-    return {
-      tag: this.tag,
-      attrs: { ...this.attrs },
-      children: this.children.map((child) => {
-        if (typeof child === "string")
-          return child;
-        return child.toVNode();
-      })
-    };
-  }
-}
-
-// src/dom-shim/index.ts
-function installDomShim() {
-  const isSSRContext = typeof globalThis.__SSR_URL__ !== "undefined";
-  if (typeof document !== "undefined" && !isSSRContext) {
-    return;
-  }
-  const fakeDocument = {
-    createElement(tag) {
-      return new SSRElement(tag);
-    },
-    createTextNode(text) {
-      return new SSRTextNode(text);
-    },
-    createComment(text) {
-      return new SSRTextNode(`<!-- ${text} -->`);
-    },
-    createDocumentFragment() {
-      return new SSRDocumentFragment;
-    },
-    head: new SSRElement("head"),
-    body: new SSRElement("body")
-  };
-  globalThis.document = fakeDocument;
-  if (typeof window === "undefined") {
-    globalThis.window = {
-      location: { pathname: globalThis.__SSR_URL__ || "/" },
-      addEventListener: () => {},
-      removeEventListener: () => {},
-      history: {
-        pushState: () => {},
-        replaceState: () => {}
-      }
-    };
-  } else {
-    globalThis.window.location = {
-      ...globalThis.window.location || {},
-      pathname: globalThis.__SSR_URL__ || "/"
-    };
-  }
-  globalThis.Node = SSRNode;
-  globalThis.HTMLElement = SSRElement;
-  globalThis.HTMLAnchorElement = SSRElement;
-  globalThis.HTMLDivElement = SSRElement;
-  globalThis.HTMLInputElement = SSRElement;
-  globalThis.HTMLButtonElement = SSRElement;
-  globalThis.HTMLSelectElement = SSRElement;
-  globalThis.HTMLTextAreaElement = SSRElement;
-  globalThis.DocumentFragment = SSRDocumentFragment;
-  globalThis.MouseEvent = class MockMouseEvent {
-  };
-  globalThis.Event = class MockEvent {
-  };
-}
-function removeDomShim() {
-  const globals = [
-    "document",
-    "window",
-    "Node",
-    "HTMLElement",
-    "HTMLAnchorElement",
-    "HTMLDivElement",
-    "HTMLInputElement",
-    "HTMLButtonElement",
-    "HTMLSelectElement",
-    "HTMLTextAreaElement",
-    "DocumentFragment",
-    "MouseEvent",
-    "Event"
-  ];
-  for (const g of globals) {
-    delete globalThis[g];
-  }
-}
-function toVNode(element) {
-  if (element instanceof SSRElement) {
-    return element.toVNode();
-  }
-  if (element instanceof SSRDocumentFragment) {
-    return {
-      tag: "fragment",
-      attrs: {},
-      children: element.children.map((child) => {
-        if (typeof child === "string")
-          return child;
-        return child.toVNode();
-      })
-    };
-  }
-  if (typeof element === "object" && "tag" in element) {
-    return element;
-  }
-  return { tag: "span", attrs: {}, children: [String(element)] };
-}
+import {
+  SSRComment,
+  SSRDocumentFragment,
+  SSRElement,
+  SSRNode,
+  SSRTextNode,
+  installDomShim,
+  removeDomShim,
+  toVNode
+} from "../shared/chunk-4t0ekdyv.js";
 export {
   toVNode,
   removeDomShim,
@@ -328,5 +15,6 @@ export {
   SSRTextNode,
   SSRNode,
   SSRElement,
-  SSRDocumentFragment
+  SSRDocumentFragment,
+  SSRComment
 };