@risali/react 0.2.0

package/README.md

@@ -0,0 +1,156 @@
+# @risali/react
+
+React Server Components for [Risali.app](https://risali.app) — fetch editable text/image/rich-text blocks from a client's Risali site at SSR time.
+
+Built for Next.js 15 App Router (React 19). Zero client-side JavaScript: every block is rendered server-side, the editable markers ship in plain HTML.
+
+## Install
+
+```bash
+npm install @risali/react
+```
+
+## Configure
+
+Set the site slug once, in your project's `.env`:
+
+```bash
+RISALI_SITE_SLUG=mojweb
+# Optional — defaults to https://app.risali.app
+RISALI_API_BASE=https://app.risali.app
+# Optional — Next.js fetch revalidate seconds (default 60)
+RISALI_REVALIDATE_SECONDS=60
+```
+
+`NEXT_PUBLIC_RISALI_SITE_SLUG` is also accepted if you'd rather expose it.
+
+## Usage
+
+### Text
+
+```tsx
+// app/page.tsx
+import { RisaliText } from "@risali/react";
+
+export default function HomePage() {
+  return (
+    <section>
+      <RisaliText
+        as="h1"
+        pageKey="hero_title"
+        defaultValue="Vitajte na našom webe"
+        path="/"
+        className="text-5xl font-bold"
+      />
+      <RisaliText
+        pageKey="hero_subtitle"
+        defaultValue="Robíme weby, ktoré klient sám upravuje."
+        path="/"
+      />
+    </section>
+  );
+}
+```
+
+The component fetches once per `(slug, path)` pair — Next.js's built-in `fetch` cache deduplicates identical URLs in a request, so multiple `<RisaliText>` calls on the same page share one network call.
+
+### Image
+
+```tsx
+import { RisaliImage } from "@risali/react";
+
+<RisaliImage
+  pageKey="hero_photo"
+  defaultSrc="/hero-fallback.jpg"
+  defaultAlt="Naša prevádzka"
+  path="/"
+  width={1200}
+  height={600}
+  className="rounded-2xl"
+/>;
+```
+
+Only `http(s)://…` and `/local-path` sources from the Risali block are honoured; anything else falls back to `defaultSrc`.
+
+### Rich text (bold / italic / palette colour)
+
+```tsx
+import { RisaliRichText } from "@risali/react";
+
+<RisaliRichText
+  as="div"
+  pageKey="about_body"
+  defaultValue="<p>Sme tu už <strong>10 rokov</strong>.</p>"
+  path="/o-nas"
+/>;
+```
+
+Block HTML is sanitised on the server before render. Whitelisted tags: `span`, `strong`, `b`, `em`, `i`, `u`, `br`, `a`, `p`. Whitelisted attributes: `style` (only `color:#RRGGBB` + `font-size:<n>px|rem|em`) and `href` (only `http(s)://`, `mailto:`, `tel:`, or `/local`). Everything else — `<script>`, `<img>` (use `<RisaliImage>` instead), `onerror`, `javascript:`, `style="background: url(…)"` — is stripped.
+
+### Sharing one fetch across many components
+
+If a page renders many Risali blocks, you can pull content once and thread it down — the components skip their own fetch when `content` is provided:
+
+```tsx
+import { getRisaliContent, RisaliText, RisaliImage } from "@risali/react";
+
+export default async function HomePage() {
+  const content = await getRisaliContent("/");
+  return (
+    <>
+      <RisaliText content={content} pageKey="hero_title" defaultValue="Vitajte" />
+      <RisaliImage content={content} pageKey="hero_photo" defaultSrc="/h.jpg" />
+    </>
+  );
+}
+```
+
+### Pure helpers for client components (`"use client"`)
+
+The `<Risali*>` components are async server components — they can't be used directly inside a `"use client"` boundary. For those cases, fetch `content` once in your server page and use the pure helpers inline:
+
+```tsx
+// app/page.tsx — server component
+import { getRisaliContent } from "@risali/react";
+import { HomePage } from "@/components/HomePage";
+
+export default async function Page() {
+  const content = await getRisaliContent("/");
+  return <HomePage content={content} />;
+}
+
+// components/HomePage.tsx — client component
+"use client";
+import { getBlockValue, getBlockImage, getBlockRichText } from "@risali/react";
+import type { RisaliContent } from "@risali/react";
+
+export function HomePage({ content }: { content: RisaliContent | null }) {
+  const heroTitle = getBlockValue(content, "hero_title", "Vitajte");
+  const heroPhoto = getBlockImage(content, "hero_photo", { src: "/h.jpg", alt: "Hero" });
+  const aboutHtml = getBlockRichText(content, "about_body", "<p>O nás</p>");
+
+  return (
+    <>
+      <h1 data-risali-key="hero_title">{heroTitle}</h1>
+      <img data-risali-key="hero_photo" src={heroPhoto.src} alt={heroPhoto.alt} />
+      <div data-risali-key="about_body" dangerouslySetInnerHTML={{ __html: aboutHtml }} />
+    </>
+  );
+}
+```
+
+Helpers always validate the block type (a block typed `image` will return `defaultValue` from `getBlockValue`) and `getBlockRichText` always sanitises — including the fallback HTML — so a stored XSS payload can't reach the browser even if the block is missing.
+
+## Editor mode
+
+Every rendered block carries a `data-risali-key="<pageKey>"` attribute. The Risali editor iframe (`/risali.js?site=<slug>&risali_edit=1`) uses that marker to wire up click-to-edit — no CSS selector generation, no content-hash drift, no fragile DOM scanning.
+
+## What this package does NOT do
+
+- **No client-side DOM patching.** Content lives in the server-rendered HTML; the visitor browser never re-renders Risali content.
+- **No analytics or form capture.** Those still ship via `<script async src="https://app.risali.app/risali.js?site=…"></script>` (the Risali snippet handles pageview events, form beacons, the cookie banner, and the editor iframe).
+- **No widgets (booking, pricelist, contact form) — yet.** Coming in a follow-up package release.
+
+## License
+
+Closed-source. Used by Risali.app clients under their SaaS subscription.

package/dist/config.d.ts

@@ -0,0 +1,4 @@
+export declare function resolveSlug(explicit?: string): string;
+export declare function resolveApiBase(): string;
+export declare function resolveRevalidateSeconds(): number;
+//# sourceMappingURL=config.d.ts.map

package/dist/config.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../src/config.ts"],"names":[],"mappings":"AAEA,wBAAgB,WAAW,CAAC,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAYrD;AAED,wBAAgB,cAAc,IAAI,MAAM,CAMvC;AAED,wBAAgB,wBAAwB,IAAI,MAAM,CAQjD"}

package/dist/config.js

@@ -0,0 +1,29 @@
+const DEFAULT_API_BASE = "https://app.risali.app";
+export function resolveSlug(explicit) {
+    if (explicit && explicit.trim())
+        return explicit.trim();
+    const fromEnv = process.env.RISALI_SITE_SLUG ||
+        process.env.NEXT_PUBLIC_RISALI_SITE_SLUG ||
+        "";
+    if (!fromEnv) {
+        throw new Error("@risali/react: missing site slug — set RISALI_SITE_SLUG in your environment or pass `siteSlug` prop.");
+    }
+    return fromEnv.trim();
+}
+export function resolveApiBase() {
+    const base = process.env.RISALI_API_BASE ||
+        process.env.NEXT_PUBLIC_RISALI_API_BASE ||
+        DEFAULT_API_BASE;
+    return base.replace(/\/+$/, "");
+}
+export function resolveRevalidateSeconds() {
+    const raw = process.env.RISALI_REVALIDATE_SECONDS ||
+        process.env.NEXT_PUBLIC_RISALI_REVALIDATE_SECONDS;
+    if (!raw)
+        return 60;
+    const n = Number.parseInt(raw, 10);
+    if (!Number.isFinite(n) || n < 0)
+        return 60;
+    return Math.min(n, 3600);
+}
+//# sourceMappingURL=config.js.map

package/dist/config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"config.js","sourceRoot":"","sources":["../src/config.ts"],"names":[],"mappings":"AAAA,MAAM,gBAAgB,GAAG,wBAAwB,CAAC;AAElD,MAAM,UAAU,WAAW,CAAC,QAAiB;IAC3C,IAAI,QAAQ,IAAI,QAAQ,CAAC,IAAI,EAAE;QAAE,OAAO,QAAQ,CAAC,IAAI,EAAE,CAAC;IACxD,MAAM,OAAO,GACX,OAAO,CAAC,GAAG,CAAC,gBAAgB;QAC5B,OAAO,CAAC,GAAG,CAAC,4BAA4B;QACxC,EAAE,CAAC;IACL,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,MAAM,IAAI,KAAK,CACb,sGAAsG,CACvG,CAAC;IACJ,CAAC;IACD,OAAO,OAAO,CAAC,IAAI,EAAE,CAAC;AACxB,CAAC;AAED,MAAM,UAAU,cAAc;IAC5B,MAAM,IAAI,GACR,OAAO,CAAC,GAAG,CAAC,eAAe;QAC3B,OAAO,CAAC,GAAG,CAAC,2BAA2B;QACvC,gBAAgB,CAAC;IACnB,OAAO,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC;AAClC,CAAC;AAED,MAAM,UAAU,wBAAwB;IACtC,MAAM,GAAG,GACP,OAAO,CAAC,GAAG,CAAC,yBAAyB;QACrC,OAAO,CAAC,GAAG,CAAC,qCAAqC,CAAC;IACpD,IAAI,CAAC,GAAG;QAAE,OAAO,EAAE,CAAC;IACpB,MAAM,CAAC,GAAG,MAAM,CAAC,QAAQ,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;IACnC,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC;QAAE,OAAO,EAAE,CAAC;IAC5C,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC;AAC3B,CAAC"}

