react-native-gtkx 0.1.0-alpha.4 → 0.2.0-alpha.2

package/dist/sea/native-shim.js

@@ -0,0 +1,121 @@
+// The gtkx native addon (@gtkx/native-<platform>-<libc>, a Rust/NAPI addon
+// loaded through dlopen — see docs/getting-started.md's "Shipping an app"
+// section for the full design reasoning) cannot be embedded as bundled JS:
+// a Node SEA is a V8 code cache blob, and dlopen needs a real file on a
+// real filesystem, not bytes inside the executable.
+//
+// So it has to be carried as bytes and written back to disk before use.
+// This plugin swaps every import of a given specifier (in practice,
+// "@gtkx/native" — see ../sea/bundle.ts) for a shim that does exactly
+// that: extract to a per-user cache directory (content-hash-keyed, so
+// repeat launches reuse the file instead of re-extracting ~1.6 MB every
+// start) and dlopen it from there. Where the bytes come from is the one
+// difference between the two single-file artifacts — Node's SEA "assets"
+// mechanism for the executable, a base64 literal for the standalone .cjs;
+// see {@link NativeAddonSource}.
+//
+// Cache location: XDG_CACHE_HOME (or ~/.cache) first, os.tmpdir() as a
+// fallback for a read-only $HOME. Deliberately NOT the SEA executable's
+// own directory — that may be read-only (a mounted image, a root-owned
+// install under /opt) or simply a different place than where the addon
+// was extracted the first time, if the binary moved. This is the same
+// question gtkx's own tutorial answers by placing the addon BESIDE the
+// executable (dist/gtkx.node next to dist/app) — a real divergence, not an
+// oversight: that keeps two files, which is exactly what this epic set
+// out to stop doing.
+import { join } from "node:path";
+export const NATIVE_ASSET_KEY = "gtkx-native.node";
+const bytesExpression = (source, assetKey) => source === "sea-asset"
+    ? `Buffer.from(require("node:sea").getAsset(${JSON.stringify(assetKey)}))`
+    : `Buffer.from(__gtkxNativeBase64, "base64")`;
+const shimSource = (source, assetKey, base64) => `
+const { createHash } = require("node:crypto");
+const { mkdirSync, existsSync, writeFileSync, renameSync } = require("node:fs");
+const { join } = require("node:path");
+const os = require("node:os");
+${source === "inline" ? `const __gtkxNativeBase64 = ${JSON.stringify(base64)};` : ""}
+
+const bytes = ${bytesExpression(source, assetKey)};
+const hash = createHash("sha256").update(bytes).digest("hex").slice(0, 16);
+const fileName = "native-" + hash + ".node";
+
+const candidateDirs = [
+  join(process.env.XDG_CACHE_HOME || join(os.homedir(), ".cache"), "react-native-gtkx-sea"),
+  join(os.tmpdir(), "react-native-gtkx-sea"),
+];
+
+let target;
+let lastError;
+for (const dir of candidateDirs) {
+  try {
+    mkdirSync(dir, { recursive: true });
+    const candidate = join(dir, fileName);
+    if (!existsSync(candidate)) {
+      const tmp = candidate + "." + process.pid + ".tmp";
+      writeFileSync(tmp, bytes, { mode: 0o755 });
+      renameSync(tmp, candidate);
+    }
+    target = candidate;
+    break;
+  } catch (error) {
+    lastError = error;
+  }
+}
+if (!target) {
+  throw new Error(
+    "react-native-gtkx: could not extract the native addon to a writable " +
+      "cache directory (tried " + candidateDirs.join(", ") + "): " + String(lastError),
+  );
+}
+
+// Not require(target): the require() available to a SEA's main script is
+// restricted to built-ins and embedded assets (verified — requiring an
+// arbitrary absolute path from here throws ERR_UNKNOWN_BUILTIN_MODULE, the
+// same error Node throws for an unrecognized built-in specifier). That
+// restriction doesn't apply to process.dlopen(), the lower-level
+// primitive require() itself uses for ".node" files (Module._extensions
+// [".node"]) — it works on any real path, which is exactly what makes
+// this shim work at all. The "inline" build could use a plain require()
+// here, but shares dlopen() rather than branching: one code path that is
+// proven by both artifacts beats two, one of which is rarely exercised.
+const nativeModule = { exports: {} };
+process.dlopen(nativeModule, target);
+// The vite path's own build (dist/bundle.js, gtkx's CLI plugin) calls
+// this immediately after loading the addon, before anything else touches
+// it; @gtkx/runtime's compiled JS never calls it itself (confirmed by
+// inspecting its dist — it only re-exports a handful of low-level
+// functions), so ordinary require() of the addon through Node's own
+// napi module registration must be relying on something dlopen() alone
+// does not trigger. Without this call the addon has no thread registered
+// as "the Node environment's owner" and the first GTK-driven callback
+// into JS panics: "the Node environment was accessed from a thread it is
+// not installed on" (reproduced and fixed by adding this line).
+nativeModule.exports.init();
+module.exports = nativeModule.exports;
+`;
+/**
+ * Intercepts every import/require of `specifier` (an exact bare module
+ * specifier, e.g. "@gtkx/native") and replaces it with the extraction shim
+ * above. The real module never reaches the bundle graph — only its
+ * re-exported surface, loaded from the extracted file at runtime.
+ *
+ * The shim is given an id inside `appRoot` with a `.cjs` extension rather
+ * than a `\0`-prefixed virtual one: the shim IS CommonJS (it assigns
+ * `module.exports` so consumers' NAMED imports of the addon still resolve
+ * through the bundler's interop), and a real directory is what lets any
+ * specifier inside it resolve normally.
+ */
+export const nativeAddonShimPlugin = (options) => {
+    const { specifier, appRoot, source } = options;
+    if (source === "inline" && !options.addonBytes) {
+        throw new Error('the "inline" native addon source needs addonBytes');
+    }
+    const shimId = join(appRoot, "__gtkx-sea-native-shim.cjs");
+    const contents = shimSource(source, options.assetKey ?? NATIVE_ASSET_KEY, options.addonBytes?.toString("base64") ?? "");
+    return {
+        name: "gtkx-native-addon-shim",
+        resolveId: (id) => (id === specifier ? shimId : null),
+        load: (id) => (id === shimId ? contents : null),
+    };
+};
+//# sourceMappingURL=native-shim.js.map

