@nuucognition/ncm-ui 0.1.0-dev.1

package/dist/blocks/embed/index.d.ts

@@ -0,0 +1,12 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { EmbedBlock as EmbedBlock$1 } from '@nuucognition/ncm';
+import { a as BlockRendererProps } from '../../renderers-C5f41FCy.js';
+import 'react';
+
+type EmbedBlockProps = BlockRendererProps<EmbedBlock$1>;
+/**
+ * Renderer for standalone normalized embed blocks.
+ */
+declare function EmbedBlock({ block, className }: EmbedBlockProps): react_jsx_runtime.JSX.Element;
+
+export { EmbedBlock, type EmbedBlockProps };

package/dist/blocks/embed/index.js

@@ -0,0 +1,46 @@
+"use client";
+import { createContext, useContext } from 'react';
+import { jsx } from 'react/jsx-runtime';
+import { clsx } from 'clsx';
+import { twMerge } from 'tailwind-merge';
+
+// src/context/ncm-context.tsx
+var NcmContext = createContext(null);
+function useNcmConfig() {
+  return useContext(NcmContext) ?? {};
+}
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+function toEmbeddingConfigType(embedType) {
+  switch (embedType) {
+    case "image":
+      return "image";
+    case "document":
+      return "pdf";
+    case "file":
+    default:
+      return "generic_file";
+  }
+}
+function dataAttrs(block) {
+  return {
+    "data-ncm-block": block.id,
+    "data-ncm-stable": block.stableId,
+    "data-ncm-type": block.type,
+    "data-block-id": block.id,
+    "data-ncm-embed": "",
+    "data-ncm-embed-type": block.embedType
+  };
+}
+function EmbedBlock({ block, className }) {
+  const config = useNcmConfig();
+  const configEmbedType = toEmbeddingConfigType(block.embedType);
+  const resolvedUrl = config.embeddings?.resolveUrl?.(block.src, configEmbedType) ?? block.src;
+  if (block.embedType === "image") {
+    return /* @__PURE__ */ jsx("figure", { ...dataAttrs(block), className: cn(config.embeddings?.imageClassName, className), children: /* @__PURE__ */ jsx("img", { src: resolvedUrl, alt: block.alt, title: block.title ?? void 0 }) });
+  }
+  return /* @__PURE__ */ jsx("figure", { ...dataAttrs(block), className, children: /* @__PURE__ */ jsx("a", { href: resolvedUrl, title: block.title ?? void 0, children: block.alt || block.src }) });
+}
+
+export { EmbedBlock };

package/dist/blocks/embedding/index.d.ts

@@ -0,0 +1,13 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { EmbeddingBlock as EmbeddingBlock$1 } from '@nuucognition/ncm';
+import { a as BlockRendererProps } from '../../renderers-C5f41FCy.js';
+import 'react';
+
+type EmbeddingBlockProps = BlockRendererProps<EmbeddingBlock$1>;
+/**
+ * Embedding block renderer that dispatches by embed_type
+ * (image, video, audio, pdf, ncm_embed, iframe, generic_file).
+ */
+declare function EmbeddingBlock({ block, className }: EmbeddingBlockProps): react_jsx_runtime.JSX.Element;
+
+export { EmbeddingBlock, type EmbeddingBlockProps };