package/dist/content.d.ts

@@ -0,0 +1,19 @@
+import type { RisaliBlock, RisaliContent, RisaliStyleOverrides } from "./types.js";
+export type GetRisaliContentOptions = {
+    siteSlug?: string;
+    apiBase?: string;
+    revalidate?: number;
+};
+export declare function getRisaliContent(path: string, options?: GetRisaliContentOptions): Promise<RisaliContent | null>;
+export declare function findBlock(content: RisaliContent | null, pageKey: string): RisaliBlock | null;
+export declare function getBlockValue(content: RisaliContent | null, pageKey: string, defaultValue: string): string;
+export declare function getBlockImage(content: RisaliContent | null, pageKey: string, defaults: {
+    src: string;
+    alt?: string;
+}): {
+    src: string;
+    alt: string;
+};
+export declare function getBlockRichText(content: RisaliContent | null, pageKey: string, defaultHtml: string): string;
+export declare function getBlockStyleOverrides(content: RisaliContent | null, pageKey: string): RisaliStyleOverrides | null;
+//# sourceMappingURL=content.d.ts.map

package/dist/content.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"content.d.ts","sourceRoot":"","sources":["../src/content.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EACV,WAAW,EACX,aAAa,EAEb,oBAAoB,EACrB,MAAM,YAAY,CAAC;AAEpB,MAAM,MAAM,uBAAuB,GAAG;IACpC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,wBAAsB,gBAAgB,CACpC,IAAI,EAAE,MAAM,EACZ,OAAO,GAAE,uBAA4B,GACpC,OAAO,CAAC,aAAa,GAAG,IAAI,CAAC,CAsB/B;AAED,wBAAgB,SAAS,CACvB,OAAO,EAAE,aAAa,GAAG,IAAI,EAC7B,OAAO,EAAE,MAAM,GACd,WAAW,GAAG,IAAI,CAMpB;AAOD,wBAAgB,aAAa,CAC3B,OAAO,EAAE,aAAa,GAAG,IAAI,EAC7B,OAAO,EAAE,MAAM,EACf,YAAY,EAAE,MAAM,GACnB,MAAM,CASR;AAID,wBAAgB,aAAa,CAC3B,OAAO,EAAE,aAAa,GAAG,IAAI,EAC7B,OAAO,EAAE,MAAM,EACf,QAAQ,EAAE;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,GAAG,CAAC,EAAE,MAAM,CAAA;CAAE,GACtC;IAAE,GAAG,EAAE,MAAM,CAAC;IAAC,GAAG,EAAE,MAAM,CAAA;CAAE,CAe9B;AAED,wBAAgB,gBAAgB,CAC9B,OAAO,EAAE,aAAa,GAAG,IAAI,EAC7B,OAAO,EAAE,MAAM,EACf,WAAW,EAAE,MAAM,GAClB,MAAM,CASR;AAED,wBAAgB,sBAAsB,CACpC,OAAO,EAAE,aAAa,GAAG,IAAI,EAC7B,OAAO,EAAE,MAAM,GACd,oBAAoB,GAAG,IAAI,CAG7B"}

package/dist/content.js

@@ -0,0 +1,77 @@
+import { resolveApiBase, resolveRevalidateSeconds, resolveSlug } from "./config.js";
+import { sanitiseRichText } from "./sanitize.js";
+export async function getRisaliContent(path, options = {}) {
+    const slug = resolveSlug(options.siteSlug);
+    const apiBase = options.apiBase
+        ? options.apiBase.replace(/\/+$/, "")
+        : resolveApiBase();
+    const revalidate = typeof options.revalidate === "number"
+        ? Math.max(0, Math.min(3600, options.revalidate))
+        : resolveRevalidateSeconds();
+    const url = new URL(`/api/public/sites/${encodeURIComponent(slug)}/content`, apiBase);
+    if (path)
+        url.searchParams.set("path", path);
+    try {
+        const res = await fetch(url.toString(), {
+            next: { revalidate, tags: [`risali:${slug}`, `risali:${slug}:${path || "*"}`] },
+        });
+        if (!res.ok)
+            return null;
+        return (await res.json());
+    }
+    catch {
+        return null;
+    }
+}
+export function findBlock(content, pageKey) {
+    if (!content)
+        return null;
+    for (const b of content.blocks) {
+        if (b.key === pageKey)
+            return b;
+    }
+    return null;
+}
+// Pure helpers — usable from client components that received `content`
+// via prop (the server page does `await getRisaliContent(...)` and threads
+// it down). They mirror what <RisaliText> / <RisaliImage> / <RisaliRichText>
+// pull out of a block, without requiring an async boundary.
+export function getBlockValue(content, pageKey, defaultValue) {
+    const block = findBlock(content, pageKey);
+    if (!block)
+        return defaultValue;
+    const isTextLike = block.type === "text" ||
+        block.type === "rich_text" ||
+        block.type === "html";
+    if (!isTextLike)
+        return defaultValue;
+    return typeof block.value === "string" ? block.value : defaultValue;
+}
+const SAFE_SRC_RE = /^(https?:\/\/|\/)/;
+export function getBlockImage(content, pageKey, defaults) {
+    const block = findBlock(content, pageKey);
+    const empty = block?.type === "image" && block.value && typeof block.value === "object"
+        ? block.value
+        : {};
+    const src = typeof empty.src === "string" && empty.src && SAFE_SRC_RE.test(empty.src)
+        ? empty.src
+        : defaults.src;
+    const alt = typeof empty.alt === "string" && empty.alt
+        ? empty.alt
+        : (defaults.alt ?? "");
+    return { src, alt };
+}
+export function getBlockRichText(content, pageKey, defaultHtml) {
+    const block = findBlock(content, pageKey);
+    const raw = block &&
+        (block.type === "rich_text" || block.type === "html") &&
+        typeof block.value === "string"
+        ? block.value
+        : defaultHtml;
+    return sanitiseRichText(raw);
+}
+export function getBlockStyleOverrides(content, pageKey) {
+    const block = findBlock(content, pageKey);
+    return block?.style_overrides ?? null;
+}
+//# sourceMappingURL=content.js.map

