@viglet/shio-react-sdk 2026.2.1

package/LICENSE

@@ -0,0 +1,201 @@
+                                 Apache License
+                           Version 2.0, January 2004
+                        http://www.apache.org/licenses/
+
+   TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+   1. Definitions.
+
+      "License" shall mean the terms and conditions for use, reproduction,
+      and distribution as defined by Sections 1 through 9 of this document.
+
+      "Licensor" shall mean the copyright owner or entity authorized by
+      the copyright owner that is granting the License.
+
+      "Legal Entity" shall mean the union of the acting entity and all
+      other entities that control, are controlled by, or are under common
+      control with that entity. For the purposes of this definition,
+      "control" means (i) the power, direct or indirect, to cause the
+      direction or management of such entity, whether by contract or
+      otherwise, or (ii) ownership of fifty percent (50%) or more of the
+      outstanding shares, or (iii) beneficial ownership of such entity.
+
+      "You" (or "Your") shall mean an individual or Legal Entity
+      exercising permissions granted by this License.
+
+      "Source" form shall mean the preferred form for making modifications,
+      including but not limited to software source code, documentation
+      source, and configuration files.
+
+      "Object" form shall mean any form resulting from mechanical
+      transformation or translation of a Source form, including but
+      not limited to compiled object code, generated documentation,
+      and conversions to other media types.
+
+      "Work" shall mean the work of authorship, whether in Source or
+      Object form, made available under the License, as indicated by a
+      copyright notice that is included in or attached to the work
+      (an example is provided in the Appendix below).
+
+      "Derivative Works" shall mean any work, whether in Source or Object
+      form, that is based on (or derived from) the Work and for which the
+      editorial revisions, annotations, elaborations, or other modifications
+      represent, as a whole, an original work of authorship. For the purposes
+      of this License, Derivative Works shall not include works that remain
+      separable from, or merely link (or bind by name) to the interfaces of,
+      the Work and Derivative Works thereof.
+
+      "Contribution" shall mean any work of authorship, including
+      the original version of the Work and any modifications or additions
+      to that Work or Derivative Works thereof, that is intentionally
+      submitted to Licensor for inclusion in the Work by the copyright owner
+      or by an individual or Legal Entity authorized to submit on behalf of
+      the copyright owner. For the purposes of this definition, "submitted"
+      means any form of electronic, verbal, or written communication sent
+      to the Licensor or its representatives, including but not limited to
+      communication on electronic mailing lists, source code control systems,
+      and issue tracking systems that are managed by, or on behalf of, the
+      Licensor for the purpose of discussing and improving the Work, but
+      excluding communication that is conspicuously marked or otherwise
+      designated in writing by the copyright owner as "Not a Contribution."
+
+      "Contributor" shall mean Licensor and any individual or Legal Entity
+      on behalf of whom a Contribution has been received by Licensor and
+      subsequently incorporated within the Work.
+
+   2. Grant of Copyright License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      copyright license to reproduce, prepare Derivative Works of,
+      publicly display, publicly perform, sublicense, and distribute the
+      Work and such Derivative Works in Source or Object form.
+
+   3. Grant of Patent License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      (except as stated in this section) patent license to make, have made,
+      use, offer to sell, sell, import, and otherwise transfer the Work,
+      where such license applies only to those patent claims licensable
+      by such Contributor that are necessarily infringed by their
+      Contribution(s) alone or by combination of their Contribution(s)
+      with the Work to which such Contribution(s) was submitted. If You
+      institute patent litigation against any entity (including a
+      cross-claim or counterclaim in a lawsuit) alleging that the Work
+      or a Contribution incorporated within the Work constitutes direct
+      or contributory patent infringement, then any patent licenses
+      granted to You under this License for that Work shall terminate
+      as of the date such litigation is filed.
+
+   4. Redistribution. You may reproduce and distribute copies of the
+      Work or Derivative Works thereof in any medium, with or without
+      modifications, and in Source or Object form, provided that You
+      meet the following conditions:
+
+      (a) You must give any other recipients of the Work or
+          Derivative Works a copy of this License; and
+
+      (b) You must cause any modified files to carry prominent notices
+          stating that You changed the files; and
+
+      (c) You must retain, in the Source form of any Derivative Works
+          that You distribute, all copyright, patent, trademark, and
+          attribution notices from the Source form of the Work,
+          excluding those notices that do not pertain to any part of
+          the Derivative Works; and
+
+      (d) If the Work includes a "NOTICE" text file as part of its
+          distribution, then any Derivative Works that You distribute must
+          include a readable copy of the attribution notices contained
+          within such NOTICE file, excluding those notices that do not
+          pertain to any part of the Derivative Works, in at least one
+          of the following places: within a NOTICE text file distributed
+          as part of the Derivative Works; within the Source form or
+          documentation, if provided along with the Derivative Works; or,
+          within a display generated by the Derivative Works, if and
+          wherever such third-party notices normally appear. The contents
+          of the NOTICE file are for informational purposes only and
+          do not modify the License. You may add Your own attribution
+          notices within Derivative Works that You distribute, alongside
+          or as an addendum to the NOTICE text from the Work, provided
+          that such additional attribution notices cannot be construed
+          as modifying the License.
+
+      You may add Your own copyright statement to Your modifications and
+      may provide additional or different license terms and conditions
+      for use, reproduction, or distribution of Your modifications, or
+      for any such Derivative Works as a whole, provided Your use,
+      reproduction, and distribution of the Work otherwise complies with
+      the conditions stated in this License.
+
+   5. Submission of Contributions. Unless You explicitly state otherwise,
+      any Contribution intentionally submitted for inclusion in the Work
+      by You to the Licensor shall be under the terms and conditions of
+      this License, without any additional terms or conditions.
+      Notwithstanding the above, nothing herein shall supersede or modify
+      the terms of any separate license agreement you may have executed
+      with Licensor regarding such Contributions.
+
+   6. Trademarks. This License does not grant permission to use the trade
+      names, trademarks, service marks, or product names of the Licensor,
+      except as required for reasonable and customary use in describing the
+      origin of the Work and reproducing the content of the NOTICE file.
+
+   7. Disclaimer of Warranty. Unless required by applicable law or
+      agreed to in writing, Licensor provides the Work (and each
+      Contributor provides its Contributions) on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+      implied, including, without limitation, any warranties or conditions
+      of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+      PARTICULAR PURPOSE. You are solely responsible for determining the
+      appropriateness of using or redistributing the Work and assume any
+      risks associated with Your exercise of permissions under this License.
+
+   8. Limitation of Liability. In no event and under no legal theory,
+      whether in tort (including negligence), contract, or otherwise,
+      unless required by applicable law (such as deliberate and grossly
+      negligent acts) or agreed to in writing, shall any Contributor be
+      liable to You for damages, including any direct, indirect, special,
+      incidental, or consequential damages of any character arising as a
+      result of this License or out of the use or inability to use the
+      Work (including but not limited to damages for loss of goodwill,
+      work stoppage, computer failure or malfunction, or any and all
+      other commercial damages or losses), even if such Contributor
+      has been advised of the possibility of such damages.
+
+   9. Accepting Warranty or Additional Liability. While redistributing
+      the Work or Derivative Works thereof, You may choose to offer,
+      and charge a fee for, acceptance of support, warranty, indemnity,
+      or other liability obligations and/or rights consistent with this
+      License. However, in accepting such obligations, You may act only
+      on Your own behalf and on Your sole responsibility, not on behalf
+      of any other Contributor, and only if You agree to indemnify,
+      defend, and hold each Contributor harmless for any liability
+      incurred by, or claims asserted against, such Contributor by reason
+      of your accepting any such warranty or additional liability.
+
+   END OF TERMS AND CONDITIONS
+
+   APPENDIX: How to apply the Apache License to your work.
+
+      To apply the Apache License to your work, attach the following
+      boilerplate notice, with the fields enclosed by brackets "[]"
+      replaced with your own identifying information. (Don't include
+      the brackets!)  The text should be enclosed in the appropriate
+      comment syntax for the file format. We also recommend that a
+      file or class name and description of purpose be included on the
+      same "printed page" as the copyright notice for easier
+      identification within third-party archives.
+
+   Copyright [yyyy] [name of copyright owner]
+
+   Licensed under the Apache License, Version 2.0 (the "License");
+   you may not use this file except in compliance with the License.
+   You may obtain a copy of the License at
+
+       http://www.apache.org/licenses/LICENSE-2.0
+
+   Unless required by applicable law or agreed to in writing, software
+   distributed under the License is distributed on an "AS IS" BASIS,
+   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+   See the License for the specific language governing permissions and
+   limitations under the License.

