@oscarpalmer/abydon 0.16.0 → 0.17.0

package/package.json

@@ -1,34 +1,6 @@
 {
-	"author": {
-		"name": "Oscar Palmér",
-		"url": "https://oscarpalmer.se"
-	},
-	"dependencies": {
-		"@oscarpalmer/atoms": "^0.118",
-		"@oscarpalmer/mora": "^0.25",
-		"@oscarpalmer/toretto": "^0.32"
-	},
-	"devDependencies": {
-		"@oscarpalmer/oui": "^0.18",
-		"@types/node": "^25",
-		"@vitest/coverage-istanbul": "^4",
-		"jsdom": "^27.3",
-		"oxfmt": "^0.19",
-		"oxlint": "^1.34",
-		"rolldown": "1.0.0-beta.56",
-		"tslib": "^2.8",
-		"typescript": "^5.9",
-		"vite": "8.0.0-beta.2",
-		"vitest": "^4"
-	},
-	"exports": {
-		"./package.json": "./package.json",
-		".": {
-			"types": "./types/index.d.ts",
-			"default": "./dist/index.js"
-		}
-	},
-	"files": ["dist", "src", "types"],
+	"name": "@oscarpalmer/abydon",
+	"version": "0.17.0",
 	"keywords": [
 		"components",
 		"dom",
@@ -40,21 +12,51 @@
 		"vanilla"
 	],
 	"license": "MIT",
-	"module": "dist/index.js",
-	"name": "@oscarpalmer/abydon",
+	"author": {
+		"name": "Oscar Palmér",
+		"url": "https://oscarpalmer.se"
+	},
 	"repository": {
 		"type": "git",
 		"url": "git+https://github.com/oscarpalmer/abydon.git"
 	},
+	"files": [
+		"dist",
+		"src"
+	],
+	"type": "module",
+	"module": "./dist/index.mjs",
+	"types": "./dist/index.d.mts",
+	"exports": {
+		"./package.json": "./package.json",
+		".": {
+			"types": "./dist/index.d.mts",
+			"default": "./dist/index.mjs"
+		}
+	},
 	"scripts": {
-		"build": "npm run clean && npx vite build && npm run rolldown:build && npx tsc",
-		"clean": "rm -rf ./dist && rm -rf ./types && rm -f ./tsconfig.tsbuildinfo",
-		"rolldown:build": "npx rolldown -c",
-		"rolldown:watch": "npx rolldown -c ./rolldown.config.js --watch",
-		"test": "npx vitest --coverage",
+		"build": "npm run tsdown:build && npx vp pack",
+		"tsdown:build": "npx tsdown -c ./tsdown.config.ts",
+		"tsdown:watch": "npx tsdown -c ./tsdown.config.ts --watch",
+		"test": "npx vp test run --coverage",
+		"test:leak": "npx vp test run --detect-async-leaks --coverage",
 		"watch": "npx vite build --watch"
 	},
-	"type": "module",
-	"types": "types/index.d.ts",
-	"version": "0.16.0"
+	"dependencies": {
+		"@oscarpalmer/atoms": "^0.165",
+		"@oscarpalmer/mora": "^0.26",
+		"@oscarpalmer/toretto": "^0.41"
+	},
+	"devDependencies": {
+		"@oscarpalmer/oui": "^0.19",
+		"@types/node": "^25.5",
+		"@vitest/coverage-istanbul": "^4.1",
+		"jsdom": "^28.1",
+		"tsdown": "^0.21",
+		"typescript": "^5.9",
+		"vite": "npm:@voidzero-dev/vite-plus-core@latest",
+		"vite-plus": "latest",
+		"vitest": "npm:@voidzero-dev/vite-plus-test@latest"
+	},
+	"packageManager": "npm@11.11.1"
 }

package/src/node/attribute/value.ts

