taffy-layout 1.1.0 → 1.2.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "taffy-layout",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "description": "WebAssembly bindings for Taffy layout library",
   "keywords": [
     "layout",

package/pkg/taffy_wasm.d.ts

@@ -549,7 +549,7 @@ export type GridTemplateArea = {
 };
 
 /**
- * Valid property paths for Style.get() method.
+ * Valid property keys for Style.get() method.
  *
  * Supports both object properties and individual flat properties.
  *
@@ -647,6 +647,8 @@ declare module "./taffy_wasm" {
      *
      * @returns Single value for one key, tuple for 2-3 keys, array for 4+ keys
      *
+     * @throws Error if any property key is unknown.
+     *
      * @remarks
      * - Single property: returns exact value type (including `undefined` for optional properties)
      * - 2-3 properties: returns typed tuple for destructuring
@@ -690,11 +692,12 @@ declare module "./taffy_wasm" {
      * Sets multiple style properties in a single WASM call.
      * Supports both object properties and individual flat properties.
      *
-     * @param props - Object mapping property paths to their values
+     * @param props - Object mapping property keys to their values
      *
      * @remarks
-     * Only accepts valid property paths with their corresponding value types.
-     * Invalid properties will be ignored at runtime.
+     * Only accepts valid property keys with their corresponding value types.
+     *
+     * @throws Error if any property key is unknown.
      *
      * @example
      * ```typescript
@@ -712,7 +715,7 @@ declare module "./taffy_wasm" {
 }
 
 /**
- * Helper type to convert an array of property paths to an array of their value types.
+ * Helper type to convert an array of property keys to an array of their value types.
  * Unlike `TupleToStyleValues`, this returns an array type instead of a tuple.
  */
 type StylePropertyArrayValues<Keys extends StyleProperty[]> = {
@@ -1352,31 +1355,6 @@ export enum Position {
 export class Style {
   free(): void;
   [Symbol.dispose](): void;
-  /**
-   * Reads multiple style properties in a single WASM call.
-   *
-   * Supports dot notation for nested properties (e.g., `"size.width"`, `"margin.left"`).
-   *
-   * @param keys - Property paths to read
-   * @returns - Single value if one key, array of values if multiple keys
-   *
-   * @example
-   * ```typescript
-   * const style = new Style();
-   * style.display = Display.Flex;
-   * style.size = { width: 100, height: "50%" };
-   *
-   * // Read single property
-   * const d = style.get("display");
-   *
-   * // Read nested property
-   * const w = style.get("size.width");
-   *
-   * // Read multiple properties with destructuring
-   * const [display, width, margin] = style.get("display", "size.width", "margin.left");
-   * ```
-   */
-  get(...keys: string[]): any;
   /**
    * Creates a new Style instance with default values
    *
@@ -1393,36 +1371,12 @@ export class Style {
    * const style2 = new Style({
    *   display: Display.Flex,
    *   flexDirection: FlexDirection.Column,
-   *   "size.width": 200,
-   *   "margin.left": 10
+   *   width: 200,
+   *   marginLeft: 10
    * });
    * ```
    */
   constructor(props?: any | null);
-  /**
-   * Sets multiple style properties in a single WASM call.
-   *
-   * Accepts an object where keys are property paths (supporting dot notation)
-   * and values are the new property values.
-   *
-   * @param props - Object with property paths as keys and values to set
-   *
-   * @example
-   * ```typescript
-   * const style = new Style();
-   *
-   * // Set multiple properties at once
-   * style.set({
-   *   display: Display.Flex,
-   *   flexDirection: FlexDirection.Column,
-   *   "size.width": 200,
-   *   "size.height": "50%",
-   *   "margin.left": 10,
-   *   "margin.right": "auto"
-   * });
-   * ```
-   */
-  set(props: any): void;
   /**
    * Gets the align-self property
    *

package/pkg/taffy_wasm.js

@@ -2486,9 +2486,11 @@ export class Style {
     /**
      * Reads multiple style properties in a single WASM call.
      *
-     * Supports dot notation for nested properties (e.g., `"size.width"`, `"margin.left"`).
+     * Supports flattened property keys (e.g., `"width"`, `"marginLeft"`).
      *
-     * @param keys - Property paths to read
+     * @throws Error if any property key is unknown.
+     *
+     * @param keys - Property keys to read
      * @returns - Single value if one key, array of values if multiple keys
      *
      * @example
@@ -2501,10 +2503,10 @@ export class Style {
      * const d = style.get("display");
      *
      * // Read nested property
-     * const w = style.get("size.width");
+     * const w = style.get("width");
      *
      * // Read multiple properties with destructuring
-     * const [display, width, margin] = style.get("display", "size.width", "margin.left");
+     * const [display, width, margin] = style.get("display", "width", "marginLeft");
      * ```
      * @param {...string[]} keys
      * @returns {any}
@@ -2531,8 +2533,8 @@ export class Style {
      * const style2 = new Style({
      *   display: Display.Flex,
      *   flexDirection: FlexDirection.Column,
-     *   "size.width": 200,
-     *   "margin.left": 10
+     *   width: 200,
+     *   marginLeft: 10
      * });
      * ```
      * @param {any | null} [props]
@@ -2546,10 +2548,11 @@ export class Style {
     /**
      * Sets multiple style properties in a single WASM call.
      *
-     * Accepts an object where keys are property paths (supporting dot notation)
-     * and values are the new property values.
+     * Accepts an object where keys are property keys.
+     *
+     * @throws Error if any property key is unknown.
      *
-     * @param props - Object with property paths as keys and values to set
+     * @param props - Object with property keys as keys and values to set
      *
      * @example
      * ```typescript
@@ -2559,10 +2562,10 @@ export class Style {
      * style.set({
      *   display: Display.Flex,
      *   flexDirection: FlexDirection.Column,
-     *   "size.width": 200,
-     *   "size.height": "50%",
-     *   "margin.left": 10,
-     *   "margin.right": "auto"
+     *   width: 200,
+     *   height: "50%",
+     *   marginLeft: 10,
+     *   marginRight: "auto"
      * });
      * ```
      * @param {any} props