package/dist/client.d.ts

@@ -0,0 +1,6 @@
+/**
+ * The HTTP client now lives in the framework-agnostic core package. This module
+ * re-exports it so existing `import { ShioClient } from "@viglet/shio-react-sdk"`
+ * keeps working — React is one consumer of the core, not a parallel client.
+ */
+export { ShioClient, createShioClient } from "@viglet/shio-client";

package/dist/components/shio-field.d.ts

@@ -0,0 +1,24 @@
+import type { ReactNode } from "react";
+export type ShioFieldKind = "text" | "html" | "image" | "list" | "json";
+export interface ShioFieldProps {
+    /** A single value from a post's `attrs` map. */
+    value: unknown;
+    /**
+     * Force a renderer. When omitted, the kind is inferred from the value shape.
+     *
+     * NOTE: the CDA delivers `attrs` as a plain JSON map without per-field widget
+     * metadata, so inference is heuristic. For exact widget fidelity, pass `as`
+     * explicitly (full widget-map resolution awaits post-type schema exposure in
+     * the CDA — see roadmap SH11).
+     */
+    as?: ShioFieldKind;
+    /** Prefix for relative image paths when `as="image"` is inferred/forced. */
+    baseUrl?: string;
+    className?: string;
+}
+/**
+ * Renders a single post field, picking a renderer by the value's shape (or the
+ * explicit `as` prop). A small, dependency-free default — swap in your own
+ * renderers for richer field types.
+ */
+export declare function ShioField({ value, as, baseUrl, className }: ShioFieldProps): ReactNode;

