@valbuild/next 0.118.0 → 0.120.0

package/CHANGELOG.md

@@ -1,5 +1,66 @@
 # @valbuild/next
 
+## 0.120.0
+
+### Minor Changes
+
+- [#589](https://github.com/valbuild/val/pull/589) [`c2d3c0e`](https://github.com/valbuild/val/commit/c2d3c0e6c2010c0a94c725d9dbaa618998773e8a) Thanks [@freekh](https://github.com/freekh)! - **Breaking:** `s.richtext()` options are flat.
+
+  The `style`, `block` and `inline` groups are gone — every option is a key of its
+  own. The names are unchanged, so updating a schema is only a matter of removing
+  the wrappers:
+
+  ```ts
+  // before
+  s.richtext({
+    style: { bold: true, italic: true },
+    block: { h1: true, ul: true },
+    inline: { a: true, img: s.image() },
+  });
+
+  // after
+  s.richtext({
+    bold: true,
+    italic: true,
+    h1: true,
+    ul: true,
+    a: true,
+    img: s.image(),
+  });
+  ```
+
+  The groups never carried any meaning the option names did not already have, and
+  they cost something real: an option name and its `ValRichText` theme key were
+  spelled differently (`block.h1` vs `theme.h1`), so the type that keeps a theme
+  exhaustive had to restate all thirteen options by hand. It is now a mapped type
+  over the options themselves — which also fixes an inconsistency in it: enabling
+  links with a schema (`a: s.route()`) rather than `a: true` now requires an `a`
+  key in the theme, the way `img` always has.
+
+  `ValRichText` themes were already flat and are unchanged. The serialized schema
+  that the server sends the Studio is flat too, so a project must not mix
+  `@valbuild/*` versions across this release.
+
+### Patch Changes
+
+- Updated dependencies [[`c2d3c0e`](https://github.com/valbuild/val/commit/c2d3c0e6c2010c0a94c725d9dbaa618998773e8a)]:
+  - @valbuild/core@0.120.0
+  - @valbuild/react@0.120.0
+  - @valbuild/shared@0.120.0
+  - @valbuild/ui@0.120.0
+  - @valbuild/language-server@0.120.0
+  - @valbuild/server@0.120.0
+
+## 0.119.0
+
+### Patch Changes
+
+- Updated dependencies [[`84165f7`](https://github.com/valbuild/val/commit/84165f743eb5802da1e8079bbe98eafcb2cdcec8)]:
+  - @valbuild/ui@0.119.0
+  - @valbuild/react@0.119.0
+  - @valbuild/server@0.119.0
+  - @valbuild/language-server@0.119.0
+
 ## 0.118.0
 
 ### Patch Changes

package/README.md

@@ -662,27 +662,21 @@ import { s, c } from "./val.config";
 
 export const schema = s.richtext({
   // styling
-  style: {
-    bold: true, // enables bold
-    italic: true, // enables italic text
-    lineThrough: true, // enables line/strike-through
-  },
+  bold: true, // enables bold
+  italic: true, // enables italic text
+  lineThrough: true, // enables line/strike-through
   // tags:
-  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
-  },
+  //ul: true, // enables unordered lists
+  //ol: true, // enables ordered lists
+  // headings:
+  h1: true,
+  h2: true,
+  // h3: true,
+  // h4: true,
+  // h5: true,
+  // h6: true,
+  //a: true, // enables links
+  //img: true, // enables images
 });
 
 export default c.define("/src/app/content", schema, [
@@ -713,9 +707,7 @@ export default function Page() {
     <main>
       <ValRichText
         theme={{
-          style: {
-            bold: "font-bold", // <- maps bold to a class. NOTE: tailwind classes are supported
-          },
+          bold: "font-bold", // <- maps bold to a class. NOTE: tailwind classes are supported
           //
         }}
         content={content}
@@ -739,7 +731,7 @@ To add classes to `ValRichText` you can use the theme property:
 />
 ```
 
-**NOTE**: if a theme is defined, you must define a mapping for every tag that the you get. What tags you have is decided based on the `options` defined on the `s.richtext()` schema. For example: `s.richtext({ style: { bold: true } })` requires that you add a `bold` theme.
+**NOTE**: if a theme is defined, you must define a mapping for every tag you can get. What tags you have is decided based on the `options` defined on the `s.richtext()` schema. For example: `s.richtext({ bold: true })` requires that you add a `bold` theme.
 
 ```tsx
 <ValRichText

package/package.json

@@ -12,7 +12,7 @@
     "next",
     "react"
   ],
-  "version": "0.118.0",
+  "version": "0.120.0",
   "main": "dist/valbuild-next.cjs.js",
   "module": "dist/valbuild-next.esm.js",
   "exports": {
@@ -47,12 +47,12 @@
   "dependencies": {
     "client-only": "^0.0.1",
     "server-only": "^0.0.1",
-    "@valbuild/core": "0.117.0",
-    "@valbuild/language-server": "0.118.0",
-    "@valbuild/react": "0.118.0",
-    "@valbuild/server": "0.118.0",
-    "@valbuild/shared": "0.118.0",
-    "@valbuild/ui": "0.118.0"
+    "@valbuild/core": "0.120.0",
+    "@valbuild/react": "0.120.0",
+    "@valbuild/server": "0.120.0",
+    "@valbuild/shared": "0.120.0",
+    "@valbuild/language-server": "0.120.0",
+    "@valbuild/ui": "0.120.0"
   },
   "devDependencies": {
     "@testing-library/react": "^16.3.3",