@ripple-ts/vite-plugin 0.3.72 → 0.3.76

package/CHANGELOG.md

@@ -1,5 +1,61 @@
 # @ripple-ts/vite-plugin
 
+## 0.3.76
+
+### Patch Changes
+
+- Updated dependencies
+  [[`6fd49c9`](https://github.com/Ripple-TS/ripple/commit/6fd49c9dd737e889844e254763f66e13ea4a7241)]:
+  - @tsrx/ripple@0.1.24
+  - @ripple-ts/adapter@0.3.76
+
+## 0.3.75
+
+### Patch Changes
+
+- Updated dependencies
+  [[`88a254c`](https://github.com/Ripple-TS/ripple/commit/88a254c69953a5ace33bc10047f11052ec598672),
+  [`4c5f992`](https://github.com/Ripple-TS/ripple/commit/4c5f992b9a11e1f26abee476a6add89f959169bc),
+  [`186b3b2`](https://github.com/Ripple-TS/ripple/commit/186b3b2557761ff06c9056bf2e0b7ab8c7692477)]:
+  - @tsrx/ripple@0.1.23
+  - @ripple-ts/adapter@0.3.75
+
+## 0.3.74
+
+### Patch Changes
+
+- Updated dependencies
+  [[`5d33325`](https://github.com/Ripple-TS/ripple/commit/5d3332564109d228af5e02c0f68ca4a318766649),
+  [`5d33325`](https://github.com/Ripple-TS/ripple/commit/5d3332564109d228af5e02c0f68ca4a318766649),
+  [`5d33325`](https://github.com/Ripple-TS/ripple/commit/5d3332564109d228af5e02c0f68ca4a318766649),
+  [`5d33325`](https://github.com/Ripple-TS/ripple/commit/5d3332564109d228af5e02c0f68ca4a318766649),
+  [`5d33325`](https://github.com/Ripple-TS/ripple/commit/5d3332564109d228af5e02c0f68ca4a318766649),
+  [`5d33325`](https://github.com/Ripple-TS/ripple/commit/5d3332564109d228af5e02c0f68ca4a318766649),
+  [`5d33325`](https://github.com/Ripple-TS/ripple/commit/5d3332564109d228af5e02c0f68ca4a318766649),
+  [`5d33325`](https://github.com/Ripple-TS/ripple/commit/5d3332564109d228af5e02c0f68ca4a318766649),
+  [`5d33325`](https://github.com/Ripple-TS/ripple/commit/5d3332564109d228af5e02c0f68ca4a318766649),
+  [`5d33325`](https://github.com/Ripple-TS/ripple/commit/5d3332564109d228af5e02c0f68ca4a318766649),
+  [`5d33325`](https://github.com/Ripple-TS/ripple/commit/5d3332564109d228af5e02c0f68ca4a318766649),
+  [`5d33325`](https://github.com/Ripple-TS/ripple/commit/5d3332564109d228af5e02c0f68ca4a318766649),
+  [`5d33325`](https://github.com/Ripple-TS/ripple/commit/5d3332564109d228af5e02c0f68ca4a318766649)]:
+  - @tsrx/ripple@0.1.22
+  - @ripple-ts/adapter@0.3.74
+
+## 0.3.73
+
+### Patch Changes
+
+- [#1198](https://github.com/Ripple-TS/ripple/pull/1198)
+  [`1de66b8`](https://github.com/Ripple-TS/ripple/commit/1de66b8f851849597b6078dab7af2699e49b0e21)
+  Thanks [@trueadm](https://github.com/trueadm)! - Remove the unused namespaced
+  TSX island feature and React bridge package.
+
+- Updated dependencies
+  [[`e738e11`](https://github.com/Ripple-TS/ripple/commit/e738e1153694f56f35cfcab8982d897d7199d85a),
+  [`1de66b8`](https://github.com/Ripple-TS/ripple/commit/1de66b8f851849597b6078dab7af2699e49b0e21)]:
+  - @tsrx/ripple@0.1.21
+  - @ripple-ts/adapter@0.3.73
+
 ## 0.3.72
 
 ### Patch Changes

package/package.json

@@ -3,7 +3,7 @@
   "description": "Vite plugin for Ripple",
   "license": "MIT",
   "author": "Dominic Gannaway",
-  "version": "0.3.72",
+  "version": "0.3.76",
   "type": "module",
   "module": "src/index.js",
   "main": "src/index.js",
@@ -32,14 +32,14 @@
     "url": "https://github.com/Ripple-TS/ripple/issues"
   },
   "dependencies": {
-    "@ripple-ts/adapter": "0.3.72",
-    "@tsrx/ripple": "0.1.20"
+    "@ripple-ts/adapter": "0.3.76",
+    "@tsrx/ripple": "0.1.24"
   },
   "devDependencies": {
     "@types/node": "^24.3.0",
     "type-fest": "^5.6.0",
     "vite": "^8.0.12",
-    "ripple": "0.3.72"
+    "ripple": "0.3.76"
   },
   "publishConfig": {
     "access": "public"

package/src/index.js

@@ -24,12 +24,9 @@ import {
 import { ENTRY_FILENAME } from './constants.js';
 import {
 	RESOLVED_ADAPTER_BROWSER_STUB_ID,
-	RESOLVED_VIRTUAL_COMPAT_ID,
 	SERVER_ONLY_ADAPTER_IDS,
-	VIRTUAL_COMPAT_ID,
 	create_adapter_browser_stub_source,
 	create_client_entry_source,
-	create_compat_virtual_module,
 	to_vite_root_import,
 	write_project_generated_file,
 } from './project-codegen.js';
@@ -1083,10 +1080,6 @@ export function ripple(inlineOptions = {}) {
 					return RESOLVED_VIRTUAL_HYDRATE_ID;
 				}
 
-				if (id === VIRTUAL_COMPAT_ID) {
-					return RESOLVED_VIRTUAL_COMPAT_ID;
-				}
-
 				// Skip non-package imports (relative/absolute paths)
 				if (id.startsWith('.') || id.startsWith('/') || id.includes(':')) {
 					return null;
@@ -1131,11 +1124,6 @@ export function ripple(inlineOptions = {}) {
 					return create_adapter_browser_stub_source();
 				}
 
-				if (id === RESOLVED_VIRTUAL_COMPAT_ID) {
-					const compat_config = await get_current_ripple_config();
-					return create_compat_virtual_module(compat_config);
-				}
-
 				// Handle virtual hydrate module
 				if (id === RESOLVED_VIRTUAL_HYDRATE_ID) {
 					const file = write_project_generated_file(
@@ -1162,16 +1150,10 @@ export function ripple(inlineOptions = {}) {
 					const ssr = opts?.ssr === true || this.environment.config.consumer === 'server';
 
 					const is_dev = config?.command === 'serve';
-					const current_ripple_config = await get_current_ripple_config();
-
 					let { code, css, map } = await compile(source_code, filename, {
 						mode: ssr ? 'server' : 'client',
 						dev: is_dev,
 						hmr: is_dev && !ssr,
-						compat_kinds:
-							current_ripple_config === null
-								? undefined
-								: Object.keys(current_ripple_config.compat),
 					});
 
 					// Track modules with `module server` declarations for RPC (client build only)

package/src/load-config.js

@@ -15,7 +15,7 @@
  * and the generated production server entry.
  */
 
-/** @import { CompatFactoryConfig, RippleConfigOptions, ResolvedRippleConfig } from '@ripple-ts/vite-plugin' */
+/** @import { RippleConfigOptions, ResolvedRippleConfig } from '@ripple-ts/vite-plugin' */
 
 import path from 'node:path';
 import fs from 'node:fs';
@@ -24,61 +24,6 @@ import { DEFAULT_OUTDIR } from './constants.js';
 
 const RIPPLE_EXTENSION_PATTERN = /\.tsrx$/;
 
-/**
- * @param {unknown} entry
- * @returns {entry is CompatFactoryConfig}
- */
-function is_compat_descriptor(entry) {
-	return !!entry && typeof entry === 'object' && 'from' in entry;
-}
-
-/**
- * @param {unknown} entry
- * @returns {entry is { __ripple_compat__: CompatFactoryConfig }}
- */
-function is_compat_branded_entry(entry) {
-	return (
-		!!entry &&
-		(typeof entry === 'function' || typeof entry === 'object') &&
-		'__ripple_compat__' in entry &&
-		is_compat_descriptor(entry.__ripple_compat__)
-	);
-}
-
-/**
- * @param {string} kind
- * @param {unknown} entry
- * @returns {CompatFactoryConfig}
- */
-function normalize_compat_entry(kind, entry) {
-	if (is_compat_branded_entry(entry)) {
-		entry = entry.__ripple_compat__;
-	}
-
-	if (!is_compat_descriptor(entry)) {
-		throw new Error(
-			`[@ripple-ts/vite-plugin] ripple.config.ts compat.${kind} must be either a compat descriptor, a compat factory, or an invoked compat entry.`,
-		);
-	}
-
-	if (typeof entry.from !== 'string' || entry.from.length === 0) {
-		throw new Error(
-			`[@ripple-ts/vite-plugin] ripple.config.ts compat.${kind}.from must be a non-empty string.`,
-		);
-	}
-
-	if (entry.factory !== undefined && typeof entry.factory !== 'string') {
-		throw new Error(
-			`[@ripple-ts/vite-plugin] ripple.config.ts compat.${kind}.factory must be a string when provided.`,
-		);
-	}
-
-	return {
-		from: entry.from,
-		...(entry.factory ? { factory: entry.factory } : {}),
-	};
-}
-
 /**
  * @param {unknown} route
  * @returns {void}
@@ -196,12 +141,6 @@ export function resolveRippleConfig(raw, options = {}) {
 		},
 		rootBoundary: raw.rootBoundary ?? {},
 		middlewares: raw.middlewares ?? [],
-		compat: Object.fromEntries(
-			Object.entries(raw.compat ?? {}).map(([kind, entry]) => [
-				kind,
-				normalize_compat_entry(kind, entry),
-			]),
-		),
 		platform: {
 			env: raw.platform?.env ?? {},
 		},

package/src/project-codegen.js

@@ -1,11 +1,8 @@
 /** @import { ResolvedConfig } from 'vite' */
-/** @import { ResolvedRippleConfig } from '@ripple-ts/vite-plugin' */
 
 import fs from 'node:fs';
 import path from 'node:path';
 
-export const VIRTUAL_COMPAT_ID = 'virtual:ripple-compat';
-export const RESOLVED_VIRTUAL_COMPAT_ID = '\0virtual:ripple-compat';
 export const RESOLVED_ADAPTER_BROWSER_STUB_ID = '\0ripple:adapter-browser-stub';
 export const SERVER_ONLY_ADAPTER_IDS = new Set([
 	'@ripple-ts/adapter-node',
@@ -16,52 +13,6 @@ export const SERVER_ONLY_ADAPTER_IDS = new Set([
 /** @type {Map<string, string>} */
 const generated_file_cache = new Map();
 
-/**
- * @param {ResolvedRippleConfig | null} config
- * @returns {string}
- */
-export function create_compat_virtual_module(config) {
-	const compat_entries = Object.entries(config?.compat ?? {});
-
-	if (compat_entries.length === 0) {
-		return `const compat = undefined;
-globalThis.__RIPPLE_COMPAT__ = compat;
-export { compat };
-export default compat;
-`;
-	}
-
-	const imports = [];
-	const properties = [];
-
-	for (let i = 0; i < compat_entries.length; i++) {
-		const [kind, entry] = compat_entries[i];
-		const local_name = `__ripple_compat_factory_${i}`;
-
-		if (entry.factory) {
-			imports.push(
-				`import { ${entry.factory} as ${local_name} } from ${JSON.stringify(entry.from)};`,
-			);
-		} else {
-			imports.push(`import ${local_name} from ${JSON.stringify(entry.from)};`);
-		}
-
-		properties.push(`  ${JSON.stringify(kind)}: ${local_name}(),`);
-	}
-
-	return `${imports.join('\n')}
-
-const compat = {
-${properties.join('\n')}
-};
-
-globalThis.__RIPPLE_COMPAT__ = compat;
-
-export { compat };
-export default compat;
-`;
-}
-
 /**
  * @returns {string}
  */
@@ -121,7 +72,6 @@ export function create_client_entry_source(options) {
 	return `// Auto-generated by @ripple-ts/vite-plugin.
 // This file is written to Vite's cacheDir/project folder.
 
-import ${JSON.stringify(VIRTUAL_COMPAT_ID)};
 import { hydrate, mount } from 'ripple';
 import rippleConfig from ${JSON.stringify(options.configPath)};
 

package/tests/transform-source-maps.test.js

@@ -73,15 +73,17 @@ describe('vite-plugin-ripple source maps', () => {
 		await init_plugin(plugin, root);
 
 		const id = `${root}/Styled.tsrx`;
-		const source = `export function Styled() { return <>
-			<div>{'Hello world'}</div>
+		const source = `export function Styled() @{
+			<>
+				<div>{'Hello world'}</div>
 
-			<style>
-				.div {
-					color: red;
-				}
-			</style>
-		</>; }`;
+				<style>
+					.div {
+						color: red;
+					}
+				</style>
+			</>
+		}`;
 
 		const result = await call_transform(plugin, source, id);
 

package/types/index.d.ts

@@ -116,26 +116,6 @@ export interface RootBoundaryOptions {
 	catch?: Component<{ error: unknown; reset: () => void }>;
 }
 
-export interface CompatFactoryConfig {
-	/** Module specifier that exports the compat factory */
-	from: string;
-	/** Named export to call. Omit to use the module's default export. */
-	factory?: string;
-}
-
-export interface CompatFactory<T = unknown> {
-	(): T;
-	__ripple_compat__: CompatFactoryConfig;
-}
-
-export interface CompatEntryValue {
-	__ripple_compat__: CompatFactoryConfig;
-}
-
-export type CompatConfigEntry = CompatFactoryConfig | CompatFactory | CompatEntryValue;
-
-export type CompatConfig = Record<string, CompatConfigEntry>;
-
 export interface RippleConfigOptions {
 	build?: {
 		/** Output directory for the production build. @default 'dist' */
@@ -163,16 +143,6 @@ export interface RippleConfigOptions {
 	rootBoundary?: RootBoundaryOptions;
 	/** Global middlewares applied to all routes */
 	middlewares?: Middleware[];
-	/**
-	 * Client-side TSX compat integrations keyed by kind, e.g. `react` for `<tsx:react>`.
-	 *
-	 * You can either pass a descriptor object or import a compat factory directly,
-	 * as long as that factory export carries Ripple compat metadata.
-	 *
-	 * These are compiled into a browser-side compat registry by the Vite plugin,
-	 * allowing `mount()` / `hydrate()` to pick them up automatically.
-	 */
-	compat?: CompatConfig;
 	platform?: {
 		env: Record<string, string>;
 	};
@@ -213,8 +183,6 @@ export interface ResolvedRippleConfig {
 	rootBoundary: RootBoundaryOptions;
 	/** @default [] */
 	middlewares: Middleware[];
-	/** @default {} */
-	compat: Record<string, CompatFactoryConfig>;
 	platform: {
 		/** @default {} */
 		env: Record<string, string>;