package/dist/components/shio-image.d.ts

@@ -0,0 +1,9 @@
+import type { ImgHTMLAttributes } from "react";
+export interface ShioImageProps extends Omit<ImgHTMLAttributes<HTMLImageElement>, "src"> {
+    /** File field value — an absolute URL or a path relative to {@link baseUrl}. */
+    src: string | null | undefined;
+    /** Prefix for relative `src` values (e.g. the Shio instance URL). */
+    baseUrl?: string;
+}
+/** Renders a File/image field value, resolving relative paths against `baseUrl`. */
+export declare function ShioImage({ src, baseUrl, alt, ...rest }: ShioImageProps): import("react").JSX.Element | null;

package/dist/components/shio-relator.d.ts

@@ -0,0 +1,14 @@
+import type { ReactNode } from "react";
+export interface ShioRelatorProps<T = Record<string, unknown>> {
+    /** Relator field value — expected to be an array of nested item objects. */
+    items: unknown;
+    /** Render prop for each item. */
+    children: (item: T, index: number) => ReactNode;
+    /** Optional key extractor (defaults to the array index). */
+    keyFor?: (item: T, index: number) => string | number;
+}
+/**
+ * Renders a Relator field (a list of nested content items). Tolerant of a
+ * non-array value (renders nothing), since the CDA `attrs` payload is untyped.
+ */
+export declare function ShioRelator<T = Record<string, unknown>>({ items, children, keyFor, }: ShioRelatorProps<T>): import("react").JSX.Element;

package/dist/components/shio-rich-text.d.ts

@@ -0,0 +1,13 @@
+import type { HTMLAttributes } from "react";
+export interface ShioRichTextProps extends HTMLAttributes<HTMLDivElement> {
+    /** HTML string (e.g. an HTML Editor field value). */
+    html: string | null | undefined;
+}
+/**
+ * Renders an HTML field value.
+ *
+ * ⚠️ The HTML is injected verbatim via `dangerouslySetInnerHTML`. Shio content
+ * is authored by trusted editors, but if your content can contain untrusted
+ * input, sanitize upstream (e.g. with DOMPurify) before passing it here.
+ */
+export declare function ShioRichText({ html, ...rest }: ShioRichTextProps): import("react").JSX.Element | null;

package/dist/hooks/use-async.d.ts

@@ -0,0 +1,16 @@
+/** Result shape shared by all data hooks. */
+export interface ShioAsyncState<T> {
+    data: T | undefined;
+    loading: boolean;
+    error: Error | null;
+}
+/**
+ * Internal helper that runs an abortable async fetch and tracks
+ * loading/data/error. Aborts the in-flight request on dependency change or
+ * unmount, and never sets state after an abort (no React warnings).
+ *
+ * @param fn      receives an AbortSignal to forward to the client call
+ * @param deps    re-run trigger (same contract as useEffect deps)
+ * @param enabled when false, the fetch is skipped and state resets to idle
+ */
+export declare function useAsync<T>(fn: (signal: AbortSignal) => Promise<T>, deps: unknown[], enabled?: boolean): ShioAsyncState<T>;