package/dist/content.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"content.js","sourceRoot":"","sources":["../src/content.ts"],"names":[],"mappings":"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"}

package/dist/image.d.ts

@@ -0,0 +1,306 @@
+import type { CSSProperties, ImgHTMLAttributes } from "react";
+import type { RisaliContent } from "./types.js";
+export type RisaliImageProps = Omit<ImgHTMLAttributes<HTMLImageElement>, "src" | "alt"> & {
+    pageKey: string;
+    defaultSrc: string;
+    defaultAlt?: string;
+    path?: string;
+    content?: RisaliContent | null;
+    siteSlug?: string;
+    style?: CSSProperties;
+};
+export declare function RisaliImage(props: RisaliImageProps): Promise<import("react").DetailedReactHTMLElement<{
+    src: string;
+    alt: string;
+    "data-risali-key": string;
+    style?: CSSProperties;
+    crossOrigin?: "" | "anonymous" | "use-credentials" | undefined;
+    decoding?: "async" | "auto" | "sync" | undefined | undefined;
+    fetchPriority?: "high" | "low" | "auto" | undefined | undefined;
+    height?: number | string | undefined | undefined;
+    loading?: "eager" | "lazy" | undefined | undefined;
+    referrerPolicy?: import("react").HTMLAttributeReferrerPolicy | undefined;
+    sizes?: string | undefined | undefined;
+    srcSet?: string | undefined | undefined;
+    useMap?: string | undefined | undefined;
+    width?: number | string | undefined | undefined;
+    defaultChecked?: boolean | undefined | undefined;
+    defaultValue?: string | number | readonly string[] | undefined;
+    suppressContentEditableWarning?: boolean | undefined | undefined;
+    suppressHydrationWarning?: boolean | undefined | undefined;
+    accessKey?: string | undefined | undefined;
+    autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
+    autoFocus?: boolean | undefined | undefined;
+    className?: string | undefined | undefined;
+    contentEditable?: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
+    contextMenu?: string | undefined | undefined;
+    dir?: string | undefined | undefined;
+    draggable?: (boolean | "true" | "false") | undefined;
+    enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
+    hidden?: boolean | undefined | undefined;
+    id?: string | undefined | undefined;
+    lang?: string | undefined | undefined;
+    nonce?: string | undefined | undefined;
+    slot?: string | undefined | undefined;
+    spellCheck?: (boolean | "true" | "false") | undefined;
+    tabIndex?: number | undefined | undefined;
+    title?: string | undefined | undefined;
+    translate?: "yes" | "no" | undefined | undefined;
+    radioGroup?: string | undefined | undefined;
+    role?: import("react").AriaRole | undefined;
+    about?: string | undefined | undefined;
+    datatype?: string | undefined | undefined;
+    inlist?: any;
+    prefix?: string | undefined | undefined;
+    property?: string | undefined | undefined;
+    rel?: string | undefined | undefined;
+    resource?: string | undefined | undefined;
+    rev?: string | undefined | undefined;
+    typeof?: string | undefined | undefined;
+    vocab?: string | undefined | undefined;
+    autoCorrect?: string | undefined | undefined;
+    autoSave?: string | undefined | undefined;
+    color?: string | undefined | undefined;
+    itemProp?: string | undefined | undefined;
+    itemScope?: boolean | undefined | undefined;
+    itemType?: string | undefined | undefined;
+    itemID?: string | undefined | undefined;
+    itemRef?: string | undefined | undefined;
+    results?: number | undefined | undefined;
+    security?: string | undefined | undefined;
+    unselectable?: "on" | "off" | undefined | undefined;
+    popover?: "" | "auto" | "manual" | "hint" | undefined | undefined;
+    popoverTargetAction?: "toggle" | "show" | "hide" | undefined | undefined;
+    popoverTarget?: string | undefined | undefined;
+    inert?: boolean | undefined | undefined;
+    inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
+    is?: string | undefined | undefined;
+    exportparts?: string | undefined | undefined;
+    part?: string | undefined | undefined;
+    "aria-activedescendant"?: string | undefined | undefined;
+    "aria-atomic"?: (boolean | "true" | "false") | undefined;
+    "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
+    "aria-braillelabel"?: string | undefined | undefined;
+    "aria-brailleroledescription"?: string | undefined | undefined;
+    "aria-busy"?: (boolean | "true" | "false") | undefined;
+    "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
+    "aria-colcount"?: number | undefined | undefined;
+    "aria-colindex"?: number | undefined | undefined;
+    "aria-colindextext"?: string | undefined | undefined;
+    "aria-colspan"?: number | undefined | undefined;
+    "aria-controls"?: string | undefined | undefined;
+    "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined | undefined;
+    "aria-describedby"?: string | undefined | undefined;
+    "aria-description"?: string | undefined | undefined;
+    "aria-details"?: string | undefined | undefined;
+    "aria-disabled"?: (boolean | "true" | "false") | undefined;
+    "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined | undefined;
+    "aria-errormessage"?: string | undefined | undefined;
+    "aria-expanded"?: (boolean | "true" | "false") | undefined;
+    "aria-flowto"?: string | undefined | undefined;
+    "aria-grabbed"?: (boolean | "true" | "false") | undefined;
+    "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined | undefined;
+    "aria-hidden"?: (boolean | "true" | "false") | undefined;
+    "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined | undefined;
+    "aria-keyshortcuts"?: string | undefined | undefined;
+    "aria-label"?: string | undefined | undefined;
+    "aria-labelledby"?: string | undefined | undefined;
+    "aria-level"?: number | undefined | undefined;
+    "aria-live"?: "off" | "assertive" | "polite" | undefined | undefined;
+    "aria-modal"?: (boolean | "true" | "false") | undefined;
+    "aria-multiline"?: (boolean | "true" | "false") | undefined;
+    "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
+    "aria-orientation"?: "horizontal" | "vertical" | undefined | undefined;
+    "aria-owns"?: string | undefined | undefined;
+    "aria-placeholder"?: string | undefined | undefined;
+    "aria-posinset"?: number | undefined | undefined;
+    "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
+    "aria-readonly"?: (boolean | "true" | "false") | undefined;
+    "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined | undefined;
+    "aria-required"?: (boolean | "true" | "false") | undefined;
+    "aria-roledescription"?: string | undefined | undefined;
+    "aria-rowcount"?: number | undefined | undefined;
+    "aria-rowindex"?: number | undefined | undefined;
+    "aria-rowindextext"?: string | undefined | undefined;
+    "aria-rowspan"?: number | undefined | undefined;
+    "aria-selected"?: (boolean | "true" | "false") | undefined;
+    "aria-setsize"?: number | undefined | undefined;
+    "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined | undefined;
+    "aria-valuemax"?: number | undefined | undefined;
+    "aria-valuemin"?: number | undefined | undefined;
+    "aria-valuenow"?: number | undefined | undefined;
+    "aria-valuetext"?: string | undefined | undefined;
+    children?: import("react").ReactNode;
+    dangerouslySetInnerHTML?: {
+        __html: string | TrustedHTML;
+    } | undefined | undefined;
+    onCopy?: import("react").ClipboardEventHandler<HTMLImageElement> | undefined;
+    onCopyCapture?: import("react").ClipboardEventHandler<HTMLImageElement> | undefined;
+    onCut?: import("react").ClipboardEventHandler<HTMLImageElement> | undefined;
+    onCutCapture?: import("react").ClipboardEventHandler<HTMLImageElement> | undefined;
+    onPaste?: import("react").ClipboardEventHandler<HTMLImageElement> | undefined;
+    onPasteCapture?: import("react").ClipboardEventHandler<HTMLImageElement> | undefined;
+    onCompositionEnd?: import("react").CompositionEventHandler<HTMLImageElement> | undefined;
+    onCompositionEndCapture?: import("react").CompositionEventHandler<HTMLImageElement> | undefined;
+    onCompositionStart?: import("react").CompositionEventHandler<HTMLImageElement> | undefined;
+    onCompositionStartCapture?: import("react").CompositionEventHandler<HTMLImageElement> | undefined;
+    onCompositionUpdate?: import("react").CompositionEventHandler<HTMLImageElement> | undefined;
+    onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLImageElement> | undefined;
+    onFocus?: import("react").FocusEventHandler<HTMLImageElement> | undefined;
+    onFocusCapture?: import("react").FocusEventHandler<HTMLImageElement> | undefined;
+    onBlur?: import("react").FocusEventHandler<HTMLImageElement> | undefined;
+    onBlurCapture?: import("react").FocusEventHandler<HTMLImageElement> | undefined;
+    onChange?: import("react").ChangeEventHandler<HTMLImageElement, Element> | undefined;
+    onChangeCapture?: import("react").ChangeEventHandler<HTMLImageElement, Element> | undefined;
+    onBeforeInput?: import("react").InputEventHandler<HTMLImageElement> | undefined;
+    onBeforeInputCapture?: import("react").InputEventHandler<HTMLImageElement> | undefined;
+    onInput?: import("react").InputEventHandler<HTMLImageElement> | undefined;
+    onInputCapture?: import("react").InputEventHandler<HTMLImageElement> | undefined;
+    onReset?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
+    onResetCapture?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
+    onSubmit?: import("react").SubmitEventHandler<HTMLImageElement> | undefined;
+    onSubmitCapture?: import("react").SubmitEventHandler<HTMLImageElement> | undefined;
+    onInvalid?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
+    onInvalidCapture?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
+    onLoad?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
+    onLoadCapture?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
+    onError?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
+    onErrorCapture?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
+    onKeyDown?: import("react").KeyboardEventHandler<HTMLImageElement> | undefined;
+    onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLImageElement> | undefined;
+    onKeyPress?: import("react").KeyboardEventHandler<HTMLImageElement> | undefined;
+    onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLImageElement> | undefined;
+    onKeyUp?: import("react").KeyboardEventHandler<HTMLImageElement> | undefined;
+    onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLImageElement> | undefined;
+    onAbort?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
+    onAbortCapture?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
+    onCanPlay?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
+    onCanPlayCapture?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
+    onCanPlayThrough?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
+    onCanPlayThroughCapture?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
+    onDurationChange?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
+    onDurationChangeCapture?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
+    onEmptied?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
+    onEmptiedCapture?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
+    onEncrypted?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
+    onEncryptedCapture?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
+    onEnded?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
+    onEndedCapture?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
+    onLoadedData?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
+    onLoadedDataCapture?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
+    onLoadedMetadata?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
+    onLoadedMetadataCapture?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
+    onLoadStart?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
+    onLoadStartCapture?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
+    onPause?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
+    onPauseCapture?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
+    onPlay?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
+    onPlayCapture?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
+    onPlaying?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
+    onPlayingCapture?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
+    onProgress?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
+    onProgressCapture?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
+    onRateChange?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
+    onRateChangeCapture?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
+    onSeeked?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
+    onSeekedCapture?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
+    onSeeking?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
+    onSeekingCapture?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
+    onStalled?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
+    onStalledCapture?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
+    onSuspend?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
+    onSuspendCapture?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
+    onTimeUpdate?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
+    onTimeUpdateCapture?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
+    onVolumeChange?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
+    onVolumeChangeCapture?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
+    onWaiting?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
+    onWaitingCapture?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
+    onAuxClick?: import("react").MouseEventHandler<HTMLImageElement> | undefined;
+    onAuxClickCapture?: import("react").MouseEventHandler<HTMLImageElement> | undefined;
+    onClick?: import("react").MouseEventHandler<HTMLImageElement> | undefined;
+    onClickCapture?: import("react").MouseEventHandler<HTMLImageElement> | undefined;
+    onContextMenu?: import("react").MouseEventHandler<HTMLImageElement> | undefined;
+    onContextMenuCapture?: import("react").MouseEventHandler<HTMLImageElement> | undefined;
+    onDoubleClick?: import("react").MouseEventHandler<HTMLImageElement> | undefined;
+    onDoubleClickCapture?: import("react").MouseEventHandler<HTMLImageElement> | undefined;
+    onDrag?: import("react").DragEventHandler<HTMLImageElement> | undefined;
+    onDragCapture?: import("react").DragEventHandler<HTMLImageElement> | undefined;
+    onDragEnd?: import("react").DragEventHandler<HTMLImageElement> | undefined;
+    onDragEndCapture?: import("react").DragEventHandler<HTMLImageElement> | undefined;
+    onDragEnter?: import("react").DragEventHandler<HTMLImageElement> | undefined;
+    onDragEnterCapture?: import("react").DragEventHandler<HTMLImageElement> | undefined;
+    onDragExit?: import("react").DragEventHandler<HTMLImageElement> | undefined;
+    onDragExitCapture?: import("react").DragEventHandler<HTMLImageElement> | undefined;
+    onDragLeave?: import("react").DragEventHandler<HTMLImageElement> | undefined;
+    onDragLeaveCapture?: import("react").DragEventHandler<HTMLImageElement> | undefined;
+    onDragOver?: import("react").DragEventHandler<HTMLImageElement> | undefined;
+    onDragOverCapture?: import("react").DragEventHandler<HTMLImageElement> | undefined;
+    onDragStart?: import("react").DragEventHandler<HTMLImageElement> | undefined;
+    onDragStartCapture?: import("react").DragEventHandler<HTMLImageElement> | undefined;
+    onDrop?: import("react").DragEventHandler<HTMLImageElement> | undefined;
+    onDropCapture?: import("react").DragEventHandler<HTMLImageElement> | undefined;
+    onMouseDown?: import("react").MouseEventHandler<HTMLImageElement> | undefined;
+    onMouseDownCapture?: import("react").MouseEventHandler<HTMLImageElement> | undefined;
+    onMouseEnter?: import("react").MouseEventHandler<HTMLImageElement> | undefined;
+    onMouseLeave?: import("react").MouseEventHandler<HTMLImageElement> | undefined;
+    onMouseMove?: import("react").MouseEventHandler<HTMLImageElement> | undefined;
+    onMouseMoveCapture?: import("react").MouseEventHandler<HTMLImageElement> | undefined;
+    onMouseOut?: import("react").MouseEventHandler<HTMLImageElement> | undefined;
+    onMouseOutCapture?: import("react").MouseEventHandler<HTMLImageElement> | undefined;
+    onMouseOver?: import("react").MouseEventHandler<HTMLImageElement> | undefined;
+    onMouseOverCapture?: import("react").MouseEventHandler<HTMLImageElement> | undefined;
+    onMouseUp?: import("react").MouseEventHandler<HTMLImageElement> | undefined;
+    onMouseUpCapture?: import("react").MouseEventHandler<HTMLImageElement> | undefined;
+    onSelect?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
+    onSelectCapture?: import("react").ReactEventHandler<HTMLImageElement> | undefined;
+    onTouchCancel?: import("react").TouchEventHandler<HTMLImageElement> | undefined;
+    onTouchCancelCapture?: import("react").TouchEventHandler<HTMLImageElement> | undefined;
+    onTouchEnd?: import("react").TouchEventHandler<HTMLImageElement> | undefined;
+    onTouchEndCapture?: import("react").TouchEventHandler<HTMLImageElement> | undefined;
+    onTouchMove?: import("react").TouchEventHandler<HTMLImageElement> | undefined;
+    onTouchMoveCapture?: import("react").TouchEventHandler<HTMLImageElement> | undefined;
+    onTouchStart?: import("react").TouchEventHandler<HTMLImageElement> | undefined;
+    onTouchStartCapture?: import("react").TouchEventHandler<HTMLImageElement> | undefined;
+    onPointerDown?: import("react").PointerEventHandler<HTMLImageElement> | undefined;
+    onPointerDownCapture?: import("react").PointerEventHandler<HTMLImageElement> | undefined;
+    onPointerMove?: import("react").PointerEventHandler<HTMLImageElement> | undefined;
+    onPointerMoveCapture?: import("react").PointerEventHandler<HTMLImageElement> | undefined;
+    onPointerUp?: import("react").PointerEventHandler<HTMLImageElement> | undefined;
+    onPointerUpCapture?: import("react").PointerEventHandler<HTMLImageElement> | undefined;
+    onPointerCancel?: import("react").PointerEventHandler<HTMLImageElement> | undefined;
+    onPointerCancelCapture?: import("react").PointerEventHandler<HTMLImageElement> | undefined;
+    onPointerEnter?: import("react").PointerEventHandler<HTMLImageElement> | undefined;
+    onPointerLeave?: import("react").PointerEventHandler<HTMLImageElement> | undefined;
+    onPointerOver?: import("react").PointerEventHandler<HTMLImageElement> | undefined;
+    onPointerOverCapture?: import("react").PointerEventHandler<HTMLImageElement> | undefined;
+    onPointerOut?: import("react").PointerEventHandler<HTMLImageElement> | undefined;
+    onPointerOutCapture?: import("react").PointerEventHandler<HTMLImageElement> | undefined;
+    onGotPointerCapture?: import("react").PointerEventHandler<HTMLImageElement> | undefined;
+    onGotPointerCaptureCapture?: import("react").PointerEventHandler<HTMLImageElement> | undefined;
+    onLostPointerCapture?: import("react").PointerEventHandler<HTMLImageElement> | undefined;
+    onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLImageElement> | undefined;
+    onScroll?: import("react").UIEventHandler<HTMLImageElement> | undefined;
+    onScrollCapture?: import("react").UIEventHandler<HTMLImageElement> | undefined;
+    onScrollEnd?: import("react").UIEventHandler<HTMLImageElement> | undefined;
+    onScrollEndCapture?: import("react").UIEventHandler<HTMLImageElement> | undefined;
+    onWheel?: import("react").WheelEventHandler<HTMLImageElement> | undefined;
+    onWheelCapture?: import("react").WheelEventHandler<HTMLImageElement> | undefined;
+    onAnimationStart?: import("react").AnimationEventHandler<HTMLImageElement> | undefined;
+    onAnimationStartCapture?: import("react").AnimationEventHandler<HTMLImageElement> | undefined;
+    onAnimationEnd?: import("react").AnimationEventHandler<HTMLImageElement> | undefined;
+    onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLImageElement> | undefined;
+    onAnimationIteration?: import("react").AnimationEventHandler<HTMLImageElement> | undefined;
+    onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLImageElement> | undefined;
+    onToggle?: import("react").ToggleEventHandler<HTMLImageElement> | undefined;
+    onBeforeToggle?: import("react").ToggleEventHandler<HTMLImageElement> | undefined;
+    onTransitionCancel?: import("react").TransitionEventHandler<HTMLImageElement> | undefined;
+    onTransitionCancelCapture?: import("react").TransitionEventHandler<HTMLImageElement> | undefined;
+    onTransitionEnd?: import("react").TransitionEventHandler<HTMLImageElement> | undefined;
+    onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLImageElement> | undefined;
+    onTransitionRun?: import("react").TransitionEventHandler<HTMLImageElement> | undefined;
+    onTransitionRunCapture?: import("react").TransitionEventHandler<HTMLImageElement> | undefined;
+    onTransitionStart?: import("react").TransitionEventHandler<HTMLImageElement> | undefined;
+    onTransitionStartCapture?: import("react").TransitionEventHandler<HTMLImageElement> | undefined;
+}, HTMLElement>>;
+//# sourceMappingURL=image.d.ts.map

