@valbuild/next 0.62.6 → 0.63.0

package/README.md

@@ -61,9 +61,9 @@ This is release is only for **INTERNAL** **TESTING** PURPOSES.
   - [Image](#image)
   - [keyOf](#keyof)
 
-## Introduction
+## Content as code
 
-Val is a CMS where **content** is **code** stored in your git repo.
+Val is a CMS library where **content** is **TypeScript** / **JavaScript** files stored in your git repo.
 
 As a CMS, Val is useful because:
 
@@ -196,7 +196,9 @@ export const schema = s.object({
     s.object({
       title: s.string(),
       text: s.richtext({
-        bold: true, // <- Enables bold in richtext
+        style: {
+          bold: true, // <- Enables bold in richtext
+        },
       }),
     })
   ),
@@ -210,8 +212,15 @@ export default c.define(
     sections: [
       {
         title: "Section 1",
-        text: c.richtext`
-RichText is **awesome**`,
+        text: [
+          {
+            tag: "p",
+            children: [
+              "Val is",
+              { tag: "span", styles: ["bold"], children: ["awesome"] },
+            ],
+          },
+        ],
       },
     ],
   }
@@ -245,7 +254,9 @@ const Page: NextPage = () => {
           <h2>{section.title}</h2>
           <ValRichText
             theme={{
-              bold: "font-bold",
+              style: {
+                bold: "font-bold",
+              },
             }}
           >
             {section.text}
@@ -348,27 +359,40 @@ To initialize some text content using a RichText schema, you can use follow the
 import { s, c } from "./val.config";
 
 export const schema = s.richtext({
-  // styling:
-  bold: true, // enables bold
-  //italic: true, // enables italic text
-  //lineThrough: true, // enables line/strike-through
+  // styling
+  style: {
+    bold: true, // enables bold
+    italic: true, // enables italic text
+    lineThrough: true, // enables line/strike-through
+  },
   // tags:
-  //headings: ["h1", "h2", "h3", "h4", "h5", "h6"], // sets which headings are available
-  //a: true, // enables links
-  //img: true, // enables images
-  //ul: true, // enables unordered lists
-  //ol: true, // enables ordered lists
+  block: {
+    //ul: true, // enables unordered lists
+    //ol: true, // enables ordered lists
+    // headings:
+    h1: true,
+    h2: true,
+    // h3: true,
+    // h4: true,
+    // h5: true,
+    // h6: true
+  },
+  inline: {
+    //a: true, // enables links
+    //img: true, // enables images
+  },
 });
 
-export default c.define(
-  "/src/app/content",
-  schema,
-  c.richtext`
-NOTE: this is markdown.
-
-**Bold** text.
-`
-);
+export default c.define("/src/app/content", schema, [
+  {
+    tag: "p",
+    children: ["This is richtext"],
+  },
+  {
+    tag: "p",
+    children: [{ tag: "span", styles: ["bold"], children: ["Bold"] }, "text"],
+  },
+]);
 ```
 
 ### Rendering RichText
@@ -387,7 +411,9 @@ export default function Page() {
     <main>
       <ValRichText
         theme={{
-          bold: "font-bold", // <- maps bold to a class. NOTE: tailwind classes are supported
+          style: {
+            bold: "font-bold", // <- maps bold to a class. NOTE: tailwind classes are supported
+          },
           //
         }}
       >

package/dist/declarations/src/external_exempt_from_val_quickjs.d.ts

@@ -2,7 +2,7 @@ export { Schema, type SerializedSchema } from "@valbuild/core";
 export type { SourceObject, SourcePrimitive, Source } from "@valbuild/core";
 export type { ValModule, SerializedModule } from "@valbuild/core";
 export type { FileSource } from "@valbuild/core";
-export type { RichTextSource, RichText } from "@valbuild/core";
+export type { RichTextSource } from "@valbuild/core";
 export { type Val, type SerializedVal, type ModuleFilePath, type ModulePath, type SourcePath, type JsonOfSource, } from "@valbuild/core";
 export { modules, type ValModules } from "@valbuild/core";
 export type { Json, JsonPrimitive } from "@valbuild/core";
@@ -14,7 +14,7 @@ export { VAL_EXTENSION, type SourceArray } from "@valbuild/core";
 export { derefPatch } from "@valbuild/core";
 export { type SelectorSource, type SelectorOf, GenericSelector, } from "@valbuild/core";
 export { ValRichText } from "@valbuild/react/internal";
-export { type ValEncodedString, type Image } from "@valbuild/react/stega";
+export { type ValEncodedString, type File, type Image, type RichText, } from "@valbuild/react/stega";
 export { ValProvider } from "./ValProvider.js";
 export { ValImage, type ValImageProps } from "./ValImage.js";
 export { ValApp } from "./ValApp.js";

package/dist/declarations/src/initVal.d.ts

@@ -1,4 +1,4 @@
-import { type ValConfig, type InitVal, type ValConstructor, RichText, AnyRichTextOptions, ValModule, SelectorSource, Json } from "@valbuild/core";
+import { type ValConfig, type InitVal, type ValConstructor, ValModule, SelectorSource, Json } from "@valbuild/core";
 import { raw } from "./raw.js";
 import { decodeValPathOfString } from "./decodeValPathOfString.js";
 type ValAttrs = {
@@ -7,7 +7,7 @@ type ValAttrs = {
 export declare const initVal: (config?: ValConfig) => InitVal & {
     val: ValConstructor & {
         raw: typeof raw;
-        attrs: <T extends ValModule<SelectorSource> | Json | RichText<AnyRichTextOptions>>(target: T) => ValAttrs;
+        attrs: <T extends ValModule<SelectorSource> | Json>(target: T) => ValAttrs;
         unstable_decodeValPathOfString: typeof decodeValPathOfString;
     };
 };

package/package.json

@@ -8,7 +8,7 @@
     "next",
     "react"
   ],
-  "version": "0.62.6",
+  "version": "0.63.0",
   "scripts": {
     "typecheck": "tsc --noEmit",
     "test": "jest"
@@ -45,10 +45,10 @@
     "exports": true
   },
   "dependencies": {
-    "@valbuild/core": "~0.62.6",
-    "@valbuild/react": "~0.62.6",
-    "@valbuild/server": "~0.62.6",
-    "@valbuild/ui": "~0.62.6",
+    "@valbuild/core": "~0.63.0",
+    "@valbuild/react": "~0.63.0",
+    "@valbuild/server": "~0.63.0",
+    "@valbuild/ui": "~0.63.0",
     "client-only": "^0.0.1",
     "server-only": "^0.0.1"
   },