package/dist/sea/native-shim.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"native-shim.js","sourceRoot":"","sources":["../../src/sea/native-shim.ts"],"names":[],"mappings":"AAAA,2EAA2E;AAC3E,0EAA0E;AAC1E,2EAA2E;AAC3E,wEAAwE;AACxE,oDAAoD;AACpD,EAAE;AACF,wEAAwE;AACxE,oEAAoE;AACpE,sEAAsE;AACtE,sEAAsE;AACtE,wEAAwE;AACxE,wEAAwE;AACxE,yEAAyE;AACzE,0EAA0E;AAC1E,iCAAiC;AACjC,EAAE;AACF,uEAAuE;AACvE,wEAAwE;AACxE,uEAAuE;AACvE,uEAAuE;AACvE,sEAAsE;AACtE,uEAAuE;AACvE,2EAA2E;AAC3E,uEAAuE;AACvE,qBAAqB;AACrB,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAA;AAGhC,MAAM,CAAC,MAAM,gBAAgB,GAAG,kBAAkB,CAAA;AAgBlD,MAAM,eAAe,GAAG,CACtB,MAAyB,EACzB,QAAgB,EACR,EAAE,CACV,MAAM,KAAK,WAAW;IACpB,CAAC,CAAC,4CAA4C,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,IAAI;IAC1E,CAAC,CAAC,2CAA2C,CAAA;AAEjD,MAAM,UAAU,GAAG,CACjB,MAAyB,EACzB,QAAgB,EAChB,MAAc,EACN,EAAE,CAAC;;;;;EAKX,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,8BAA8B,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE;;gBAEpE,eAAe,CAAC,MAAM,EAAE,QAAQ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyDhD,CAAA;AAeD;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAG,CACnC,OAA+B,EACvB,EAAE;IACV,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,OAAO,CAAA;IAC9C,IAAI,MAAM,KAAK,QAAQ,IAAI,CAAC,OAAO,CAAC,UAAU,EAAE,CAAC;QAC/C,MAAM,IAAI,KAAK,CAAC,mDAAmD,CAAC,CAAA;IACtE,CAAC;IACD,MAAM,MAAM,GAAG,IAAI,CAAC,OAAO,EAAE,4BAA4B,CAAC,CAAA;IAC1D,MAAM,QAAQ,GAAG,UAAU,CACzB,MAAM,EACN,OAAO,CAAC,QAAQ,IAAI,gBAAgB,EACpC,OAAO,CAAC,UAAU,EAAE,QAAQ,CAAC,QAAQ,CAAC,IAAI,EAAE,CAC7C,CAAA;IACD,OAAO;QACL,IAAI,EAAE,wBAAwB;QAC9B,SAAS,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,EAAE,KAAK,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC;QACrD,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC,EAAE,KAAK,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC;KAChD,CAAA;AACH,CAAC,CAAA","sourcesContent":["// The gtkx native addon (@gtkx/native-<platform>-<libc>, a Rust/NAPI addon\n// loaded through dlopen — see docs/getting-started.md's \"Shipping an app\"\n// section for the full design reasoning) cannot be embedded as bundled JS:\n// a Node SEA is a V8 code cache blob, and dlopen needs a real file on a\n// real filesystem, not bytes inside the executable.\n//\n// So it has to be carried as bytes and written back to disk before use.\n// This plugin swaps every import of a given specifier (in practice,\n// \"@gtkx/native\" — see ../sea/bundle.ts) for a shim that does exactly\n// that: extract to a per-user cache directory (content-hash-keyed, so\n// repeat launches reuse the file instead of re-extracting ~1.6 MB every\n// start) and dlopen it from there. Where the bytes come from is the one\n// difference between the two single-file artifacts — Node's SEA \"assets\"\n// mechanism for the executable, a base64 literal for the standalone .cjs;\n// see {@link NativeAddonSource}.\n//\n// Cache location: XDG_CACHE_HOME (or ~/.cache) first, os.tmpdir() as a\n// fallback for a read-only $HOME. Deliberately NOT the SEA executable's\n// own directory — that may be read-only (a mounted image, a root-owned\n// install under /opt) or simply a different place than where the addon\n// was extracted the first time, if the binary moved. This is the same\n// question gtkx's own tutorial answers by placing the addon BESIDE the\n// executable (dist/gtkx.node next to dist/app) — a real divergence, not an\n// oversight: that keeps two files, which is exactly what this epic set\n// out to stop doing.\nimport { join } from \"node:path\"\nimport type { Plugin } from \"rolldown\"\n\nexport const NATIVE_ASSET_KEY = \"gtkx-native.node\"\n\n/**\n * Where the shim gets the addon's bytes from — the only difference between\n * the two single-file artifacts:\n *\n * - `\"sea-asset\"`: from the SEA blob, via node:sea. Only works inside a\n *   real single executable.\n * - `\"inline\"`: from a base64 literal in the bundle itself, so the CJS\n *   file is self-contained under a plain `node app.cjs` — the same\n *   artifact minus the embedded Node runtime. Costs ~4/3 of the addon's\n *   size in source text (the addon is ~1.6 MB) and is parsed once at\n *   startup; the extraction and dlopen below are shared.\n */\nexport type NativeAddonSource = \"sea-asset\" | \"inline\"\n\nconst bytesExpression = (\n  source: NativeAddonSource,\n  assetKey: string,\n): string =>\n  source === \"sea-asset\"\n    ? `Buffer.from(require(\"node:sea\").getAsset(${JSON.stringify(assetKey)}))`\n    : `Buffer.from(__gtkxNativeBase64, \"base64\")`\n\nconst shimSource = (\n  source: NativeAddonSource,\n  assetKey: string,\n  base64: string,\n): string => `\nconst { createHash } = require(\"node:crypto\");\nconst { mkdirSync, existsSync, writeFileSync, renameSync } = require(\"node:fs\");\nconst { join } = require(\"node:path\");\nconst os = require(\"node:os\");\n${source === \"inline\" ? `const __gtkxNativeBase64 = ${JSON.stringify(base64)};` : \"\"}\n\nconst bytes = ${bytesExpression(source, assetKey)};\nconst hash = createHash(\"sha256\").update(bytes).digest(\"hex\").slice(0, 16);\nconst fileName = \"native-\" + hash + \".node\";\n\nconst candidateDirs = [\n  join(process.env.XDG_CACHE_HOME || join(os.homedir(), \".cache\"), \"react-native-gtkx-sea\"),\n  join(os.tmpdir(), \"react-native-gtkx-sea\"),\n];\n\nlet target;\nlet lastError;\nfor (const dir of candidateDirs) {\n  try {\n    mkdirSync(dir, { recursive: true });\n    const candidate = join(dir, fileName);\n    if (!existsSync(candidate)) {\n      const tmp = candidate + \".\" + process.pid + \".tmp\";\n      writeFileSync(tmp, bytes, { mode: 0o755 });\n      renameSync(tmp, candidate);\n    }\n    target = candidate;\n    break;\n  } catch (error) {\n    lastError = error;\n  }\n}\nif (!target) {\n  throw new Error(\n    \"react-native-gtkx: could not extract the native addon to a writable \" +\n      \"cache directory (tried \" + candidateDirs.join(\", \") + \"): \" + String(lastError),\n  );\n}\n\n// Not require(target): the require() available to a SEA's main script is\n// restricted to built-ins and embedded assets (verified — requiring an\n// arbitrary absolute path from here throws ERR_UNKNOWN_BUILTIN_MODULE, the\n// same error Node throws for an unrecognized built-in specifier). That\n// restriction doesn't apply to process.dlopen(), the lower-level\n// primitive require() itself uses for \".node\" files (Module._extensions\n// [\".node\"]) — it works on any real path, which is exactly what makes\n// this shim work at all. The \"inline\" build could use a plain require()\n// here, but shares dlopen() rather than branching: one code path that is\n// proven by both artifacts beats two, one of which is rarely exercised.\nconst nativeModule = { exports: {} };\nprocess.dlopen(nativeModule, target);\n// The vite path's own build (dist/bundle.js, gtkx's CLI plugin) calls\n// this immediately after loading the addon, before anything else touches\n// it; @gtkx/runtime's compiled JS never calls it itself (confirmed by\n// inspecting its dist — it only re-exports a handful of low-level\n// functions), so ordinary require() of the addon through Node's own\n// napi module registration must be relying on something dlopen() alone\n// does not trigger. Without this call the addon has no thread registered\n// as \"the Node environment's owner\" and the first GTK-driven callback\n// into JS panics: \"the Node environment was accessed from a thread it is\n// not installed on\" (reproduced and fixed by adding this line).\nnativeModule.exports.init();\nmodule.exports = nativeModule.exports;\n`\n\nexport type NativeAddonShimOptions = {\n  /** The bare specifier to replace, in practice \"@gtkx/native\". */\n  specifier: string\n  /** The app root — the shim's id lives here, see above. */\n  appRoot: string\n  /** Where the addon's bytes come from at runtime. */\n  source: NativeAddonSource\n  /** SEA asset key; unused when `source` is \"inline\". */\n  assetKey?: string\n  /** The addon's bytes; required when `source` is \"inline\". */\n  addonBytes?: Buffer\n}\n\n/**\n * Intercepts every import/require of `specifier` (an exact bare module\n * specifier, e.g. \"@gtkx/native\") and replaces it with the extraction shim\n * above. The real module never reaches the bundle graph — only its\n * re-exported surface, loaded from the extracted file at runtime.\n *\n * The shim is given an id inside `appRoot` with a `.cjs` extension rather\n * than a `\\0`-prefixed virtual one: the shim IS CommonJS (it assigns\n * `module.exports` so consumers' NAMED imports of the addon still resolve\n * through the bundler's interop), and a real directory is what lets any\n * specifier inside it resolve normally.\n */\nexport const nativeAddonShimPlugin = (\n  options: NativeAddonShimOptions,\n): Plugin => {\n  const { specifier, appRoot, source } = options\n  if (source === \"inline\" && !options.addonBytes) {\n    throw new Error('the \"inline\" native addon source needs addonBytes')\n  }\n  const shimId = join(appRoot, \"__gtkx-sea-native-shim.cjs\")\n  const contents = shimSource(\n    source,\n    options.assetKey ?? NATIVE_ASSET_KEY,\n    options.addonBytes?.toString(\"base64\") ?? \"\",\n  )\n  return {\n    name: \"gtkx-native-addon-shim\",\n    resolveId: (id) => (id === specifier ? shimId : null),\n    load: (id) => (id === shimId ? contents : null),\n  }\n}\n"]}

