@imgly/codesign-mcp 0.1.5 → 0.1.7

package/assets/docs/guide/text/edit.md

@@ -1,4 +1,4 @@
-> This is one page of the CE.SDK Vanilla JS/TS documentation. For a complete overview, see the [Vanilla JS/TS Documentation Index](https://img.ly/docs/cesdk/js.md). For all docs in one file, see [llms-full.txt](./llms-full.txt.md).
+> This is one page of the CE.SDK Node.js documentation. For a complete overview, see the [Node.js Documentation Index](https://img.ly/docs/cesdk/node.md). For all docs in one file, see [llms-full.txt](./llms-full.txt.md).
 
 **Navigation:** [Guides](./guides.md) > [Create and Edit Text](./text.md) > [Edit Text](./text/edit.md)
 
@@ -7,191 +7,153 @@
 Edit text content programmatically with range-based APIs for replacing,
 formatting, and querying text.
 
-![Edit Text example showing styled text with mixed formatting](https://img.ly/docs/cesdk/./assets/browser.hero.webp)
-
 > **Reading time:** 10 minutes
 >
 > **Resources:**
 >
 > - [Download examples](https://github.com/imgly/cesdk-web-examples/archive/refs/tags/release-$UBQ_VERSION$.zip)
-> - [View source on GitHub](https://github.com/imgly/cesdk-web-examples/tree/release-$UBQ_VERSION$/guides-text-edit-browser)
-> - [Open in StackBlitz](https://stackblitz.com/github/imgly/cesdk-web-examples/tree/v$UBQ_VERSION$/guides-text-edit-browser)
-> - [Live demo](https://img.ly/docs/cesdk/examples/guides-text-edit-browser/)
-
-CE.SDK provides text editing through two approaches: interactive canvas editing where users type directly into text blocks, and programmatic editing through range-based APIs. This guide focuses on the programmatic approach, covering how to replace text, apply formatting to specific ranges, and query text properties.
-
-```typescript file=@cesdk_web_examples/guides-text-edit-browser/browser.ts reference-only
-import type { EditorPlugin, EditorPluginContext } from '@cesdk/cesdk-js';
-
-import {
-  BlurAssetSource,
-  ColorPaletteAssetSource,
-  CropPresetsAssetSource,
-  DemoAssetSources,
-  EffectsAssetSource,
-  FiltersAssetSource,
-  PagePresetsAssetSource,
-  StickerAssetSource,
-  TextAssetSource,
-  TextComponentAssetSource,
-  TypefaceAssetSource,
-  UploadAssetSources,
-  VectorShapeAssetSource
-} from '@cesdk/cesdk-js/plugins';
-import { DesignEditorConfig } from './design-editor/plugin';
-import packageJson from './package.json';
+>
+> - [View source on GitHub](https://github.com/imgly/cesdk-web-examples/tree/release-$UBQ_VERSION$/guides-text-edit-server-js)
+>
+> - [Open in StackBlitz](https://stackblitz.com/github/imgly/cesdk-web-examples/tree/v$UBQ_VERSION$/guides-text-edit-server-js)
+
+CE.SDK provides text editing through range-based APIs for programmatic editing. This guide covers how to replace text, apply formatting to specific ranges, and query text properties in a server-side context.
+
+```typescript file=@cesdk_web_examples/guides-text-edit-server-js/server-js.ts reference-only
+import CreativeEngine from "@cesdk/node";
+import { config } from "dotenv";
+import { writeFileSync, mkdirSync, existsSync } from "fs";
+
+// Load environment variables
+config();
 
 /**
- * CE.SDK Plugin: Edit Text Guide
+ * CE.SDK Server Guide: Edit Text
  *
  * Demonstrates text editing capabilities:
  * - Replacing and removing text content
  * - Applying formatting to text ranges
- * - Managing cursor position and selection
+ * - Querying text properties
  * - Querying line information
  */
-class Example implements EditorPlugin {
-  name = packageJson.name;
 
-  version = packageJson.version;
-
-  async initialize({ cesdk }: EditorPluginContext): Promise<void> {
-    if (!cesdk) {
-      throw new Error('CE.SDK instance is required for this plugin');
-    }
-
-    await cesdk.addPlugin(new DesignEditorConfig());
-
-    // Add asset source plugins
-    await cesdk.addPlugin(new BlurAssetSource());
-    await cesdk.addPlugin(new ColorPaletteAssetSource());
-    await cesdk.addPlugin(new CropPresetsAssetSource());
-    await cesdk.addPlugin(
-      new UploadAssetSources({ include: ['ly.img.image.upload'] })
+// Initialize CE.SDK engine in headless mode
+const engine = await CreativeEngine.init({
+  baseURL: process.env.IMGLY_LOCAL_ASSETS_URL,
+  // license: process.env.CESDK_LICENSE, // Optional (trial mode available)
+});
+
+try {
+  // Create a design scene with specific page dimensions
+  engine.scene.create("VerticalStack", {
+    page: { size: { width: 800, height: 600 } },
+  });
+  const page = engine.block.findByType("page")[0];
+
+  // Create a text block
+  const text = engine.block.create("text");
+  engine.block.appendChild(page, text);
+  engine.block.setPositionX(text, 50);
+  engine.block.setPositionY(text, 100);
+  engine.block.setWidthMode(text, "Auto");
+  engine.block.setHeightMode(text, "Auto");
+
+  // Define a typeface with bold variant support
+  const typeface = {
+    name: "Roboto",
+    fonts: [
+      {
+        uri: "https://cdn.img.ly/assets/v2/ly.img.typeface/fonts/Roboto/Roboto-Regular.ttf",
+        subFamily: "Regular",
+      },
+      {
+        uri: "https://cdn.img.ly/assets/v2/ly.img.typeface/fonts/Roboto/Roboto-Bold.ttf",
+        subFamily: "Bold",
+        weight: "bold" as const,
+      },
+    ],
+  };
+
+  // Set the font (required for bold weight support)
+  engine.block.setFont(text, typeface.fonts[0].uri, typeface);
+
+  // Replace the entire text content
+  engine.block.replaceText(text, "Hello World!");
+
+  // Replace "World" with "CE.SDK" (positions 6-11)
+  engine.block.replaceText(text, "CE.SDK", 6, 11);
+
+  // Insert " Guide" before the exclamation mark (position 12)
+  engine.block.replaceText(text, " Guide", 12, 12);
+
+  // Remove "Hello " to get "CE.SDK Guide!" (positions 0-6)
+  engine.block.removeText(text, 0, 6);
+
+  // Apply bold formatting to "CE.SDK" (positions 0-6)
+  engine.block.setTextFontWeight(text, "bold", 0, 6);
+
+  // Apply color to "Guide" (positions 7-12)
+  engine.block.setTextColor(text, { r: 0.2, g: 0.6, b: 1.0, a: 1.0 }, 7, 12);
+
+  // Set font size for the entire block
+  engine.block.setTextFontSize(text, 240);
+
+  // Query formatting properties
+  const colors = engine.block.getTextColors(text);
+  const weights = engine.block.getTextFontWeights(text);
+  const sizes = engine.block.getTextFontSizes(text);
+
+  console.log("Text colors:", colors);
+  console.log("Font weights:", weights);
+  console.log("Font sizes:", sizes);
+
+  // Query line information
+  const lineCount = engine.block.getTextVisibleLineCount(text);
+  console.log("Line count:", lineCount);
+
+  if (lineCount > 0) {
+    const lineContent = engine.block.getTextVisibleLineContent(text, 0);
+    console.log("First line content:", lineContent);
+
+    const lineBounds = engine.block.getTextVisibleLineGlobalBoundingBoxXYWH(
+      text,
+      0,
     );
-    await cesdk.addPlugin(
-      new DemoAssetSources({
-        include: [
-          'ly.img.templates.blank.*',
-          'ly.img.templates.presentation.*',
-          'ly.img.templates.print.*',
-          'ly.img.templates.social.*',
-          'ly.img.image.*'
-        ]
-      })
-    );
-    await cesdk.addPlugin(new EffectsAssetSource());
-    await cesdk.addPlugin(new FiltersAssetSource());
-    await cesdk.addPlugin(new PagePresetsAssetSource());
-    await cesdk.addPlugin(new StickerAssetSource());
-    await cesdk.addPlugin(new TextAssetSource());
-    await cesdk.addPlugin(new TextComponentAssetSource());
-    await cesdk.addPlugin(new TypefaceAssetSource());
-    await cesdk.addPlugin(new VectorShapeAssetSource());
-
-    await cesdk.actions.run('scene.create', {
-      page: { width: 800, height: 600, unit: 'Pixel' }
-    });
-
-    const engine = cesdk.engine;
-    const page = engine.block.findByType('page')[0];
-
-    // Create a text block
-    const text = engine.block.create('text');
-    engine.block.appendChild(page, text);
-    engine.block.setPositionX(text, 50);
-    engine.block.setPositionY(text, 100);
-    engine.block.setWidthMode(text, 'Auto');
-    engine.block.setHeightMode(text, 'Auto');
-
-    // Define a typeface with bold variant support
-    const typeface = {
-      name: 'Roboto',
-      fonts: [
-        {
-          uri: 'https://cdn.img.ly/assets/v2/ly.img.typeface/fonts/Roboto/Roboto-Regular.ttf',
-          subFamily: 'Regular'
-        },
-        {
-          uri: 'https://cdn.img.ly/assets/v2/ly.img.typeface/fonts/Roboto/Roboto-Bold.ttf',
-          subFamily: 'Bold',
-          weight: 'bold' as const
-        }
-      ]
-    };
-
-    // Set the font (required for bold weight support)
-    engine.block.setFont(text, typeface.fonts[0].uri, typeface);
-
-    // Replace the entire text content
-    engine.block.replaceText(text, 'Hello World!');
-
-    // Replace "World" with "CE.SDK" (positions 6-11)
-    engine.block.replaceText(text, 'CE.SDK', 6, 11);
-
-    // Insert " Guide" before the exclamation mark (position 12)
-    engine.block.replaceText(text, ' Guide', 12, 12);
-
-    // Remove "Hello " to get "CE.SDK Guide!" (positions 0-6)
-    engine.block.removeText(text, 0, 6);
-
-    // Apply bold formatting to "CE.SDK" (positions 0-6)
-    engine.block.setTextFontWeight(text, 'bold', 0, 6);
-
-    // Apply color to "Guide" (positions 7-12)
-    engine.block.setTextColor(text, { r: 0.2, g: 0.6, b: 1.0, a: 1.0 }, 7, 12);
-
-    // Set font size for the entire block
-    engine.block.setTextFontSize(text, 240);
-
-    // Query formatting properties
-    const colors = engine.block.getTextColors(text);
-    const weights = engine.block.getTextFontWeights(text);
-    const sizes = engine.block.getTextFontSizes(text);
-
-    console.log('Text colors:', colors);
-    console.log('Font weights:', weights);
-    console.log('Font sizes:', sizes);
-
-    // Query line information
-    const lineCount = engine.block.getTextVisibleLineCount(text);
-    console.log('Line count:', lineCount);
-
-    if (lineCount > 0) {
-      const lineContent = engine.block.getTextVisibleLineContent(text, 0);
-      console.log('First line content:', lineContent);
-
-      const lineBounds = engine.block.getTextVisibleLineGlobalBoundingBoxXYWH(
-        text,
-        0
-      );
-      console.log('First line bounds:', lineBounds);
-    }
-
-    // Get raw font metrics from a font file URI
-    const fontFileUri = typeface.fonts[0].uri;
-    const metrics = await engine.editor.getFontMetrics(fontFileUri);
-    console.log('Ascender:', metrics.ascender);
-    console.log('Descender:', metrics.descender);
-    console.log('Units per em:', metrics.unitsPerEm);
-    console.log('Line Gap:', metrics.lineGap);
-    console.log('Cap Height:', metrics.capHeight);
-    console.log('x-Height:', metrics.xHeight);
-    console.log('Underline Offset:', metrics.underlineOffset);
-    console.log('Underline Size:', metrics.underlineSize);
-    console.log('Strikeout Offset:', metrics.strikeoutOffset);
-    console.log('Strikeout Size:', metrics.strikeoutSize);
-
-    // Enable auto-fit zoom to keep the page visible when resizing
-    engine.scene.zoomToBlock(page);
-    engine.scene.enableZoomAutoFit(page, 'Both', 40, 40);
-
-    // Select the text block to show it in the inspector
-    engine.block.select(text);
+    console.log("First line bounds:", lineBounds);
   }
-}
 
-export default Example;
+  // Get raw font metrics from a font file URI
+  const fontFileUri = typeface.fonts[0].uri;
+  const metrics = await engine.editor.getFontMetrics(fontFileUri);
+  console.log("Ascender:", metrics.ascender);
+  console.log("Descender:", metrics.descender);
+  console.log("Units per em:", metrics.unitsPerEm);
+  console.log("Line Gap:", metrics.lineGap);
+  console.log("Cap Height:", metrics.capHeight);
+  console.log("x-Height:", metrics.xHeight);
+  console.log("Underline Offset:", metrics.underlineOffset);
+  console.log("Underline Size:", metrics.underlineSize);
+  console.log("Strikeout Offset:", metrics.strikeoutOffset);
+  console.log("Strikeout Size:", metrics.strikeoutSize);
+
+  // Zoom to fit the page
+  engine.scene.zoomToBlock(page);
+
+  // Export the scene to PNG
+  const blob = await engine.block.export(page, { mimeType: "image/png" });
+  const buffer = Buffer.from(await blob.arrayBuffer());
+
+  // Ensure output directory exists
+  if (!existsSync("output")) {
+    mkdirSync("output");
+  }
+
+  // Save to file
+  writeFileSync("output/text-edit.png", buffer);
+  console.log("✅ Exported styled text to output/text-edit.png");
+} finally {
+  engine.dispose();
+}
 ```
 
 This guide covers creating text blocks, replacing and removing text content, applying formatting to character ranges, and querying line information.
@@ -202,12 +164,12 @@ We first create a text block and position it on the page. Text blocks support au
 
 ```typescript highlight=highlight-create-text
 // Create a text block
-const text = engine.block.create('text');
+const text = engine.block.create("text");
 engine.block.appendChild(page, text);
 engine.block.setPositionX(text, 50);
 engine.block.setPositionY(text, 100);
-engine.block.setWidthMode(text, 'Auto');
-engine.block.setHeightMode(text, 'Auto');
+engine.block.setWidthMode(text, "Auto");
+engine.block.setHeightMode(text, "Auto");
 ```
 
 The text block is appended to the page and positioned with explicit X and Y coordinates. Setting width and height modes to `Auto` allows the block to resize based on its content.
@@ -217,24 +179,24 @@ The text block is appended to the page and positioned with explicit X and Y coor
 We define a typeface with font variants to enable formatting options like bold. The typeface must include variants for each weight or style you want to apply.
 
 ```typescript highlight=highlight-set-typeface
-// Define a typeface with bold variant support
-const typeface = {
-  name: 'Roboto',
-  fonts: [
-    {
-      uri: 'https://cdn.img.ly/assets/v2/ly.img.typeface/fonts/Roboto/Roboto-Regular.ttf',
-      subFamily: 'Regular'
-    },
-    {
-      uri: 'https://cdn.img.ly/assets/v2/ly.img.typeface/fonts/Roboto/Roboto-Bold.ttf',
-      subFamily: 'Bold',
-      weight: 'bold' as const
-    }
-  ]
-};
-
-// Set the font (required for bold weight support)
-engine.block.setFont(text, typeface.fonts[0].uri, typeface);
+  // Define a typeface with bold variant support
+  const typeface = {
+    name: "Roboto",
+    fonts: [
+      {
+        uri: "https://cdn.img.ly/assets/v2/ly.img.typeface/fonts/Roboto/Roboto-Regular.ttf",
+        subFamily: "Regular",
+      },
+      {
+        uri: "https://cdn.img.ly/assets/v2/ly.img.typeface/fonts/Roboto/Roboto-Bold.ttf",
+        subFamily: "Bold",
+        weight: "bold" as const,
+      },
+    ],
+  };
+
+  // Set the font (required for bold weight support)
+  engine.block.setFont(text, typeface.fonts[0].uri, typeface);
 ```
 
 The `setFont()` method sets the font and typeface for the text block. Once set, the block supports all formatting options defined in the typeface's font variants.
@@ -244,14 +206,14 @@ The `setFont()` method sets the font and typeface for the text block. Once set,
 We modify text content using `engine.block.replaceText()` and `engine.block.removeText()`. Text positions use UTF-16 indices where `[from, to)` defines the range.
 
 ```typescript highlight=highlight-replace-text
-// Replace the entire text content
-engine.block.replaceText(text, 'Hello World!');
+  // Replace the entire text content
+  engine.block.replaceText(text, "Hello World!");
 
-// Replace "World" with "CE.SDK" (positions 6-11)
-engine.block.replaceText(text, 'CE.SDK', 6, 11);
+  // Replace "World" with "CE.SDK" (positions 6-11)
+  engine.block.replaceText(text, "CE.SDK", 6, 11);
 
-// Insert " Guide" before the exclamation mark (position 12)
-engine.block.replaceText(text, ' Guide', 12, 12);
+  // Insert " Guide" before the exclamation mark (position 12)
+  engine.block.replaceText(text, " Guide", 12, 12);
 ```
 
 The `replaceText()` method can replace all text (when no indices provided), insert at a position (when `from` equals `to`), or replace a range. Here we start with a full replacement, insert text, then replace a portion.
@@ -268,14 +230,14 @@ The `removeText()` method deletes characters in the specified range. When we omi
 We apply formatting to specific character ranges using setter methods. Each method accepts optional `from` and `to` parameters to target specific ranges.
 
 ```typescript highlight=highlight-set-formatting
-// Apply bold formatting to "CE.SDK" (positions 0-6)
-engine.block.setTextFontWeight(text, 'bold', 0, 6);
+  // Apply bold formatting to "CE.SDK" (positions 0-6)
+  engine.block.setTextFontWeight(text, "bold", 0, 6);
 
-// Apply color to "Guide" (positions 7-12)
-engine.block.setTextColor(text, { r: 0.2, g: 0.6, b: 1.0, a: 1.0 }, 7, 12);
+  // Apply color to "Guide" (positions 7-12)
+  engine.block.setTextColor(text, { r: 0.2, g: 0.6, b: 1.0, a: 1.0 }, 7, 12);
 
-// Set font size for the entire block
-engine.block.setTextFontSize(text, 240);
+  // Set font size for the entire block
+  engine.block.setTextFontSize(text, 240);
 ```
 
 The `setTextFontWeight()` method applies bold or normal weight. The `setTextColor()` method accepts RGBA color objects. The `setTextFontSize()` method sets the font size in design units.
@@ -285,14 +247,14 @@ The `setTextFontWeight()` method applies bold or normal weight. The `setTextColo
 We retrieve formatting information using getter methods that return arrays of unique values found in the specified range.
 
 ```typescript highlight=highlight-query-formatting
-// Query formatting properties
-const colors = engine.block.getTextColors(text);
-const weights = engine.block.getTextFontWeights(text);
-const sizes = engine.block.getTextFontSizes(text);
-
-console.log('Text colors:', colors);
-console.log('Font weights:', weights);
-console.log('Font sizes:', sizes);
+  // Query formatting properties
+  const colors = engine.block.getTextColors(text);
+  const weights = engine.block.getTextFontWeights(text);
+  const sizes = engine.block.getTextFontSizes(text);
+
+  console.log("Text colors:", colors);
+  console.log("Font weights:", weights);
+  console.log("Font sizes:", sizes);
 ```
 
 The getter methods return arrays because text blocks can contain mixed formatting. For example, `getTextColors()` returns all unique colors applied within the queried range.
@@ -302,20 +264,20 @@ The getter methods return arrays because text blocks can contain mixed formattin
 We query information about rendered text lines including count, content, and bounding boxes.
 
 ```typescript highlight=highlight-line-info
-// Query line information
-const lineCount = engine.block.getTextVisibleLineCount(text);
-console.log('Line count:', lineCount);
-
-if (lineCount > 0) {
-  const lineContent = engine.block.getTextVisibleLineContent(text, 0);
-  console.log('First line content:', lineContent);
-
-  const lineBounds = engine.block.getTextVisibleLineGlobalBoundingBoxXYWH(
-    text,
-    0
-  );
-  console.log('First line bounds:', lineBounds);
-}
+  // Query line information
+  const lineCount = engine.block.getTextVisibleLineCount(text);
+  console.log("Line count:", lineCount);
+
+  if (lineCount > 0) {
+    const lineContent = engine.block.getTextVisibleLineContent(text, 0);
+    console.log("First line content:", lineContent);
+
+    const lineBounds = engine.block.getTextVisibleLineGlobalBoundingBoxXYWH(
+      text,
+      0,
+    );
+    console.log("First line bounds:", lineBounds);
+  }
 ```
 
 The `getTextVisibleLineCount()` returns the number of rendered lines. For each line, `getTextVisibleLineContent()` returns the text content and `getTextVisibleLineGlobalBoundingBoxXYWH()` returns the bounding box in scene coordinates.
@@ -328,16 +290,16 @@ We retrieve raw font metrics from a font file URI. The returned values are in th
 // Get raw font metrics from a font file URI
 const fontFileUri = typeface.fonts[0].uri;
 const metrics = await engine.editor.getFontMetrics(fontFileUri);
-console.log('Ascender:', metrics.ascender);
-console.log('Descender:', metrics.descender);
-console.log('Units per em:', metrics.unitsPerEm);
-console.log('Line Gap:', metrics.lineGap);
-console.log('Cap Height:', metrics.capHeight);
-console.log('x-Height:', metrics.xHeight);
-console.log('Underline Offset:', metrics.underlineOffset);
-console.log('Underline Size:', metrics.underlineSize);
-console.log('Strikeout Offset:', metrics.strikeoutOffset);
-console.log('Strikeout Size:', metrics.strikeoutSize);
+console.log("Ascender:", metrics.ascender);
+console.log("Descender:", metrics.descender);
+console.log("Units per em:", metrics.unitsPerEm);
+console.log("Line Gap:", metrics.lineGap);
+console.log("Cap Height:", metrics.capHeight);
+console.log("x-Height:", metrics.xHeight);
+console.log("Underline Offset:", metrics.underlineOffset);
+console.log("Underline Size:", metrics.underlineSize);
+console.log("Strikeout Offset:", metrics.strikeoutOffset);
+console.log("Strikeout Size:", metrics.strikeoutSize);
 ```
 
 The `getFontMetrics()` method returns the font's `ascender`, `descender`, `unitsPerEm`, `lineGap`, `capHeight`, `xHeight`, `underlineOffset`, `underlineSize`, `strikeoutOffset`, and `strikeoutSize` values. These metrics are useful for precise text layout calculations, such as computing line heights, aligning text across different fonts, or positioning text decorations. The `capHeight` and `xHeight` values are useful for optical alignment of text elements. If the font is not yet loaded, it will be fetched asynchronously.
@@ -375,84 +337,107 @@ A block for displaying text content.
 
 This section describes the properties available for the **Text Type** (`//ly.img.ubq/text`) block type.
 
-| Property                        | Type     | Default                                 | Description                                                                                                                                                                                                                                                                                                                                                                                                                                                               |
-| ------------------------------- | -------- | --------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| `alwaysOnBottom`                | `Bool`   | `false`                                 | If true, this element's global sorting order is automatically adjusted to be lower than all other siblings.                                                                                                                                                                                                                                                                                                                                                               |
-| `alwaysOnTop`                   | `Bool`   | `false`                                 | If true, this element's global sorting order is automatically adjusted to be higher than all other siblings.                                                                                                                                                                                                                                                                                                                                                              |
-| `backgroundColor/color`         | `Color`  | `{"r":0.667,"g":0.667,"b":0.667,"a":1}` | The color of the background.                                                                                                                                                                                                                                                                                                                                                                                                                                              |
-| `backgroundColor/cornerRadius`  | `Float`  | `0`                                     | The corner radius of the background.                                                                                                                                                                                                                                                                                                                                                                                                                                      |
-| `backgroundColor/enabled`       | `Bool`   | `false`                                 | Whether the background color is enabled.                                                                                                                                                                                                                                                                                                                                                                                                                                  |
-| `backgroundColor/paddingBottom` | `Float`  | `0`                                     | The bottom padding of the background.                                                                                                                                                                                                                                                                                                                                                                                                                                     |
-| `backgroundColor/paddingLeft`   | `Float`  | `0`                                     | The left padding of the background.                                                                                                                                                                                                                                                                                                                                                                                                                                       |
-| `backgroundColor/paddingRight`  | `Float`  | `0`                                     | The right padding of the background.                                                                                                                                                                                                                                                                                                                                                                                                                                      |
-| `backgroundColor/paddingTop`    | `Float`  | `0`                                     | The top padding of the background.                                                                                                                                                                                                                                                                                                                                                                                                                                        |
-| `blend/mode`                    | `Enum`   | `"Normal"`                              | The blend mode to use when compositing the block., Possible values: `"PassThrough"`, `"Normal"`, `"Darken"`, `"Multiply"`, `"ColorBurn"`, `"LinearBurn"`, `"DarkenColor"`, `"Lighten"`, `"Screen"`, `"ColorDodge"`, `"LinearDodge"`, `"LightenColor"`, `"Overlay"`, `"SoftLight"`, `"HardLight"`, `"VividLight"`, `"LinearLight"`, `"PinLight"`, `"HardMix"`, `"Difference"`, `"Exclusion"`, `"Subtract"`, `"Divide"`, `"Hue"`, `"Saturation"`, `"Color"`, `"Luminosity"` |
-| `clipped`                       | `Bool`   | `false`                                 | This component is used to identify elements whose contents and children should be clipped to their bounds.                                                                                                                                                                                                                                                                                                                                                                |
-| `contentFill/mode`              | `Enum`   | `"Cover"`                               | Defines how content should be resized to fit its container (e.g., Crop, Cover, Contain)., Possible values: `"Crop"`, `"Cover"`, `"Contain"`                                                                                                                                                                                                                                                                                                                               |
-| `dropShadow/blurRadius/x`       | `Float`  | `1`                                     | The horizontal blur radius of the drop shadow.                                                                                                                                                                                                                                                                                                                                                                                                                            |
-| `dropShadow/blurRadius/y`       | `Float`  | `1`                                     | The vertical blur radius of the drop shadow.                                                                                                                                                                                                                                                                                                                                                                                                                              |
-| `dropShadow/clip`               | `Bool`   | `false`                                 | Whether the drop shadow should be clipped to the block's bounds.                                                                                                                                                                                                                                                                                                                                                                                                          |
-| `dropShadow/color`              | `Color`  | `{"r":0,"g":0,"b":0,"a":0.25}`          | The color of the drop shadow.                                                                                                                                                                                                                                                                                                                                                                                                                                             |
-| `dropShadow/enabled`            | `Bool`   | `false`                                 | Whether the drop shadow is enabled.                                                                                                                                                                                                                                                                                                                                                                                                                                       |
-| `dropShadow/offset/x`           | `Float`  | `1.76777`                               | The horizontal offset of the drop shadow.                                                                                                                                                                                                                                                                                                                                                                                                                                 |
-| `dropShadow/offset/y`           | `Float`  | `1.76777`                               | The vertical offset of the drop shadow.                                                                                                                                                                                                                                                                                                                                                                                                                                   |
-| `fill/enabled`                  | `Bool`   | `true`                                  | Whether the fill should be rendered or not.                                                                                                                                                                                                                                                                                                                                                                                                                               |
-| `fill/solid/color`              | `Color`  | `"-"`                                   | The fill color.                                                                                                                                                                                                                                                                                                                                                                                                                                                           |
-| `flip/horizontal`               | `Bool`   | `"-"`                                   | Whether the block is flipped horizontally.                                                                                                                                                                                                                                                                                                                                                                                                                                |
-| `flip/vertical`                 | `Bool`   | `"-"`                                   | Whether the block is flipped vertically.                                                                                                                                                                                                                                                                                                                                                                                                                                  |
-| `globalBoundingBox/height`      | `Float`  | `"-"`                                   | The height of the block's axis-aligned bounding box in world coordinates., _(read-only)_                                                                                                                                                                                                                                                                                                                                                                                  |
-| `globalBoundingBox/width`       | `Float`  | `"-"`                                   | The width of the block's axis-aligned bounding box in world coordinates., _(read-only)_                                                                                                                                                                                                                                                                                                                                                                                   |
-| `globalBoundingBox/x`           | `Float`  | `"-"`                                   | The x-coordinate of the block's axis-aligned bounding box in world coordinates., _(read-only)_                                                                                                                                                                                                                                                                                                                                                                            |
-| `globalBoundingBox/y`           | `Float`  | `"-"`                                   | The y-coordinate of the block's axis-aligned bounding box in world coordinates., _(read-only)_                                                                                                                                                                                                                                                                                                                                                                            |
-| `height`                        | `Float`  | `100`                                   | The height of the block's frame.                                                                                                                                                                                                                                                                                                                                                                                                                                          |
-| `height/mode`                   | `Enum`   | `"Absolute"`                            | A mode describing how the height dimension may be interpreted (Absolute, Percent, Auto)., Possible values: `"Absolute"`, `"Percent"`, `"Auto"`                                                                                                                                                                                                                                                                                                                            |
-| `highlightEnabled`              | `Bool`   | `true`                                  | Show highlighting when selected or hovered                                                                                                                                                                                                                                                                                                                                                                                                                                |
-| `lastFrame/height`              | `Float`  | `"-"`                                   | The height of the block's frame from the previous layout pass., _(read-only)_                                                                                                                                                                                                                                                                                                                                                                                             |
-| `lastFrame/width`               | `Float`  | `"-"`                                   | The width of the block's frame from the previous layout pass., _(read-only)_                                                                                                                                                                                                                                                                                                                                                                                              |
-| `lastFrame/x`                   | `Float`  | `"-"`                                   | The x-coordinate of the block's frame from the previous layout pass., _(read-only)_                                                                                                                                                                                                                                                                                                                                                                                       |
-| `lastFrame/y`                   | `Float`  | `"-"`                                   | The y-coordinate of the block's frame from the previous layout pass., _(read-only)_                                                                                                                                                                                                                                                                                                                                                                                       |
-| `opacity`                       | `Float`  | `1`                                     | The opacity of the block. Valid range is 0.0 to 1.0.                                                                                                                                                                                                                                                                                                                                                                                                                      |
-| `placeholder/enabled`           | `Bool`   | `false`                                 | Whether the placeholder behavior is enabled or not.                                                                                                                                                                                                                                                                                                                                                                                                                       |
-| `placeholderBehavior/enabled`   | `Bool`   | `false`                                 | Whether the placeholder behavior is enabled or not.                                                                                                                                                                                                                                                                                                                                                                                                                       |
-| `playback/duration`             | `Double` | `5`                                     | The duration in seconds for which this block should be visible.                                                                                                                                                                                                                                                                                                                                                                                                           |
-| `playback/timeOffset`           | `Double` | `0`                                     | The time in seconds relative to its parent at which this block should first appear.                                                                                                                                                                                                                                                                                                                                                                                       |
-| `position/x`                    | `Float`  | `0`                                     | The x-coordinate of the block's origin.                                                                                                                                                                                                                                                                                                                                                                                                                                   |
-| `position/x/mode`               | `Enum`   | `"Absolute"`                            | A mode describing how the x-position may be interpreted., Possible values: `"Absolute"`, `"Percent"`, `"Auto"`                                                                                                                                                                                                                                                                                                                                                            |
-| `position/y`                    | `Float`  | `0`                                     | The y-coordinate of the block's origin.                                                                                                                                                                                                                                                                                                                                                                                                                                   |
-| `position/y/mode`               | `Enum`   | `"Absolute"`                            | A mode describing how the y-position may be interpreted., Possible values: `"Absolute"`, `"Percent"`, `"Auto"`                                                                                                                                                                                                                                                                                                                                                            |
-| `rotation`                      | `Float`  | `0`                                     | The rotation of the block in radians.                                                                                                                                                                                                                                                                                                                                                                                                                                     |
-| `selected`                      | `Bool`   | `false`                                 | Indicates if the block is currently selected.                                                                                                                                                                                                                                                                                                                                                                                                                             |
-| `stroke/color`                  | `Color`  | `{"r":0.67,"g":0.67,"b":0.67,"a":1}`    | The color of the stroke.                                                                                                                                                                                                                                                                                                                                                                                                                                                  |
-| `stroke/cornerGeometry`         | `Enum`   | `"Miter"`                               | The geometry of the stroke at corners (e.g., Miter, Round, Bevel)., Possible values: `"Bevel"`, `"Miter"`, `"Round"`                                                                                                                                                                                                                                                                                                                                                      |
-| `stroke/enabled`                | `Bool`   | `false`                                 | Whether the stroke is enabled.                                                                                                                                                                                                                                                                                                                                                                                                                                            |
-| `stroke/position`               | `Enum`   | `"Center"`                              | The position of the stroke relative to the shape's edge (Center, Inner, Outer)., Possible values: `"Center"`, `"Inner"`, `"Outer"`                                                                                                                                                                                                                                                                                                                                        |
-| `stroke/style`                  | `Enum`   | `"Solid"`                               | The style of the stroke (e.g., Solid, Dotted, Dashed)., Possible values: `"Dashed"`, `"DashedRound"`, `"Dotted"`, `"LongDashed"`, `"LongDashedRound"`, `"Solid"`                                                                                                                                                                                                                                                                                                          |
-| `stroke/width`                  | `Float`  | `4.72441`                               | The width of the stroke.                                                                                                                                                                                                                                                                                                                                                                                                                                                  |
-| `text/automaticFontSizeEnabled` | `Bool`   | `false`                                 | Whether the font size should be automatically determined to fit the entire text within the block's frame.                                                                                                                                                                                                                                                                                                                                                                 |
-| `text/clipLinesOutsideOfFrame`  | `Bool`   | `true`                                  | Whether or not to display lines outside the frame.                                                                                                                                                                                                                                                                                                                                                                                                                        |
-| `text/externalReference`        | `String` | `""`                                    | An external reference that may hint at the source that was used to populate fontFileURI.                                                                                                                                                                                                                                                                                                                                                                                  |
-| `text/fontFileUri`              | `String` | `""`                                    | The URI of a font file.                                                                                                                                                                                                                                                                                                                                                                                                                                                   |
-| `text/fontSize`                 | `Float`  | `10`                                    | The font size in points.                                                                                                                                                                                                                                                                                                                                                                                                                                                  |
-| `text/hasClippedLines`          | `Bool`   | `false`                                 | A tag indicating that text lines are outside the block's frame and are hidden., _(read-only)_                                                                                                                                                                                                                                                                                                                                                                             |
-| `text/horizontalAlignment`      | `Enum`   | `"Left"`                                | The horizontal text alignment., Possible values: `"Left"`, `"Right"`, `"Center"`                                                                                                                                                                                                                                                                                                                                                                                          |
-| `text/letterSpacing`            | `Float`  | `0`                                     | The letter spacing relative to the original spacing.                                                                                                                                                                                                                                                                                                                                                                                                                      |
-| `text/lineHeight`               | `Float`  | `1`                                     | The line height relative to the font size.                                                                                                                                                                                                                                                                                                                                                                                                                                |
-| `text/maxAutomaticFontSize`     | `Float`  | `-1`                                    | The upper font size limit if the font size is automatically calculated.                                                                                                                                                                                                                                                                                                                                                                                                   |
-| `text/minAutomaticFontSize`     | `Float`  | `-1`                                    | The lower font size limit if the font size is automatically calculated.                                                                                                                                                                                                                                                                                                                                                                                                   |
-| `text/paragraphSpacing`         | `Float`  | `0`                                     | The additional spacing between paragraphs relative to the font size.                                                                                                                                                                                                                                                                                                                                                                                                      |
-| `text/text`                     | `String` | `"Text"`                                | The text content.                                                                                                                                                                                                                                                                                                                                                                                                                                                         |
-| `text/typeface`                 | `String` | `""`                                    | The typeface of the font.                                                                                                                                                                                                                                                                                                                                                                                                                                                 |
-| `text/verticalAlignment`        | `Enum`   | `"Top"`                                 | The vertical text alignment., Possible values: `"Top"`, `"Bottom"`, `"Center"`                                                                                                                                                                                                                                                                                                                                                                                            |
-| `transformLocked`               | `Bool`   | `false`                                 | DesignBlocks with this tag can't be transformed (moved, rotated, scaled, cropped, or flipped).                                                                                                                                                                                                                                                                                                                                                                            |
-| `visible`                       | `Bool`   | `true`                                  | If the block is visible in the editor.                                                                                                                                                                                                                                                                                                                                                                                                                                    |
-| `width`                         | `Float`  | `100`                                   | The width of the block's frame.                                                                                                                                                                                                                                                                                                                                                                                                                                           |
-| `width/mode`                    | `Enum`   | `"Absolute"`                            | A mode describing how the width dimension may be interpreted (Absolute, Percent, Auto)., Possible values: `"Absolute"`, `"Percent"`, `"Auto"`                                                                                                                                                                                                                                                                                                                             |
+| Property                          | Type     | Default                                 | Description                                                                                                                                                                                                                                                                                                                                                                                                                                                               |
+| --------------------------------- | -------- | --------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `alwaysOnBottom`                  | `Bool`   | `false`                                 | If true, this element's global sorting order is automatically adjusted to be lower than all other siblings.                                                                                                                                                                                                                                                                                                                                                               |
+| `alwaysOnTop`                     | `Bool`   | `false`                                 | If true, this element's global sorting order is automatically adjusted to be higher than all other siblings.                                                                                                                                                                                                                                                                                                                                                              |
+| `backgroundColor/color`           | `Color`  | `{"r":0.667,"g":0.667,"b":0.667,"a":1}` | The color of the background.                                                                                                                                                                                                                                                                                                                                                                                                                                              |
+| `backgroundColor/cornerRadius`    | `Float`  | `0`                                     | The corner radius of the background.                                                                                                                                                                                                                                                                                                                                                                                                                                      |
+| `backgroundColor/enabled`         | `Bool`   | `false`                                 | Whether the background color is enabled.                                                                                                                                                                                                                                                                                                                                                                                                                                  |
+| `backgroundColor/paddingBottom`   | `Float`  | `0`                                     | The bottom padding of the background.                                                                                                                                                                                                                                                                                                                                                                                                                                     |
+| `backgroundColor/paddingLeft`     | `Float`  | `0`                                     | The left padding of the background.                                                                                                                                                                                                                                                                                                                                                                                                                                       |
+| `backgroundColor/paddingRight`    | `Float`  | `0`                                     | The right padding of the background.                                                                                                                                                                                                                                                                                                                                                                                                                                      |
+| `backgroundColor/paddingTop`      | `Float`  | `0`                                     | The top padding of the background.                                                                                                                                                                                                                                                                                                                                                                                                                                        |
+| `blend/mode`                      | `Enum`   | `"Normal"`                              | The blend mode to use when compositing the block., Possible values: `"PassThrough"`, `"Normal"`, `"Darken"`, `"Multiply"`, `"ColorBurn"`, `"LinearBurn"`, `"DarkenColor"`, `"Lighten"`, `"Screen"`, `"ColorDodge"`, `"LinearDodge"`, `"LightenColor"`, `"Overlay"`, `"SoftLight"`, `"HardLight"`, `"VividLight"`, `"LinearLight"`, `"PinLight"`, `"HardMix"`, `"Difference"`, `"Exclusion"`, `"Subtract"`, `"Divide"`, `"Hue"`, `"Saturation"`, `"Color"`, `"Luminosity"` |
+| `clipped`                         | `Bool`   | `false`                                 | This component is used to identify elements whose contents and children should be clipped to their bounds.                                                                                                                                                                                                                                                                                                                                                                |
+| `contentFill/horizontalAlignment` | `Enum`   | `"Center"`                              | The horizontal alignment of the content fill inside the block. Only affects `Contain` and `Cover` fill modes; has no visible effect in `Crop` mode., Possible values: `"Left"`, `"Center"`, `"Right"`                                                                                                                                                                                                                                                                     |
+| `contentFill/mode`                | `Enum`   | `"Cover"`                               | Defines how content should be resized to fit its container., Possible values: `"Crop"`, `"Cover"`, `"Contain"`                                                                                                                                                                                                                                                                                                                                                            |
+| `contentFill/verticalAlignment`   | `Enum`   | `"Center"`                              | The vertical alignment of the content fill inside the block. Only affects `Contain` and `Cover` fill modes; has no visible effect in `Crop` mode., Possible values: `"Top"`, `"Center"`, `"Bottom"`                                                                                                                                                                                                                                                                       |
+| `dropShadow/blurRadius/x`         | `Float`  | `1`                                     | The horizontal blur radius of the drop shadow.                                                                                                                                                                                                                                                                                                                                                                                                                            |
+| `dropShadow/blurRadius/y`         | `Float`  | `1`                                     | The vertical blur radius of the drop shadow.                                                                                                                                                                                                                                                                                                                                                                                                                              |
+| `dropShadow/clip`                 | `Bool`   | `false`                                 | Whether the drop shadow should be clipped to the block's bounds.                                                                                                                                                                                                                                                                                                                                                                                                          |
+| `dropShadow/color`                | `Color`  | `{"r":0,"g":0,"b":0,"a":0.25}`          | The color of the drop shadow.                                                                                                                                                                                                                                                                                                                                                                                                                                             |
+| `dropShadow/enabled`              | `Bool`   | `false`                                 | Whether the drop shadow is enabled.                                                                                                                                                                                                                                                                                                                                                                                                                                       |
+| `dropShadow/offset/x`             | `Float`  | `1.76777`                               | The horizontal offset of the drop shadow.                                                                                                                                                                                                                                                                                                                                                                                                                                 |
+| `dropShadow/offset/y`             | `Float`  | `1.76777`                               | The vertical offset of the drop shadow.                                                                                                                                                                                                                                                                                                                                                                                                                                   |
+| `fill/enabled`                    | `Bool`   | `true`                                  | Whether the fill should be rendered or not.                                                                                                                                                                                                                                                                                                                                                                                                                               |
+| `fill/overprint`                  | `Bool`   | `false`                                 | Whether the fill should be printed over (added to) the underlying inks instead of replacing them. Used for CMYK separations.                                                                                                                                                                                                                                                                                                                                              |
+| `fill/solid/color`                | `Color`  | `"-"`                                   | The fill color.                                                                                                                                                                                                                                                                                                                                                                                                                                                           |
+| `flip/horizontal`                 | `Bool`   | `"-"`                                   | Whether the block is flipped horizontally.                                                                                                                                                                                                                                                                                                                                                                                                                                |
+| `flip/vertical`                   | `Bool`   | `"-"`                                   | Whether the block is flipped vertically.                                                                                                                                                                                                                                                                                                                                                                                                                                  |
+| `globalBoundingBox/height`        | `Float`  | `"-"`                                   | The height of the block's axis-aligned bounding box in world coordinates., *(read-only)*                                                                                                                                                                                                                                                                                                                                                                                  |
+| `globalBoundingBox/width`         | `Float`  | `"-"`                                   | The width of the block's axis-aligned bounding box in world coordinates., *(read-only)*                                                                                                                                                                                                                                                                                                                                                                                   |
+| `globalBoundingBox/x`             | `Float`  | `"-"`                                   | The x-coordinate of the block's axis-aligned bounding box in world coordinates., *(read-only)*                                                                                                                                                                                                                                                                                                                                                                            |
+| `globalBoundingBox/y`             | `Float`  | `"-"`                                   | The y-coordinate of the block's axis-aligned bounding box in world coordinates., *(read-only)*                                                                                                                                                                                                                                                                                                                                                                            |
+| `height`                          | `Float`  | `100`                                   | The height of the block's frame.                                                                                                                                                                                                                                                                                                                                                                                                                                          |
+| `height/mode`                     | `Enum`   | `"Absolute"`                            | A mode describing how the height dimension may be interpreted., Possible values: `"Absolute"`, `"Percent"`, `"Auto"`                                                                                                                                                                                                                                                                                                                                                      |
+| `highlightEnabled`                | `Bool`   | `true`                                  | Show highlighting when selected or hovered                                                                                                                                                                                                                                                                                                                                                                                                                                |
+| `lastFrame/height`                | `Float`  | `"-"`                                   | The height of the block's frame from the previous layout pass., *(read-only)*                                                                                                                                                                                                                                                                                                                                                                                             |
+| `lastFrame/width`                 | `Float`  | `"-"`                                   | The width of the block's frame from the previous layout pass., *(read-only)*                                                                                                                                                                                                                                                                                                                                                                                              |
+| `lastFrame/x`                     | `Float`  | `"-"`                                   | The x-coordinate of the block's frame from the previous layout pass., *(read-only)*                                                                                                                                                                                                                                                                                                                                                                                       |
+| `lastFrame/y`                     | `Float`  | `"-"`                                   | The y-coordinate of the block's frame from the previous layout pass., *(read-only)*                                                                                                                                                                                                                                                                                                                                                                                       |
+| `movement/constraint`             | `Float`  | `-1`                                    | The fraction of the block's own size that may be positioned outside the parent page boundary. A value of -1 means "not set" (fall through to the next priority level). A value of 0 means the block must stay fully inside the page. When set on a page, applies to the page's children as a default constraint.                                                                                                                                                          |
+| `opacity`                         | `Float`  | `1`                                     | The opacity of the block. Valid range is 0.0 to 1.0.                                                                                                                                                                                                                                                                                                                                                                                                                      |
+| `placeholder/enabled`             | `Bool`   | `false`                                 | Whether the placeholder behavior is enabled or not.                                                                                                                                                                                                                                                                                                                                                                                                                       |
+| `placeholderBehavior/enabled`     | `Bool`   | `false`                                 | Whether the placeholder behavior is enabled or not.                                                                                                                                                                                                                                                                                                                                                                                                                       |
+| `playback/duration`               | `Double` | `5`                                     | The duration in seconds for which this block should be visible.                                                                                                                                                                                                                                                                                                                                                                                                           |
+| `playback/timeOffset`             | `Double` | `0`                                     | The time in seconds relative to its parent at which this block should first appear.                                                                                                                                                                                                                                                                                                                                                                                       |
+| `position/x`                      | `Float`  | `0`                                     | The x-coordinate of the block's origin.                                                                                                                                                                                                                                                                                                                                                                                                                                   |
+| `position/x/mode`                 | `Enum`   | `"Absolute"`                            | A mode describing how the x-position may be interpreted., Possible values: `"Absolute"`, `"Percent"`, `"Auto"`                                                                                                                                                                                                                                                                                                                                                            |
+| `position/y`                      | `Float`  | `0`                                     | The y-coordinate of the block's origin.                                                                                                                                                                                                                                                                                                                                                                                                                                   |
+| `position/y/mode`                 | `Enum`   | `"Absolute"`                            | A mode describing how the y-position may be interpreted., Possible values: `"Absolute"`, `"Percent"`, `"Auto"`                                                                                                                                                                                                                                                                                                                                                            |
+| `rotation`                        | `Float`  | `0`                                     | The rotation of the block in radians.                                                                                                                                                                                                                                                                                                                                                                                                                                     |
+| `selected`                        | `Bool`   | `false`                                 | Indicates if the block is currently selected.                                                                                                                                                                                                                                                                                                                                                                                                                             |
+| `selectionEnabled`                | `Bool`   | `true`                                  | Whether the block can be selected in the editor.                                                                                                                                                                                                                                                                                                                                                                                                                          |
+| `stroke/cap`                      | `Enum`   | `"Butt"`                                | The cap geometry applied to both ends of an open stroked path. Writing this property updates both `stroke/startCap` and `stroke/endCap`., Possible values: `"Butt"`, `"Round"`, `"Square"`                                                                                                                                                                                                                                                                                |
+| `stroke/color`                    | `Color`  | `{"r":0.67,"g":0.67,"b":0.67,"a":1}`    | The color of the stroke.                                                                                                                                                                                                                                                                                                                                                                                                                                                  |
+| `stroke/cornerGeometry`           | `Enum`   | `"Miter"`                               | The geometry of the stroke at corners., Possible values: `"Bevel"`, `"Miter"`, `"Round"`                                                                                                                                                                                                                                                                                                                                                                                  |
+| `stroke/dashArray`                | `Struct` | `null`                                  | The custom dash pattern as alternating dash and gap lengths in design-unit space. An empty array renders a solid stroke.                                                                                                                                                                                                                                                                                                                                                  |
+| `stroke/dashEndCap`               | `Enum`   | `"Butt"`                                | The cap geometry at the trailing edge of each dash piece. Only takes effect when a dash pattern is active., Possible values: `"Butt"`, `"Round"`, `"Square"`                                                                                                                                                                                                                                                                                                              |
+| `stroke/dashOffset`               | `Float`  | `0`                                     | The offset into the dash pattern at which dashing starts, in design-unit space.                                                                                                                                                                                                                                                                                                                                                                                           |
+| `stroke/dashStartCap`             | `Enum`   | `"Butt"`                                | The cap geometry at the leading edge of each dash piece. Only takes effect when a dash pattern is active., Possible values: `"Butt"`, `"Round"`, `"Square"`                                                                                                                                                                                                                                                                                                               |
+| `stroke/enabled`                  | `Bool`   | `false`                                 | Whether the stroke is enabled.                                                                                                                                                                                                                                                                                                                                                                                                                                            |
+| `stroke/endCap`                   | `Enum`   | `"Butt"`                                | The cap geometry at the end of an open stroked path., Possible values: `"Butt"`, `"Round"`, `"Square"`                                                                                                                                                                                                                                                                                                                                                                    |
+| `stroke/overprint`                | `Bool`   | `false`                                 | Whether the stroke should be printed over (added to) the underlying inks instead of replacing them. Used for CMYK separations.                                                                                                                                                                                                                                                                                                                                            |
+| `stroke/position`                 | `Enum`   | `"Center"`                              | The position of the stroke relative to the shape's edge., Possible values: `"Center"`, `"Inner"`, `"Outer"`                                                                                                                                                                                                                                                                                                                                                               |
+| `stroke/startCap`                 | `Enum`   | `"Butt"`                                | The cap geometry at the start of an open stroked path., Possible values: `"Butt"`, `"Round"`, `"Square"`                                                                                                                                                                                                                                                                                                                                                                  |
+| `stroke/style`                    | `Enum`   | `"Solid"`                               | The style of the stroke., Possible values: `"Dashed"`, `"DashedRound"`, `"Dotted"`, `"LongDashed"`, `"LongDashedRound"`, `"Solid"`                                                                                                                                                                                                                                                                                                                                        |
+| `stroke/width`                    | `Float`  | `4.72441`                               | The width of the stroke.                                                                                                                                                                                                                                                                                                                                                                                                                                                  |
+| `text/automaticFontSizeEnabled`   | `Bool`   | `false`                                 | Whether the font size should be automatically determined to fit the entire text within the block's frame.                                                                                                                                                                                                                                                                                                                                                                 |
+| `text/clipLinesOutsideOfFrame`    | `Bool`   | `true`                                  | Whether or not to display lines outside the frame.                                                                                                                                                                                                                                                                                                                                                                                                                        |
+| `text/externalReference`          | `String` | `""`                                    | An external reference that may hint at the source that was used to populate fontFileURI.                                                                                                                                                                                                                                                                                                                                                                                  |
+| `text/fontFileUri`                | `String` | `""`                                    | The URI of a font file.                                                                                                                                                                                                                                                                                                                                                                                                                                                   |
+| `text/fontSize`                   | `Float`  | `10`                                    | The font size in points.                                                                                                                                                                                                                                                                                                                                                                                                                                                  |
+| `text/hasClippedLines`            | `Bool`   | `false`                                 | A tag indicating that text lines are outside the block's frame and are hidden., *(read-only)*                                                                                                                                                                                                                                                                                                                                                                             |
+| `text/horizontalAlignment`        | `Enum`   | `"Auto"`                                | The horizontal text alignment., Possible values: `"Left"`, `"Right"`, `"Center"`, `"Auto"`                                                                                                                                                                                                                                                                                                                                                                                |
+| `text/letterSpacing`              | `Float`  | `0`                                     | The letter spacing relative to the original spacing.                                                                                                                                                                                                                                                                                                                                                                                                                      |
+| `text/lineHeight`                 | `Float`  | `1`                                     | The line height relative to the font size.                                                                                                                                                                                                                                                                                                                                                                                                                                |
+| `text/maxAutomaticFontSize`       | `Float`  | `-1`                                    | The upper font size limit if the font size is automatically calculated.                                                                                                                                                                                                                                                                                                                                                                                                   |
+| `text/minAutomaticFontSize`       | `Float`  | `-1`                                    | The lower font size limit if the font size is automatically calculated.                                                                                                                                                                                                                                                                                                                                                                                                   |
+| `text/paragraphSpacing`           | `Float`  | `0`                                     | The additional spacing between paragraphs relative to the font size.                                                                                                                                                                                                                                                                                                                                                                                                      |
+| `text/pathExternalRef`            | `String` | `""`                                    | A hint recording which asset last populated the baseline path. Ignored for layout; used by the UI to highlight the active curve preset.                                                                                                                                                                                                                                                                                                                                   |
+| `text/pathFlipped`                | `Bool`   | `false`                                 | Whether text is placed on the opposite (under) side of the baseline path. Has no effect when no path is set.                                                                                                                                                                                                                                                                                                                                                              |
+| `text/pathOffset`                 | `Float`  | `0`                                     | The start offset along the baseline path as a proportion of the path length in \[-1, 1]. Has no effect when no path is set.                                                                                                                                                                                                                                                                                                                                                |
+| `text/text`                       | `String` | `"Text"`                                | The text content.                                                                                                                                                                                                                                                                                                                                                                                                                                                         |
+| `text/typeface`                   | `String` | `""`                                    | The typeface of the font.                                                                                                                                                                                                                                                                                                                                                                                                                                                 |
+| `text/useContextualLigatures`     | `Bool`   | `true`                                  | Whether contextual ligatures (clig) are enabled for text shaping.                                                                                                                                                                                                                                                                                                                                                                                                         |
+| `text/useDiscretionaryLigatures`  | `Bool`   | `false`                                 | Whether discretionary ligatures (dlig) are enabled for text shaping.                                                                                                                                                                                                                                                                                                                                                                                                      |
+| `text/useKerning`                 | `Bool`   | `true`                                  | Whether kerning is enabled for text shaping.                                                                                                                                                                                                                                                                                                                                                                                                                              |
+| `text/useLigatures`               | `Bool`   | `true`                                  | Whether font ligatures (standard and contextual) are enabled for text shaping.                                                                                                                                                                                                                                                                                                                                                                                            |
+| `text/verticalAlignment`          | `Enum`   | `"Top"`                                 | The vertical text alignment., Possible values: `"Top"`, `"Bottom"`, `"Center"`                                                                                                                                                                                                                                                                                                                                                                                            |
+| `transformLocked`                 | `Bool`   | `false`                                 | DesignBlocks with this tag can't be transformed (moved, rotated, scaled, cropped, or flipped).                                                                                                                                                                                                                                                                                                                                                                            |
+| `visible`                         | `Bool`   | `true`                                  | If the block is visible in the editor.                                                                                                                                                                                                                                                                                                                                                                                                                                    |
+| `width`                           | `Float`  | `100`                                   | The width of the block's frame.                                                                                                                                                                                                                                                                                                                                                                                                                                           |
+| `width/mode`                      | `Enum`   | `"Absolute"`                            | A mode describing how the width dimension may be interpreted., Possible values: `"Absolute"`, `"Percent"`, `"Auto"`                                                                                                                                                                                                                                                                                                                                                       |
+
+
+
 
 ---
 
 ## More Resources
 
-- **[Vanilla JS/TS Documentation Index](https://img.ly/docs/cesdk/js.md)** - Browse all Vanilla JS/TS documentation
+- **[Node.js Documentation Index](https://img.ly/docs/cesdk/node.md)** - Browse all Node.js documentation
 - **[Complete Documentation](./llms-full.txt.md)** - Full documentation in one file (for LLMs)
-- **[Web Documentation](./js.md)** - Interactive documentation with examples
-- **[Support](mailto:support@img.ly)** - Contact IMG.LY support
+- **[Web Documentation](./node.md)** - Interactive documentation with examples
+- **[Support](mailto:support@img.ly)** - Contact IMG.LY support