package/dist/hooks/use-shio-breadcrumb.d.ts

@@ -0,0 +1,6 @@
+import type { ShioPath } from "@viglet/shio-client";
+/**
+ * Get the breadcrumb path (site + root→current folder chain) for a folder or
+ * post. `null` when the object is unknown.
+ */
+export declare function useShioBreadcrumb(objectId: string | undefined): import("./use-async").ShioAsyncState<ShioPath | null>;

package/dist/hooks/use-shio-children.d.ts

@@ -0,0 +1,3 @@
+import type { ShioListing, ShioPageParams } from "@viglet/shio-client";
+/** List a folder's children (subfolders + published posts). `null` when the folder is unknown. */
+export declare function useShioChildren(folderId: string | undefined, params?: ShioPageParams): import("./use-async").ShioAsyncState<ShioListing | null>;

package/dist/hooks/use-shio-post.d.ts

@@ -0,0 +1,8 @@
+import type { ShioPost } from "@viglet/shio-client";
+/** Get a published post by id (attributes expanded). `null` when not found. */
+export declare function useShioPost(postId: string | undefined): import("./use-async").ShioAsyncState<ShioPost | null>;
+/**
+ * Resolve a published post by site + friendly URL — the client-side analog of
+ * the catch-all route. `null` when unresolved.
+ */
+export declare function useShioPostByUrl(siteId: string | undefined, url: string | undefined): import("./use-async").ShioAsyncState<ShioPost | null>;

package/dist/hooks/use-shio-query.d.ts

@@ -0,0 +1,3 @@
+import type { ShioListing, ShioQueryParams } from "@viglet/shio-client";
+/** Query published posts by site / folder / post type (always returns a listing). */
+export declare function useShioQuery(params?: ShioQueryParams): import("./use-async").ShioAsyncState<ShioListing>;

package/dist/hooks/use-shio-sites.d.ts

@@ -0,0 +1,5 @@
+import type { ShioSite } from "@viglet/shio-client";
+/** List all published sites. */
+export declare function useShioSites(): import("./use-async").ShioAsyncState<ShioSite[]>;
+/** Get one site (with its root folder id) by id. */
+export declare function useShioSite(siteId: string | undefined): import("./use-async").ShioAsyncState<ShioSite | null>;

package/dist/index.d.ts

@@ -0,0 +1,19 @@
+export { ShioProvider, useShioClient } from "./provider";
+export type { ShioProviderProps } from "./provider";
+export { ShioClient, createShioClient } from "@viglet/shio-client";
+export { ShioHttpError } from "@viglet/shio-client";
+export type { ShioAsyncState } from "./hooks/use-async";
+export { useShioSites, useShioSite } from "./hooks/use-shio-sites";
+export { useShioChildren } from "./hooks/use-shio-children";
+export { useShioBreadcrumb } from "./hooks/use-shio-breadcrumb";
+export { useShioPost, useShioPostByUrl } from "./hooks/use-shio-post";
+export { useShioQuery } from "./hooks/use-shio-query";
+export { ShioRichText } from "./components/shio-rich-text";
+export type { ShioRichTextProps } from "./components/shio-rich-text";
+export { ShioImage } from "./components/shio-image";
+export type { ShioImageProps } from "./components/shio-image";
+export { ShioRelator } from "./components/shio-relator";
+export type { ShioRelatorProps } from "./components/shio-relator";
+export { ShioField } from "./components/shio-field";
+export type { ShioFieldProps, ShioFieldKind } from "./components/shio-field";
+export type { ShioClientConfig, ShioRequestOptions, ShioSite, ShioFolder, ShioPostSummary, ShioPost, ShioListing, ShioPath, ShioQueryParams, ShioPageParams, } from "@viglet/shio-client";

package/dist/provider.d.ts