package/dist/sea/react-anchor-plugin.d.ts

@@ -0,0 +1,2 @@
+import type { Plugin } from "rolldown";
+export declare const reactAnchorPlugin: (appRoot: string) => Plugin;

package/dist/sea/react-anchor-plugin.js

@@ -0,0 +1,30 @@
+// react (and its jsx runtimes) must resolve to the exact same instance
+// @gtkx/react's reconciler uses — the reconciler and the app share one
+// React, and anchoring resolution at the app's own node_modules can pick
+// up a second copy (npm's peer-dependency auto-install, or a differently
+// hoisted layout). runner/host.ts hits the identical problem and solves it
+// the same way: resolve "react"/"react/jsx-runtime"/"react/jsx-dev-runtime"
+// from @gtkx/react's own location, not the app's.
+//
+// Confirmed necessary empirically, not just by analogy with host.ts:
+// without this plugin the built SEA threw React's "Invalid hook call"
+// (two React module instances in the bundle graph) — the bundler had
+// resolved the entry's top-level `import("react")` from the app root and
+// @gtkx/react's own internal `import "react"` from @gtkx/react's
+// directory, landing on two different files were the two roots not
+// deduplicated to the same node_modules/react.
+import { createRequire } from "node:module";
+const REACT_SPECIFIERS = new Set([
+    "react",
+    "react/jsx-runtime",
+    "react/jsx-dev-runtime",
+]);
+export const reactAnchorPlugin = (appRoot) => {
+    const appRequire = createRequire(`${appRoot}/package.json`);
+    const fromGtkxReact = createRequire(appRequire.resolve("@gtkx/react"));
+    return {
+        name: "gtkx-react-anchor",
+        resolveId: (source) => REACT_SPECIFIERS.has(source) ? fromGtkxReact.resolve(source) : null,
+    };
+};
+//# sourceMappingURL=react-anchor-plugin.js.map

package/dist/sea/react-anchor-plugin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"react-anchor-plugin.js","sourceRoot":"","sources":["../../src/sea/react-anchor-plugin.ts"],"names":[],"mappings":"AAAA,uEAAuE;AACvE,uEAAuE;AACvE,yEAAyE;AACzE,yEAAyE;AACzE,2EAA2E;AAC3E,4EAA4E;AAC5E,kDAAkD;AAClD,EAAE;AACF,qEAAqE;AACrE,sEAAsE;AACtE,qEAAqE;AACrE,yEAAyE;AACzE,iEAAiE;AACjE,mEAAmE;AACnE,+CAA+C;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAG3C,MAAM,gBAAgB,GAAG,IAAI,GAAG,CAAC;IAC/B,OAAO;IACP,mBAAmB;IACnB,uBAAuB;CACxB,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,OAAe,EAAU,EAAE;IAC3D,MAAM,UAAU,GAAG,aAAa,CAAC,GAAG,OAAO,eAAe,CAAC,CAAA;IAC3D,MAAM,aAAa,GAAG,aAAa,CAAC,UAAU,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC,CAAA;IACtE,OAAO;QACL,IAAI,EAAE,mBAAmB;QACzB,SAAS,EAAE,CAAC,MAAM,EAAE,EAAE,CACpB,gBAAgB,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI;KACtE,CAAA;AACH,CAAC,CAAA","sourcesContent":["// react (and its jsx runtimes) must resolve to the exact same instance\n// @gtkx/react's reconciler uses — the reconciler and the app share one\n// React, and anchoring resolution at the app's own node_modules can pick\n// up a second copy (npm's peer-dependency auto-install, or a differently\n// hoisted layout). runner/host.ts hits the identical problem and solves it\n// the same way: resolve \"react\"/\"react/jsx-runtime\"/\"react/jsx-dev-runtime\"\n// from @gtkx/react's own location, not the app's.\n//\n// Confirmed necessary empirically, not just by analogy with host.ts:\n// without this plugin the built SEA threw React's \"Invalid hook call\"\n// (two React module instances in the bundle graph) — the bundler had\n// resolved the entry's top-level `import(\"react\")` from the app root and\n// @gtkx/react's own internal `import \"react\"` from @gtkx/react's\n// directory, landing on two different files were the two roots not\n// deduplicated to the same node_modules/react.\nimport { createRequire } from \"node:module\"\nimport type { Plugin } from \"rolldown\"\n\nconst REACT_SPECIFIERS = new Set([\n  \"react\",\n  \"react/jsx-runtime\",\n  \"react/jsx-dev-runtime\",\n])\n\nexport const reactAnchorPlugin = (appRoot: string): Plugin => {\n  const appRequire = createRequire(`${appRoot}/package.json`)\n  const fromGtkxReact = createRequire(appRequire.resolve(\"@gtkx/react\"))\n  return {\n    name: \"gtkx-react-anchor\",\n    resolveId: (source) =>\n      REACT_SPECIFIERS.has(source) ? fromGtkxReact.resolve(source) : null,\n  }\n}\n"]}

package/dist/style/box-shadow.d.ts

@@ -0,0 +1,7 @@
+import type { BoxShadowValue } from "../contracts";
+/**
+ * Renders RN's `boxShadow` as a GTK CSS `box-shadow` value, or null when
+ * nothing usable came out of it (the caller then emits no declaration).
+ * Both RN forms are accepted; the string is parsed rather than forwarded.
+ */
+export declare const boxShadowToCss: (value: string | readonly BoxShadowValue[]) => string | null;

package/dist/style/box-shadow.js

