@valbuild/react 0.20.2 → 0.21.1

package/src/ValRichText.tsx

@@ -26,7 +26,7 @@ type ThemeOptions<O extends RichTextOptions> = {
   } & { p?: string };
   classes: {
     [Key in Classes & keyof O as O[Key] extends true ? Key : never]: string;
-  } & (O["img"] extends true ? { imgContainer?: string } : {});
+  };
 };
 
 export function ValRichText<O extends RichTextOptions>({
@@ -83,15 +83,8 @@ export function ValRichText<O extends RichTextOptions>({
       );
     }
     if (node.tag === "img") {
-      return (
-        <div className={withRenderClass("imgContainer")} key={key}>
-          <img className={withRenderTag("img")} src={node.src} />
-        </div>
-      );
+      return <img className={withRenderTag("img")} key={key} src={node.src} />;
     }
-    // if (node.tag === "blockquote") {
-    //   return <blockquote key={key}>{node.children.map(toReact)}</blockquote>;
-    // }
     if (node.tag === "ul") {
       return (
         <ul className={withRenderTag("ul")} key={key}>
@@ -176,9 +169,21 @@ export function ValRichText<O extends RichTextOptions>({
         </h6>
       );
     }
+
+    if (node.tag === "br") {
+      return <br key={key} />;
+    }
+    if (node.tag === "a") {
+      return (
+        <a href={node.href} key={key}>
+          {node.children.map(toReact)}
+        </a>
+      );
+    }
     console.error("Unknown tag", node.tag);
+    const _exhaustiveCheck: never = node.tag;
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    const anyNode = node as any;
+    const anyNode = _exhaustiveCheck as any;
     if (!anyNode?.tag) {
       return null;
     }

package/src/ValUI.tsx

@@ -1,3 +1,5 @@
+"use client";
+
 /* eslint-disable @typescript-eslint/no-explicit-any */
 import { Internal } from "@valbuild/core";
 import { Style, ValOverlay } from "@valbuild/ui";

package/src/stega/stegaEncode.ts

@@ -11,6 +11,7 @@ import { vercelStegaCombine } from "@vercel/stega";
 import { FileSource, Source, SourceObject } from "@valbuild/core";
 import { JsonPrimitive } from "@valbuild/core";
 import { SourceArray } from "@valbuild/core";
+import { parseRichTextSource } from "@valbuild/ui";
 
 declare const brand: unique symbol;
 
@@ -73,12 +74,12 @@ export function stegaEncode(
         if (sourceOrSelector[VAL_EXTENSION] === "richtext") {
           if (recOpts?.path) {
             return {
-              ...Internal.convertRichTextSource(sourceOrSelector),
+              ...parseRichTextSource(sourceOrSelector),
               valPath: recOpts.path,
             };
           }
 
-          return Internal.convertRichTextSource(sourceOrSelector);
+          return parseRichTextSource(sourceOrSelector);
         }
 
         if (

package/stega/dist/valbuild-react-stega.browser.esm.js

@@ -6,6 +6,7 @@ import React from 'react';
 import { VERCEL_STEGA_REGEX, vercelStegaDecode, vercelStegaSplit, vercelStegaCombine } from '@vercel/stega';
 import { a as _defineProperty } from '../../dist/defineProperty-034d0378.browser.esm.js';
 import { Internal, VAL_EXTENSION, FILE_REF_PROP } from '@valbuild/core';
+import { parseRichTextSource } from '@valbuild/ui';
 
 var isIntrinsicElement = function isIntrinsicElement(type) {
   // TODO: think this is not correct, but good enough for now?
@@ -115,11 +116,11 @@ function stegaEncode(input, opts) {
       if (VAL_EXTENSION in sourceOrSelector) {
         if (sourceOrSelector[VAL_EXTENSION] === "richtext") {
           if (recOpts !== null && recOpts !== void 0 && recOpts.path) {
-            return _objectSpread2(_objectSpread2({}, Internal.convertRichTextSource(sourceOrSelector)), {}, {
+            return _objectSpread2(_objectSpread2({}, parseRichTextSource(sourceOrSelector)), {}, {
               valPath: recOpts.path
             });
           }
-          return Internal.convertRichTextSource(sourceOrSelector);
+          return parseRichTextSource(sourceOrSelector);
         }
         if (sourceOrSelector[VAL_EXTENSION] === "file" && typeof sourceOrSelector[FILE_REF_PROP] === "string") {
           var fileSelector = Internal.convertFileSource(sourceOrSelector);

package/stega/dist/valbuild-react-stega.cjs.dev.js

@@ -10,6 +10,7 @@ var React = require('react');
 var stega = require('@vercel/stega');
 var defineProperty = require('../../dist/defineProperty-c82a49b0.cjs.dev.js');
 var core = require('@valbuild/core');
+var ui = require('@valbuild/ui');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -125,11 +126,11 @@ function stegaEncode(input, opts) {
       if (core.VAL_EXTENSION in sourceOrSelector) {
         if (sourceOrSelector[core.VAL_EXTENSION] === "richtext") {
           if (recOpts !== null && recOpts !== void 0 && recOpts.path) {
-            return _objectSpread2(_objectSpread2({}, core.Internal.convertRichTextSource(sourceOrSelector)), {}, {
+            return _objectSpread2(_objectSpread2({}, ui.parseRichTextSource(sourceOrSelector)), {}, {
               valPath: recOpts.path
             });
           }
-          return core.Internal.convertRichTextSource(sourceOrSelector);
+          return ui.parseRichTextSource(sourceOrSelector);
         }
         if (sourceOrSelector[core.VAL_EXTENSION] === "file" && typeof sourceOrSelector[core.FILE_REF_PROP] === "string") {
           var fileSelector = core.Internal.convertFileSource(sourceOrSelector);

package/stega/dist/valbuild-react-stega.cjs.prod.js

@@ -10,6 +10,7 @@ var React = require('react');
 var stega = require('@vercel/stega');
 var defineProperty = require('../../dist/defineProperty-36ed93cd.cjs.prod.js');
 var core = require('@valbuild/core');
+var ui = require('@valbuild/ui');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -125,11 +126,11 @@ function stegaEncode(input, opts) {
       if (core.VAL_EXTENSION in sourceOrSelector) {
         if (sourceOrSelector[core.VAL_EXTENSION] === "richtext") {
           if (recOpts !== null && recOpts !== void 0 && recOpts.path) {
-            return _objectSpread2(_objectSpread2({}, core.Internal.convertRichTextSource(sourceOrSelector)), {}, {
+            return _objectSpread2(_objectSpread2({}, ui.parseRichTextSource(sourceOrSelector)), {}, {
               valPath: recOpts.path
             });
           }
-          return core.Internal.convertRichTextSource(sourceOrSelector);
+          return ui.parseRichTextSource(sourceOrSelector);
         }
         if (sourceOrSelector[core.VAL_EXTENSION] === "file" && typeof sourceOrSelector[core.FILE_REF_PROP] === "string") {
           var fileSelector = core.Internal.convertFileSource(sourceOrSelector);

package/stega/dist/valbuild-react-stega.esm.js

@@ -6,6 +6,7 @@ import React from 'react';
 import { VERCEL_STEGA_REGEX, vercelStegaDecode, vercelStegaSplit, vercelStegaCombine } from '@vercel/stega';
 import { a as _defineProperty } from '../../dist/defineProperty-b209a901.esm.js';
 import { Internal, VAL_EXTENSION, FILE_REF_PROP } from '@valbuild/core';
+import { parseRichTextSource } from '@valbuild/ui';
 
 var isIntrinsicElement = function isIntrinsicElement(type) {
   // TODO: think this is not correct, but good enough for now?
@@ -115,11 +116,11 @@ function stegaEncode(input, opts) {
       if (VAL_EXTENSION in sourceOrSelector) {
         if (sourceOrSelector[VAL_EXTENSION] === "richtext") {
           if (recOpts !== null && recOpts !== void 0 && recOpts.path) {
-            return _objectSpread2(_objectSpread2({}, Internal.convertRichTextSource(sourceOrSelector)), {}, {
+            return _objectSpread2(_objectSpread2({}, parseRichTextSource(sourceOrSelector)), {}, {
               valPath: recOpts.path
             });
           }
-          return Internal.convertRichTextSource(sourceOrSelector);
+          return parseRichTextSource(sourceOrSelector);
         }
         if (sourceOrSelector[VAL_EXTENSION] === "file" && typeof sourceOrSelector[FILE_REF_PROP] === "string") {
           var fileSelector = Internal.convertFileSource(sourceOrSelector);

package/stega/dist/valbuild-react-stega.worker.esm.js

@@ -6,6 +6,7 @@ import React from 'react';
 import { VERCEL_STEGA_REGEX, vercelStegaDecode, vercelStegaSplit, vercelStegaCombine } from '@vercel/stega';
 import { a as _defineProperty } from '../../dist/defineProperty-18559492.worker.esm.js';
 import { Internal, VAL_EXTENSION, FILE_REF_PROP } from '@valbuild/core';
+import { parseRichTextSource } from '@valbuild/ui';
 
 var isIntrinsicElement = function isIntrinsicElement(type) {
   // TODO: think this is not correct, but good enough for now?
@@ -115,11 +116,11 @@ function stegaEncode(input, opts) {
       if (VAL_EXTENSION in sourceOrSelector) {
         if (sourceOrSelector[VAL_EXTENSION] === "richtext") {
           if (recOpts !== null && recOpts !== void 0 && recOpts.path) {
-            return _objectSpread2(_objectSpread2({}, Internal.convertRichTextSource(sourceOrSelector)), {}, {
+            return _objectSpread2(_objectSpread2({}, parseRichTextSource(sourceOrSelector)), {}, {
               valPath: recOpts.path
             });
           }
-          return Internal.convertRichTextSource(sourceOrSelector);
+          return parseRichTextSource(sourceOrSelector);
         }
         if (sourceOrSelector[VAL_EXTENSION] === "file" && typeof sourceOrSelector[FILE_REF_PROP] === "string") {
           var fileSelector = Internal.convertFileSource(sourceOrSelector);