quoin-editor 0.4.2 → 1.0.0

package/dist/view.d.ts

@@ -0,0 +1,40 @@
+import * as react from 'react';
+import { A as AnyBlockDefinition, C as CodeHighlighter } from './registry-CWBOSAHm.js';
+export { B as BlockDefinition, d as defineBlock } from './registry-CWBOSAHm.js';
+import { Q as QuoinBlock } from './types-DULc8wwg.js';
+import { H as HTMLOptions } from './to-html-C5t7xyaM.js';
+import './embed-provider-jXwlRmnp.js';
+
+type QuoinViewProps = {
+    blocks: readonly QuoinBlock[];
+    /**
+     * The definitions of the host's own block types, each drawn by its `preview`. Called during a server render, so a
+     * preview of a React Server Component tree must use no client hooks. A type Quoin draws itself keeps Quoin's drawing.
+     */
+    blockTypes?: readonly AnyBlockDefinition[];
+    /** The address of a stored picture or file. One that is no http, https, blob, data or relative address is left out. */
+    resolveAssetUrl?: HTMLOptions['resolveAssetUrl'];
+    /** Its markup is trusted and inserted as it is. */
+    renderMath?: HTMLOptions['renderMath'];
+    /** Highlights the code of code blocks; without it their code is plain text. */
+    highlight?: CodeHighlighter;
+    /** Embeds as links by default, or as sandboxed frames for the pages of known providers. */
+    embeds?: HTMLOptions['embeds'];
+    /** Tried before the built in providers, in order. Only used when `embeds` is `'iframe'`. */
+    embedProviders?: HTMLOptions['embedProviders'];
+    /** The title of a frame given its provider's name, the name itself by default. */
+    frameTitle?: HTMLOptions['frameTitle'];
+    /** The accessible name of a task checkbox whose item has no text, `'Task'` by default. */
+    taskLabel?: HTMLOptions['taskLabel'];
+    className?: string;
+};
+/**
+ * A read-only document drawn with the HTML `toHTML` writes, as React elements. It uses no hook, effect or browser API,
+ * so it renders in a React Server Component and in a static export. Toggles are native `details`. A canvas that is
+ * read-only stays the interactive way to show a document in the browser.
+ */
+declare function QuoinView({ blocks, blockTypes, highlight, className, ...options }: QuoinViewProps): react.DetailedReactHTMLElement<{
+    className: string;
+}, HTMLElement>;
+
+export { AnyBlockDefinition, QuoinView, type QuoinViewProps };

package/dist/view.js

@@ -0,0 +1,23 @@
+import {
+  reactNodes,
+  viewRenderer
+} from "./chunk-MQ2XQ4MX.js";
+import {
+  defineBlock
+} from "./chunk-XEBWC7ZL.js";
+import {
+  documentNodes
+} from "./chunk-LCQSG4M6.js";
+
+// src/view-static/QuoinView.tsx
+import { createElement } from "react";
+function QuoinView({ blocks, blockTypes, highlight, className, ...options }) {
+  const slots = /* @__PURE__ */ new Map();
+  const nodes = documentNodes(blocks, options, viewRenderer({ blockTypes, highlight }, slots));
+  return createElement("div", { className: className ? `quoin-view ${className}` : "quoin-view" }, ...reactNodes(nodes, slots));
+}
+export {
+  QuoinView,
+  defineBlock
+};
+//# sourceMappingURL=view.js.map

package/dist/view.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/view-static/QuoinView.tsx"],"mappings":";;;;;;;;;;;;AAAA,SAAS,qBAAqC;AAuCvC,SAAS,UAAU,EAAE,QAAQ,YAAY,WAAW,WAAW,GAAG,QAAQ,GAAmB;AAClG,QAAM,QAAQ,oBAAI,IAA4B;AAC9C,QAAM,QAAQ,cAAc,QAAQ,SAAS,aAAa,EAAE,YAAY,UAAU,GAAG,KAAK,CAAC;AAC3F,SAAO,cAAc,OAAO,EAAE,WAAW,YAAY,cAAc,SAAS,KAAK,aAAa,GAAG,GAAG,WAAW,OAAO,KAAK,CAAC;AAC9H;","names":[]}