@oscarpalmer/abydon 0.15.0 → 0.17.0

package/dist/constants.js

@@ -1,10 +0,0 @@
-const ABORT_CONTROLLERS = /* @__PURE__ */ new WeakMap();
-const ATTRIBUTE_CLASS_PREFIX_LENGTH = 6;
-const EXPRESSION_ATTRIBUTE_CLASS = /^class\./;
-const EXPRESSION_ATTRIBUTE_STYLE_FULL = /^style\.([\w-]+)(?:\.([\w-]+))?$/;
-const EXPRESSION_ATTRIBUTE_STYLE_PREFIX = /^style\./;
-const EXPRESSION_COMMENT_FULL = /^<!--abydon\.(\d+)-->$/;
-const EXPRESSION_COMMENT_CONTENT = /^abydon\.(\d+)$/;
-const EXPRESSION_EVENT_NAME = /^@([\w-]+)(?::([a-z:]+))?$/i;
-const REASON_EVENT_REMOVED = "Event removed as element was removed from document by Abydon";
-export { ABORT_CONTROLLERS, ATTRIBUTE_CLASS_PREFIX_LENGTH, EXPRESSION_ATTRIBUTE_CLASS, EXPRESSION_ATTRIBUTE_STYLE_FULL, EXPRESSION_ATTRIBUTE_STYLE_PREFIX, EXPRESSION_COMMENT_CONTENT, EXPRESSION_COMMENT_FULL, EXPRESSION_EVENT_NAME, REASON_EVENT_REMOVED };

package/dist/helpers/index.js

@@ -1,14 +0,0 @@
-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 isFragment(value) {
-	return typeof value === "object" && value != null && "$fragment" in value && value.$fragment === true;
-}
-function isFragments(value) {
-	return typeof value === "object" && value != null && "$fragments" in value && value.$fragments === true;
-}
-export { compareArrays, isFragment, isFragments };

package/dist/index.js

@@ -1,11 +0,0 @@
-import { Fragments } from "./fragments.js";
-import { Fragment } from "./fragment.js";
-import "@oscarpalmer/mora";
-export * from "@oscarpalmer/mora";
-function fragments(array$1, identify, fragment) {
-	return new Fragments(array$1, identify, fragment);
-}
-function html(strings, ...values) {
-	return new Fragment(strings, values);
-}
-export { fragments, html };

package/dist/node/attribute/index.js

@@ -1,39 +0,0 @@
-import { EXPRESSION_COMMENT_FULL } from "../../constants.js";
-import { mapEvent } from "../event.js";
-import { setAttribute as setAttribute$1 } from "./value.js";
-import { computed, isReactive } from "@oscarpalmer/mora";
-import { isBooleanAttribute, setProperty } from "@oscarpalmer/toretto/attribute";
-function getValue(data, original) {
-	const matches = EXPRESSION_COMMENT_FULL.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 } = attributes[index];
-		const actual = getValue(data, value);
-		switch (true) {
-			case name.startsWith("@"):
-				mapEvent(element, name, actual);
-				break;
-			case name.includes(".") || typeof actual === "function" || isReactive(actual):
-				mapValue(data, element, name, actual);
-				break;
-			case isBooleanAttribute(name):
-				setProperty(element, name, value);
-				break;
-			default: break;
-		}
-	}
-}
-function mapValue(data, element, name, value) {
-	if (typeof value === "function") setComputedAttribute(data, element, name, value);
-	else setAttribute$1(data, element, name, value);
-}
-function setComputedAttribute(data, element, name, callback) {
-	const value = computed(callback);
-	data.mora.values.add(value);
-	setAttribute$1(data, element, name, value);
-}
-export { mapAttributes };

package/dist/node/attribute/value.js

