@oscarpalmer/abydon 0.12.0 → 0.14.0

package/dist/helpers/index.mjs

@@ -1,25 +0,0 @@
-// src/helpers/index.ts
-function compareArrays(first, second) {
-  const firstIsLarger = first.length > second.length;
-  const from = firstIsLarger ? first : second;
-  const to = firstIsLarger ? second : first;
-  if (!from.filter((key) => to.includes(key)).every((key, index) => to[index] === key)) {
-    return "dissimilar";
-  }
-  return firstIsLarger ? "removed" : "added";
-}
-function isChildNode(value) {
-  return value instanceof CharacterData || value instanceof Element;
-}
-function isFragment(value) {
-  return typeof value === "object" && value != null && "$fragment" in value && value.$fragment === true;
-}
-function isHTMLOrSVGElement(value) {
-  return value instanceof HTMLElement || value instanceof SVGElement;
-}
-export {
-  isHTMLOrSVGElement,
-  isFragment,
-  isChildNode,
-  compareArrays
-};

package/dist/html.mjs

@@ -1,36 +0,0 @@
-// src/html.ts
-import {isNullableOrWhitespace} from "@oscarpalmer/atoms/is";
-import {Fragment} from "./fragment";
-function handleExpression(data, prefix, expression) {
-  if (isNullableOrWhitespace(expression)) {
-    return prefix;
-  }
-  if (Array.isArray(expression)) {
-    const { length } = expression;
-    let expressions = "";
-    for (let index = 0;index < length; index += 1) {
-      expressions += handleExpression(data, "", expression[index]);
-    }
-    return `${prefix}${expressions}`;
-  }
-  if (typeof expression === "function" || typeof expression === "object") {
-    const index = data.values.push(expression) - 1;
-    return `${prefix}<!--abydon.${index}-->`;
-  }
-  return `${prefix}${expression}`;
-}
-function html(strings, ...values) {
-  return new Fragment(strings, values);
-}
-function parse(data) {
-  const { length } = data.strings;
-  let template = "";
-  for (let index = 0;index < length; index += 1) {
-    template += handleExpression(data, data.strings[index], data.expressions[index]);
-  }
-  return template;
-}
-export {
-  parse,
-  html
-};

package/dist/index.mjs

@@ -1,6 +0,0 @@
-// src/index.ts
-import"@oscarpalmer/sentinel";
-import {html} from "./html";
-export {
-  html
-};

package/dist/node/attribute/index.mjs

@@ -1,40 +0,0 @@
-// src/node/attribute/index.ts
-import {computed, isReactive} from "@oscarpalmer/sentinel";
-import {mapEvent} from "../event";
-import {setAttribute} from "./value";
-function getValue(data, original) {
-  const matches = commentExpression.exec(original ?? "");
-  return matches == null ? original : data.values[+matches[1]];
-}
-function mapAttributes(data, element) {
-  const attributes = [...element.attributes];
-  const { length } = attributes;
-  for (let index = 0;index < length; index += 1) {
-    const { name, value: value2 } = attributes[index];
-    const actual = getValue(data, value2);
-    if (name.startsWith("@")) {
-      mapEvent(element, name, actual);
-    } else if (name.includes(".") || typeof value2 === "function" || isReactive(actual)) {
-      mapValue(data, element, name, actual);
-    }
-  }
-}
-function mapValue(data, element, name, value2) {
-  switch (true) {
-    case typeof value2 === "function":
-      setComputedAttribute(data, element, name, value2);
-      break;
-    default:
-      setAttribute(data, element, name, value2);
-      break;
-  }
-}
-function setComputedAttribute(data, element, name, callback) {
-  const value2 = computed(callback);
-  data.sentinel.values.add(value2);
-  setAttribute(data, element, name, value2);
-}
-var commentExpression = /^<!--abydon\.(\d+)-->$/;
-export {
-  mapAttributes
-};

package/dist/node/attribute/value.mjs

