@vsreact/core 0.0.16 → 0.0.18

package/README.md

@@ -30,6 +30,15 @@ wheel / double-click-reset, automation-safe begin/set/end gestures.
 
 ## Install
 
+Starting fresh? The scaffolder gives you a complete plugin project —
+CMake, C++, and a React UI — in one command:
+
+```sh
+bun create vsreact my-plugin     # or: npm create vsreact@latest my-plugin
+```
+
+Adding to an existing plugin:
+
 ```sh
 bun add @vsreact/core     # or npm / yarn / pnpm
 ```

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 import "./runtime";
 import "./bridge";
 /** The SDK version — stamp it on support dumps and analytics. */
-export declare const VERSION = "0.0.16";
+export declare const VERSION = "0.0.18";
 export { View, Text, Image, TextInput, NativeView } from "./primitives";
 export type { CommonProps, TextProps, ImageProps, TextInputProps, NativeViewProps, } from "./primitives";
 export { render, unmount } from "./render";

package/dist/index.js

@@ -3,7 +3,7 @@
 import "./runtime";
 import "./bridge";
 /** The SDK version — stamp it on support dumps and analytics. */
-export const VERSION = "0.0.16";
+export const VERSION = "0.0.18";
 export { View, Text, Image, TextInput, NativeView } from "./primitives";
 export { render, unmount } from "./render";
 export { native } from "./native";

package/dist/tw.js

@@ -240,6 +240,15 @@ function resolveClass(cls) {
             const n = Number(rest);
             return Number.isFinite(n) ? { lineHeight: n * 4 } : undefined;
         }
+        case "tracking": {
+            // Named scale lives in staticClasses; arbitrary is px: tracking-[3].
+            if (rest.startsWith("[")) {
+                const spacing = parseLength(rest);
+                if (typeof spacing === "number")
+                    return { letterSpacing: negate(spacing) };
+            }
+            return undefined;
+        }
         case "flex": {
             const n = Number(rest);
             return Number.isFinite(n) ? { flex: n } : undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vsreact/core",
-  "version": "0.0.16",
+  "version": "0.0.18",
   "description": "Write React. Ship native VST. A React renderer for JUCE audio plugins — QuickJS + Yoga + juce::Graphics, no webview.",
   "keywords": [
     "react",

package/src/index.ts

@@ -4,7 +4,7 @@ import "./runtime";
 import "./bridge";
 
 /** The SDK version — stamp it on support dumps and analytics. */
-export const VERSION = "0.0.16";
+export const VERSION = "0.0.18";
 
 export { View, Text, Image, TextInput, NativeView } from "./primitives";
 export type {

package/src/tw.test.ts

@@ -155,3 +155,15 @@ describe("negative spacing", () => {
     expect(tw("-left-1/2").style).toEqual({ left: "-50%" });
   });
 });
+
+describe("arbitrary letter spacing", () => {
+  test("tracking-[n] is px", () => {
+    expect(tw("tracking-[3]").style).toEqual({ letterSpacing: 3 });
+    expect(tw("tracking-[1.5]").style).toEqual({ letterSpacing: 1.5 });
+    expect(tw("-tracking-[2]").style).toEqual({ letterSpacing: -2 });
+  });
+
+  test("named scale still wins", () => {
+    expect(tw("tracking-widest").style).toEqual({ letterSpacing: 1.6 });
+  });
+});

package/src/tw.ts

@@ -246,6 +246,14 @@ function resolveClass(cls: string): Style | undefined {
       const n = Number(rest);
       return Number.isFinite(n) ? { lineHeight: n * 4 } : undefined;
     }
+    case "tracking": {
+      // Named scale lives in staticClasses; arbitrary is px: tracking-[3].
+      if (rest.startsWith("[")) {
+        const spacing = parseLength(rest);
+        if (typeof spacing === "number") return { letterSpacing: negate(spacing) };
+      }
+      return undefined;
+    }
     case "flex": {
       const n = Number(rest);
       return Number.isFinite(n) ? { flex: n } : undefined;