ripple 0.3.44 → 0.3.45

package/src/utils/escaping.js

@@ -1,37 +0,0 @@
-const ATTR_REGEX = /[&"<]/g;
-const CONTENT_REGEX = /[&<]/g;
-const OPEN_TAG_REGEX = /</g;
-const CLOSE_TAG_REGEX = />/g;
-
-/**
- * @template V
- * @param {V} value
- * @param {boolean} [is_attr]
- */
-export function escape(value, is_attr) {
-	const str = String(value ?? '');
-
-	const pattern = is_attr ? ATTR_REGEX : CONTENT_REGEX;
-	pattern.lastIndex = 0;
-
-	let escaped = '';
-	let last = 0;
-
-	while (pattern.test(str)) {
-		const i = pattern.lastIndex - 1;
-		const ch = str[i];
-		escaped += str.substring(last, i) + (ch === '&' ? '&amp;' : ch === '"' ? '&quot;' : '&lt;');
-		last = i + 1;
-	}
-
-	return escaped + str.substring(last);
-}
-
-/**
- * Escapes characters that can prematurely terminate inline script tags.
- * @param {string} str
- * @returns {string}
- */
-export function escape_script(str) {
-	return str.replace(OPEN_TAG_REGEX, '\\u003c').replace(CLOSE_TAG_REGEX, '\\u003e');
-}

package/src/utils/events.js

@@ -1,154 +0,0 @@
-/** @import { AddEventObject } from '#public'*/
-
-const NON_DELEGATED_EVENTS = new Set([
-	'abort',
-	'afterprint',
-	'beforeprint',
-	'beforetoggle',
-	'beforeunload',
-	'blur',
-	'close',
-	'command',
-	'contextmenu',
-	'cuechange',
-	'DOMContentLoaded',
-	'error',
-	'focus',
-	'invalid',
-	'load',
-	'loadend',
-	'loadstart',
-	'mouseenter',
-	'mouseleave',
-	'pointerenter',
-	'pointerleave',
-	'progress',
-	'readystatechange',
-	'resize',
-	'scroll',
-	'scrollend',
-	'toggle',
-	'unload',
-	'visibilitychange',
-	// Media Events
-	'canplay',
-	'canplaythrough',
-	'durationchange',
-	'emptied',
-	'encrypted',
-	'ended',
-	'loadeddata',
-	'loadedmetadata',
-	'loadstart',
-	'pause',
-	'play',
-	'playing',
-	'progress',
-	'ratechange',
-	'seeked',
-	'seeking',
-	'stalled',
-	'suspend',
-	'timeupdate',
-	'volumechange',
-	'waiting',
-	'waitingforkey',
-]);
-
-/**
- * Checks if an event should be delegated
- * @param {string} event_name - The event name (e.g., 'click', 'focus')
- * @returns {boolean}
- */
-export function is_non_delegated(event_name) {
-	return NON_DELEGATED_EVENTS.has(event_name);
-}
-
-/**
- * Determines if an attribute is an event attribute (e.g., 'onClick').
- * @param {string} attr - The attribute name.
- * @returns {boolean}
- */
-export function is_event_attribute(attr) {
-	return attr.startsWith('on') && attr.length > 2 && attr[2] === attr[2].toUpperCase();
-}
-
-/**
- * Checks if the event is a capture event.
- * @param {string} event_name - The event name.
- * @returns {boolean}
- */
-export function is_capture_event(event_name) {
-	var lowered = event_name.toLowerCase();
-	return (
-		event_name.endsWith('Capture') &&
-		lowered !== 'gotpointercapture' &&
-		lowered !== 'lostpointercapture'
-	);
-}
-
-/**
- * Retrieves the original event name from an event attribute.
- * @param {string} name
- * @returns {string}
- */
-export function get_original_event_name(name) {
-	return name.slice(2);
-}
-
-/**
- * Normalizes the event name to lowercase.
- * @param {string} name
- * @returns {string}
- */
-export function normalize_event_name(name) {
-	return extract_event_name(name).toLowerCase();
-}
-
-/**
- * Extracts the base event name from an event attribute.
- * @param {string} name
- * @returns {string}
- */
-function extract_event_name(name) {
-	name = get_original_event_name(name);
-
-	if (is_capture_event(name)) {
-		return event_name_from_capture(name);
-	}
-	return name;
-}
-
-/**
- * Converts a capture event name to its base event name.
- * @param {string} event_name
- * @returns {string}
- */
-export function event_name_from_capture(event_name) {
-	return event_name.slice(0, -7); // strip "Capture"
-}
-
-/**
- * Converts an event attribute name to the actual event name.
- * @param {string} name
- * @param {EventListener | AddEventObject} handler
- * @returns {string}
- */
-export function get_attribute_event_name(name, handler) {
-	name = extract_event_name(name);
-
-	return typeof handler === 'object' && handler.customName
-		? handler.customName
-		: name.toLowerCase();
-}
-
-const PASSIVE_EVENTS = ['touchstart', 'touchmove', 'wheel', 'mousewheel'];
-
-/**
- * Checks if an event is passive (e.g., 'touchstart', 'touchmove').
- * @param {string} name - The event name.
- * @returns {boolean}
- */
-export function is_passive_event(name) {
-	return PASSIVE_EVENTS.includes(name);
-}

package/src/utils/normalize_css_property_name.js

@@ -1,23 +0,0 @@
-/** @type {Map<string, string>} */
-const normalized_properties_cache = new Map();
-
-/**
- * Takes a camelCased string and returns a hyphenated string
- * @param {string} str
- * @returns {string}
- * @example
- * normalize_css_property_name('backgroundColor') // 'background-color'
- */
-export function normalize_css_property_name(str) {
-	if (str.startsWith('--')) return str;
-
-	let normalized_result = normalized_properties_cache.get(str);
-	if (normalized_result != null) {
-		return normalized_result;
-	}
-
-	normalized_result = str.replace(/[A-Z]/g, (m) => '-' + m.toLowerCase());
-	normalized_properties_cache.set(str, normalized_result);
-
-	return normalized_result;
-}

package/src/utils/patterns.js

@@ -1,24 +0,0 @@
-export const regex_whitespace = /\s/;
-export const regex_whitespaces = /\s+/;
-export const regex_starts_with_newline = /^\r?\n/;
-export const regex_starts_with_whitespace = /^\s/;
-export const regex_starts_with_whitespaces = /^[ \t\r\n]+/;
-export const regex_ends_with_whitespace = /\s$/;
-export const regex_ends_with_whitespaces = /[ \t\r\n]+$/;
-/** Not \S because that also removes explicit whitespace defined through things like ` ` */
-export const regex_not_whitespace = /[^ \t\r\n]/;
-/** Not \s+ because that also includes explicit whitespace defined through things like ` ` */
-export const regex_whitespaces_strict = /[ \t\n\r\f]+/g;
-
-export const regex_only_whitespaces = /^[ \t\n\r\f]+$/;
-
-export const regex_newline_characters = /\n/g;
-export const regex_not_newline_characters = /[^\n]/g;
-
-export const regex_is_valid_identifier = /^[a-zA-Z_$][a-zA-Z_$0-9]*$/;
-// used in replace all to remove all invalid chars from a literal identifier
-export const regex_invalid_identifier_chars = /(^[^a-zA-Z_$]|[^a-zA-Z0-9_$])/g;
-
-export const regex_starts_with_vowel = /^[aeiou]/;
-export const regex_heading_tags = /^h[1-6]$/;
-export const regex_illegal_attribute_character = /(^[0-9-.])|[\^$@%&#?!|()[\]{}^*+~;]/;

package/src/utils/sanitize_template_string.js

@@ -1,7 +0,0 @@
-/**
- * @param {string | null | undefined} str
- * @returns {string}
- */
-export function sanitize_template_string(str) {
-	return (str ?? '').replace(/(`|\${|\\)/g, '\\$1');
-}

package/tests/utils/double-quoted-text-children.test.js

@@ -1,16 +0,0 @@
-import { describe, expect, it } from 'vitest';
-import { compile } from '@tsrx/ripple';
-
-describe('double-quoted text children', () => {
-	it('decodes JSX-style entities before server text escaping', () => {
-		const result = compile(
-			`component App() {
-				<div>"Rock &amp; &quot;Roll&quot;"</div>
-			}`,
-			'/src/App.tsrx',
-			{ mode: 'server' },
-		);
-
-		expect(result.js.code).toContain(`_$_.output_push('Rock &amp; "Roll"')`);
-	});
-});

package/tests/utils/escaping.test.js

@@ -1,104 +0,0 @@
-import { describe, it, expect } from 'vitest';
-import { escape } from '../../src/utils/escaping.js';
-
-describe('escape utility', () => {
-	describe('content escaping (is_attr = false)', () => {
-		it('should escape & to &', () => {
-			expect(escape('foo & bar', false)).toBe('foo & bar');
-		});
-
-		it('should escape < to &lt;', () => {
-			expect(escape('foo < bar', false)).toBe('foo &lt; bar');
-		});
-
-		it('should escape multiple special characters', () => {
-			expect(escape('a & b < c', false)).toBe('a &amp; b &lt; c');
-		});
-
-		it('should not escape double quotes in content', () => {
-			expect(escape('foo "bar" baz', false)).toBe('foo "bar" baz');
-		});
-
-		it('should handle empty string', () => {
-			expect(escape('', false)).toBe('');
-		});
-
-		it('should handle string with no special characters', () => {
-			expect(escape('hello world', false)).toBe('hello world');
-		});
-
-		it('should handle null values', () => {
-			expect(escape(null, false)).toBe('');
-		});
-
-		it('should handle undefined values', () => {
-			expect(escape(undefined, false)).toBe('');
-		});
-
-		it('should handle numbers', () => {
-			expect(escape(123, false)).toBe('123');
-		});
-
-		it('should escape consecutive special characters', () => {
-			expect(escape('&&<<', false)).toBe('&amp;&amp;&lt;&lt;');
-		});
-
-		it('should handle special characters at start', () => {
-			expect(escape('&hello', false)).toBe('&amp;hello');
-		});
-
-		it('should handle special characters at end', () => {
-			expect(escape('hello<', false)).toBe('hello&lt;');
-		});
-	});
-
-	describe('attribute escaping (is_attr = true)', () => {
-		it('should escape & to &amp;', () => {
-			expect(escape('foo & bar', true)).toBe('foo &amp; bar');
-		});
-
-		it('should escape < to &lt;', () => {
-			expect(escape('foo < bar', true)).toBe('foo &lt; bar');
-		});
-
-		it('should escape " to &quot;', () => {
-			expect(escape('foo "bar" baz', true)).toBe('foo &quot;bar&quot; baz');
-		});
-
-		it('should escape all three special characters', () => {
-			expect(escape('a & b < c "d"', true)).toBe('a &amp; b &lt; c &quot;d&quot;');
-		});
-
-		it('should handle empty string', () => {
-			expect(escape('', true)).toBe('');
-		});
-
-		it('should handle string with no special characters', () => {
-			expect(escape('hello world', true)).toBe('hello world');
-		});
-
-		it('should handle null values', () => {
-			expect(escape(null, true)).toBe('');
-		});
-
-		it('should handle undefined values', () => {
-			expect(escape(undefined, true)).toBe('');
-		});
-
-		it('should escape consecutive quotes', () => {
-			expect(escape('"""', true)).toBe('&quot;&quot;&quot;');
-		});
-
-		it('should handle mixed escaping', () => {
-			expect(escape('<div class="foo & bar">', true)).toBe(
-				'&lt;div class=&quot;foo &amp; bar&quot;>',
-			);
-		});
-	});
-
-	describe('default parameter behavior', () => {
-		it('should default to content escaping when is_attr is undefined', () => {
-			expect(escape('foo "bar"')).toBe('foo "bar"');
-		});
-	});
-});

package/tests/utils/events.test.js

@@ -1,158 +0,0 @@
-/** @import { AddEventObject } from '#public'*/
-
-import { describe, it, expect } from 'vitest';
-import {
-	is_non_delegated,
-	is_event_attribute,
-	get_attribute_event_name,
-	is_passive_event,
-	is_capture_event,
-} from '../../src/utils/events.js';
-
-describe('events utility', () => {
-	describe('is event delegated', () => {
-		it('should confirm delegated events', () => {
-			expect(is_non_delegated('click')).toBe(false);
-			expect(is_non_delegated('input')).toBe(false);
-			expect(is_non_delegated('change')).toBe(false);
-			expect(is_non_delegated('mousedown')).toBe(false);
-			expect(is_non_delegated('keydown')).toBe(false);
-			expect(is_non_delegated('pointerdown')).toBe(false);
-			expect(is_non_delegated('touchstart')).toBe(false);
-			expect(is_non_delegated('focusin')).toBe(false);
-			expect(is_non_delegated('focusout')).toBe(false);
-		});
-
-		it('should confirm non-delegated events', () => {
-			expect(is_non_delegated('focus')).toBe(true);
-			expect(is_non_delegated('blur')).toBe(true);
-			expect(is_non_delegated('scroll')).toBe(true);
-			expect(is_non_delegated('load')).toBe(true);
-			expect(is_non_delegated('resize')).toBe(true);
-		});
-
-		it('should confirm that events with any capital letters are delegated', () => {
-			expect(is_non_delegated('Click')).toBe(false);
-			expect(is_non_delegated('CLICK')).toBe(false);
-		});
-	});
-
-	describe('is_event_attribute', () => {
-		it('should return true for valid event attributes', () => {
-			expect(is_event_attribute('onClick')).toBe(true);
-			expect(is_event_attribute('onInput')).toBe(true);
-			expect(is_event_attribute('onChange')).toBe(true);
-			expect(is_event_attribute('onMouseDown')).toBe(true);
-			expect(is_event_attribute('onKeyPress')).toBe(true);
-			expect(is_event_attribute('on-click')).toBe(true);
-			expect(is_event_attribute('on_click')).toBe(true);
-			expect(is_event_attribute('on$click')).toBe(true);
-			expect(is_event_attribute('on$')).toBe(true);
-			expect(is_event_attribute('on-')).toBe(true);
-			expect(is_event_attribute('on_')).toBe(true);
-			expect(is_event_attribute('on1')).toBe(true);
-			expect(is_event_attribute('on1click')).toBe(true);
-		});
-
-		it('should return false for non-event attributes', () => {
-			expect(is_event_attribute('on')).toBe(false);
-			expect(is_event_attribute('onclick')).toBe(false);
-			expect(is_event_attribute('class')).toBe(false);
-			expect(is_event_attribute('id')).toBe(false);
-			expect(is_event_attribute('value')).toBe(false);
-			expect(is_event_attribute('aria-label')).toBe(false);
-		});
-
-		it('should require uppercase third character', () => {
-			expect(is_event_attribute('onabc')).toBe(false);
-			expect(is_event_attribute('onAbc')).toBe(true);
-		});
-
-		it('should require at least 3 characters', () => {
-			expect(is_event_attribute('onA')).toBe(true);
-			expect(is_event_attribute('on')).toBe(false);
-			expect(is_event_attribute('o')).toBe(false);
-			expect(is_event_attribute('')).toBe(false);
-		});
-	});
-
-	describe('get_attribute_event_name', () => {
-		it('should convert event attribute names to lowercase and strip "on" prefix', () => {
-			const fn = () => {};
-			expect(get_attribute_event_name('onClick', fn)).toBe('click');
-			expect(get_attribute_event_name('onInput', fn)).toBe('input');
-			expect(get_attribute_event_name('onMouseDown', fn)).toBe('mousedown');
-			expect(get_attribute_event_name('onKeyPress', fn)).toBe('keypress');
-			expect(get_attribute_event_name('onChange', fn)).toBe('change');
-			expect(get_attribute_event_name('onFocus', fn)).toBe('focus');
-		});
-
-		it('should keep event attribute names letter case and strip "on" prefix', () => {
-			/** @type AddEventObject */
-			const customHandler = { handleEvent: () => {} };
-			expect(get_attribute_event_name('onClick', { ...customHandler, customName: 'Click' })).toBe(
-				'Click',
-			);
-			expect(get_attribute_event_name('onInput', { ...customHandler, customName: 'Input' })).toBe(
-				'Input',
-			);
-			expect(
-				get_attribute_event_name('onMouseDown', { ...customHandler, customName: 'MouseDown' }),
-			).toBe('MouseDown');
-		});
-	});
-
-	describe('is_capture_event', () => {
-		it('should return true for capture events', () => {
-			expect(is_capture_event('clickCapture')).toBe(true);
-			expect(is_capture_event('mousedownCapture')).toBe(true);
-			expect(is_capture_event('keydownCapture')).toBe(true);
-		});
-
-		it('should return false for non-capture events', () => {
-			expect(is_capture_event('click')).toBe(false);
-			expect(is_capture_event('mousedown')).toBe(false);
-			expect(is_capture_event('mousedown')).toBe(false);
-		});
-
-		it('should exclude gotpointercapture and lostpointercapture', () => {
-			expect(is_capture_event('gotpointercapture')).toBe(false);
-			expect(is_capture_event('lostpointercapture')).toBe(false);
-			expect(is_capture_event('gotPointerCapture')).toBe(false);
-			expect(is_capture_event('lostPointerCapture')).toBe(false);
-		});
-
-		it('should be case-insensitive for pointer capture events', () => {
-			expect(is_capture_event('GOTPOINTERCAPTURE')).toBe(false);
-			expect(is_capture_event('LOSTPOINTERCAPTURE')).toBe(false);
-		});
-
-		it('should be case-sensitive for other events', () => {
-			expect(is_capture_event('clickCapture')).toBe(true);
-			expect(is_capture_event('keypressCapture')).toBe(true);
-			expect(is_capture_event('clickcapture')).toBe(false);
-			expect(is_capture_event('keypresscapture')).toBe(false);
-		});
-	});
-
-	describe('is_passive_event', () => {
-		it('should return true for passive events', () => {
-			expect(is_passive_event('touchstart')).toBe(true);
-			expect(is_passive_event('touchmove')).toBe(true);
-			expect(is_passive_event('wheel')).toBe(true);
-			expect(is_passive_event('mousewheel')).toBe(true);
-		});
-
-		it('should return false for non-passive events', () => {
-			expect(is_passive_event('click')).toBe(false);
-			expect(is_passive_event('mousedown')).toBe(false);
-			expect(is_passive_event('touchend')).toBe(false);
-			expect(is_passive_event('scroll')).toBe(false);
-		});
-
-		it('should be case-sensitive', () => {
-			expect(is_passive_event('TouchStart')).toBe(false);
-			expect(is_passive_event('TOUCHMOVE')).toBe(false);
-		});
-	});
-});

package/tests/utils/normalize_css_property_name.test.js

@@ -1,42 +0,0 @@
-import { describe, it, expect } from 'vitest';
-import { normalize_css_property_name } from '../../src/utils/normalize_css_property_name.js';
-
-describe('normalize_css_property_name utility', () => {
-	it('should convert camelCase to kebab-case', () => {
-		expect(normalize_css_property_name('backgroundColor')).toBe('background-color');
-		expect(normalize_css_property_name('fontSize')).toBe('font-size');
-		expect(normalize_css_property_name('marginTop')).toBe('margin-top');
-		expect(normalize_css_property_name('borderRadius')).toBe('border-radius');
-	});
-
-	it('should handle multiple uppercase letters', () => {
-		expect(normalize_css_property_name('WebkitTransform')).toBe('-webkit-transform');
-		expect(normalize_css_property_name('MozAppearance')).toBe('-moz-appearance');
-	});
-
-	it('should preserve CSS custom properties (starting with --)', () => {
-		expect(normalize_css_property_name('--custom-property')).toBe('--custom-property');
-		expect(normalize_css_property_name('--myColor')).toBe('--myColor');
-		expect(normalize_css_property_name('--themePrimary')).toBe('--themePrimary');
-	});
-
-	it('should handle already lowercase properties', () => {
-		expect(normalize_css_property_name('color')).toBe('color');
-		expect(normalize_css_property_name('display')).toBe('display');
-		expect(normalize_css_property_name('position')).toBe('position');
-		expect(normalize_css_property_name('z-index')).toBe('z-index');
-	});
-
-	it('should handle consecutive uppercase letters', () => {
-		expect(normalize_css_property_name('HTMLElement')).toBe('-h-t-m-l-element');
-	});
-
-	it('should handle empty string', () => {
-		expect(normalize_css_property_name('')).toBe('');
-	});
-
-	it('should handle complex property names', () => {
-		expect(normalize_css_property_name('borderTopLeftRadius')).toBe('border-top-left-radius');
-		expect(normalize_css_property_name('textDecorationColor')).toBe('text-decoration-color');
-	});
-});