@@ -1,56 +0,0 @@
-import { ATTRIBUTE_CLASS_PREFIX_LENGTH, EXPRESSION_ATTRIBUTE_CLASS, EXPRESSION_ATTRIBUTE_STYLE_FULL, EXPRESSION_ATTRIBUTE_STYLE_PREFIX } from "../../constants.js";
-import { isReactive } from "@oscarpalmer/mora";
-import { getString } from "@oscarpalmer/atoms/string";
-import { isBooleanAttribute, setAttribute as setAttribute$1 } from "@oscarpalmer/toretto/attribute";
-function setAttribute(data, element, name, value) {
-	element.removeAttribute(name);
-	switch (true) {
-		case EXPRESSION_ATTRIBUTE_CLASS.test(name):
-			setClasses(data, element, name, value);
-			return;
-		case EXPRESSION_ATTRIBUTE_STYLE_PREFIX.test(name):
-			setStyle(data, element, name, value);
-			return;
-		default:
-			setValue(data, element, name, value);
-			break;
-	}
-}
-function setClasses(data, element, name, value) {
-	function update(value$1) {
-		if (value$1 === true) element.classList.add(...classes);
-		else element.classList.remove(...classes);
-	}
-	const classes = name.slice(6).split(".");
-	if (isReactive(value)) data.mora.subscribers.add(value.subscribe(update));
-	else update(value);
-}
-function setStyle(data, element, name, value) {
-	const [, property, unit] = EXPRESSION_ATTRIBUTE_STYLE_FULL.exec(name) ?? [];
-	if (property == null) return;
-	function update(value$1) {
-		if (value$1 == null || value$1 === false || value$1 === true && unit == null) element.style.removeProperty(property);
-		else element.style.setProperty(property, value$1 === true ? unit : getString(value$1));
-	}
-	if (isReactive(value)) data.mora.subscribers.add(value.subscribe(update));
-	else update(value);
-}
-function setValue(data, element, name, value) {
-	let callback;
-	if (isBooleanAttribute(name) && name in element) callback = name === "selected" ? updateSelected : updateProperty;
-	else callback = setAttribute$1;
-	if (isReactive(value)) data.mora.subscribers.add(value.subscribe((next) => {
-		callback(element, name, next);
-	}));
-	else callback(element, name, value);
-}
-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)) select.dispatchEvent(new Event("change", { bubbles: true }));
-	updateProperty(element, name, value);
-}
-export { setAttribute };

package/dist/node/event.js

@@ -1,30 +0,0 @@
-import { ABORT_CONTROLLERS, EXPRESSION_EVENT_NAME, REASON_EVENT_REMOVED } from "../constants.js";
-function getController(element) {
-	let controller = ABORT_CONTROLLERS.get(element);
-	if (controller == null) {
-		controller = new AbortController();
-		ABORT_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] = EXPRESSION_EVENT_NAME.exec(name) ?? [];
-	if (typeof value === "function" && type != null) element.addEventListener(type, value, {
-		...getOptions(options ?? ""),
-		signal: getController(element).signal
-	});
-}
-function removeEvents(element) {
-	ABORT_CONTROLLERS.get(element)?.abort(REASON_EVENT_REMOVED);
-	ABORT_CONTROLLERS.delete(element);
-}
-export { mapEvent, removeEvents };

package/types/constants.d.ts

@@ -1,9 +0,0 @@
-export declare const ABORT_CONTROLLERS: WeakMap<HTMLOrSVGElement, AbortController>;
-export declare const ATTRIBUTE_CLASS_PREFIX_LENGTH = 6;
-export declare const EXPRESSION_ATTRIBUTE_CLASS: RegExp;
-export declare const EXPRESSION_ATTRIBUTE_STYLE_FULL: RegExp;
-export declare const EXPRESSION_ATTRIBUTE_STYLE_PREFIX: RegExp;
-export declare const EXPRESSION_COMMENT_FULL: RegExp;
-export declare const EXPRESSION_COMMENT_CONTENT: RegExp;
-export declare const EXPRESSION_EVENT_NAME: RegExp;
-export declare const REASON_EVENT_REMOVED = "Event removed as element was removed from document by Abydon";

package/types/fragment.d.ts

@@ -1,38 +0,0 @@
-import type { FragmentConfiguration } from './models';
-export declare class Fragment {
-    #private;
-    /**
-     * Fragment identifier
-     */
-    get identifier(): unknown;
-    constructor(strings: TemplateStringsArray, expressions: unknown[]);
-    /**
-     * Append the fragment to the given element
-     * @param element Element to append to
-     */
-    appendTo(element: Element): void;
-    /**
-     * Configure the fragment
-     * @param configuration Configuration options
-     * @returns Fragment
-     */
-    configure(configuration: FragmentConfiguration): Fragment;
-    /**
-     * Get a list of the fragment's nodes
-     * @returns List of nodes
-     */
-    get(): ChildNode[];
-    /**
-     * Set an identifier for the fragment
-     *
-     * _An identifier can be used to uniquely identify a fragment,
-     * which helps prevent re-rendering in certain scenarios._
-     * @param identifier Identifier
-     * @returns Fragment
-     */
-    identify(identifier: unknown): Fragment;
-    /**
-     * Remove the fragment from the DOM
-     */
-    remove(): void;
-}

package/types/fragments.d.ts