@@ -0,0 +1,17 @@
+import type { ReactNode } from "react";
+import { ShioClient } from "@viglet/shio-client";
+import type { ShioClientConfig } from "@viglet/shio-client";
+export type ShioProviderProps = {
+    children: ReactNode;
+} & (ShioClientConfig | {
+    client: ShioClient;
+});
+/**
+ * Provides a {@link ShioClient} (from `@viglet/shio-client`) to all child
+ * components. Either pass connection config (`baseUrl`, `apiToken`, ...) and the
+ * provider builds the client, or pass a pre-built `client` (useful for sharing
+ * one instance between SSR and the browser).
+ */
+export declare function ShioProvider(props: ShioProviderProps): import("react").JSX.Element;
+/** Access the Shio client from context. */
+export declare function useShioClient(): ShioClient;

package/dist/shio-react-sdk.js

@@ -0,0 +1,154 @@
+import { jsx as u, Fragment as s } from "react/jsx-runtime";
+import { createContext as S, useMemo as d, useContext as g, useState as y, useEffect as C, Fragment as A } from "react";
+import { ShioClient as b } from "@viglet/shio-client";
+import { ShioClient as q, ShioHttpError as G, createShioClient as Q } from "@viglet/shio-client";
+const f = S(null);
+function R(t) {
+  const { children: n } = t, i = "client" in t ? t.client : void 0, e = i ? void 0 : t, o = d(
+    () => i ?? new b(e),
+    // Rebuild only when a meaningful connection field changes.
+    [i, e == null ? void 0 : e.baseUrl, e == null ? void 0 : e.apiToken, e == null ? void 0 : e.fetch, e == null ? void 0 : e.credentials]
+  );
+  return /* @__PURE__ */ u(f.Provider, { value: o, children: n });
+}
+function c() {
+  const t = g(f);
+  if (!t)
+    throw new Error("useShioClient must be used within a <ShioProvider>");
+  return t;
+}
+function h(t, n, i = !0) {
+  const [e, o] = y({
+    data: void 0,
+    loading: i,
+    error: null
+  });
+  return C(() => {
+    if (!i) {
+      o({ data: void 0, loading: !1, error: null });
+      return;
+    }
+    const r = new AbortController();
+    return o((l) => ({ ...l, loading: !0, error: null })), t(r.signal).then((l) => {
+      r.signal.aborted || o({ data: l, loading: !1, error: null });
+    }).catch((l) => {
+      r.signal.aborted || o({
+        data: void 0,
+        loading: !1,
+        error: l instanceof Error ? l : new Error(String(l))
+      });
+    }), () => r.abort();
+  }, n), e;
+}
+function _() {
+  const t = c();
+  return h((n) => t.getSites({ signal: n }), [t]);
+}
+function z(t) {
+  const n = c();
+  return h(
+    (i) => n.getSite(t, { signal: i }),
+    [n, t],
+    !!t
+  );
+}
+function B(t, n) {
+  const i = c();
+  return h(
+    (e) => i.listChildren(t, n, { signal: e }),
+    [i, t, n == null ? void 0 : n.page, n == null ? void 0 : n.size],
+    !!t
+  );
+}
+function F(t) {
+  const n = c();
+  return h(
+    (i) => n.getPath(t, { signal: i }),
+    [n, t],
+    !!t
+  );
+}
+function H(t) {
+  const n = c();
+  return h(
+    (i) => n.getPost(t, { signal: i }),
+    [n, t],
+    !!t
+  );
+}
+function k(t, n) {
+  const i = c();
+  return h(
+    (e) => i.getPostByUrl(t, n, { signal: e }),
+    [i, t, n],
+    !!t && !!n
+  );
+}
+function v(t) {
+  const n = c();
+  return h(
+    (i) => n.query(t, { signal: i }),
+    [
+      n,
+      t == null ? void 0 : t.siteId,
+      t == null ? void 0 : t.folderId,
+      t == null ? void 0 : t.postType,
+      t == null ? void 0 : t.page,
+      t == null ? void 0 : t.size
+    ]
+  );
+}
+function w({ html: t, ...n }) {
+  return t ? /* @__PURE__ */ u("div", { ...n, dangerouslySetInnerHTML: { __html: t } }) : null;
+}
+function x({ src: t, baseUrl: n, alt: i = "", ...e }) {
+  if (!t) return null;
+  const r = /^(https?:)?\/\//.test(t) || t.startsWith("data:") || !n ? t : `${n.replace(/\/+$/, "")}/${t.replace(/^\/+/, "")}`;
+  return /* @__PURE__ */ u("img", { src: r, alt: i, ...e });
+}
+function J({
+  items: t,
+  children: n,
+  keyFor: i
+}) {
+  const e = Array.isArray(t) ? t : [];
+  return /* @__PURE__ */ u(s, { children: e.map((o, r) => /* @__PURE__ */ u(A, { children: n(o, r) }, i ? i(o, r) : r)) });
+}
+const E = /<[a-z][\s\S]*>/i, P = /\.(png|jpe?g|gif|webp|svg|avif)$/i;
+function T(t) {
+  return typeof t == "string" ? E.test(t) ? "html" : P.test(t.trim()) ? "image" : "text" : Array.isArray(t) ? "list" : t !== null && typeof t == "object" ? "json" : "text";
+}
+function L({ value: t, as: n, baseUrl: i, className: e }) {
+  if (t == null || t === "") return null;
+  switch (n ?? T(t)) {
+    case "html":
+      return /* @__PURE__ */ u(w, { className: e, html: String(t) });
+    case "image":
+      return /* @__PURE__ */ u(x, { className: e, src: String(t), baseUrl: i });
+    case "list":
+      return /* @__PURE__ */ u("ul", { className: e, children: t.map((r, l) => /* @__PURE__ */ u("li", { children: typeof r == "object" ? JSON.stringify(r) : String(r) }, l)) });
+    case "json":
+      return /* @__PURE__ */ u("pre", { className: e, children: JSON.stringify(t, null, 2) });
+    case "text":
+    default:
+      return /* @__PURE__ */ u("span", { className: e, children: String(t) });
+  }
+}
+export {
+  q as ShioClient,
+  L as ShioField,
+  G as ShioHttpError,
+  x as ShioImage,
+  R as ShioProvider,
+  J as ShioRelator,
+  w as ShioRichText,
+  Q as createShioClient,
+  F as useShioBreadcrumb,
+  B as useShioChildren,
+  c as useShioClient,
+  H as useShioPost,
+  k as useShioPostByUrl,
+  v as useShioQuery,
+  z as useShioSite,
+  _ as useShioSites
+};