package/dist/image.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"image.d.ts","sourceRoot":"","sources":["../src/image.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAG9D,OAAO,KAAK,EAAE,aAAa,EAAoB,MAAM,YAAY,CAAC;AAIlE,MAAM,MAAM,gBAAgB,GAAG,IAAI,CACjC,iBAAiB,CAAC,gBAAgB,CAAC,EACnC,KAAK,GAAG,KAAK,CACd,GAAG;IACF,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,aAAa,GAAG,IAAI,CAAC;IAC/B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB,CAAC;AAOF,wBAAsB,WAAW,CAAC,KAAK,EAAE,gBAAgB;;;;YAR/C,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBA0CtB"}

package/dist/image.js

@@ -0,0 +1,29 @@
+import { createElement } from "react";
+import { findBlock, getRisaliContent } from "./content.js";
+const SAFE_SRC_RE = /^(https?:\/\/|\/)/;
+function safeSrc(value, fallback) {
+    if (typeof value !== "string" || !value)
+        return fallback;
+    return SAFE_SRC_RE.test(value) ? value : fallback;
+}
+export async function RisaliImage(props) {
+    const { pageKey, defaultSrc, defaultAlt, path, content: providedContent, siteSlug, ...rest } = props;
+    const content = providedContent !== undefined
+        ? providedContent
+        : await getRisaliContent(path ?? "/", { siteSlug });
+    const block = findBlock(content, pageKey);
+    const value = block?.type === "image" && block.value && typeof block.value === "object"
+        ? block.value
+        : {};
+    const src = safeSrc(value.src, defaultSrc);
+    const alt = typeof value.alt === "string" && value.alt
+        ? value.alt
+        : (defaultAlt ?? "");
+    return createElement("img", {
+        ...rest,
+        src,
+        alt,
+        "data-risali-key": pageKey,
+    });
+}
+//# sourceMappingURL=image.js.map

