ripple 0.2.14 → 0.2.15

package/package.json

@@ -3,7 +3,7 @@
   "description": "Ripple is a TypeScript UI framework for the web",
   "license": "MIT",
   "author": "Dominic Gannaway",
-  "version": "0.2.14",
+  "version": "0.2.15",
   "type": "module",
   "module": "src/runtime/index.js",
   "main": "src/runtime/index.js",

package/src/compiler/phases/3-transform/index.js

@@ -1403,7 +1403,7 @@ function transform_children(children, { visit, state, root }) {
 
 		if (child.type === 'Text' && prev_child?.type === 'Text') {
 			if (child.expression.type === 'Literal' && prev_child.expression.type === 'Literal') {
-				prev_child.expression.value += child.expression.value;
+				prev_child.expression = b.literal(prev_child.expression.value + child.expression.value);
 			} else {
 				prev_child.expression = b.binary('+', prev_child.expression, child.expression);
 			}

package/src/runtime/index.js

@@ -46,4 +46,3 @@ export { user_effect as effect } from './internal/client/blocks.js';
 
 export { Portal } from './internal/client/portal.js';
 
-export { ref } from './internal/client/runtime.js';

package/src/runtime/internal/client/blocks.js

@@ -96,7 +96,6 @@ export function async(fn) {
 export function use(element, get_fn) {
 	var use_obj = undefined;
 	var e;
-	var current_block = active_block;
 
 	return block(RENDER_BLOCK, () => {
 		if (use_obj !== (use_obj = get_fn())) {
@@ -108,14 +107,7 @@ export function use(element, get_fn) {
 			if (use_obj) {
 				e = branch(() => {
 					effect(() => {
-						if (typeof use_obj === 'function') {
-							return use_obj(element);
-						} else {
-							set_property(use_obj, '$current', element, current_block);
-							return () => {
-								set_property(use_obj, '$current', null, current_block);
-							};
-						}
+						return use_obj(element);
 					});
 				});
 			}

package/src/runtime/internal/client/runtime.js

@@ -1,4 +1,4 @@
-/** @import { Block, Component, Dependency, Computed, Tracked, Ref } from '#client' */
+/** @import { Block, Component, Dependency, Computed, Tracked } from '#client' */
 
 import {
 	destroy_block,
@@ -1053,21 +1053,3 @@ export function pop_component() {
 export function use_prop() {
 	return Symbol(USE_PROP);
 }
-
-/**
- * @template T
- * @param {T} value
- * @returns {Ref<T>}
- */
-export function ref(value) {
-	var block = active_block || active_scope;
-	if (!block) {
-		throw new Error('ref() must be called within a component or reactive context');
-	}
-
-	// Create a tracked object with a $current property
-	var ref_obj = { $current: value };
-
-	// Make the $current property reactive
-	return tracked_object(ref_obj, ['$current'], block);
-}

package/src/runtime/internal/client/types.d.ts

@@ -47,7 +47,3 @@ export type Block = {
 	s: any;
 	t: Tracked | null;
 };
-
-export type Ref<T> = {
-	$current: T;
-};	

package/tests/context.test.ripple

@@ -24,13 +24,13 @@ describe('context', () => {
     const MyContext = createContext(null);
 
     component Child() {
-      const value = MyContext.get(MyContext);
+      const value = MyContext.get();
 
       <div>{value}</div>
     }
 
     component TestContext() {
-      const value = MyContext.get(MyContext);
+      const value = MyContext.get();
 
       console.log(value);
 
@@ -43,4 +43,4 @@ describe('context', () => {
 
 		expect(container.querySelector('div').textContent).toBe('Hello from context!');
 	});
-});
+});

package/types/index.d.ts

@@ -11,12 +11,6 @@ export declare function flushSync<T>(fn: () => T): T;
 
 export declare function effect(fn: (() => void) | (() => () => void)): void;
 
-export interface Ref<T> {
-	$current: T;
-}
-
-export declare function ref<T>(value: T): Ref<T>;
-
 export declare class RippleArray<T> extends Array<T> {
 	static from<T>(arrayLike: ArrayLike<T>): RippleArray<T>;
 	static from<T, U>(

package/tests/ref.test.ripple

@@ -1,54 +0,0 @@
-import { describe, it, expect, beforeEach, afterEach } from 'vitest';
-
-import { mount, flushSync, ref } from 'ripple';
-
-describe('ref()', () => {
-	let container;
-
-	function render(component) {
-		mount(component, {
-			target: container
-		});
-	}
-
-	beforeEach(() => {
-		container = document.createElement('div');
-		document.body.appendChild(container);
-	});
-
-	afterEach(() => {
-		document.body.removeChild(container);
-	});
-
-	it('creates a reactive ref with initial value', () => {
-		component TestRef() {
-			let $count = 5;
-
-			<div><span id='count'>{$count}</span></div>
-		}
-
-		render(TestRef);
-
-		expect(container.querySelector('#count').textContent).toBe('5');
-	});
-
-	it('updates when ref value changes', () => {
-		component TestRef() {
-			let $count = 0;
-
-			<div>
-				<span id='count'>{$count}</span>
-				<button id='btn' onClick={() => $count++}>{'Increment'}</button>
-			</div>
-		}
-
-		render(TestRef);
-
-		expect(container.querySelector('#count').textContent).toBe('0');
-
-		container.querySelector('#btn').click();
-		flushSync();
-
-		expect(container.querySelector('#count').textContent).toBe('1');
-	});
-});