@@ -2,8 +2,7 @@ import type {PlainObject} from '@oscarpalmer/atoms/models';
 import {isReactive} from '@oscarpalmer/mora';
 import {
 	isBooleanAttribute,
-	setAttribute as setAttr,
-	setProperty,
+	setAttribute as setTorettoAttribute,
 } from '@oscarpalmer/toretto/attribute';
 import {
 	ATTRIBUTE_CLASS_PREFIX_LENGTH,
@@ -18,7 +17,7 @@ function getCallback(element: HTMLElement | SVGElement, name: string) {
 		return name === 'checked' ? updateChecked : updateProperty;
 	}
 
-	return name === 'value' ? updateValue : setAttr;
+	return name === 'value' ? updateValue : setTorettoAttribute;
 }
 
 export function setAttribute(
@@ -127,7 +126,11 @@ function updateElement(
 		return;
 	}
 
-	setAttr(element, name, value);
+	setTorettoAttribute(element, name, value);
+
+	if ((element as unknown as PlainObject)[property] === next) {
+		return;
+	}
 
 	(element as unknown as PlainObject)[property] = next;
 
@@ -135,7 +138,7 @@ function updateElement(
 }
 
 function updateProperty(element: HTMLElement | SVGElement, name: string, value: unknown): void {
-	setProperty(element, name, value === true);
+	setTorettoAttribute(element, name, value === true);
 }
 
 function updateValue(element: HTMLElement | SVGElement, name: string, value: unknown): void {

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(template, ...values) {
-	return new Fragment(template, values);
-}
-export { fragments, html };

package/types/constants.d.ts

@@ -1,17 +0,0 @@
-export declare const ATTRIBUTE_CLASS_PREFIX_LENGTH = 6;
-export declare const EVENT_DEFAULTS: Record<string, string>;
-export declare const EXPRESSION_ABYDON_ATTRIBUTE_FULL: RegExp;
-export declare const EXPRESSION_ABYDON_ATTRIBUTE_PREFIX: RegExp;
-export declare const EXPRESSION_ABYDON_CONTENT: RegExp;
-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_EVENT_CHANGE_TYPES: RegExp;
-export declare const EXPRESSION_EVENT_NAME: RegExp;
-export declare const EXPRESSION_EVENT_OPTIONS_ACTIVE: RegExp;
-export declare const EXPRESSION_EVENT_OPTIONS_CAPTURE: RegExp;
-export declare const EXPRESSION_EVENT_OPTIONS_ONCE: RegExp;
-export declare const EXPRESSION_EVENT_PREFIX: RegExp;
-export declare const EXPRESSION_PERIOD: RegExp;
-export declare const NAME_FRAGMENT = "$fragment";
-export declare const NAME_FRAGMENTS = "$fragments";

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,20 +0,0 @@
-import '@oscarpalmer/mora';
-import type { ReactiveArray } from '@oscarpalmer/mora';
-import { Fragment } from './fragment';
-import { Fragments } from './fragments';
-/**
- * Create Fragments from a reactive array
- * @param array Reactive array
- * @param identify Function to identify item
- * @param fragment Function to create fragment from item
- * @returns Fragments
- */
-export declare function fragments<Item>(array: ReactiveArray<Item>, identify: (item: Item) => unknown, fragment: (item: Item) => Fragment): Fragments;
-/**
- * Create Fragment from a template
- * @returns Fragment
- */
-export declare function html(template: TemplateStringsArray, ...values: unknown[]): Fragment;
-export * from '@oscarpalmer/mora';
-export type { Fragment } from './fragment';
-export type { Fragments } from './fragments';

package/types/models.d.ts

@@ -1,41 +0,0 @@
-import type { Reactive, ReactiveArray, Unsubscribe } from '@oscarpalmer/mora';
-import type { Fragment } from './fragment';
-export type FragmentConfiguration = {
-    /**
-     * Should the template be cached? _(defaults to `true`)_
-     */
-    cache?: boolean;
-    /**
-     * Identifier for the fragment
-     *
-     * _(An identifier can be used to uniquely identify a fragment,
-     * which helps prevent re-rendering in certain scenarios)_
-     */
-    identifier?: unknown;
-};
-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,2 +0,0 @@
-import type { FragmentData } from '../../models';
-export declare function mapAttributes(data: FragmentData, element: HTMLElement | SVGElement): void;

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

@@ -1,2 +0,0 @@
-import type { FragmentData } from '../../models';
-export declare function setAttribute(data: FragmentData, element: HTMLElement | SVGElement, name: string, value: unknown): void;

package/types/node/event.d.ts

@@ -1 +0,0 @@
-export declare function mapEvent(element: HTMLElement | SVGElement, name: string, value: unknown): 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;