package/dist/image.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"image.js","sourceRoot":"","sources":["../src/image.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAG3D,MAAM,WAAW,GAAG,mBAAmB,CAAC;AAexC,SAAS,OAAO,CAAC,KAAc,EAAE,QAAgB;IAC/C,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,CAAC,KAAK;QAAE,OAAO,QAAQ,CAAC;IACzD,OAAO,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC;AACpD,CAAC;AAED,MAAM,CAAC,KAAK,UAAU,WAAW,CAAC,KAAuB;IACvD,MAAM,EACJ,OAAO,EACP,UAAU,EACV,UAAU,EACV,IAAI,EACJ,OAAO,EAAE,eAAe,EACxB,QAAQ,EACR,GAAG,IAAI,EACR,GAAG,KAAK,CAAC;IAEV,MAAM,OAAO,GACX,eAAe,KAAK,SAAS;QAC3B,CAAC,CAAC,eAAe;QACjB,CAAC,CAAC,MAAM,gBAAgB,CAAC,IAAI,IAAI,GAAG,EAAE,EAAE,QAAQ,EAAE,CAAC,CAAC;IAExD,MAAM,KAAK,GAAG,SAAS,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;IAC1C,MAAM,KAAK,GACT,KAAK,EAAE,IAAI,KAAK,OAAO,IAAI,KAAK,CAAC,KAAK,IAAI,OAAO,KAAK,CAAC,KAAK,KAAK,QAAQ;QACvE,CAAC,CAAE,KAAK,CAAC,KAA0B;QACnC,CAAC,CAAC,EAAE,CAAC;IAET,MAAM,GAAG,GAAG,OAAO,CAAC,KAAK,CAAC,GAAG,EAAE,UAAU,CAAC,CAAC;IAC3C,MAAM,GAAG,GACP,OAAO,KAAK,CAAC,GAAG,KAAK,QAAQ,IAAI,KAAK,CAAC,GAAG;QACxC,CAAC,CAAC,KAAK,CAAC,GAAG;QACX,CAAC,CAAC,CAAC,UAAU,IAAI,EAAE,CAAC,CAAC;IAEzB,OAAO,aAAa,CAAC,KAAK,EAAE;QAC1B,GAAG,IAAI;QACP,GAAG;QACH,GAAG;QACH,iBAAiB,EAAE,OAAO;KAC3B,CAAC,CAAC;AACL,CAAC"}

