@oscarpalmer/abydon 0.13.0 → 0.15.0

package/types/fragments.d.ts

@@ -0,0 +1,13 @@
+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/index.d.ts

@@ -1,3 +1,5 @@
 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,5 +1,9 @@
 import '@oscarpalmer/mora';
+import type { ReactiveArray } from '@oscarpalmer/mora';
 import { Fragment } from './fragment';
-export declare function html(strings: TemplateStringsArray, ...values: unknown[]): 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,17 +1,29 @@
-import type { Key } from '@oscarpalmer/atoms/models';
-import type { Reactive } from '@oscarpalmer/mora';
+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[];
-    identifier?: Key;
     items: FragmentItem[];
     mora: MoraData;
     strings: TemplateStringsArray;
+    template?: string;
     values: unknown[];
 };
 export type FragmentItem = {
     fragments?: Fragment[];
-    nodes: ChildNode[];
+    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>;

package/types/fragment.d.cts

@@ -1,27 +0,0 @@
-// Generated by dts-bundle-generator v9.5.1
-
-/**
- * A generic key type
- */
-export type Key = number | string;
-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 {};

package/types/helpers/dom.d.cts

@@ -1,7 +0,0 @@
-// Generated by dts-bundle-generator v9.5.1
-
-export declare function createNodes(value: unknown): ChildNode[];
-export declare function removeNodes(nodes: ChildNode[]): void;
-export declare function replaceNodes(from: ChildNode[], to: ChildNode[]): void;
-
-export {};

package/types/helpers/index.d.cts

@@ -1,29 +0,0 @@
-// Generated by dts-bundle-generator v9.5.1
-
-/**
- * A generic key type
- */
-export type Key = number | string;
-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 compareArrays(first: unknown[], second: unknown[]): "added" | "dissimilar" | "removed";
-export declare function isFragment(value: unknown): value is Fragment;
-
-export {};

package/types/index.d.cts

@@ -1,302 +0,0 @@
-// Generated by dts-bundle-generator v9.5.1
-
-/**
- * A generic key type
- */
-export type Key = number | string;
-export type GenericCallback = (...args: any[]) => any;
-type Key$1 = number | string;
-/**
- * A generic object
- */
-export type PlainObject = Record<PropertyKey, unknown>;
-export declare class Effect {
-	private readonly $mora;
-	private readonly state;
-	constructor(callback: GenericCallback);
-}
-/**
- * Create an effect
- */
-export declare function effect(callback: GenericCallback): Effect;
-export declare class Computed<Value> extends Reactive<Value> {
-	private readonly effect;
-	constructor(callback: () => Value, options?: ReactiveOptions<Value>);
-	/**
-	 * @inheritdoc
-	 */
-	get(): Value;
-}
-/**
- * Create a computed value
- */
-export declare function computed<Value>(callback: () => Value, options?: ReactiveOptions<Value>): Computed<Value>;
-export declare abstract class Reactive<Value, Equal = Value> {
-	protected readonly state: ReactiveState<Value, Equal>;
-	constructor(name: string, value: Value, options?: ReactiveOptions<Equal>);
-	/**
-	 * Get the value
-	 */
-	abstract get(): Value;
-	/**
-	 * Get the value _(without reactivity)_
-	 */
-	peek(): Value;
-	/**
-	 * Subscribe to changes
-	 */
-	subscribe(callback: (value: Value) => void): Unsubscribe;
-	/**
-	 * JSON representation of the value
-	 */
-	toJSON(): Value;
-	/**
-	 * String representation of the value
-	 */
-	toString(): string;
-	/**
-	 * Unsubscribe from changes
-	 */
-	unsubscribe(callback: (value: Value) => void): void;
-}
-export type ReactiveOptions<Value> = {
-	/**
-	 * Method to compare values for equality
-	 */
-	equal?: (first: Value, second: Value) => boolean;
-};
-export type ReactiveState<Value, Equal> = {
-	computeds: Set<Computed<unknown>>;
-	effects: Set<Effect>;
-	equal: (first: Equal, second: Equal) => boolean;
-	subscriptions: Map<GenericCallback, Subscription>;
-	value: Value;
-};
-declare class Subscription {
-	state: ReactiveState<unknown, never>;
-	callback: GenericCallback;
-	constructor(state: ReactiveState<unknown, never>, callback: GenericCallback);
-}
-/**
- * Unsubscribe from changes
- */
-export type Unsubscribe = () => void;
-/**
- * Start batching effects _(use `stopBatch` to flush and run batched effects)_
- */
-export declare function startBatch(): void;
-/**
- * Stop batching effects and flush _(run)_ them
- */
-export declare function stopBatch(): void;
-export declare class ReactiveArray<Item> extends Reactive<Item[], Item> {
-	#private;
-	/**
-	 * The length of the array
-	 */
-	get length(): number;
-	/**
-	 * Set the length of the array
-	 */
-	set length(value: number);
-	constructor(value: Item[], options?: ReactiveOptions<Item>);
-	/**
-	 * Clear the array
-	 */
-	clear(): void;
-	/**
-	 * @inheritdoc
-	 */
-	get(): Item[];
-	/**
-	 * Get the value at an index
-	 */
-	get(index: number): Item | undefined;
-	/**
-	 * Get the length of the array
-	 */
-	get(property: "length"): number;
-	/**
-	 * Create a computed, filtered array
-	 */
-	filter(callback: (item: Item, index: number, array: Item[]) => boolean): Computed<Item[]>;
-	/**
-	 * Create a computed, mapped array
-	 */
-	map<Mapped>(callback: (item: Item, index: number, array: Item[]) => Mapped): Computed<Mapped[]>;
-	/**
-	 * @inheritdoc
-	 */
-	peek(): Item[];
-	peek(index: number): Item | undefined;
-	/**
-	 * Get the length of the array _(without reactivity)_
-	 */
-	peek(length: true): number;
-	/**
-	 * Remove and return the last item of the array
-	 */
-	pop(): Item | undefined;
-	/**
-	 * Add items to the end of the array
-	 */
-	push(...items: Item[]): number;
-	/**
-	 * Set the value
-	 */
-	set(value?: Item[]): void;
-	/**
-	 * Set the value at an index
-	 */
-	set(index: number, value: Item): void;
-	/**
-	 * Set the length of the array
-	 */
-	set(property: "length", value: number): void;
-	/**
-	 * Remove and return the first item of the array
-	 */
-	shift(): Item | undefined;
-	/**
-	 * Remove and return items from the array _(and optionally add new items)_
-	 */
-	splice(from: number, to?: number, ...items: Item[]): Item[];
-	/**
-	 * @inheritdoc
-	 */
-	subscribe(callback: (value: Item[]) => void): Unsubscribe;
-	/**
-	 * Subscribe to changes at a specific index
-	 */
-	subscribe(index: number, callback: (value: Item | undefined) => void): Unsubscribe;
-	/**
-	 * Add items to the beginning of the array
-	 */
-	unshift(...items: Item[]): number;
-	/**
-	 * Update the value _(based on the current value)_
-	 */
-	update(callback: (value: Item[]) => Item[]): void;
-}
-/**
- * Create a reactive array
- */
-export declare function array<Item>(value: Item[], options?: ReactiveOptions<Item>): ReactiveArray<Item>;
-export declare class Signal<Value> extends Reactive<Value> {
-	constructor(value: Value, options?: ReactiveOptions<Value>);
-	/**
-	 * @inheritdoc
-	 */
-	get(): Value;
-	/**
-	 * Set the value
-	 */
-	set(value: Value): void;
-	/**
-	 * Update the value _(based on the current value)_
-	 */
-	update(callback: (value: Value) => Value): void;
-}
-/**
- * Create a reactive value
- */
-export declare function signal<Value>(value: Value, options?: ReactiveOptions<Value>): Signal<Value>;
-export declare class Store<Value extends PlainObject> extends Reactive<Value, Value> {
-	#private;
-	constructor(value: Value, options?: ReactiveOptions<Value>);
-	/**
-	 * @inheritdoc
-	 */
-	get(): Value;
-	/**
-	 * Get a value by key _(without reactivity)_
-	 */
-	get(key: keyof Value): Value[keyof Value];
-	/**
-	 * Get a value by key _(without reactivity)_
-	 */
-	get(key: Key$1): unknown;
-	/**
-	 * Get the value _(without reactivity)_
-	 */
-	peek(): Value;
-	/**
-	 * Get a value by key _(without reactivity)_
-	 */
-	peek(key: keyof Value): Value[keyof Value];
-	/**
-	 * Get a value by key _(without reactivity)_
-	 */
-	peek(key: Key$1): unknown;
-	/**
-	 * Set the value
-	 */
-	set(value?: Value): void;
-	/**
-	 * Set a value by key
-	 */
-	set(key: keyof Value, value: Value[keyof Value]): void;
-	/**
-	 * Set a value by key
-	 */
-	set(key: Key$1, value: unknown): void;
-	/**
-	 * @inheritdoc
-	 */
-	subscribe(callback: (value: Value) => void): Unsubscribe;
-	/**
-	 * Subscribe to changes for a specific key
-	 */
-	subscribe<Key extends keyof Value>(key: Key, callback: (value: Value[Key] | undefined) => void): Unsubscribe;
-	/**
-	 * Subscribe to changes for a specific key
-	 */
-	subscribe(key: Key$1, callback: (value: unknown) => void): Unsubscribe;
-	/**
-	 * Update the value _(based on the current value)_
-	 */
-	update(callback: (value: Value) => Value): void;
-}
-/**
- * Create a reactive store
- */
-export declare function store<Value extends PlainObject>(value: Value, options?: ReactiveOptions<Value>): Store<Value>;
-/**
- * Is the value a reactive array?
- */
-export declare function isArray(value: unknown): value is ReactiveArray<unknown>;
-/**
- * Is the value a computed signal?
- */
-export declare function isComputed(value: unknown): value is Computed<unknown>;
-/**
- * Is the value an effect?
- */
-export declare function isEffect(value: unknown): value is Effect;
-export declare function isReactive(value: unknown): value is Reactive<unknown>;
-/**
- * Is the value a signal?
- */
-export declare function isSignal(value: unknown): value is Signal<unknown>;
-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 {};

package/types/models.d.cts

@@ -1,107 +0,0 @@
-// Generated by dts-bundle-generator v9.5.1
-
-/**
- * A generic key type
- */
-export type Key = number | string;
-export type GenericCallback = (...args: any[]) => any;
-declare class Effect {
-	private readonly $mora;
-	private readonly state;
-	constructor(callback: GenericCallback);
-}
-declare class Computed<Value> extends Reactive<Value> {
-	private readonly effect;
-	constructor(callback: () => Value, options?: ReactiveOptions<Value>);
-	/**
-	 * @inheritdoc
-	 */
-	get(): Value;
-}
-declare abstract class Reactive<Value, Equal = Value> {
-	protected readonly state: ReactiveState<Value, Equal>;
-	constructor(name: string, value: Value, options?: ReactiveOptions<Equal>);
-	/**
-	 * Get the value
-	 */
-	abstract get(): Value;
-	/**
-	 * Get the value _(without reactivity)_
-	 */
-	peek(): Value;
-	/**
-	 * Subscribe to changes
-	 */
-	subscribe(callback: (value: Value) => void): Unsubscribe;
-	/**
-	 * JSON representation of the value
-	 */
-	toJSON(): Value;
-	/**
-	 * String representation of the value
-	 */
-	toString(): string;
-	/**
-	 * Unsubscribe from changes
-	 */
-	unsubscribe(callback: (value: Value) => void): void;
-}
-export type ReactiveOptions<Value> = {
-	/**
-	 * Method to compare values for equality
-	 */
-	equal?: (first: Value, second: Value) => boolean;
-};
-export type ReactiveState<Value, Equal> = {
-	computeds: Set<Computed<unknown>>;
-	effects: Set<Effect>;
-	equal: (first: Equal, second: Equal) => boolean;
-	subscriptions: Map<GenericCallback, Subscription>;
-	value: Value;
-};
-declare class Subscription {
-	state: ReactiveState<unknown, never>;
-	callback: GenericCallback;
-	constructor(state: ReactiveState<unknown, never>, callback: GenericCallback);
-}
-/**
- * Unsubscribe from changes
- */
-export type Unsubscribe = () => void;
-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 type FragmentData = {
-	expressions: unknown[];
-	identifier?: Key;
-	items: FragmentItem[];
-	mora: MoraData;
-	strings: TemplateStringsArray;
-	values: unknown[];
-};
-export type FragmentItem = {
-	fragments?: Fragment[];
-	nodes: ChildNode[];
-};
-export type MoraData = {
-	subscribers: Set<() => void>;
-	values: Set<Reactive<unknown>>;
-};
-
-export {};

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

@@ -1,109 +0,0 @@
-// Generated by dts-bundle-generator v9.5.1
-
-/**
- * A generic key type
- */
-export type Key = number | string;
-export type GenericCallback = (...args: any[]) => any;
-declare class Effect {
-	private readonly $mora;
-	private readonly state;
-	constructor(callback: GenericCallback);
-}
-declare class Computed<Value> extends Reactive<Value> {
-	private readonly effect;
-	constructor(callback: () => Value, options?: ReactiveOptions<Value>);
-	/**
-	 * @inheritdoc
-	 */
-	get(): Value;
-}
-declare abstract class Reactive<Value, Equal = Value> {
-	protected readonly state: ReactiveState<Value, Equal>;
-	constructor(name: string, value: Value, options?: ReactiveOptions<Equal>);
-	/**
-	 * Get the value
-	 */
-	abstract get(): Value;
-	/**
-	 * Get the value _(without reactivity)_
-	 */
-	peek(): Value;
-	/**
-	 * Subscribe to changes
-	 */
-	subscribe(callback: (value: Value) => void): Unsubscribe;
-	/**
-	 * JSON representation of the value
-	 */
-	toJSON(): Value;
-	/**
-	 * String representation of the value
-	 */
-	toString(): string;
-	/**
-	 * Unsubscribe from changes
-	 */
-	unsubscribe(callback: (value: Value) => void): void;
-}
-export type ReactiveOptions<Value> = {
-	/**
-	 * Method to compare values for equality
-	 */
-	equal?: (first: Value, second: Value) => boolean;
-};
-export type ReactiveState<Value, Equal> = {
-	computeds: Set<Computed<unknown>>;
-	effects: Set<Effect>;
-	equal: (first: Equal, second: Equal) => boolean;
-	subscriptions: Map<GenericCallback, Subscription>;
-	value: Value;
-};
-declare class Subscription {
-	state: ReactiveState<unknown, never>;
-	callback: GenericCallback;
-	constructor(state: ReactiveState<unknown, never>, callback: GenericCallback);
-}
-/**
- * Unsubscribe from changes
- */
-export type Unsubscribe = () => void;
-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 type FragmentData = {
-	expressions: unknown[];
-	identifier?: Key;
-	items: FragmentItem[];
-	mora: MoraData;
-	strings: TemplateStringsArray;
-	values: unknown[];
-};
-export type FragmentItem = {
-	fragments?: Fragment[];
-	nodes: ChildNode[];
-};
-export type MoraData = {
-	subscribers: Set<() => void>;
-	values: Set<Reactive<unknown>>;
-};
-type HTMLOrSVGElement$1 = HTMLElement | SVGElement;
-export declare function mapAttributes(data: FragmentData, element: HTMLOrSVGElement$1): void;
-
-export {};