@@ -1,89 +0,0 @@
-// src/node/attribute/value.ts
-import {getString} from "@oscarpalmer/atoms/string";
-import {effect, isReactive} from "@oscarpalmer/sentinel";
-import {
-isBooleanAttribute,
-setAttribute as setAttr
-} from "@oscarpalmer/toretto/attribute";
-function setAttribute(data, element, name, value) {
-  element.removeAttribute(name);
-  switch (true) {
-    case classExpression.test(name):
-      setClasses(data, element, name, value);
-      return;
-    case stylePrefixExpression.test(name):
-      setStyle(data, element, name, value);
-      return;
-    default:
-      setValue(data, element, name, value);
-      break;
-  }
-}
-function setClasses(data, element, name, value) {
-  function update(value2) {
-    if (value2 === true) {
-      element.classList.add(...classes);
-    } else {
-      element.classList.remove(...classes);
-    }
-  }
-  const classes = name.slice(6).split(".");
-  if (isReactive(value)) {
-    data.sentinel.effects.add(effect(() => {
-      update(value.get());
-    }));
-  } else {
-    update(value);
-  }
-}
-function setStyle(data, element, name, value) {
-  function update(value2) {
-    if (value2 == null || value2 === false || value2 === true && unit == null) {
-      element.style.removeProperty(property);
-    } else {
-      element.style.setProperty(property, value2 === true ? unit : getString(value2));
-    }
-  }
-  const [, property, unit] = styleFullExpression.exec(name) ?? [];
-  if (property != null) {
-    if (isReactive(value)) {
-      data.sentinel.effects.add(effect(() => {
-        update(value.get());
-      }));
-    } else {
-      update(value);
-    }
-  }
-}
-function setValue(data, element, name, value) {
-  const callback = isBooleanAttribute(name) && name in element ? name === "selected" ? updateSelected : updateProperty : setAttr;
-  if (isReactive(value)) {
-    data.sentinel.effects.add(effect(() => {
-      callback(element, name, value.get());
-    }));
-  } else {
-    callback(element, name, value);
-  }
-}
-function triggerSelectChange(select) {
-  if (select != null) {
-    select.dispatchEvent(new Event("change", { bubbles: true }));
-  }
-}
-function updateProperty(element, name, value) {
-  element[name] = value === true;
-}
-function updateSelected(element, name, value) {
-  const select = element.closest("select");
-  const options = [...select?.options ?? []];
-  if (select != null && options.includes(element)) {
-    triggerSelectChange(select);
-  }
-  updateProperty(element, name, value);
-}
-var classExpression = /^class\./;
-var styleFullExpression = /^style\.([\w-]+)(?:\.([\w-]+))?$/;
-var stylePrefixExpression = /^style\./;
-export {
-  setAttribute
-};

package/dist/node/event.mjs

@@ -1,38 +0,0 @@
-// src/node/event.ts
-function getController(element) {
-  let controller = controllers.get(element);
-  if (controller == null) {
-    controller = new AbortController;
-    controllers.set(element, controller);
-  }
-  return controller;
-}
-function getOptions(options) {
-  const parts = options.split(":");
-  return {
-    capture: parts.includes("c") || parts.includes("capture"),
-    once: parts.includes("o") || parts.includes("once"),
-    passive: !parts.includes("a") && !parts.includes("active")
-  };
-}
-function mapEvent(element, name, value) {
-  element.removeAttribute(name);
-  const [, type, options] = eventNamePattern.exec(name) ?? [];
-  if (typeof value === "function" && type != null) {
-    element.addEventListener(type, value, {
-      ...getOptions(options ?? ""),
-      signal: getController(element).signal
-    });
-  }
-}
-function removeEvents(element) {
-  controllers.get(element)?.abort(reason);
-  controllers.delete(element);
-}
-var controllers = new WeakMap;
-var eventNamePattern = /^@([\w-]+)(?::([a-z:]+))?$/i;
-var reason = "Event removed as element was removed from document by Abydon";
-export {
-  removeEvents,
-  mapEvent
-};

package/dist/node/index.mjs