package/dist/shio-react-sdk.umd.cjs

@@ -0,0 +1 @@
+(function(r,o){typeof exports=="object"&&typeof module<"u"?o(exports,require("react/jsx-runtime"),require("react"),require("@viglet/shio-client")):typeof define=="function"&&define.amd?define(["exports","react/jsx-runtime","react","@viglet/shio-client"],o):(r=typeof globalThis<"u"?globalThis:r||self,o(r.ShioReactSdk={},r.jsxRuntime,r.React,r.ShioClient))})(this,(function(r,o,f,d){"use strict";const s=f.createContext(null);function b(e){const{children:t}=e,i="client"in e?e.client:void 0,n=i?void 0:e,c=f.useMemo(()=>i??new d.ShioClient(n),[i,n==null?void 0:n.baseUrl,n==null?void 0:n.apiToken,n==null?void 0:n.fetch,n==null?void 0:n.credentials]);return o.jsx(s.Provider,{value:c,children:t})}function h(){const e=f.useContext(s);if(!e)throw new Error("useShioClient must be used within a <ShioProvider>");return e}function S(e,t,i=!0){const[n,c]=f.useState({data:void 0,loading:i,error:null});return f.useEffect(()=>{if(!i){c({data:void 0,loading:!1,error:null});return}const u=new AbortController;return c(l=>({...l,loading:!0,error:null})),e(u.signal).then(l=>{u.signal.aborted||c({data:l,loading:!1,error:null})}).catch(l=>{u.signal.aborted||c({data:void 0,loading:!1,error:l instanceof Error?l:new Error(String(l))})}),()=>u.abort()},t),n}function P(){const e=h();return S(t=>e.getSites({signal:t}),[e])}function C(e){const t=h();return S(i=>t.getSite(e,{signal:i}),[t,e],!!e)}function j(e,t){const i=h();return S(n=>i.listChildren(e,t,{signal:n}),[i,e,t==null?void 0:t.page,t==null?void 0:t.size],!!e)}function A(e){const t=h();return S(i=>t.getPath(e,{signal:i}),[t,e],!!e)}function E(e){const t=h();return S(i=>t.getPost(e,{signal:i}),[t,e],!!e)}function T(e,t){const i=h();return S(n=>i.getPostByUrl(e,t,{signal:n}),[i,e,t],!!e&&!!t)}function w(e){const t=h();return S(i=>t.query(e,{signal:i}),[t,e==null?void 0:e.siteId,e==null?void 0:e.folderId,e==null?void 0:e.postType,e==null?void 0:e.page,e==null?void 0:e.size])}function g({html:e,...t}){return e?o.jsx("div",{...t,dangerouslySetInnerHTML:{__html:e}}):null}function y({src:e,baseUrl:t,alt:i="",...n}){if(!e)return null;const u=/^(https?:)?\/\//.test(e)||e.startsWith("data:")||!t?e:`${t.replace(/\/+$/,"")}/${e.replace(/^\/+/,"")}`;return o.jsx("img",{src:u,alt:i,...n})}function v({items:e,children:t,keyFor:i}){const n=Array.isArray(e)?e:[];return o.jsx(o.Fragment,{children:n.map((c,u)=>o.jsx(f.Fragment,{children:t(c,u)},i?i(c,u):u))})}const O=/<[a-z][\s\S]*>/i,B=/\.(png|jpe?g|gif|webp|svg|avif)$/i;function M(e){return typeof e=="string"?O.test(e)?"html":B.test(e.trim())?"image":"text":Array.isArray(e)?"list":e!==null&&typeof e=="object"?"json":"text"}function q({value:e,as:t,baseUrl:i,className:n}){if(e==null||e==="")return null;switch(t??M(e)){case"html":return o.jsx(g,{className:n,html:String(e)});case"image":return o.jsx(y,{className:n,src:String(e),baseUrl:i});case"list":return o.jsx("ul",{className:n,children:e.map((u,l)=>o.jsx("li",{children:typeof u=="object"?JSON.stringify(u):String(u)},l))});case"json":return o.jsx("pre",{className:n,children:JSON.stringify(e,null,2)});case"text":default:return o.jsx("span",{className:n,children:String(e)})}}Object.defineProperty(r,"ShioClient",{enumerable:!0,get:()=>d.ShioClient}),Object.defineProperty(r,"ShioHttpError",{enumerable:!0,get:()=>d.ShioHttpError}),Object.defineProperty(r,"createShioClient",{enumerable:!0,get:()=>d.createShioClient}),r.ShioField=q,r.ShioImage=y,r.ShioProvider=b,r.ShioRelator=v,r.ShioRichText=g,r.useShioBreadcrumb=A,r.useShioChildren=j,r.useShioClient=h,r.useShioPost=E,r.useShioPostByUrl=T,r.useShioQuery=w,r.useShioSite=C,r.useShioSites=P,Object.defineProperty(r,Symbol.toStringTag,{value:"Module"})}));

package/dist/types.d.ts

@@ -0,0 +1,6 @@
+/**
+ * The content types are defined once in the framework-agnostic core and
+ * re-exported here for convenience, so React consumers can import them from a
+ * single package.
+ */
+export type { ShioClientConfig, ShioRequestOptions, ShioSite, ShioFolder, ShioPostSummary, ShioPost, ShioListing, ShioPath, ShioQueryParams, ShioPageParams, } from "@viglet/shio-client";

package/package.json

@@ -0,0 +1,46 @@
+{
+  "name": "@viglet/shio-react-sdk",
+  "version": "2026.2.1",
+  "description": "React SDK for consuming Shio CMS content via the Content Delivery API (CDA). Hooks + render components built on @viglet/shio-client.",
+  "type": "module",
+  "main": "dist/shio-react-sdk.umd.cjs",
+  "module": "dist/shio-react-sdk.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/shio-react-sdk.js",
+      "require": "./dist/shio-react-sdk.umd.cjs"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "dependencies": {
+    "@viglet/shio-client": "2026.2.1"
+  },
+  "peerDependencies": {
+    "react": ">=18.0.0"
+  },
+  "devDependencies": {
+    "@types/react": "^19.1.2",
+    "react": "^19.1.0",
+    "typescript": "^5.8.3",
+    "vite": "^6.3.1"
+  },
+  "keywords": [
+    "shio",
+    "cms",
+    "headless",
+    "react",
+    "sdk",
+    "cda"
+  ],
+  "author": "Viglet Team",
+  "license": "GPL-3.0",
+  "scripts": {
+    "dev": "vite build --watch",
+    "build": "vite build && tsc --emitDeclarationOnly",
+    "typecheck": "tsc --noEmit"
+  }
+}