package/dist/index.d.ts

@@ -0,0 +1,12 @@
+export { getRisaliContent, findBlock, getBlockValue, getBlockImage, getBlockRichText, getBlockStyleOverrides, } from "./content.js";
+export type { GetRisaliContentOptions } from "./content.js";
+export { applyStyleOverrides } from "./style.js";
+export { RisaliText } from "./text.js";
+export type { RisaliTextProps } from "./text.js";
+export { RisaliImage } from "./image.js";
+export type { RisaliImageProps } from "./image.js";
+export { RisaliRichText } from "./rich-text.js";
+export type { RisaliRichTextProps } from "./rich-text.js";
+export { sanitiseRichText } from "./sanitize.js";
+export type { RisaliBlock, RisaliBlockType, RisaliContent, RisaliImageValue, RisaliStyleOverrides, } from "./types.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,gBAAgB,EAChB,SAAS,EACT,aAAa,EACb,aAAa,EACb,gBAAgB,EAChB,sBAAsB,GACvB,MAAM,cAAc,CAAC;AACtB,YAAY,EAAE,uBAAuB,EAAE,MAAM,cAAc,CAAC;AAC5D,OAAO,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AACvC,YAAY,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AACjD,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AACzC,YAAY,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AACnD,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAChD,YAAY,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAC1D,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACjD,YAAY,EACV,WAAW,EACX,eAAe,EACf,aAAa,EACb,gBAAgB,EAChB,oBAAoB,GACrB,MAAM,YAAY,CAAC"}

package/dist/index.js

@@ -0,0 +1,7 @@
+export { getRisaliContent, findBlock, getBlockValue, getBlockImage, getBlockRichText, getBlockStyleOverrides, } from "./content.js";
+export { applyStyleOverrides } from "./style.js";
+export { RisaliText } from "./text.js";
+export { RisaliImage } from "./image.js";
+export { RisaliRichText } from "./rich-text.js";
+export { sanitiseRichText } from "./sanitize.js";
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,gBAAgB,EAChB,SAAS,EACT,aAAa,EACb,aAAa,EACb,gBAAgB,EAChB,sBAAsB,GACvB,MAAM,cAAc,CAAC;AAEtB,OAAO,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAEvC,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAEzC,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAEhD,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC"}

package/dist/rich-text.d.ts

@@ -0,0 +1,14 @@
+import type { CSSProperties, ElementType } from "react";
+import type { RisaliContent } from "./types.js";
+export type RisaliRichTextProps = {
+    pageKey: string;
+    defaultValue: string;
+    path?: string;
+    content?: RisaliContent | null;
+    as?: ElementType;
+    className?: string;
+    style?: CSSProperties;
+    siteSlug?: string;
+};
+export declare function RisaliRichText(props: RisaliRichTextProps): Promise<import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>>;
+//# sourceMappingURL=rich-text.d.ts.map

package/dist/rich-text.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"rich-text.d.ts","sourceRoot":"","sources":["../src/rich-text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAKxD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAEhD,MAAM,MAAM,mBAAmB,GAAG;IAChC,OAAO,EAAE,MAAM,CAAC;IAChB,YAAY,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,aAAa,GAAG,IAAI,CAAC;IAC/B,EAAE,CAAC,EAAE,WAAW,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,wBAAsB,cAAc,CAAC,KAAK,EAAE,mBAAmB,mGAmC9D"}

package/dist/rich-text.js

@@ -0,0 +1,26 @@
+import { createElement } from "react";
+import { findBlock, getRisaliContent } from "./content.js";
+import { sanitiseRichText } from "./sanitize.js";
+import { applyStyleOverrides } from "./style.js";
+export async function RisaliRichText(props) {
+    const { pageKey, defaultValue, path, content: providedContent, as, className, style, siteSlug, } = props;
+    const Tag = as || "div";
+    const content = providedContent !== undefined
+        ? providedContent
+        : await getRisaliContent(path ?? "/", { siteSlug });
+    const block = findBlock(content, pageKey);
+    const rawValue = block &&
+        (block.type === "rich_text" || block.type === "html") &&
+        typeof block.value === "string"
+        ? block.value
+        : defaultValue;
+    const safeHtml = sanitiseRichText(rawValue);
+    const mergedStyle = applyStyleOverrides(style, block?.style_overrides);
+    return createElement(Tag, {
+        className,
+        style: mergedStyle,
+        "data-risali-key": pageKey,
+        dangerouslySetInnerHTML: { __html: safeHtml },
+    });
+}
+//# sourceMappingURL=rich-text.js.map

package/dist/rich-text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rich-text.js","sourceRoot":"","sources":["../src/rich-text.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAC3D,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACjD,OAAO,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC;AAcjD,MAAM,CAAC,KAAK,UAAU,cAAc,CAAC,KAA0B;IAC7D,MAAM,EACJ,OAAO,EACP,YAAY,EACZ,IAAI,EACJ,OAAO,EAAE,eAAe,EACxB,EAAE,EACF,SAAS,EACT,KAAK,EACL,QAAQ,GACT,GAAG,KAAK,CAAC;IAEV,MAAM,GAAG,GAAgB,EAAE,IAAI,KAAK,CAAC;IACrC,MAAM,OAAO,GACX,eAAe,KAAK,SAAS;QAC3B,CAAC,CAAC,eAAe;QACjB,CAAC,CAAC,MAAM,gBAAgB,CAAC,IAAI,IAAI,GAAG,EAAE,EAAE,QAAQ,EAAE,CAAC,CAAC;IAExD,MAAM,KAAK,GAAG,SAAS,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;IAC1C,MAAM,QAAQ,GACZ,KAAK;QACL,CAAC,KAAK,CAAC,IAAI,KAAK,WAAW,IAAI,KAAK,CAAC,IAAI,KAAK,MAAM,CAAC;QACrD,OAAO,KAAK,CAAC,KAAK,KAAK,QAAQ;QAC7B,CAAC,CAAC,KAAK,CAAC,KAAK;QACb,CAAC,CAAC,YAAY,CAAC;IAEnB,MAAM,QAAQ,GAAG,gBAAgB,CAAC,QAAQ,CAAC,CAAC;IAC5C,MAAM,WAAW,GAAG,mBAAmB,CAAC,KAAK,EAAE,KAAK,EAAE,eAAe,CAAC,CAAC;IAEvE,OAAO,aAAa,CAAC,GAAG,EAAE;QACxB,SAAS;QACT,KAAK,EAAE,WAAW;QAClB,iBAAiB,EAAE,OAAO;QAC1B,uBAAuB,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE;KAC9C,CAAC,CAAC;AACL,CAAC"}

package/dist/sanitize.d.ts

@@ -0,0 +1,2 @@
+export declare function sanitiseRichText(input: string): string;
+//# sourceMappingURL=sanitize.d.ts.map

package/dist/sanitize.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sanitize.d.ts","sourceRoot":"","sources":["../src/sanitize.ts"],"names":[],"mappings":"AAqFA,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CA+CtD"}

package/dist/sanitize.js