@@ -1,60 +0,0 @@
-// src/node/index.ts
-import {computed, isReactive} from "@oscarpalmer/sentinel";
-import {isFragment, isHTMLOrSVGElement} from "../helpers";
-import {createNodes} from "../helpers/dom";
-import {mapAttributes} from "./attribute";
-import {setReactiveValue} from "./value";
-function mapNode(data, comment) {
-  const matches = commentExpression.exec(comment.textContent ?? "");
-  const value2 = matches == null ? null : data.values[+matches[1]];
-  if (value2 != null) {
-    mapValue(data, comment, value2);
-  }
-}
-function mapNodes(data, nodes) {
-  const { length } = nodes;
-  for (let index = 0;index < length; index += 1) {
-    const node = nodes[index];
-    if (node instanceof Comment) {
-      mapNode(data, node);
-      continue;
-    }
-    if (isHTMLOrSVGElement(node)) {
-      mapAttributes(data, node);
-    }
-    if (node.hasChildNodes()) {
-      mapNodes(data, [...node.childNodes]);
-    }
-  }
-}
-function mapValue(data, comment, value2) {
-  switch (true) {
-    case typeof value2 === "function":
-      setComputedValue(data, comment, value2);
-      break;
-    case isReactive(value2):
-      setReactiveValue(data, comment, value2);
-      break;
-    default:
-      replaceComment(data, comment, value2);
-      break;
-  }
-}
-function replaceComment(data, comment, value2) {
-  const item = data.items.find((item2) => item2.nodes.includes(comment));
-  const nodes = createNodes(value2);
-  if (item != null) {
-    item.fragments = isFragment(value2) ? [value2] : undefined;
-    item.nodes = nodes;
-  }
-  comment.replaceWith(...nodes);
-}
-function setComputedValue(data, comment, callback) {
-  const value2 = computed(callback);
-  data.sentinel.values.add(value2);
-  setReactiveValue(data, comment, value2);
-}
-var commentExpression = /^abydon\.(\d+)$/;
-export {
-  mapNodes
-};

package/dist/node/value.mjs

