ripple 0.3.13 → 0.3.14

package/tests/client/basic/basic.styling.test.rsrx

@@ -1,4 +1,4 @@
-import { compile } from 'ripple/compiler';
+import { compile } from '@tsrx/ripple';
 
 describe('basic client > styling', () => {
 	it('renders with styling scoped to component', () => {

package/tests/client/compiler/compiler.assignments.test.rsrx

@@ -1,5 +1,5 @@
 import { RippleArray, effect, track, untrack } from 'ripple';
-import { compile } from 'ripple/compiler';
+import { compile } from '@tsrx/ripple';
 
 const EFFECT_BODY_REGEX = /_\$\_\.effect\(\(\) => \{([\s\S]*?)\n\t\}\);/;
 

package/tests/client/compiler/compiler.attributes.test.rsrx

@@ -1,4 +1,4 @@
-import { parse, compile } from 'ripple/compiler';
+import { parse, compile } from '@tsrx/ripple';
 
 describe('compiler > attributes', () => {
 	it('generates valid JavaScript for component props with hyphenated attributes', () => {

package/tests/client/compiler/compiler.basic.test.rsrx

@@ -1,5 +1,5 @@
-import { parse, compile, compile_to_volar_mappings } from 'ripple/compiler';
-import { obfuscate_identifier } from 'ripple/compiler/internal/identifier/utils';
+import { parse, compile, compile_to_volar_mappings } from '@tsrx/ripple';
+import { obfuscateIdentifier } from '@tsrx/core';
 import type * as AST from 'estree';
 
 function count_occurrences(string: string, subString: string): number {
@@ -59,7 +59,7 @@ describe('compiler > basics', () => {
 		const explicit_text = elements[1].children[0] as AST.TextNode;
 
 		expect(elements).toHaveLength(2);
-		expect(expression.type).toBe('RippleExpression');
+		expect(expression.type).toBe('TSRXExpression');
 		expect((expression.expression as AST.Identifier).name).toBe('markup');
 		expect(explicit_text.type).toBe('Text');
 		expect((explicit_text.expression as AST.Identifier).name).toBe('markup');
@@ -321,15 +321,15 @@ describe('compiler > basics', () => {
 	// `;
 	// 			const result = compile_to_volar_mappings(source, 'test.ripple').code;
 
-	// 			expect(count_occurrences(result, obfuscate_identifier('RippleArray'))).toBe(2);
+	// 			expect(count_occurrences(result, obfuscateIdentifier('RippleArray'))).toBe(2);
 	// 			expect(count_occurrences(result, 'TA')).toBe(1);
-	// 			expect(count_occurrences(result, obfuscate_identifier('RippleObject'))).toBe(2);
+	// 			expect(count_occurrences(result, obfuscateIdentifier('RippleObject'))).toBe(2);
 	// 			expect(count_occurrences(result, 'TO')).toBe(1);
-	// 			expect(count_occurrences(result, obfuscate_identifier('RippleSet'))).toBe(2);
+	// 			expect(count_occurrences(result, obfuscateIdentifier('RippleSet'))).toBe(2);
 	// 			expect(count_occurrences(result, 'TS')).toBe(1);
-	// 			expect(count_occurrences(result, obfuscate_identifier('RippleMap'))).toBe(2);
+	// 			expect(count_occurrences(result, obfuscateIdentifier('RippleMap'))).toBe(2);
 	// 			expect(count_occurrences(result, 'TM')).toBe(1);
-	// 			expect(count_occurrences(result, obfuscate_identifier('createRefKey'))).toBe(2);
+	// 			expect(count_occurrences(result, obfuscateIdentifier('createRefKey'))).toBe(2);
 	// 			expect(count_occurrences(result, 'crk')).toBe(1);
 	// 		},
 	// 	);
@@ -347,11 +347,11 @@ describe('compiler > basics', () => {
 	// `;
 	// 		const result = compile_to_volar_mappings(source, 'test.ripple').code;
 
-	// 		expect(count_occurrences(result, obfuscate_identifier('RippleArray'))).toBe(2);
-	// 		expect(count_occurrences(result, obfuscate_identifier('RippleObject'))).toBe(2);
-	// 		expect(count_occurrences(result, obfuscate_identifier('RippleSet'))).toBe(2);
-	// 		expect(count_occurrences(result, obfuscate_identifier('RippleMap'))).toBe(2);
-	// 		expect(count_occurrences(result, obfuscate_identifier('createRefKey'))).toBe(2);
+	// 		expect(count_occurrences(result, obfuscateIdentifier('RippleArray'))).toBe(2);
+	// 		expect(count_occurrences(result, obfuscateIdentifier('RippleObject'))).toBe(2);
+	// 		expect(count_occurrences(result, obfuscateIdentifier('RippleSet'))).toBe(2);
+	// 		expect(count_occurrences(result, obfuscateIdentifier('RippleMap'))).toBe(2);
+	// 		expect(count_occurrences(result, obfuscateIdentifier('createRefKey'))).toBe(2);
 	// 	});
 
 	it('prints longhand tracked property values in to_ts output while preserving [\'#v\']', () => {

package/tests/client/compiler/compiler.tracked-access.test.rsrx

@@ -1,4 +1,4 @@
-import { compile } from 'ripple/compiler';
+import { compile } from '@tsrx/ripple';
 
 describe('Compiler: Tracked Object Direct Access Checks', () => {
 	it('should error on direct access to __v of a tracked object', () => {

package/tests/client/compiler/compiler.try-in-function.test.rsrx

@@ -1,4 +1,4 @@
-import { compile_to_volar_mappings } from 'ripple/compiler';
+import { compile_to_volar_mappings } from '@tsrx/ripple';
 
 function count_occurrences(string: string, sub_string: string): number {
 	let count = 0;

package/tests/client/compiler/compiler.typescript.test.rsrx

@@ -1,4 +1,4 @@
-import { compile } from 'ripple/compiler';
+import { compile } from '@tsrx/ripple';
 
 describe('compiler > typescript', () => {
 	it('compiles TSInstantiationExpression', () => {

package/tests/client/css/global-additional-cases.test.rsrx

@@ -1,5 +1,5 @@
 import { track } from 'ripple';
-import { compile } from 'ripple/compiler';
+import { compile } from '@tsrx/ripple';
 
 describe('CSS :global additional use cases', () => {
 	it('handles :global as modifier with dot notation', () => {

package/tests/client/css/global-advanced-selectors.test.rsrx

@@ -1,4 +1,4 @@
-import { compile } from 'ripple/compiler';
+import { compile } from '@tsrx/ripple';
 
 describe('CSS :global with advanced selectors', () => {
 	it('handles :global with ::slotted()', () => {

package/tests/client/css/global-at-rules.test.rsrx

@@ -1,4 +1,4 @@
-import { compile } from 'ripple/compiler';
+import { compile } from '@tsrx/ripple';
 
 describe('CSS :global with @media and @supports', () => {
 	it('handles :global inside @media queries', () => {

package/tests/client/css/global-basic.test.rsrx

@@ -1,4 +1,4 @@
-import { compile } from 'ripple/compiler';
+import { compile } from '@tsrx/ripple';
 
 describe('CSS :global basic tests', () => {
 	it('applies global selector to all elements', () => {

package/tests/client/css/global-classes-ids.test.rsrx

@@ -1,4 +1,4 @@
-import { compile } from 'ripple/compiler';
+import { compile } from '@tsrx/ripple';
 
 describe('CSS :global with classes and IDs', () => {
 	it('handles :global with single class', () => {

package/tests/client/css/global-combinators.test.rsrx

@@ -1,4 +1,4 @@
-import { compile } from 'ripple/compiler';
+import { compile } from '@tsrx/ripple';
 
 describe('CSS :global with combinators', () => {
 	it('handles :global with child combinator', () => {

package/tests/client/css/global-complex-nesting.test.rsrx

@@ -1,4 +1,4 @@
-import { compile } from 'ripple/compiler';
+import { compile } from '@tsrx/ripple';
 
 describe('CSS :global with complex nesting', () => {
 	it('handles :global block with nested selectors', () => {

package/tests/client/css/global-edge-cases.test.rsrx

@@ -1,4 +1,4 @@
-import { compile } from 'ripple/compiler';
+import { compile } from '@tsrx/ripple';
 
 describe('CSS :global edge cases', () => {
 	it('handles multiple :global selectors in one rule', () => {

package/tests/client/css/global-keyframes.test.rsrx

@@ -1,4 +1,4 @@
-import { compile } from 'ripple/compiler';
+import { compile } from '@tsrx/ripple';
 
 describe('CSS :global with keyframes', () => {
 	it('handles -global- prefix for keyframes', () => {

package/tests/client/css/global-nested.test.rsrx

@@ -1,4 +1,4 @@
-import { compile } from 'ripple/compiler';
+import { compile } from '@tsrx/ripple';
 
 describe('CSS :global nested blocks', () => {
 	it('handles nested global blocks', () => {

package/tests/client/css/global-pseudo.test.rsrx

@@ -1,4 +1,4 @@
-import { compile } from 'ripple/compiler';
+import { compile } from '@tsrx/ripple';
 
 describe('CSS :global with pseudo-classes', () => {
 	it('handles :global with :has()', () => {

package/tests/client/css/global-scoping.test.rsrx

@@ -1,4 +1,4 @@
-import { compile } from 'ripple/compiler';
+import { compile } from '@tsrx/ripple';
 
 describe('CSS :global scoping verification', () => {
 	it('verifies scoped styles are isolated', () => {

package/tests/client/css/style-identifier.test.rsrx

@@ -1,5 +1,5 @@
 import { track } from 'ripple';
-import { compile } from 'ripple/compiler';
+import { compile } from '@tsrx/ripple';
 
 describe('#style identifier', () => {
 	describe('basic usage with components', () => {

package/tests/client/return.test.rsrx

@@ -1,6 +1,6 @@
 import { describe, it, expect } from 'vitest';
 import { flushSync, track } from 'ripple';
-import { compile } from 'ripple/compiler';
+import { compile } from '@tsrx/ripple';
 
 describe('returns in prohibited scopes', () => {
 	it('throws error when return is used in module scope', () => {

package/tests/hydration/build-components.js

@@ -4,7 +4,7 @@
  * Or used as vitest globalSetup
  */
 
-import { compile } from 'ripple/compiler';
+import { compile } from '@tsrx/ripple';
 import { readFileSync, writeFileSync, mkdirSync, readdirSync } from 'fs';
 import { join, basename } from 'path';
 import { fileURLToPath } from 'url';

package/tests/server/style-identifier.test.rsrx

@@ -1,5 +1,5 @@
 import { track } from 'ripple';
-import { compile } from 'ripple/compiler';
+import { compile } from '@tsrx/ripple';
 
 describe('#style identifier (server)', () => {
 	describe('basic usage with components', () => {

package/tests/setup-server.js

@@ -1,6 +1,6 @@
 import { expect } from 'vitest';
 import { render } from 'ripple/server';
-import { compile } from 'ripple/compiler';
+import { compile } from '@tsrx/ripple';
 import { parseHTML } from 'linkedom';
 
 globalThis.render = render;

package/tests/utils/compiler-compat-config.test.js

@@ -1,5 +1,5 @@
 import { describe, expect, it } from 'vitest';
-import { compile } from 'ripple/compiler';
+import { compile } from '@tsrx/ripple';
 
 const source = `
 component App() {

package/src/compiler/comment-utils.js

@@ -1,91 +0,0 @@
-/**
- * @import * as AST from 'estree'
- */
-
-/**
- * Check if a comment is a TypeScript pragma (line comment)
- * @param {AST.CommentWithLocation} comment
- * @returns {boolean}
- */
-export function is_ts_pragma(comment) {
-	if (comment.type !== 'Line') return false;
-
-	const pragmas = ['@ts-ignore', '@ts-expect-error', '@ts-nocheck', '@ts-check'];
-	return pragmas.some((pragma) => comment.value.trimStart().startsWith(pragma));
-}
-
-/**
- * Check if a comment is a triple-slash directive
- * /// <reference path="..." />
- * @param {AST.CommentWithLocation} comment
- * @returns {boolean}
- */
-export function is_triple_slash_directive(comment) {
-	if (comment.type !== 'Line') return false;
-
-	// Triple slash directives start with / after the // is stripped
-	// So the value should start with / followed by <reference, <amd-module, or <amd-dependency
-	const value = comment.value.trim();
-	return /^\/\s*<(reference|amd-module|amd-dependency)/.test(value);
-}
-
-/**
- * Check if a comment is a JSDoc comment with TypeScript annotations
- * Examples: block comments containing `@type`, `@typedef`, `@param`, `@returns`, etc.
- * @param {AST.CommentWithLocation} comment
- * @returns {boolean}
- */
-export function is_jsdoc_ts_annotation(comment) {
-	if (comment.type !== 'Block') return false;
-
-	// JSDoc comments start with /** which means the value starts with * after /* is stripped
-	if (!comment.value.startsWith('*')) return false;
-
-	// Check if it contains TypeScript-relevant tags
-	const tsAnnotations = [
-		'@type',
-		'@typedef',
-		'@param',
-		'@returns',
-		'@template',
-		'@extends',
-		'@implements',
-		'@satisfies',
-		'@overload',
-		'@import',
-	];
-
-	return tsAnnotations.some((annotation) => comment.value.includes(annotation));
-}
-
-/**
- * Check if a comment should be preserved in to_ts mode
- * @param {AST.CommentWithLocation} comment
- * @returns {boolean}
- */
-export function should_preserve_comment(comment) {
-	return (
-		is_ts_pragma(comment) || is_triple_slash_directive(comment) || is_jsdoc_ts_annotation(comment)
-	);
-}
-
-/**
- * Format a comment for output
- * @param {AST.CommentWithLocation} comment
- * @returns {string}
- */
-export function format_comment(comment) {
-	if (comment.type === 'Line') {
-		// Check if it's a triple-slash directive (value starts with /)
-		if (comment.value.trimStart().startsWith('/')) {
-			return `/// ${comment.value.trimStart().slice(1)}`;
-		}
-		return `// ${comment.value.trim()}`;
-	} else {
-		// Block comment - check if it's a JSDoc (value starts with *)
-		if (comment.value.startsWith('*')) {
-			return `/** ${comment.value.trim().slice(1)} */`;
-		}
-		return `/* ${comment.value.trim()} */`;
-	}
-}

package/src/compiler/errors.js

@@ -1,77 +0,0 @@
-/**
-@import * as AST from 'estree';
-@import { RippleCompileError } from 'ripple/compiler';
-*/
-
-/**
- *
- * @param {string} message
- * @param {string | null} filename
- * @param {AST.Node | AST.NodeWithLocation} node
- * @param {RippleCompileError[]} [errors]
- * @param {AST.CommentWithLocation[]} [comments]
- * @returns {void}
- */
-export function error(message, filename, node, errors, comments) {
-	if (errors && comments && is_ripple_error_suppressed(node, comments)) {
-		return;
-	}
-
-	const error = /** @type {RippleCompileError} */ (new Error(message));
-
-	// same as the acorn compiler error
-	error.pos = node.start ?? undefined;
-	error.raisedAt = node.end ?? undefined;
-
-	// custom properties
-	error.fileName = filename;
-	error.end = node.end ?? undefined;
-	error.loc = !node.loc
-		? undefined
-		: {
-				start: {
-					line: node.loc.start.line,
-					column: node.loc.start.column,
-				},
-				end: {
-					line: node.loc.end.line,
-					column: node.loc.end.column,
-				},
-			};
-
-	if (errors) {
-		error.type = 'usage';
-		errors.push(error);
-		return;
-	}
-
-	error.type = 'fatal';
-	throw error;
-}
-
-/**
- * @param {AST.CommentWithLocation} comment
- * @return {boolean}
- */
-function is_ripple_error_suppress_comment(comment) {
-	const text = comment.value.trim();
-	return text.startsWith('@ripple-ignore') || text.startsWith('@ripple-expect-error');
-}
-
-/**
- * @param {AST.Node | AST.NodeWithLocation} node
- * @param {AST.CommentWithLocation[]} comments
- */
-function is_ripple_error_suppressed(node, comments) {
-	if (node.loc) {
-		const node_start_line = node.loc.start.line;
-		for (const comment of comments) {
-			if (comment.type === 'Line' && comment.loc.start.line === node_start_line - 1) {
-				if (is_ripple_error_suppress_comment(comment)) {
-					return true;
-				}
-			}
-		}
-	}
-	return false;
-}

package/src/compiler/identifier-utils.js

@@ -1,80 +0,0 @@
-export const IDENTIFIER_OBFUSCATION_PREFIX = '_$_';
-export const STYLE_IDENTIFIER = IDENTIFIER_OBFUSCATION_PREFIX + encode_utf16_char('#') + 'style';
-export const SERVER_IDENTIFIER = IDENTIFIER_OBFUSCATION_PREFIX + encode_utf16_char('#') + 'server';
-export const CSS_HASH_IDENTIFIER = IDENTIFIER_OBFUSCATION_PREFIX + 'hash';
-
-const DECODE_UTF16_REGEX = /_u([0-9a-fA-F]{4})_/g;
-
-/**
- * @param {string} char
- * @returns {string}
- */
-function encode_utf16_char(char) {
-	return `_u${('0000' + char.charCodeAt(0).toString(16)).slice(-4)}_`;
-}
-
-/**
- * Finds the next uppercase character or returns name.length
- * @param {string} name
- * @param {number} start
- * @returns {number}
- */
-function find_next_uppercase(name, start) {
-	for (let i = start; i < name.length; i++) {
-		if (name[i] === name[i].toUpperCase()) {
-			return i;
-		}
-	}
-	return name.length;
-}
-
-/**
- * @param {string} encoded
- * @returns {string}
- */
-function decode_utf16_string(encoded) {
-	return encoded.replace(DECODE_UTF16_REGEX, (_, hex) => String.fromCharCode(parseInt(hex, 16)));
-}
-
-/**
- * @param {string} name
- * @returns {string}
- */
-export function obfuscate_identifier(name) {
-	const first_char = name[0];
-	let start = 0;
-	if (first_char === '@' || first_char === '#') {
-		const encoded = encode_utf16_char(first_char);
-		name = encoded + name.slice(1);
-		start = encoded.length;
-	} else if (first_char === first_char.toUpperCase()) {
-		start = 1;
-	}
-	const index = find_next_uppercase(name, start);
-
-	const first_part = name.slice(0, index);
-	const second_part = name.slice(index);
-
-	return (
-		IDENTIFIER_OBFUSCATION_PREFIX +
-		(second_part ? second_part + '__' + first_part : first_part + '__')
-	);
-}
-
-/**
- * @param {string} name
- * @returns {boolean}
- */
-export function is_identifier_obfuscated(name) {
-	return name.startsWith(IDENTIFIER_OBFUSCATION_PREFIX);
-}
-
-/**
- * @param {string} name
- * @returns {string}
- */
-export function deobfuscate_identifier(name) {
-	name = name.replaceAll(IDENTIFIER_OBFUSCATION_PREFIX, '');
-	const parts = name.split('__');
-	return decode_utf16_string((parts[1] ? parts[1] : '') + parts[0]);
-}

package/src/compiler/index.d.ts

@@ -1,127 +0,0 @@
-import type * as AST from 'estree';
-import type {
-	CodeInformation as VolarCodeInformation,
-	Mapping as VolarMapping,
-} from '@volar/language-core';
-import type { DocumentHighlightKind } from 'vscode-languageserver-types';
-import type { RawSourceMap } from 'source-map';
-
-// ============================================================================
-// Compiler API Exports
-// ============================================================================
-/**
- * Result of compilation operation
- */
-export interface CompileResult {
-	/** The transformed AST */
-	ast: AST.Program;
-	/** The generated JavaScript code with source map */
-	js: {
-		code: string;
-		map: RawSourceMap;
-	};
-	/** The generated CSS */
-	css: string;
-}
-
-export interface DefinitionLocation {
-	embeddedId: string; // e.g., 'style_0', 'style_1'
-	start: number; // start offset
-	end: number; // end offset
-}
-
-export interface PluginActionOverrides {
-	/** Whether to enable word document highlighting for this mapping */
-	wordHighlight?: {
-		kind: DocumentHighlightKind;
-	};
-	/** TypeScript diagnostic codes to suppress for this mapping */
-	suppressedDiagnostics?: number[];
-	/** Custom hover documentation for this mapping, false to disable */
-	hover?: string | false | ((content: string) => string);
-	/** Custom definition info for this mapping, false to disable */
-	definition?:
-		| {
-				description?: string; // just for reference
-				// Generic location for embedded content (CSS, etc.)
-				location?: DefinitionLocation;
-				// Replace the type name in hover/definition with a different name
-				// And provide the path to import the type definitions from
-				// the `ripple` package directory, e.g. `types/index.d.ts`
-				// Currently only supported by the definition plugin
-				typeReplace?: {
-					name: string;
-					path: string;
-				};
-		  }
-		| false;
-}
-
-export interface CustomMappingData extends PluginActionOverrides {
-	embeddedId?: string; // e.g. css regions: 'style_0', 'style_1', etc.
-	content?: string; // (e.g., css code)
-}
-
-export interface MappingData extends VolarCodeInformation {
-	customData: CustomMappingData;
-}
-
-export interface CodeMapping extends Omit<VolarMapping<MappingData>, 'generatedLengths'> {
-	generatedLengths: number[];
-	data: MappingData;
-}
-
-export interface VolarMappingsResult {
-	code: string;
-	mappings: CodeMapping[];
-	cssMappings: CodeMapping[];
-	errors: RippleCompileError[];
-}
-
-export interface RippleCompileError extends Error {
-	pos: number | undefined;
-	raisedAt: number | undefined;
-	end: number | undefined;
-	loc: AST.SourceLocation | undefined;
-	fileName: string | null;
-	type: 'fatal' | 'usage';
-}
-
-/**
- * Compilation options
- */
-
-interface SharedCompileOptions {
-	minify_css?: boolean;
-	dev?: boolean;
-}
-export interface CompileOptions extends SharedCompileOptions {
-	mode?: 'client' | 'server';
-	hmr?: boolean;
-	compat_kinds?: string[];
-}
-
-export interface ParseOptions {
-	loose?: boolean;
-	errors?: RippleCompileError[];
-	comments?: AST.CommentWithLocation[];
-}
-
-export interface AnalyzeOptions
-	extends ParseOptions, Pick<CompileOptions, 'mode' | 'compat_kinds'> {
-	errors?: RippleCompileError[];
-	to_ts?: boolean;
-}
-
-export interface VolarCompileOptions
-	extends Omit<ParseOptions, 'errors' | 'comments'>, SharedCompileOptions {}
-
-export function parse(source: string, options?: ParseOptions): AST.Program;
-
-export function compile(source: string, filename: string, options?: CompileOptions): CompileResult;
-
-export function compile_to_volar_mappings(
-	source: string,
-	filename: string,
-	options?: VolarCompileOptions,
-): VolarMappingsResult;