@@ -0,0 +1,197 @@
+// Compiles React Native's `boxShadow` into a GTK4 CSS `box-shadow` value.
+// Pure module — no bridge imports, unit-testable on any OS.
+//
+// WHY this is not a passthrough of the string form. RN accepts both a CSS
+// string and a structured array, and the string is the form apps actually
+// write. Handing that string straight to GTK would work for the easy cases
+// and fail silently for the ones that matter here: a `PlatformColor` becomes
+// `var(--card-shade-color)` only after ./colors.ts has seen it, a named
+// colour like `rebeccapurple` is not in GTK's vocabulary at all, and an
+// unparseable value would poison the whole declaration block with a GTK CSS
+// warning rather than being dropped the way an invalid `backgroundColor`
+// already is. Parsing here means both forms take the same path, colours go
+// through the same normalizer as every other colour prop, and a bad shadow
+// costs one dev warning instead of the rest of the style.
+//
+// What GTK4 CSS supports, and therefore what this emits: offset-x offset-y
+// [blur] [spread] [color], plus the `inset` keyword, comma-separated. That
+// is the same grammar as CSS, so the ordering rule is CSS's — the FIRST
+// shadow paints on top — and RN follows it too.
+import { parseColor } from "./colors";
+import { warnOnce } from "./dev-warning";
+/** RN's own shadow-length grammar, from `processBoxShadow.js`: a bare number
+ *  or a number with `px`, nothing else. No percentages, no em — matching it
+ *  exactly means a style that RN rejects is rejected here too, rather than
+ *  quietly working on one platform. */
+const LENGTH = /^[+-]?(\d*\.?\d+)(px)?$/;
+const length = (value) => {
+    if (typeof value === "number") {
+        return Number.isFinite(value) ? `${value}px` : null;
+    }
+    const trimmed = value.trim();
+    const match = LENGTH.exec(trimmed);
+    return match ? `${match[1]}px` : null;
+};
+/** Blur is the one length CSS (and RN's parser) refuses to take negative. */
+const nonNegativeLength = (value) => {
+    const rendered = length(value);
+    if (rendered === null || rendered.startsWith("-")) {
+        return null;
+    }
+    return rendered;
+};
+/** Splits on commas that are not inside parentheses, so `rgba(0, 0, 0, .5)`
+ *  stays one token. */
+const splitShadows = (value) => {
+    const parts = [];
+    let depth = 0;
+    let current = "";
+    for (const char of value) {
+        if (char === "(") {
+            depth += 1;
+        }
+        else if (char === ")") {
+            depth = Math.max(0, depth - 1);
+        }
+        if (char === "," && depth === 0) {
+            parts.push(current);
+            current = "";
+            continue;
+        }
+        current += char;
+    }
+    parts.push(current);
+    return parts.map((part) => part.trim()).filter((part) => part !== "");
+};
+/** Same rule as splitShadows, one level down: whitespace outside
+ *  parentheses separates a shadow's own components. */
+const splitTokens = (shadow) => {
+    const tokens = [];
+    let depth = 0;
+    let current = "";
+    for (const char of shadow) {
+        if (char === "(") {
+            depth += 1;
+        }
+        else if (char === ")") {
+            depth = Math.max(0, depth - 1);
+        }
+        if (/\s/.test(char) && depth === 0) {
+            if (current !== "") {
+                tokens.push(current);
+                current = "";
+            }
+            continue;
+        }
+        current += char;
+    }
+    if (current !== "") {
+        tokens.push(current);
+    }
+    return tokens;
+};
+/**
+ * Parses one CSS shadow into the structured form. Returns null when the
+ * shadow is not something CSS (or RN) would accept: too few or too many
+ * lengths, two colours, an unparseable token.
+ */
+const parseShadow = (shadow) => {
+    const tokens = splitTokens(shadow);
+    const lengths = [];
+    let color;
+    let inset = false;
+    for (const token of tokens) {
+        if (token.toLowerCase() === "inset") {
+            if (inset) {
+                return null;
+            }
+            inset = true;
+            continue;
+        }
+        if (length(token) !== null) {
+            lengths.push(token);
+            continue;
+        }
+        if (color !== undefined) {
+            return null;
+        }
+        color = token;
+    }
+    // CSS requires offset-x and offset-y and allows blur and spread after
+    // them; anything else is a malformed shadow.
+    if (lengths.length < 2 || lengths.length > 4) {
+        return null;
+    }
+    return {
+        offsetX: lengths[0],
+        offsetY: lengths[1],
+        ...(lengths[2] !== undefined ? { blurRadius: lengths[2] } : {}),
+        ...(lengths[3] !== undefined ? { spreadDistance: lengths[3] } : {}),
+        ...(color !== undefined ? { color } : {}),
+        ...(inset ? { inset: true } : {}),
+    };
+};
+/** One structured shadow as a GTK CSS value, or null when a part of it is
+ *  not usable. */
+const shadowToCss = (shadow) => {
+    const offsetX = length(shadow.offsetX);
+    const offsetY = length(shadow.offsetY);
+    if (offsetX === null || offsetY === null) {
+        return null;
+    }
+    const parts = [];
+    if (shadow.inset === true) {
+        parts.push("inset");
+    }
+    parts.push(offsetX, offsetY);
+    if (shadow.blurRadius !== undefined) {
+        const blur = nonNegativeLength(shadow.blurRadius);
+        if (blur === null) {
+            return null;
+        }
+        parts.push(blur);
+    }
+    if (shadow.spreadDistance !== undefined) {
+        // CSS positions spread after blur, so a spread with no blur needs an
+        // explicit zero blur rather than silently becoming one.
+        if (shadow.blurRadius === undefined) {
+            parts.push("0px");
+        }
+        const spread = length(shadow.spreadDistance);
+        if (spread === null) {
+            return null;
+        }
+        parts.push(spread);
+    }
+    // RN's documented deviation from CSS: an omitted shadow colour is BLACK,
+    // not the inherited `currentColor`. Emitting it explicitly is what keeps
+    // this platform on RN's side of that difference — leaving it out would
+    // silently hand the app CSS's behaviour instead.
+    const parsed = parseColor(shadow.color ?? "black");
+    if (parsed === null) {
+        return null;
+    }
+    parts.push(parsed);
+    return parts.join(" ");
+};
+/**
+ * Renders RN's `boxShadow` as a GTK CSS `box-shadow` value, or null when
+ * nothing usable came out of it (the caller then emits no declaration).
+ * Both RN forms are accepted; the string is parsed rather than forwarded.
+ */
+export const boxShadowToCss = (value) => {
+    const shadows = typeof value === "string"
+        ? splitShadows(value).map(parseShadow)
+        : value.map((shadow) => shadow);
+    const rendered = [];
+    for (const shadow of shadows) {
+        const css = shadow === null ? null : shadowToCss(shadow);
+        if (css === null) {
+            warnOnce(`invalid-box-shadow:${JSON.stringify(value)}`, `[react-native-gtkx] Invalid boxShadow ${JSON.stringify(value)} — declaration dropped`);
+            return null;
+        }
+        rendered.push(css);
+    }
+    return rendered.length > 0 ? rendered.join(", ") : null;
+};
+//# sourceMappingURL=box-shadow.js.map