@@ -1,13 +0,0 @@
-import { type ReactiveArray } from '@oscarpalmer/mora';
-import type { Fragment } from './fragment';
-import type { FragmentsState } from './models';
-export declare class Fragments {
-    #private;
-    /**
-     * Fragment items
-     */
-    get items(): ReactiveArray<Fragment>;
-    constructor(items: ReactiveArray<unknown>, identify: (item: unknown) => unknown, fragment: (item: unknown) => Fragment);
-}
-export declare function handleFragments(item: Fragments | FragmentsState, remove: boolean): void;
-export declare function initializeFragments(state: FragmentsState): void;

package/types/helpers/dom.d.ts

@@ -1,3 +0,0 @@
-export declare function createNodes(value: unknown): ChildNode[];
-export declare function removeNodes(nodes: ChildNode[]): void;
-export declare function replaceNodes(from: ChildNode[], to: ChildNode[]): void;

package/types/helpers/index.d.ts

@@ -1,5 +0,0 @@
-import type { Fragment } from '../fragment';
-import type { Fragments } from '../fragments';
-export declare function compareArrays(first: unknown[], second: unknown[]): 'added' | 'dissimilar' | 'removed';
-export declare function isFragment(value: unknown): value is Fragment;
-export declare function isFragments(value: unknown): value is Fragments;

package/types/index.d.ts

@@ -1,9 +0,0 @@
-import '@oscarpalmer/mora';
-import type { ReactiveArray } from '@oscarpalmer/mora';
-import { Fragment } from './fragment';
-import { Fragments } from './fragments';
-export declare function fragments<Item>(array: ReactiveArray<Item>, identify: (item: Item) => unknown, fragment: (item: Item) => Fragment): Fragments;
-export declare function html(strings: TemplateStringsArray, ...values: unknown[]): unknown;
-export * from '@oscarpalmer/mora';
-export type { Fragment } from './fragment';
-export type { Fragments } from './fragments';

package/types/models.d.ts

@@ -1,32 +0,0 @@
-import type { Reactive, ReactiveArray, Unsubscribe } from '@oscarpalmer/mora';
-import type { Fragment } from './fragment';
-export type FragmentConfiguration = {
-    identifier?: unknown;
-    ignoreCache?: boolean;
-};
-export type FragmentData = {
-    expressions: unknown[];
-    items: FragmentItem[];
-    mora: MoraData;
-    strings: TemplateStringsArray;
-    template?: string;
-    values: unknown[];
-};
-export type FragmentItem = {
-    fragments?: Fragment[];
-    nodes?: ChildNode[];
-    text?: Text;
-};
-export type FragmentsState = {
-    array: ReactiveArray<unknown>;
-    fragment: (item: unknown) => Fragment;
-    identify: (item: unknown) => unknown;
-    instances: Record<string, Fragment>;
-    mapped: ReactiveArray<Fragment>;
-    subscriber: Unsubscribe | undefined;
-};
-type MoraData = {
-    subscribers: Set<() => void>;
-    values: Set<Reactive<unknown>>;
-};
-export {};

package/types/node/attribute/index.d.ts

@@ -1,3 +0,0 @@
-import type { HTMLOrSVGElement } from '@oscarpalmer/toretto/models';
-import type { FragmentData } from '../../models';
-export declare function mapAttributes(data: FragmentData, element: HTMLOrSVGElement): void;

package/types/node/attribute/value.d.ts

@@ -1,3 +0,0 @@
-import type { HTMLOrSVGElement } from '@oscarpalmer/toretto/models';
-import type { FragmentData } from '../../models';
-export declare function setAttribute(data: FragmentData, element: HTMLOrSVGElement, name: string, value: unknown): void;

package/types/node/event.d.ts

@@ -1,3 +0,0 @@
-import type { HTMLOrSVGElement } from '@oscarpalmer/toretto/models';
-export declare function mapEvent(element: HTMLOrSVGElement, name: string, value: unknown): void;
-export declare function removeEvents(element: HTMLOrSVGElement): void;

package/types/node/index.d.ts

@@ -1,2 +0,0 @@
-import type { FragmentData } from '../models';
-export declare function mapNodes(data: FragmentData, nodes: ChildNode[]): void;

package/types/node/value.d.ts

@@ -1,3 +0,0 @@
-import type { Reactive } from '@oscarpalmer/mora';
-import type { FragmentData } from '../models';
-export declare function setReactiveValue(data: FragmentData, comment: Comment, reactive: Reactive<unknown>): void;

package/types/parse.d.ts

@@ -1,2 +0,0 @@
-import type { FragmentData } from './models';
-export declare function parse(data: FragmentData): string;