ripple 0.3.92 → 0.3.93

package/CHANGELOG.md

@@ -1,5 +1,16 @@
 # ripple
 
+## 0.3.93
+
+### Patch Changes
+
+- [`9db5a49`](https://github.com/Ripple-TS/ripple/commit/9db5a49e45c2eb3bb4f6b46c65c0aaf9016633ad)
+  Thanks [@leonidaz](https://github.com/leonidaz)! - Rename the `ripple/server`
+  helper exports to camelCase: `create_ssr_stream` is now `createStream` and
+  `get_css_for_hashes` is now `getCss` (returning the CSS text for the scoped
+  style hashes collected by `render()`). The old snake_case exports are removed;
+  update imports accordingly. The vite plugin consumes the new names internally.
+
 ## 0.3.92
 
 ### Patch Changes

package/package.json

@@ -3,7 +3,7 @@
   "description": "Ripple is an elegant TypeScript UI framework",
   "license": "MIT",
   "author": "Dominic Gannaway",
-  "version": "0.3.92",
+  "version": "0.3.93",
   "type": "module",
   "module": "src/runtime/index-client.js",
   "main": "src/runtime/index-client.js",

package/src/runtime/internal/server/css-registry.js

@@ -23,7 +23,7 @@ export function register_component_css(hash, content) {
  * @param {Set<string>} hashes
  * @returns {string}
  */
-export function get_css_for_hashes(hashes) {
+export function get_css_text(hashes) {
 	const css_parts = [];
 	for (const hash of hashes) {
 		const content = css_registry.get(hash);

package/src/runtime/internal/server/index.js

@@ -71,7 +71,7 @@ import {
 	STREAM_HEAD_ATTR,
 	STREAM_ERROR_SCRIPT_PREFIX,
 } from '../../../constants.js';
-import { get_css_for_hashes } from './css-registry.js';
+import { get_css_text } from './css-registry.js';
 import { STREAM_RUNTIME_SCRIPT } from './stream-runtime.js';
 import { is_tsrx_element, normalize_children, tsrx_element } from '../../element.js';
 import {
@@ -672,7 +672,7 @@ export class Output {
 			if (root.#shell_flushed) {
 				if (!root.#sent_css.has(hash)) {
 					root.#sent_css.add(hash);
-					var css_text = get_css_for_hashes(new Set([hash]));
+					var css_text = get_css_text(new Set([hash]));
 					if (css_text) {
 						root.#streamOutput.push('<style data-ripple-ssr>' + css_text + '</style>');
 					}
@@ -886,7 +886,7 @@ export class Output {
 		if (fresh.size === 0) {
 			return '';
 		}
-		var css_text = get_css_for_hashes(fresh);
+		var css_text = get_css_text(fresh);
 		return css_text ? '<style data-ripple-ssr>' + css_text + '</style>' : '';
 	}
 

package/src/server/index.js

@@ -1,6 +1,6 @@
 // SSR helpers
-export { create_ssr_stream, render } from '../runtime/internal/server/index.js';
-export { get_css_for_hashes } from '../runtime/internal/server/css-registry.js';
+export { create_ssr_stream as createStream, render } from '../runtime/internal/server/index.js';
+export { get_css_text as getCss } from '../runtime/internal/server/css-registry.js';
 export { executeServerFunction } from '../runtime/internal/server/rpc.js';
 
 // Re-export server runtime for components compiled for SSR

package/tests/server/streaming-ssr.test.tsrx

@@ -1,4 +1,4 @@
-import { create_ssr_stream } from 'ripple/server';
+import { createStream } from 'ripple/server';
 import { trackAsync } from 'ripple';
 
 interface Deferred<T> {
@@ -98,13 +98,13 @@ function normalize(html: string): string {
 	).replace(/<style data-ripple-ssr>[\s\S]*?<\/style>/g, '');
 }
 
-describe('create_ssr_stream', () => {
+describe('createStream', () => {
 	it('renders SSR HTML into the injected sink and exposes a web stream', async () => {
 		function App() @{
 			<div>{'Hello, streaming SSR!'}</div>
 		}
 
-		const { stream, sink } = create_ssr_stream();
+		const { stream, sink } = createStream();
 
 		expect(stream).toBeInstanceOf(ReadableStream);
 		await render(App, { stream: sink });
@@ -118,7 +118,7 @@ describe('create_ssr_stream', () => {
 			<p>{'stream closed'}</p>
 		}
 
-		const { stream, sink } = create_ssr_stream();
+		const { stream, sink } = createStream();
 		const reader = stream.getReader();
 		const decoder = new TextDecoder();
 		let html = '';

package/types/server.d.ts

@@ -74,7 +74,13 @@ export interface RenderOptions extends BaseRenderOptions {
 	stream?: undefined;
 }
 
-export declare function create_ssr_stream(): Stream;
+export declare function createStream(): Stream;
+
+/**
+ * Returns the CSS text for a set of scoped style hashes collected by
+ * `render()` — emit it in a `<style data-ripple-ssr>` tag.
+ */
+export declare function getCss(css: Set<string>): string;
 
 export declare function render(
 	component: Component,