@@ -1,123 +0,0 @@
-// src/node/value.ts
-import {isNullableOrWhitespace} from "@oscarpalmer/atoms/is";
-import {getString} from "@oscarpalmer/atoms/string";
-import {effect} from "@oscarpalmer/sentinel";
-import {compareArrays, isChildNode, isFragment} from "../helpers";
-import {createNodes, replaceNodes} from "../helpers/dom";
-function removeFragments(fragments) {
-  if (fragments != null) {
-    const { length } = fragments;
-    for (let index = 0;index < length; index += 1) {
-      fragments[index].remove();
-    }
-  }
-}
-function setArray(fragments, nodes, comment, text, value) {
-  if (value.length === 0) {
-    return {
-      nodes: setText(fragments, nodes, comment, text, value)
-    };
-  }
-  let templates = value.filter((item) => isFragment(item) && item.identifier != null);
-  const identifiers = templates.map((fragment) => fragment.identifier);
-  const oldIdentifiers = fragments?.map((fragment) => fragment.identifier) ?? [];
-  if (new Set(identifiers).size !== templates.length) {
-    templates = [];
-  }
-  const noTemplates = templates.length === 0;
-  if (noTemplates || nodes == null || oldIdentifiers.some((identifier) => identifier == null)) {
-    return {
-      fragments: noTemplates ? undefined : templates,
-      nodes: setNodes(fragments, nodes, comment, text, noTemplates ? value.flatMap((item) => createNodes(item)) : templates.flatMap((template) => template.get()))
-    };
-  }
-  const next = templates.map((template) => fragments?.find((fragment) => fragment.identifier === template.identifier) ?? template);
-  const comparison = compareArrays(fragments ?? [], templates);
-  if (comparison !== "removed") {
-    let position = nodes[0];
-    const before = comparison === "added" && !oldIdentifiers.includes(templates[0].identifier);
-    const items = next.flatMap((fragment) => fragment.get().flatMap((node) => ({
-      identifier: fragment.identifier,
-      value: node
-    })));
-    const { length: length2 } = items;
-    for (let index = 0;index < length2; index += 1) {
-      const item = items[index];
-      if (comparison === "dissimilar" || !oldIdentifiers.includes(item.identifier)) {
-        if (index === 0 && before) {
-          position.before(item.value);
-        } else {
-          position.after(item.value);
-        }
-      }
-      position = item.value;
-    }
-  }
-  const toRemove = fragments?.filter((fragment) => !identifiers.includes(fragment.identifier)) ?? [];
-  const { length } = toRemove;
-  for (let index = 0;index < length; index += 1) {
-    toRemove[index].remove();
-  }
-  return {
-    fragments: next,
-    nodes: next.flatMap((fragment) => fragment.get())
-  };
-}
-function setNodes(fragments, nodes, comment, text, next) {
-  if (nodes == null) {
-    if (comment.parentNode != null) {
-      replaceNodes([comment], next);
-    } else if (text.parentNode != null) {
-      replaceNodes([text], next);
-    }
-  } else {
-    replaceNodes(nodes, next);
-  }
-  removeFragments(fragments);
-  return next;
-}
-function setReactiveValue(data, comment, reactive) {
-  const item = data.items.find((item2) => item2.nodes.includes(comment));
-  const text = new Text;
-  let fragments;
-  let nodes;
-  data.sentinel.effects.add(effect(() => {
-    const value = reactive.get();
-    if (Array.isArray(value)) {
-      const result = setArray(fragments, nodes, comment, text, value);
-      fragments = typeof result === "boolean" ? undefined : result?.fragments;
-      nodes = typeof result === "boolean" ? result ? [text] : undefined : result?.nodes;
-    } else {
-      const valueIsFragment = isFragment(value);
-      fragments = valueIsFragment ? [value] : undefined;
-      if (valueIsFragment || isChildNode(value)) {
-        nodes = setNodes(fragments, nodes, comment, text, createNodes(value));
-      } else {
-        nodes = setText(fragments, nodes, comment, text, value);
-      }
-    }
-    if (item != null) {
-      item.fragments = fragments;
-      item.nodes = [...nodes ?? [comment]];
-    }
-  }));
-}
-function setText(fragments, nodes, comment, text, value) {
-  const isNullable = isNullableOrWhitespace(value);
-  text.textContent = isNullable ? "" : getString(value);
-  let result = false;
-  if (nodes != null) {
-    replaceNodes(nodes, [isNullable ? comment : text]);
-    result = !isNullable;
-  } else if (isNullable && comment.parentNode == null) {
-    text.replaceWith(comment);
-  } else if (!isNullable && text.parentNode == null) {
-    comment.replaceWith(text);
-    result = true;
-  }
-  removeFragments(fragments);
-  return result ? [text] : undefined;
-}
-export {
-  setReactiveValue
-};

package/types/html.d.ts

@@ -1,4 +0,0 @@
-import { Fragment } from './fragment';
-import type { FragmentData } from './models';
-export declare function html(strings: TemplateStringsArray, ...values: unknown[]): Fragment;
-export declare function parse(data: FragmentData): string;

package/types/index.d.cts

@@ -1,26 +0,0 @@
-// Generated by dts-bundle-generator v9.5.1
-
-import { Key } from '@oscarpalmer/atoms/models';
-
-export declare class Fragment {
-	private readonly $fragment;
-	private readonly data;
-	get identifier(): Key | undefined;
-	constructor(strings: TemplateStringsArray, expressions: unknown[]);
-	/**
-	 * Appends the fragment to the given element
-	 */
-	appendTo(element: Element): void;
-	/**
-	 * Gets a list of the fragment's nodes
-	 */
-	get(): ChildNode[];
-	identify(identifier: Key): Fragment;
-	/**
-	 * Removes the fragment from the DOM
-	 */
-	remove(): void;
-}
-export declare function html(strings: TemplateStringsArray, ...values: unknown[]): Fragment;
-
-export {};