package/dist/style/box-shadow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"box-shadow.js","sourceRoot":"","sources":["../../src/style/box-shadow.ts"],"names":[],"mappings":"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","sourcesContent":["// Compiles React Native's `boxShadow` into a GTK4 CSS `box-shadow` value.\n// Pure module — no bridge imports, unit-testable on any OS.\n//\n// WHY this is not a passthrough of the string form. RN accepts both a CSS\n// string and a structured array, and the string is the form apps actually\n// write. Handing that string straight to GTK would work for the easy cases\n// and fail silently for the ones that matter here: a `PlatformColor` becomes\n// `var(--card-shade-color)` only after ./colors.ts has seen it, a named\n// colour like `rebeccapurple` is not in GTK's vocabulary at all, and an\n// unparseable value would poison the whole declaration block with a GTK CSS\n// warning rather than being dropped the way an invalid `backgroundColor`\n// already is. Parsing here means both forms take the same path, colours go\n// through the same normalizer as every other colour prop, and a bad shadow\n// costs one dev warning instead of the rest of the style.\n//\n// What GTK4 CSS supports, and therefore what this emits: offset-x offset-y\n// [blur] [spread] [color], plus the `inset` keyword, comma-separated. That\n// is the same grammar as CSS, so the ordering rule is CSS's — the FIRST\n// shadow paints on top — and RN follows it too.\n\nimport type { BoxShadowValue } from \"../contracts\"\nimport { parseColor } from \"./colors\"\nimport { warnOnce } from \"./dev-warning\"\n\n/** RN's own shadow-length grammar, from `processBoxShadow.js`: a bare number\n *  or a number with `px`, nothing else. No percentages, no em — matching it\n *  exactly means a style that RN rejects is rejected here too, rather than\n *  quietly working on one platform. */\nconst LENGTH = /^[+-]?(\\d*\\.?\\d+)(px)?$/\n\nconst length = (value: number | string): string | null => {\n  if (typeof value === \"number\") {\n    return Number.isFinite(value) ? `${value}px` : null\n  }\n  const trimmed = value.trim()\n  const match = LENGTH.exec(trimmed)\n  return match ? `${match[1]}px` : null\n}\n\n/** Blur is the one length CSS (and RN's parser) refuses to take negative. */\nconst nonNegativeLength = (value: number | string): string | null => {\n  const rendered = length(value)\n  if (rendered === null || rendered.startsWith(\"-\")) {\n    return null\n  }\n  return rendered\n}\n\n/** Splits on commas that are not inside parentheses, so `rgba(0, 0, 0, .5)`\n *  stays one token. */\nconst splitShadows = (value: string): string[] => {\n  const parts: string[] = []\n  let depth = 0\n  let current = \"\"\n  for (const char of value) {\n    if (char === \"(\") {\n      depth += 1\n    } else if (char === \")\") {\n      depth = Math.max(0, depth - 1)\n    }\n    if (char === \",\" && depth === 0) {\n      parts.push(current)\n      current = \"\"\n      continue\n    }\n    current += char\n  }\n  parts.push(current)\n  return parts.map((part) => part.trim()).filter((part) => part !== \"\")\n}\n\n/** Same rule as splitShadows, one level down: whitespace outside\n *  parentheses separates a shadow's own components. */\nconst splitTokens = (shadow: string): string[] => {\n  const tokens: string[] = []\n  let depth = 0\n  let current = \"\"\n  for (const char of shadow) {\n    if (char === \"(\") {\n      depth += 1\n    } else if (char === \")\") {\n      depth = Math.max(0, depth - 1)\n    }\n    if (/\\s/.test(char) && depth === 0) {\n      if (current !== \"\") {\n        tokens.push(current)\n        current = \"\"\n      }\n      continue\n    }\n    current += char\n  }\n  if (current !== \"\") {\n    tokens.push(current)\n  }\n  return tokens\n}\n\n/**\n * Parses one CSS shadow into the structured form. Returns null when the\n * shadow is not something CSS (or RN) would accept: too few or too many\n * lengths, two colours, an unparseable token.\n */\nconst parseShadow = (shadow: string): BoxShadowValue | null => {\n  const tokens = splitTokens(shadow)\n  const lengths: (number | string)[] = []\n  let color: string | undefined\n  let inset = false\n  for (const token of tokens) {\n    if (token.toLowerCase() === \"inset\") {\n      if (inset) {\n        return null\n      }\n      inset = true\n      continue\n    }\n    if (length(token) !== null) {\n      lengths.push(token)\n      continue\n    }\n    if (color !== undefined) {\n      return null\n    }\n    color = token\n  }\n  // CSS requires offset-x and offset-y and allows blur and spread after\n  // them; anything else is a malformed shadow.\n  if (lengths.length < 2 || lengths.length > 4) {\n    return null\n  }\n  return {\n    offsetX: lengths[0]!,\n    offsetY: lengths[1]!,\n    ...(lengths[2] !== undefined ? { blurRadius: lengths[2] } : {}),\n    ...(lengths[3] !== undefined ? { spreadDistance: lengths[3] } : {}),\n    ...(color !== undefined ? { color } : {}),\n    ...(inset ? { inset: true } : {}),\n  }\n}\n\n/** One structured shadow as a GTK CSS value, or null when a part of it is\n *  not usable. */\nconst shadowToCss = (shadow: BoxShadowValue): string | null => {\n  const offsetX = length(shadow.offsetX)\n  const offsetY = length(shadow.offsetY)\n  if (offsetX === null || offsetY === null) {\n    return null\n  }\n  const parts: string[] = []\n  if (shadow.inset === true) {\n    parts.push(\"inset\")\n  }\n  parts.push(offsetX, offsetY)\n  if (shadow.blurRadius !== undefined) {\n    const blur = nonNegativeLength(shadow.blurRadius)\n    if (blur === null) {\n      return null\n    }\n    parts.push(blur)\n  }\n  if (shadow.spreadDistance !== undefined) {\n    // CSS positions spread after blur, so a spread with no blur needs an\n    // explicit zero blur rather than silently becoming one.\n    if (shadow.blurRadius === undefined) {\n      parts.push(\"0px\")\n    }\n    const spread = length(shadow.spreadDistance)\n    if (spread === null) {\n      return null\n    }\n    parts.push(spread)\n  }\n  // RN's documented deviation from CSS: an omitted shadow colour is BLACK,\n  // not the inherited `currentColor`. Emitting it explicitly is what keeps\n  // this platform on RN's side of that difference — leaving it out would\n  // silently hand the app CSS's behaviour instead.\n  const parsed = parseColor(shadow.color ?? \"black\")\n  if (parsed === null) {\n    return null\n  }\n  parts.push(parsed)\n  return parts.join(\" \")\n}\n\n/**\n * Renders RN's `boxShadow` as a GTK CSS `box-shadow` value, or null when\n * nothing usable came out of it (the caller then emits no declaration).\n * Both RN forms are accepted; the string is parsed rather than forwarded.\n */\nexport const boxShadowToCss = (\n  value: string | readonly BoxShadowValue[],\n): string | null => {\n  const shadows =\n    typeof value === \"string\"\n      ? splitShadows(value).map(parseShadow)\n      : value.map((shadow) => shadow)\n  const rendered: string[] = []\n  for (const shadow of shadows) {\n    const css = shadow === null ? null : shadowToCss(shadow)\n    if (css === null) {\n      warnOnce(\n        `invalid-box-shadow:${JSON.stringify(value)}`,\n        `[react-native-gtkx] Invalid boxShadow ${JSON.stringify(value)} — declaration dropped`,\n      )\n      return null\n    }\n    rendered.push(css)\n  }\n  return rendered.length > 0 ? rendered.join(\", \") : null\n}\n"]}

package/dist/style/index.d.ts

@@ -1,7 +1,10 @@
+export { boxShadowToCss } from "./box-shadow";
 export { parseColor, PlatformColor } from "./colors";
 export { resetDevWarnings } from "./dev-warning";
 export { createCssRegistry, type CssFn, type CssRegistry } from "./registry";
 export { splitStyle } from "./split-style";
 export { absoluteFill, absoluteFillObject, compose, create, flatten, hairlineWidth, StyleSheet, } from "./style-sheet";
