ilha 0.14.5 → 0.14.6

package/dist/define.d.ts

@@ -1,4 +1,4 @@
-import { n as Component } from "./types-CUQdA6hR.js";
+import { n as Component } from "./types-CyoYWhJf.js";
 //#region src/define.d.ts
 declare const define: (name: string, component: Component) => void;
 //#endregion

package/dist/define.js

@@ -1,4 +1,4 @@
-import { t as mount } from "./mount-C5idXX3H.js";
+import { t as mount } from "./mount-DiIEX8s7.js";
 
 //#region src/define.ts
 const define = (name, component) => {

package/dist/index.d.ts

@@ -1,5 +1,5 @@
-import { a as Instruction, i as Fragment, l as View, n as Component, t as AtomHandle, u as Yielded } from "./types-CUQdA6hR.js";
-import { t as h } from "./vnode-Bwx8ffNO.js";
+import { a as Instruction, c as UnsafeHtml, d as Yielded, i as Fragment, n as Component, t as AtomHandle, u as View } from "./types-CyoYWhJf.js";
+import { t as h } from "./vnode-C_BdUnIA.js";
 import * as Effect from "effect/Effect";
 import * as Stream from "effect/Stream";
 import * as Atom from "effect/unstable/reactivity/Atom";
@@ -74,4 +74,15 @@ interface MountOptions {
 declare const mount: (el: Element, fn: Component, opts?: MountOptions) => (() => void);
 declare const renderToString: (fn: Component, opts?: RenderToStringOptions) => Promise<string>;
 //#endregion
-export { type AtomHandle, type Component, type ContextProviderProps, ErrorBoundary, type ErrorBoundaryProps, type ErrorFallback, type ErrorFallbackProps, Fragment, type IlhaContext, type MountOptions, type RenderToStringOptions, type View, type WatchOnceCleanup, atom, batch, context, createContext, h, mount, renderToString, untrack, watch, when };
+//#region src/unsafe.d.ts
+/**
+ * Mark a string as pre-rendered HTML and paint it without escaping.
+ * Use it for markup you built or sanitized yourself — SVG from an external
+ * library, Markdown rendered to HTML, embed codes. Never pass untrusted
+ * user input: unlike interpolated strings, this content is not escaped and
+ * scripts inserted this way do not run, but event attributes and other
+ * markup still apply.
+ */
+declare const unsafe: (html: string) => UnsafeHtml;
+//#endregion
+export { type AtomHandle, type Component, type ContextProviderProps, ErrorBoundary, type ErrorBoundaryProps, type ErrorFallback, type ErrorFallbackProps, Fragment, type IlhaContext, type MountOptions, type RenderToStringOptions, type UnsafeHtml, type View, type WatchOnceCleanup, atom, batch, context, createContext, h, mount, renderToString, unsafe, untrack, watch, when };

package/dist/index.js

@@ -1,4 +1,4 @@
-import { a as atom, c as instr, d as wrapHandle, f as clearFiberView, h as makeFiber, i as interpret, l as isAtomHandle, m as getFiber, n as renderToString, o as batch, p as closeFiber, r as runSetup, s as handleOwner, t as mount, u as untrack } from "./mount-C5idXX3H.js";
+import { a as interpret, c as handleOwner, d as untrack, f as wrapHandle, g as makeFiber, h as getFiber, i as runSetup, l as instr, m as closeFiber, n as renderToString, o as atom, p as clearFiberView, r as unsafe, s as batch, t as mount, u as isAtomHandle } from "./mount-DiIEX8s7.js";
 import { d as errorView, i as Fragment, p as isFunction, t as h } from "./vnode-DEMDQ0eA.js";
 import * as Effect from "effect/Effect";
 import * as Stream from "effect/Stream";
@@ -180,4 +180,4 @@ const when = (stream, body) => instr(Effect.gen(function* whenBody() {
 }));
 
 //#endregion
-export { ErrorBoundary, Fragment, atom, batch, context, createContext, h, mount, renderToString, untrack, watch, when };
+export { ErrorBoundary, Fragment, atom, batch, context, createContext, h, mount, renderToString, unsafe, untrack, watch, when };

package/dist/jsx-dev-runtime.d.ts

@@ -1,4 +1,4 @@
-import { i as Fragment } from "./types-CUQdA6hR.js";
-import { n as JSX } from "./vnode-Bwx8ffNO.js";
+import { i as Fragment } from "./types-CyoYWhJf.js";
+import { n as JSX } from "./vnode-C_BdUnIA.js";
 import { jsx, jsxDEV, jsxs } from "./jsx-runtime.js";
 export { Fragment, type JSX, jsx, jsxDEV, jsxs };

package/dist/jsx-runtime.d.ts

@@ -1,5 +1,5 @@
-import { i as Fragment, l as View, o as JsxComponent, r as ComponentFn, s as PropBag } from "./types-CUQdA6hR.js";
-import { n as JSX, t as h } from "./vnode-Bwx8ffNO.js";
+import { i as Fragment, o as JsxComponent, r as ComponentFn, s as PropBag, u as View } from "./types-CyoYWhJf.js";
+import { n as JSX, t as h } from "./vnode-C_BdUnIA.js";
 //#region src/jsx-runtime.d.ts
 declare const jsx: (type: string | Fragment | ComponentFn | JsxComponent, props: PropBag | null, key?: string | number) => ReturnType<typeof h>;
 declare const jsxs: (type: string | Fragment | ComponentFn | JsxComponent, props: PropBag | null, key?: string | number) => ReturnType<typeof h>;

package/dist/{mount-C5idXX3H.js → mount-DiIEX8s7.js}

@@ -784,6 +784,25 @@ const serializeStyleAttr = (value) => {
 	return serializeStyleEntries(value);
 };
 
+//#endregion
+//#region src/unsafe.ts
+/**
+* Mark a string as pre-rendered HTML and paint it without escaping.
+* Use it for markup you built or sanitized yourself — SVG from an external
+* library, Markdown rendered to HTML, embed codes. Never pass untrusted
+* user input: unlike interpolated strings, this content is not escaped and
+* scripts inserted this way do not run, but event attributes and other
+* markup still apply.
+*/
+const unsafe = (html) => ({
+	$$ilhaUnsafe: 1,
+	html
+});
+const isUnsafeHtml = (x) => {
+	if (!isObject(x)) return false;
+	return x.$$ilhaUnsafe === 1;
+};
+
 //#endregion
 //#region src/paint-core.ts
 const disposeHoles = (fiber, opts) => {
@@ -1066,6 +1085,7 @@ const createPainter = (ops) => {
 	};
 	paintFns.materialize = (view, fiber) => {
 		if (skip(view)) return [];
+		if (isUnsafeHtml(view)) return ops.createRaw(view.html, fiber.root);
 		if (isTextish(view)) return [ops.createText(String(view))];
 		if (isAtomHandle(view)) return materializeAtom(view, fiber);
 		if (Stream.isStream(view)) return materializeStream(view, fiber);
@@ -1126,6 +1146,11 @@ const core$1 = createPainter({
 		if (root instanceof Element) root.replaceChildren();
 	},
 	createElement: (tag) => document.createElement(tag),
+	createRaw: (html, parent) => {
+		const range = document.createRange();
+		range.selectNodeContents(parent);
+		return [...range.createContextualFragment(html).childNodes];
+	},
 	createSlotHost: (slotId) => {
 		const host = document.createElement("span");
 		if (slotId !== null) host.setAttribute(SLOT_ATTR, slotId);
@@ -1298,6 +1323,10 @@ const VOID = /* @__PURE__ */ new Set([
 const RAW_TEXT = /* @__PURE__ */ new Set(["script", "style"]);
 const escapeText = (s) => s.replaceAll("&", "&amp;").replaceAll("<", "&lt;").replaceAll(">", "&gt;");
 const escapeAttr = (s) => escapeText(s).replaceAll("\"", "&quot;");
+const createSsrRaw = (html) => ({
+	html,
+	kind: "raw"
+});
 const createSsrText = (text) => ({
 	kind: "text",
 	text
@@ -1308,6 +1337,7 @@ const serializeRawText = (tag, text) => {
 };
 const serializeNode = (node) => {
 	if (node.kind === "text") return escapeText(node.text);
+	if (node.kind === "raw") return node.html;
 	const parts = [];
 	for (const [name, value] of node.attrs) parts.push(`${name}="${escapeAttr(value)}"`);
 	const attr = parts.length > 0 ? ` ${parts.join(" ")}` : "";
@@ -1364,7 +1394,11 @@ const createSsrElement = (tag) => {
 		tag: lower,
 		tagName: lower.toUpperCase(),
 		get textContent() {
-			return children.map((n) => n.kind === "text" ? n.text : n.textContent).join("");
+			return children.map((n) => {
+				if (n.kind === "text") return n.text;
+				if (n.kind === "raw") return n.html;
+				return n.textContent;
+			}).join("");
 		},
 		set textContent(value) {
 			children.length = 0;
@@ -1435,6 +1469,7 @@ const ssrOps = {
 	bindEvents: bindSsrEvents,
 	clearRoot: (root) => ssrAs(root).replaceChildren(),
 	createElement: createSsrElement,
+	createRaw: (html, _parent) => [createSsrRaw(html)],
 	createSlotHost: (slotId) => {
 		const host = createSsrElement("span");
 		if (slotId !== null) host.setAttribute(SLOT_ATTR, slotId);
@@ -1561,4 +1596,4 @@ const renderToString = async (fn, opts) => {
 };
 
 //#endregion
-export { atom as a, instr as c, wrapHandle as d, clearFiberView as f, makeFiber as h, interpret as i, isAtomHandle as l, getFiber as m, renderToString as n, batch as o, closeFiber as p, runSetup as r, handleOwner as s, mount as t, untrack as u };
+export { interpret as a, handleOwner as c, untrack as d, wrapHandle as f, makeFiber as g, getFiber as h, runSetup as i, instr as l, closeFiber as m, renderToString as n, atom as o, clearFiberView as p, unsafe as r, batch as s, mount as t, isAtomHandle as u };

package/dist/{types-CUQdA6hR.d.ts → types-CyoYWhJf.d.ts}

@@ -12,12 +12,17 @@ type EventHandler = (event: Event) => void;
 interface PropBag {
   readonly [key: string]: PropValue | undefined;
 }
-type View = VNode | JsonText | AtomHandle<unknown> | Stream.Stream<View, unknown, unknown> | GeneratorFn | Component | View[] | Iterable<View>;
+type View = VNode | UnsafeHtml | JsonText | AtomHandle<unknown> | Stream.Stream<View, unknown, unknown> | GeneratorFn | Component | View[] | Iterable<View>;
 declare const Fragment: unique symbol;
 type Fragment = typeof Fragment;
 type ComponentFn = (props: PropBag) => View | Promise<View | undefined> | undefined;
 /** JSX/tag component with its own props shape (Provider, ErrorBoundary, …). */
 type JsxComponent = (props: never) => View | Promise<View | undefined> | Generator<View, View | undefined, View> | undefined;
+/** Raw HTML view produced by `unsafe()` — painted without escaping. */
+interface UnsafeHtml {
+  readonly $$ilhaUnsafe: 1;
+  readonly html: string;
+}
 interface VNode {
   readonly $$ilha: 1;
   readonly type: string | Fragment | ComponentFn | JsxComponent;
@@ -40,4 +45,4 @@ interface AtomHandle<A> {
   update: (f: (current: A) => A) => void;
 }
 //#endregion
-export { Instruction as a, VNode as c, Fragment as i, View as l, Component as n, JsxComponent as o, ComponentFn as r, PropBag as s, AtomHandle as t, Yielded as u };
+export { Instruction as a, UnsafeHtml as c, Yielded as d, Fragment as i, VNode as l, Component as n, JsxComponent as o, ComponentFn as r, PropBag as s, AtomHandle as t, View as u };

package/dist/{vnode-Bwx8ffNO.d.ts → vnode-C_BdUnIA.d.ts}

@@ -1,4 +1,4 @@
-import { c as VNode, i as Fragment, l as View, o as JsxComponent, r as ComponentFn, s as PropBag, t as AtomHandle } from "./types-CUQdA6hR.js";
+import { i as Fragment, l as VNode, o as JsxComponent, r as ComponentFn, s as PropBag, t as AtomHandle, u as View } from "./types-CyoYWhJf.js";
 //#region src/jsx-types.d.ts
 declare namespace JSX {
   export type Element = View;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ilha",
-  "version": "0.14.5",
+  "version": "0.14.6",
   "description": "Generator-first island UI on Effect",
   "keywords": [
     "effect",