ripple 0.2.215 → 0.3.0

package/CHANGELOG.md

@@ -1,5 +1,91 @@
 # ripple
 
+## 0.3.0
+
+### Minor Changes
+
+- [#779](https://github.com/Ripple-TS/ripple/pull/779)
+  [`74a10cc`](https://github.com/Ripple-TS/ripple/commit/74a10cc5701962cd7c72b144d59b35ecb76263a3)
+  Thanks [@leonidaz](https://github.com/leonidaz)! - Introduces #ripple namespace
+  for creating ripple reactive entities without imports, such as array, object,
+  map, set, date, url, urlSearchParams, mediaQuery. Adds track, untrack,
+  trackSplit, effect, context, server, style to the namespace. Deprecates #[] and
+  #{} in favor of #ripple[] and #ripple{}. Renames types and actual reactive
+  imports for TrackedX entities, such as TrackedArray, TrackedObject, etc. into
+  RippleArray, RippleObjec, etc.
+
+### Patch Changes
+
+- [#786](https://github.com/Ripple-TS/ripple/pull/786)
+  [`61271cb`](https://github.com/Ripple-TS/ripple/commit/61271cb1c4777f2ab9093c6c89a5ad771ec98b7d)
+  Thanks [@anubra266](https://github.com/anubra266)! - fix: preserve generic type
+  arguments in interface extends clauses for `compile_to_volar_mappings`
+
+- [#772](https://github.com/Ripple-TS/ripple/pull/772)
+  [`21dd402`](https://github.com/Ripple-TS/ripple/commit/21dd4029d7e027a0706cb133b09530a722feb73d)
+  Thanks [@anubra266](https://github.com/anubra266)! - Fix ref handling for
+  dynamic elements with reactive spread props to avoid read-only/proxy symbol
+  errors and prevent unnecessary ref teardown/recreation.
+
+- [#774](https://github.com/Ripple-TS/ripple/pull/774)
+  [`c2dbefe`](https://github.com/Ripple-TS/ripple/commit/c2dbefe5645c0c4f6e0ff4dc00d9c4de81616667)
+  Thanks [@copilot-swe-agent](https://github.com/apps/copilot-swe-agent)! - Fixes
+  language server type support for nested component call inside a parent
+  components that become props and should not be marked as unused by typescript
+- Updated dependencies
+  [[`61271cb`](https://github.com/Ripple-TS/ripple/commit/61271cb1c4777f2ab9093c6c89a5ad771ec98b7d),
+  [`21dd402`](https://github.com/Ripple-TS/ripple/commit/21dd4029d7e027a0706cb133b09530a722feb73d),
+  [`c2dbefe`](https://github.com/Ripple-TS/ripple/commit/c2dbefe5645c0c4f6e0ff4dc00d9c4de81616667),
+  [`74a10cc`](https://github.com/Ripple-TS/ripple/commit/74a10cc5701962cd7c72b144d59b35ecb76263a3)]:
+  - ripple@0.3.0
+
+## 0.2.216
+
+### Patch Changes
+
+- [#757](https://github.com/Ripple-TS/ripple/pull/757)
+  [`9fb507d`](https://github.com/Ripple-TS/ripple/commit/9fb507d76af6fd6a5c636af1976d1e03d3e869ac)
+  Thanks [@leonidaz](https://github.com/leonidaz)! - fixes compiler error that was
+  generating async functions for call expressions inside if conditions when inside
+  async context
+
+- [#751](https://github.com/Ripple-TS/ripple/pull/751)
+  [`e1de4bb`](https://github.com/Ripple-TS/ripple/commit/e1de4bb9df75342a693cda24d0999a423db05ec4)
+  Thanks [@copilot-swe-agent](https://github.com/apps/copilot-swe-agent)! - Fix
+  HMR "zoom" issue when a Ripple file is changed in the dev server.
+
+  When a layout component contained children with nested `if`/`for` blocks,
+  hydration would leave `hydrate_node` pointing deep inside the layout's root
+  element (e.g. a HYDRATION_END comment inside `<main>`). The `append()`
+  function's `parentNode === dom` check only handled direct children, so it missed
+  grandchild/deeper positions and incorrectly updated the branch block's `s.end`
+  to that deep internal node.
+
+  This caused two problems on HMR re-render:
+  1. `remove_block_dom(s.start, s.end)` removed wrong elements (the deep node was
+     treated as a sibling boundary, causing removal of unrelated content including
+     the root HYDRATION_END comment).
+  2. `target = hydrate_node` (set after the initial render) became `null` or
+     pointed outside the component's region, so new content was inserted at the
+     wrong DOM location — producing a layout that appeared "zoomed" because it
+     rendered outside its CSS container context.
+
+  The fix changes the `parentNode === dom` check to `dom.contains(hydrate_node)`,
+  consistent with the `anchor === dom` branch that already used `dom.contains()`.
+  This correctly resets `hydrate_node` to `dom`'s sibling level regardless of how
+  deeply nested it was inside `dom`.
+
+- [#764](https://github.com/Ripple-TS/ripple/pull/764)
+  [`95ea864`](https://github.com/Ripple-TS/ripple/commit/95ea8645b2cb27e2610a4ace4c8fb238c92d441a)
+  Thanks [@leonidaz](https://github.com/leonidaz)! - Fixes syntax color
+  highlighting for `pending`
+
+- Updated dependencies
+  [[`9fb507d`](https://github.com/Ripple-TS/ripple/commit/9fb507d76af6fd6a5c636af1976d1e03d3e869ac),
+  [`e1de4bb`](https://github.com/Ripple-TS/ripple/commit/e1de4bb9df75342a693cda24d0999a423db05ec4),
+  [`95ea864`](https://github.com/Ripple-TS/ripple/commit/95ea8645b2cb27e2610a4ace4c8fb238c92d441a)]:
+  - ripple@0.2.216
+
 ## 0.2.215
 
 ### Patch Changes

package/package.json

@@ -3,7 +3,7 @@
   "description": "Ripple is an elegant TypeScript UI framework",
   "license": "MIT",
   "author": "Dominic Gannaway",
-  "version": "0.2.215",
+  "version": "0.3.0",
   "type": "module",
   "module": "src/runtime/index-client.js",
   "main": "src/runtime/index-client.js",
@@ -38,6 +38,15 @@
       "require": "./src/compiler/index.js",
       "default": "./src/compiler/index.js"
     },
+    "./types/estree": {
+      "types": "./src/compiler/types/estree.d.ts"
+    },
+    "./types/estree-jsx": {
+      "types": "./src/compiler/types/estree-jsx.d.ts"
+    },
+    "./types/acorn": {
+      "types": "./src/compiler/types/acorn.d.ts"
+    },
     "./compiler/internal/import": {
       "types": "./src/compiler/types/import.d.ts"
     },
@@ -78,24 +87,24 @@
     "@sveltejs/acorn-typescript": "^1.0.9",
     "acorn": "^8.15.0",
     "clsx": "^2.1.1",
-    "devalue": "^5.3.2",
+    "devalue": "^5.6.3",
     "esm-env": "^1.2.2",
     "esrap": "^2.1.0",
     "is-reference": "^3.0.3",
     "magic-string": "^0.30.18",
     "muggle-string": "^0.4.1",
-    "zimmerframe": "^1.1.2"
+    "zimmerframe": "^1.1.2",
+    "@types/estree": "^1.0.8",
+    "@types/estree-jsx": "^1.0.5"
   },
   "devDependencies": {
-    "@types/estree": "^1.0.8",
-    "@types/estree-jsx": "^1.0.5",
     "@types/node": "^24.3.0",
     "@typescript-eslint/types": "^8.40.0",
-    "typescript": "^5.9.2",
+    "typescript": "^5.9.3",
     "@volar/language-core": "~2.4.28",
     "vscode-languageserver-types": "^3.17.5"
   },
   "peerDependencies": {
-    "ripple": "0.2.215"
+    "ripple": "0.3.0"
   }
 }

package/src/compiler/errors.js

@@ -7,7 +7,7 @@
  *
  * @param {string} message
  * @param {string | null} filename
- * @param {AST.Node} node
+ * @param {AST.Node | AST.NodeWithLocation} node
  * @param {RippleCompileError[]} [errors]
  * @param {AST.CommentWithLocation[]} [comments]
  * @returns {void}

package/src/compiler/identifier-utils.js

@@ -1,4 +1,6 @@
 export const IDENTIFIER_OBFUSCATION_PREFIX = '_$_';
+export const RIPPLE_NAMESPACE_IDENTIFIER =
+	IDENTIFIER_OBFUSCATION_PREFIX + encode_utf16_char('#') + 'ripple';
 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';

package/src/compiler/index.d.ts

@@ -58,7 +58,6 @@ export interface PluginActionOverrides {
 }
 
 export interface CustomMappingData extends PluginActionOverrides {
-	generatedLengths: number[];
 	embeddedId?: string; // e.g. css regions: 'style_0', 'style_1', etc.
 	content?: string; // (e.g., css code)
 }
@@ -67,12 +66,9 @@ export interface MappingData extends VolarCodeInformation {
 	customData: CustomMappingData;
 }
 
-export interface CodeMapping extends VolarMapping<MappingData> {
-	data: MappingData;
-}
-
-export interface CodeMappingWithAll extends CodeMapping {
+export interface CodeMapping extends Omit<VolarMapping<MappingData>, 'generatedLengths'> {
 	generatedLengths: number[];
+	data: MappingData;
 }
 
 export interface VolarMappingsResult {