@@ -0,0 +1,130 @@
+// Minimal HTML sanitiser for Risali rich-text blocks.
+// Pure (no DOM, no external deps) so it runs in RSC / Node / tests alike.
+// Defense-in-depth over the editor-side sanitiser planned for PR 26.
+const ALLOWED_TAGS = new Set([
+    "span",
+    "strong",
+    "b",
+    "em",
+    "i",
+    "u",
+    "br",
+    "a",
+    "p",
+]);
+const VOID_TAGS = new Set(["br"]);
+const ALLOWED_ATTRS = {
+    a: new Set(["href"]),
+    span: new Set(["style"]),
+    p: new Set(["style"]),
+    strong: new Set(["style"]),
+    em: new Set(["style"]),
+    b: new Set(["style"]),
+    i: new Set(["style"]),
+    u: new Set(["style"]),
+};
+const SAFE_HREF_RE = /^(https?:\/\/|mailto:|tel:|\/)/i;
+const STYLE_COLOR_RE = /(?:^|;)\s*color\s*:\s*(#[0-9a-fA-F]{6})\s*(?:;|$)/;
+const STYLE_FONT_SIZE_RE = /(?:^|;)\s*font-size\s*:\s*([0-9]+(?:\.[0-9]+)?)(px|rem|em)\s*(?:;|$)/i;
+const TAG_RE = /<\/?([a-zA-Z][a-zA-Z0-9]*)((?:\s+[^>]*)?)\/?>|<!--[\s\S]*?-->/g;
+const ATTR_RE = /([a-zA-Z][a-zA-Z0-9_-]*)\s*=\s*("([^"]*)"|'([^']*)'|([^\s"'>]+))/g;
+function sanitiseStyle(raw) {
+    const out = [];
+    const colorMatch = raw.match(STYLE_COLOR_RE);
+    if (colorMatch && colorMatch[1]) {
+        out.push(`color:${colorMatch[1]}`);
+    }
+    const fontMatch = raw.match(STYLE_FONT_SIZE_RE);
+    if (fontMatch && fontMatch[1] && fontMatch[2]) {
+        const num = Number.parseFloat(fontMatch[1]);
+        const unit = fontMatch[2].toLowerCase();
+        if (Number.isFinite(num) && num > 0 && num < 200) {
+            out.push(`font-size:${num}${unit}`);
+        }
+    }
+    return out.join(";");
+}
+function sanitiseAttrs(tag, raw) {
+    const allowed = ALLOWED_ATTRS[tag];
+    if (!allowed || !raw.trim())
+        return "";
+    const parts = [];
+    ATTR_RE.lastIndex = 0;
+    let match;
+    while ((match = ATTR_RE.exec(raw)) !== null) {
+        const name = match[1]?.toLowerCase();
+        if (!name || !allowed.has(name))
+            continue;
+        const value = match[3] ?? match[4] ?? match[5] ?? "";
+        if (name === "href") {
+            if (SAFE_HREF_RE.test(value)) {
+                parts.push(`href="${escapeAttr(value)}"`);
+            }
+        }
+        else if (name === "style") {
+            const safe = sanitiseStyle(value);
+            if (safe)
+                parts.push(`style="${escapeAttr(safe)}"`);
+        }
+    }
+    return parts.length ? " " + parts.join(" ") : "";
+}
+function escapeAttr(value) {
+    return value
+        .replace(/&/g, "&amp;")
+        .replace(/"/g, "&quot;")
+        .replace(/</g, "&lt;")
+        .replace(/>/g, "&gt;");
+}
+export function sanitiseRichText(input) {
+    if (typeof input !== "string" || !input)
+        return "";
+    const stack = [];
+    const pieces = [];
+    let lastIndex = 0;
+    TAG_RE.lastIndex = 0;
+    let match;
+    while ((match = TAG_RE.exec(input)) !== null) {
+        if (match.index > lastIndex) {
+            pieces.push(escapeText(input.slice(lastIndex, match.index)));
+        }
+        lastIndex = match.index + match[0].length;
+        if (match[0].startsWith("<!--"))
+            continue;
+        const tag = (match[1] || "").toLowerCase();
+        const isClose = match[0].startsWith("</");
+        if (!ALLOWED_TAGS.has(tag))
+            continue;
+        if (isClose) {
+            const idx = stack.lastIndexOf(tag);
+            if (idx === -1)
+                continue;
+            while (stack.length > idx) {
+                const popped = stack.pop();
+                if (popped)
+                    pieces.push(`</${popped}>`);
+            }
+        }
+        else if (VOID_TAGS.has(tag)) {
+            pieces.push(`<${tag}/>`);
+        }
+        else {
+            const attrs = sanitiseAttrs(tag, match[2] || "");
+            pieces.push(`<${tag}${attrs}>`);
+            stack.push(tag);
+        }
+    }
+    if (lastIndex < input.length) {
+        pieces.push(escapeText(input.slice(lastIndex)));
+    }
+    while (stack.length) {
+        const popped = stack.pop();
+        if (popped)
+            pieces.push(`</${popped}>`);
+    }
+    return pieces.join("");
+}
+function escapeText(value) {
+    return value.replace(/</g, "&lt;").replace(/>/g, "&gt;");
+}
+//# sourceMappingURL=sanitize.js.map

package/dist/sanitize.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sanitize.js","sourceRoot":"","sources":["../src/sanitize.ts"],"names":[],"mappings":"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"}

package/dist/style.d.ts

@@ -0,0 +1,6 @@
+import type { CSSProperties } from "react";
+import type { RisaliStyleOverrides } from "./types.js";
+export declare function safeColor(value: unknown): string | undefined;
+export declare function safeFontSizeMultiplier(value: unknown): number | undefined;
+export declare function applyStyleOverrides(base: CSSProperties | undefined, overrides: RisaliStyleOverrides | null | undefined): CSSProperties | undefined;
+//# sourceMappingURL=style.d.ts.map

package/dist/style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../src/style.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,YAAY,CAAC;AAIvD,wBAAgB,SAAS,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,GAAG,SAAS,CAG5D;AAED,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,OAAO,GAAG,MAAM,GAAG,SAAS,CAIzE;AAED,wBAAgB,mBAAmB,CACjC,IAAI,EAAE,aAAa,GAAG,SAAS,EAC/B,SAAS,EAAE,oBAAoB,GAAG,IAAI,GAAG,SAAS,GACjD,aAAa,GAAG,SAAS,CAS3B"}

package/dist/style.js

@@ -0,0 +1,28 @@
+const HEX_RE = /^#[0-9a-fA-F]{6}$/;
+export function safeColor(value) {
+    if (typeof value !== "string")
+        return undefined;
+    return HEX_RE.test(value) ? value : undefined;
+}
+export function safeFontSizeMultiplier(value) {
+    if (typeof value !== "number" || !Number.isFinite(value))
+        return undefined;
+    if (value < 0.5 || value > 2)
+        return undefined;
+    return value;
+}
+export function applyStyleOverrides(base, overrides) {
+    if (!overrides)
+        return base;
+    const color = safeColor(overrides.color);
+    const mult = safeFontSizeMultiplier(overrides.font_size_multiplier);
+    if (!color && !mult)
+        return base;
+    const next = { ...(base || {}) };
+    if (color)
+        next.color = color;
+    if (mult)
+        next.fontSize = `${mult}em`;
+    return next;
+}
+//# sourceMappingURL=style.js.map

package/dist/style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.js","sourceRoot":"","sources":["../src/style.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,GAAG,mBAAmB,CAAC;AAEnC,MAAM,UAAU,SAAS,CAAC,KAAc;IACtC,IAAI,OAAO,KAAK,KAAK,QAAQ;QAAE,OAAO,SAAS,CAAC;IAChD,OAAO,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC;AAChD,CAAC;AAED,MAAM,UAAU,sBAAsB,CAAC,KAAc;IACnD,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC;QAAE,OAAO,SAAS,CAAC;IAC3E,IAAI,KAAK,GAAG,GAAG,IAAI,KAAK,GAAG,CAAC;QAAE,OAAO,SAAS,CAAC;IAC/C,OAAO,KAAK,CAAC;AACf,CAAC;AAED,MAAM,UAAU,mBAAmB,CACjC,IAA+B,EAC/B,SAAkD;IAElD,IAAI,CAAC,SAAS;QAAE,OAAO,IAAI,CAAC;IAC5B,MAAM,KAAK,GAAG,SAAS,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;IACzC,MAAM,IAAI,GAAG,sBAAsB,CAAC,SAAS,CAAC,oBAAoB,CAAC,CAAC;IACpE,IAAI,CAAC,KAAK,IAAI,CAAC,IAAI;QAAE,OAAO,IAAI,CAAC;IACjC,MAAM,IAAI,GAAkB,EAAE,GAAG,CAAC,IAAI,IAAI,EAAE,CAAC,EAAE,CAAC;IAChD,IAAI,KAAK;QAAE,IAAI,CAAC,KAAK,GAAG,KAAK,CAAC;IAC9B,IAAI,IAAI;QAAE,IAAI,CAAC,QAAQ,GAAG,GAAG,IAAI,IAAI,CAAC;IACtC,OAAO,IAAI,CAAC;AACd,CAAC"}

package/dist/text.d.ts

@@ -0,0 +1,15 @@
+import type { CSSProperties, ElementType, ReactNode } from "react";
+import type { RisaliContent } from "./types.js";
+export type RisaliTextProps = {
+    pageKey: string;
+    defaultValue: string;
+    path?: string;
+    content?: RisaliContent | null;
+    as?: ElementType;
+    className?: string;
+    style?: CSSProperties;
+    children?: ReactNode;
+    siteSlug?: string;
+};
+export declare function RisaliText(props: RisaliTextProps): Promise<import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>>;
+//# sourceMappingURL=text.d.ts.map

package/dist/text.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text.d.ts","sourceRoot":"","sources":["../src/text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAInE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAEhD,MAAM,MAAM,eAAe,GAAG;IAC5B,OAAO,EAAE,MAAM,CAAC;IAChB,YAAY,EAAE,MAAM,CAAC;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,aAAa,GAAG,IAAI,CAAC;IAC/B,EAAE,CAAC,EAAE,WAAW,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,wBAAsB,UAAU,CAAC,KAAK,EAAE,eAAe,mGAsCtD"}

package/dist/text.js

@@ -0,0 +1,23 @@
+import { createElement } from "react";
+import { findBlock, getRisaliContent } from "./content.js";
+import { applyStyleOverrides } from "./style.js";
+export async function RisaliText(props) {
+    const { pageKey, defaultValue, path, content: providedContent, as, className, style, siteSlug, } = props;
+    const Tag = as || "span";
+    const content = providedContent !== undefined
+        ? providedContent
+        : await getRisaliContent(path ?? "/", { siteSlug });
+    const block = findBlock(content, pageKey);
+    const isTextLike = !block ||
+        block.type === "text" ||
+        block.type === "rich_text" ||
+        block.type === "html";
+    const value = isTextLike && typeof block?.value === "string" ? block.value : defaultValue;
+    const mergedStyle = applyStyleOverrides(style, block?.style_overrides);
+    return createElement(Tag, {
+        className,
+        style: mergedStyle,
+        "data-risali-key": pageKey,
+    }, value);
+}
+//# sourceMappingURL=text.js.map

package/dist/text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text.js","sourceRoot":"","sources":["../src/text.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AACtC,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAC3D,OAAO,EAAE,mBAAmB,EAAE,MAAM,YAAY,CAAC;AAejD,MAAM,CAAC,KAAK,UAAU,UAAU,CAAC,KAAsB;IACrD,MAAM,EACJ,OAAO,EACP,YAAY,EACZ,IAAI,EACJ,OAAO,EAAE,eAAe,EACxB,EAAE,EACF,SAAS,EACT,KAAK,EACL,QAAQ,GACT,GAAG,KAAK,CAAC;IAEV,MAAM,GAAG,GAAgB,EAAE,IAAI,MAAM,CAAC;IACtC,MAAM,OAAO,GACX,eAAe,KAAK,SAAS;QAC3B,CAAC,CAAC,eAAe;QACjB,CAAC,CAAC,MAAM,gBAAgB,CAAC,IAAI,IAAI,GAAG,EAAE,EAAE,QAAQ,EAAE,CAAC,CAAC;IAExD,MAAM,KAAK,GAAG,SAAS,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC;IAC1C,MAAM,UAAU,GACd,CAAC,KAAK;QACN,KAAK,CAAC,IAAI,KAAK,MAAM;QACrB,KAAK,CAAC,IAAI,KAAK,WAAW;QAC1B,KAAK,CAAC,IAAI,KAAK,MAAM,CAAC;IACxB,MAAM,KAAK,GACT,UAAU,IAAI,OAAO,KAAK,EAAE,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,YAAY,CAAC;IAE9E,MAAM,WAAW,GAAG,mBAAmB,CAAC,KAAK,EAAE,KAAK,EAAE,eAAe,CAAC,CAAC;IAEvE,OAAO,aAAa,CAClB,GAAG,EACH;QACE,SAAS;QACT,KAAK,EAAE,WAAW;QAClB,iBAAiB,EAAE,OAAO;KAC3B,EACD,KAAK,CACN,CAAC;AACJ,CAAC"}

package/dist/types.d.ts

@@ -0,0 +1,35 @@
+export type RisaliBlockType = "text" | "image" | "rich_text" | "html";
+export type RisaliStyleOverrides = {
+    color?: string;
+    font_size_multiplier?: number;
+};
+export type RisaliBlock = {
+    key: string;
+    type: RisaliBlockType | string;
+    value: unknown;
+    selector?: string | null;
+    content_hash?: string | null;
+    style_overrides?: RisaliStyleOverrides | null;
+    is_global?: boolean;
+    label?: string | null;
+};
+export type RisaliContent = {
+    site: {
+        slug: string;
+        show_badge: boolean;
+        favicon_url: string | null;
+        jsonld: unknown;
+    };
+    page: {
+        title: string | null;
+        seo_title: string | null;
+        seo_description: string | null;
+        og_image_url: string | null;
+    } | null;
+    blocks: RisaliBlock[];
+};
+export type RisaliImageValue = {
+    src?: string;
+    alt?: string;
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,OAAO,GAAG,WAAW,GAAG,MAAM,CAAC;AAEtE,MAAM,MAAM,oBAAoB,GAAG;IACjC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oBAAoB,CAAC,EAAE,MAAM,CAAC;CAC/B,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG;IACxB,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,eAAe,GAAG,MAAM,CAAC;IAC/B,KAAK,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,eAAe,CAAC,EAAE,oBAAoB,GAAG,IAAI,CAAC;IAC9C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG;IAC1B,IAAI,EAAE;QACJ,IAAI,EAAE,MAAM,CAAC;QACb,UAAU,EAAE,OAAO,CAAC;QACpB,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;QAC3B,MAAM,EAAE,OAAO,CAAC;KACjB,CAAC;IACF,IAAI,EAAE;QACJ,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;QACrB,SAAS,EAAE,MAAM,GAAG,IAAI,CAAC;QACzB,eAAe,EAAE,MAAM,GAAG,IAAI,CAAC;QAC/B,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;KAC7B,GAAG,IAAI,CAAC;IACT,MAAM,EAAE,WAAW,EAAE,CAAC;CACvB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;CACd,CAAC"}

package/dist/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":""}

package/package.json

@@ -0,0 +1,55 @@
+{
+  "name": "@risali/react",
+  "version": "0.2.0",
+  "description": "React server components for Risali.app — SSR-fetch editable text/image/rich-text blocks from a client's Risali site.",
+  "license": "UNLICENSED",
+  "private": false,
+  "type": "module",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "sideEffects": false,
+  "scripts": {
+    "build": "tsc -p tsconfig.json",
+    "clean": "rimraf dist",
+    "prepublishOnly": "npm run clean && npm run build"
+  },
+  "peerDependencies": {
+    "react": ">=18.0.0",
+    "react-dom": ">=18.0.0"
+  },
+  "devDependencies": {
+    "@types/react": "^19.0.0",
+    "@types/react-dom": "^19.0.0",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "rimraf": "^6.0.1",
+    "typescript": "^5.0.0"
+  },
+  "engines": {
+    "node": ">=18.17.0"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/Patress1989/Risali.app.git",
+    "directory": "packages/risali-react"
+  },
+  "homepage": "https://risali.app",
+  "keywords": [
+    "risali",
+    "cms",
+    "headless",
+    "react",
+    "nextjs",
+    "rsc"
+  ]
+}