+export { textDecorationToAttrs, type TextDecorations } from "./text-decoration";
 export { textAlignToLabelProps, type LabelAlignProps, type TextAlign, } from "./text-align";
+export { composeTransform, IDENTITY_TRANSFORM, isIdentityTransform, isTranslationOnly, parseAngle, } from "./transform";
 export { visualStyleToCss } from "./visual-css";

package/dist/style/index.js

@@ -4,11 +4,14 @@
 // Everything exported here is pure (no bridge imports) and unit-testable on
 // any OS. The production registry that talks to the gtkx `css` helper lives
 // in ./registry.gtkx.ts and is imported directly by the components.
+export { boxShadowToCss } from "./box-shadow";
 export { parseColor, PlatformColor } from "./colors";
 export { resetDevWarnings } from "./dev-warning";
 export { createCssRegistry } from "./registry";
 export { splitStyle } from "./split-style";
 export { absoluteFill, absoluteFillObject, compose, create, flatten, hairlineWidth, StyleSheet, } from "./style-sheet";
+export { textDecorationToAttrs } from "./text-decoration";
 export { textAlignToLabelProps, } from "./text-align";
+export { composeTransform, IDENTITY_TRANSFORM, isIdentityTransform, isTranslationOnly, parseAngle, } from "./transform";
 export { visualStyleToCss } from "./visual-css";
 //# sourceMappingURL=index.js.map

package/dist/style/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/style/index.ts"],"names":[],"mappings":"AAAA,sDAAsD;AACtD,8CAA8C;AAC9C,EAAE;AACF,4EAA4E;AAC5E,4EAA4E;AAC5E,oEAAoE;AAEpE,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA;AACpD,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAChD,OAAO,EAAE,iBAAiB,EAAgC,MAAM,YAAY,CAAA;AAC5E,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,EACL,YAAY,EACZ,kBAAkB,EAClB,OAAO,EACP,MAAM,EACN,OAAO,EACP,aAAa,EACb,UAAU,GACX,MAAM,eAAe,CAAA;AACtB,OAAO,EACL,qBAAqB,GAGtB,MAAM,cAAc,CAAA;AACrB,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAA","sourcesContent":["// Style pipeline: StyleSheet → flatten → splitStyle →\n// visualStyleToCss → memoized class registry.\n//\n// Everything exported here is pure (no bridge imports) and unit-testable on\n// any OS. The production registry that talks to the gtkx `css` helper lives\n// in ./registry.gtkx.ts and is imported directly by the components.\n\nexport { parseColor, PlatformColor } from \"./colors\"\nexport { resetDevWarnings } from \"./dev-warning\"\nexport { createCssRegistry, type CssFn, type CssRegistry } from \"./registry\"\nexport { splitStyle } from \"./split-style\"\nexport {\n  absoluteFill,\n  absoluteFillObject,\n  compose,\n  create,\n  flatten,\n  hairlineWidth,\n  StyleSheet,\n} from \"./style-sheet\"\nexport {\n  textAlignToLabelProps,\n  type LabelAlignProps,\n  type TextAlign,\n} from \"./text-align\"\nexport { visualStyleToCss } from \"./visual-css\"\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/style/index.ts"],"names":[],"mappings":"AAAA,sDAAsD;AACtD,8CAA8C;AAC9C,EAAE;AACF,4EAA4E;AAC5E,4EAA4E;AAC5E,oEAAoE;AAEpE,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAC7C,OAAO,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,UAAU,CAAA;AACpD,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAChD,OAAO,EAAE,iBAAiB,EAAgC,MAAM,YAAY,CAAA;AAC5E,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAC1C,OAAO,EACL,YAAY,EACZ,kBAAkB,EAClB,OAAO,EACP,MAAM,EACN,OAAO,EACP,aAAa,EACb,UAAU,GACX,MAAM,eAAe,CAAA;AACtB,OAAO,EAAE,qBAAqB,EAAwB,MAAM,mBAAmB,CAAA;AAC/E,OAAO,EACL,qBAAqB,GAGtB,MAAM,cAAc,CAAA;AACrB,OAAO,EACL,gBAAgB,EAChB,kBAAkB,EAClB,mBAAmB,EACnB,iBAAiB,EACjB,UAAU,GACX,MAAM,aAAa,CAAA;AACpB,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAA","sourcesContent":["// Style pipeline: StyleSheet → flatten → splitStyle →\n// visualStyleToCss → memoized class registry.\n//\n// Everything exported here is pure (no bridge imports) and unit-testable on\n// any OS. The production registry that talks to the gtkx `css` helper lives\n// in ./registry.gtkx.ts and is imported directly by the components.\n\nexport { boxShadowToCss } from \"./box-shadow\"\nexport { parseColor, PlatformColor } from \"./colors\"\nexport { resetDevWarnings } from \"./dev-warning\"\nexport { createCssRegistry, type CssFn, type CssRegistry } from \"./registry\"\nexport { splitStyle } from \"./split-style\"\nexport {\n  absoluteFill,\n  absoluteFillObject,\n  compose,\n  create,\n  flatten,\n  hairlineWidth,\n  StyleSheet,\n} from \"./style-sheet\"\nexport { textDecorationToAttrs, type TextDecorations } from \"./text-decoration\"\nexport {\n  textAlignToLabelProps,\n  type LabelAlignProps,\n  type TextAlign,\n} from \"./text-align\"\nexport {\n  composeTransform,\n  IDENTITY_TRANSFORM,\n  isIdentityTransform,\n  isTranslationOnly,\n  parseAngle,\n} from \"./transform\"\nexport { visualStyleToCss } from \"./visual-css\"\n"]}

package/dist/style/split-style.d.ts

@@ -1,6 +1,9 @@
 import type { FlatStyle, SplitStyle } from "../contracts";
 /**
- * Splits a flattened style into { layout, visual }. Unknown properties are
- * ignored with a one-time dev warning per key; undefined values are dropped.
+ * Splits a flattened style into { layout, visual }. Behavioral props
+ * (pointerEvents) belong to neither bucket and are consumed silently — the
+ * component that owns the behavior reads them from the flattened style.
+ * Unknown properties are ignored with a one-time dev warning per key;
+ * undefined values are dropped.
  */
 export declare const splitStyle: (flat: FlatStyle) => SplitStyle;

package/dist/style/split-style.js

@@ -47,11 +47,14 @@ const LAYOUT_KEYS = {
     top: true,
     width: true,
 };
-// Note: `transform` is visual by contract — it is applied by the layout
-// engine through Fixed.Child matrices, not through CSS, and is passed
+// Note: `textDecorationLine` and `textAlign` are visual by contract but never
+// reach CSS — Pango carries both, and the Text component applies them.
+// Note: `transform` is visual by contract — it is applied as the
+// GskTransform of the child's allocation, not through CSS, and is passed
 // through here untouched.
 const VISUAL_KEYS = {
     backgroundColor: true,
+    boxShadow: true,
     borderBottomColor: true,
     borderBottomLeftRadius: true,
     borderBottomRightRadius: true,
@@ -76,12 +79,37 @@ const VISUAL_KEYS = {
     letterSpacing: true,
     lineHeight: true,
     opacity: true,
+    outlineColor: true,
+    outlineOffset: true,
+    outlineStyle: true,
+    outlineWidth: true,
     textAlign: true,
+    textDecorationLine: true,
     transform: true,
 };
+// Behavioral props: supported, but by neither half of this pipeline. Since
+// RN 0.71 `pointerEvents` may be written in a style and not only as a prop,
+// and View reads it straight off the flattened style (components/view.tsx)
+// to drive GTK picking — it never reaches Yoga and it has no CSS
+// equivalent. So the splitter must CONSUME it silently: warning here told a
+// user that working code was being ignored, on the very line where
+// tests/gtk/components/pointer-events.gtk.test.tsx proves it is not.
+//
+// Exhaustive the same way the two buckets above are, but over what FlatStyle
+// adds ON TOP of LayoutStyle and VisualStyle — that Omit makes the three
+// records a partition of the contract, so a future fourth kind of style prop
+// cannot be added to FlatStyle without failing compilation right here. That
+// is exactly the drift this list suffered: `pointerEvents` was added to the
+// contract and to View, and nothing forced anyone to classify it.
+const BEHAVIORAL_KEYS = {
+    pointerEvents: true,
+};
 /**
- * Splits a flattened style into { layout, visual }. Unknown properties are
- * ignored with a one-time dev warning per key; undefined values are dropped.
+ * Splits a flattened style into { layout, visual }. Behavioral props
+ * (pointerEvents) belong to neither bucket and are consumed silently — the
+ * component that owns the behavior reads them from the flattened style.
+ * Unknown properties are ignored with a one-time dev warning per key;
+ * undefined values are dropped.
  */
 export const splitStyle = (flat) => {
     const layout = {};
@@ -98,7 +126,7 @@ export const splitStyle = (flat) => {
             ;
             visual[key] = value;
         }
-        else {
+        else if (!Object.hasOwn(BEHAVIORAL_KEYS, key)) {
             warnOnce(`unknown-style-prop:${key}`, `[react-native-gtkx] Unknown style property "${key}" is not supported and will be ignored`);
         }
     }

package/dist/style/split-style.js.map

@@ -1 +1 @@
-{"version":3,"file":"split-style.js","sourceRoot":"","sources":["../../src/style/split-style.ts"],"names":[],"mappings":"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","sourcesContent":["// Classifies a flattened style into layout props (consumed by the Yoga\n// engine) and visual props (compiled into GTK CSS). Pure module.\n\nimport type {\n  FlatStyle,\n  LayoutStyle,\n  SplitStyle,\n  VisualStyle,\n} from \"../contracts\"\nimport { warnOnce } from \"./dev-warning\"\n\n// Exhaustive over the frozen contract: adding a key to LayoutStyle in\n// contracts.ts fails compilation here until the key is classified.\nconst LAYOUT_KEYS: Record<keyof LayoutStyle, true> = {\n  alignContent: true,\n  alignItems: true,\n  alignSelf: true,\n  aspectRatio: true,\n  bottom: true,\n  columnGap: true,\n  direction: true,\n  display: true,\n  flex: true,\n  flexBasis: true,\n  flexDirection: true,\n  flexGrow: true,\n  flexShrink: true,\n  flexWrap: true,\n  gap: true,\n  height: true,\n  justifyContent: true,\n  left: true,\n  margin: true,\n  marginBottom: true,\n  marginHorizontal: true,\n  marginLeft: true,\n  marginRight: true,\n  marginTop: true,\n  marginVertical: true,\n  maxHeight: true,\n  maxWidth: true,\n  minHeight: true,\n  minWidth: true,\n  overflow: true,\n  padding: true,\n  paddingBottom: true,\n  paddingHorizontal: true,\n  paddingLeft: true,\n  paddingRight: true,\n  paddingTop: true,\n  paddingVertical: true,\n  position: true,\n  right: true,\n  rowGap: true,\n  top: true,\n  width: true,\n}\n\n// Note: `transform` is visual by contract — it is applied by the layout\n// engine through Fixed.Child matrices, not through CSS, and is passed\n// through here untouched.\nconst VISUAL_KEYS: Record<keyof VisualStyle, true> = {\n  backgroundColor: true,\n  borderBottomColor: true,\n  borderBottomLeftRadius: true,\n  borderBottomRightRadius: true,\n  borderBottomWidth: true,\n  borderColor: true,\n  borderLeftColor: true,\n  borderLeftWidth: true,\n  borderRadius: true,\n  borderRightColor: true,\n  borderRightWidth: true,\n  borderStyle: true,\n  borderTopColor: true,\n  borderTopLeftRadius: true,\n  borderTopRightRadius: true,\n  borderTopWidth: true,\n  borderWidth: true,\n  color: true,\n  fontFamily: true,\n  fontSize: true,\n  fontStyle: true,\n  fontWeight: true,\n  letterSpacing: true,\n  lineHeight: true,\n  opacity: true,\n  textAlign: true,\n  transform: true,\n}\n\n/**\n * Splits a flattened style into { layout, visual }. Unknown properties are\n * ignored with a one-time dev warning per key; undefined values are dropped.\n */\nexport const splitStyle = (flat: FlatStyle): SplitStyle => {\n  const layout: LayoutStyle = {}\n  const visual: VisualStyle = {}\n  for (const [key, value] of Object.entries(flat)) {\n    if (value === undefined) {\n      continue\n    }\n    if (Object.hasOwn(LAYOUT_KEYS, key)) {\n      ;(layout as Record<string, unknown>)[key] = value\n    } else if (Object.hasOwn(VISUAL_KEYS, key)) {\n      ;(visual as Record<string, unknown>)[key] = value\n    } else {\n      warnOnce(\n        `unknown-style-prop:${key}`,\n        `[react-native-gtkx] Unknown style property \"${key}\" is not supported and will be ignored`,\n      )\n    }\n  }\n  return { layout, visual }\n}\n"]}
+{"version":3,"file":"split-style.js","sourceRoot":"","sources":["../../src/style/split-style.ts"],"names":[],"mappings":"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","sourcesContent":["// Classifies a flattened style into layout props (consumed by the Yoga\n// engine) and visual props (compiled into GTK CSS). Pure module.\n\nimport type {\n  FlatStyle,\n  LayoutStyle,\n  SplitStyle,\n  VisualStyle,\n} from \"../contracts\"\nimport { warnOnce } from \"./dev-warning\"\n\n// Exhaustive over the frozen contract: adding a key to LayoutStyle in\n// contracts.ts fails compilation here until the key is classified.\nconst LAYOUT_KEYS: Record<keyof LayoutStyle, true> = {\n  alignContent: true,\n  alignItems: true,\n  alignSelf: true,\n  aspectRatio: true,\n  bottom: true,\n  columnGap: true,\n  direction: true,\n  display: true,\n  flex: true,\n  flexBasis: true,\n  flexDirection: true,\n  flexGrow: true,\n  flexShrink: true,\n  flexWrap: true,\n  gap: true,\n  height: true,\n  justifyContent: true,\n  left: true,\n  margin: true,\n  marginBottom: true,\n  marginHorizontal: true,\n  marginLeft: true,\n  marginRight: true,\n  marginTop: true,\n  marginVertical: true,\n  maxHeight: true,\n  maxWidth: true,\n  minHeight: true,\n  minWidth: true,\n  overflow: true,\n  padding: true,\n  paddingBottom: true,\n  paddingHorizontal: true,\n  paddingLeft: true,\n  paddingRight: true,\n  paddingTop: true,\n  paddingVertical: true,\n  position: true,\n  right: true,\n  rowGap: true,\n  top: true,\n  width: true,\n}\n\n// Note: `textDecorationLine` and `textAlign` are visual by contract but never\n// reach CSS — Pango carries both, and the Text component applies them.\n// Note: `transform` is visual by contract — it is applied as the\n// GskTransform of the child's allocation, not through CSS, and is passed\n// through here untouched.\nconst VISUAL_KEYS: Record<keyof VisualStyle, true> = {\n  backgroundColor: true,\n  boxShadow: true,\n  borderBottomColor: true,\n  borderBottomLeftRadius: true,\n  borderBottomRightRadius: true,\n  borderBottomWidth: true,\n  borderColor: true,\n  borderLeftColor: true,\n  borderLeftWidth: true,\n  borderRadius: true,\n  borderRightColor: true,\n  borderRightWidth: true,\n  borderStyle: true,\n  borderTopColor: true,\n  borderTopLeftRadius: true,\n  borderTopRightRadius: true,\n  borderTopWidth: true,\n  borderWidth: true,\n  color: true,\n  fontFamily: true,\n  fontSize: true,\n  fontStyle: true,\n  fontWeight: true,\n  letterSpacing: true,\n  lineHeight: true,\n  opacity: true,\n  outlineColor: true,\n  outlineOffset: true,\n  outlineStyle: true,\n  outlineWidth: true,\n  textAlign: true,\n  textDecorationLine: true,\n  transform: true,\n}\n\n// Behavioral props: supported, but by neither half of this pipeline. Since\n// RN 0.71 `pointerEvents` may be written in a style and not only as a prop,\n// and View reads it straight off the flattened style (components/view.tsx)\n// to drive GTK picking — it never reaches Yoga and it has no CSS\n// equivalent. So the splitter must CONSUME it silently: warning here told a\n// user that working code was being ignored, on the very line where\n// tests/gtk/components/pointer-events.gtk.test.tsx proves it is not.\n//\n// Exhaustive the same way the two buckets above are, but over what FlatStyle\n// adds ON TOP of LayoutStyle and VisualStyle — that Omit makes the three\n// records a partition of the contract, so a future fourth kind of style prop\n// cannot be added to FlatStyle without failing compilation right here. That\n// is exactly the drift this list suffered: `pointerEvents` was added to the\n// contract and to View, and nothing forced anyone to classify it.\nconst BEHAVIORAL_KEYS: Record<\n  keyof Omit<FlatStyle, keyof LayoutStyle | keyof VisualStyle>,\n  true\n> = {\n  pointerEvents: true,\n}\n\n/**\n * Splits a flattened style into { layout, visual }. Behavioral props\n * (pointerEvents) belong to neither bucket and are consumed silently — the\n * component that owns the behavior reads them from the flattened style.\n * Unknown properties are ignored with a one-time dev warning per key;\n * undefined values are dropped.\n */\nexport const splitStyle = (flat: FlatStyle): SplitStyle => {\n  const layout: LayoutStyle = {}\n  const visual: VisualStyle = {}\n  for (const [key, value] of Object.entries(flat)) {\n    if (value === undefined) {\n      continue\n    }\n    if (Object.hasOwn(LAYOUT_KEYS, key)) {\n      ;(layout as Record<string, unknown>)[key] = value\n    } else if (Object.hasOwn(VISUAL_KEYS, key)) {\n      ;(visual as Record<string, unknown>)[key] = value\n    } else if (!Object.hasOwn(BEHAVIORAL_KEYS, key)) {\n      warnOnce(\n        `unknown-style-prop:${key}`,\n        `[react-native-gtkx] Unknown style property \"${key}\" is not supported and will be ignored`,\n      )\n    }\n  }\n  return { layout, visual }\n}\n"]}

package/dist/style/text-decoration.d.ts

@@ -0,0 +1,15 @@
+import type { TextDecorationLine } from "../contracts";
+export type TextDecorations = {
+    underline: boolean;
+    strikethrough: boolean;
+};
+/**
+ * Splits RN's `textDecorationLine` into the two Pango attributes that carry
+ * it. `"none"` and `undefined` produce neither, which is what lets the caller
+ * skip building an attribute list at all.
+ *
+ * RN's `"underline line-through"` is the combined value; the words are
+ * matched individually so the reversed spelling behaves the same, as it does
+ * in CSS.
+ */
+export declare const textDecorationToAttrs: (value: TextDecorationLine | undefined) => TextDecorations;

package/dist/style/text-decoration.js

@@ -0,0 +1,26 @@
+// textDecorationLine, classified. Pure module — no bridge imports.
+//
+// GTK4 CSS has no `text-decoration` for widgets, the same way it has no
+// `text-align`: both are Pango's business, not the style sheet's. So this
+// follows text-align.ts's shape exactly — the style system decides WHAT is
+// wanted, and the Text component applies it through the label's Pango
+// attribute list.
+/**
+ * Splits RN's `textDecorationLine` into the two Pango attributes that carry
+ * it. `"none"` and `undefined` produce neither, which is what lets the caller
+ * skip building an attribute list at all.
+ *
+ * RN's `"underline line-through"` is the combined value; the words are
+ * matched individually so the reversed spelling behaves the same, as it does
+ * in CSS.
+ */
+export const textDecorationToAttrs = (value) => {
+    if (value === undefined || value === "none") {
+        return { underline: false, strikethrough: false };
+    }
+    return {
+        underline: value.includes("underline"),
+        strikethrough: value.includes("line-through"),
+    };
+};
+//# sourceMappingURL=text-decoration.js.map

package/dist/style/text-decoration.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-decoration.js","sourceRoot":"","sources":["../../src/style/text-decoration.ts"],"names":[],"mappings":"AAAA,mEAAmE;AACnE,EAAE;AACF,wEAAwE;AACxE,0EAA0E;AAC1E,2EAA2E;AAC3E,sEAAsE;AACtE,kBAAkB;AASlB;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAG,CACnC,KAAqC,EACpB,EAAE;IACnB,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,MAAM,EAAE,CAAC;QAC5C,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,aAAa,EAAE,KAAK,EAAE,CAAA;IACnD,CAAC;IACD,OAAO;QACL,SAAS,EAAE,KAAK,CAAC,QAAQ,CAAC,WAAW,CAAC;QACtC,aAAa,EAAE,KAAK,CAAC,QAAQ,CAAC,cAAc,CAAC;KAC9C,CAAA;AACH,CAAC,CAAA","sourcesContent":["// textDecorationLine, classified. Pure module — no bridge imports.\n//\n// GTK4 CSS has no `text-decoration` for widgets, the same way it has no\n// `text-align`: both are Pango's business, not the style sheet's. So this\n// follows text-align.ts's shape exactly — the style system decides WHAT is\n// wanted, and the Text component applies it through the label's Pango\n// attribute list.\n\nimport type { TextDecorationLine } from \"../contracts\"\n\nexport type TextDecorations = {\n  underline: boolean\n  strikethrough: boolean\n}\n\n/**\n * Splits RN's `textDecorationLine` into the two Pango attributes that carry\n * it. `\"none\"` and `undefined` produce neither, which is what lets the caller\n * skip building an attribute list at all.\n *\n * RN's `\"underline line-through\"` is the combined value; the words are\n * matched individually so the reversed spelling behaves the same, as it does\n * in CSS.\n */\nexport const textDecorationToAttrs = (\n  value: TextDecorationLine | undefined,\n): TextDecorations => {\n  if (value === undefined || value === \"none\") {\n    return { underline: false, strikethrough: false }\n  }\n  return {\n    underline: value.includes(\"underline\"),\n    strikethrough: value.includes(\"line-through\"),\n  }\n}\n"]}