@pibbl/core 0.0.1

package/dist/filters/native-canvas-filter.js

@@ -0,0 +1,105 @@
+import { layoutDiagnostic } from "../lib/style/diagnostics.js";
+function assertNativeCanvasFilter(context, cssText, component, diagnoseRejection) {
+  const accessor = requireNativeFilterAccessor(context, component);
+  resetNativeFilterAccessor(context, accessor, component);
+  writeNativeFilter(context, accessor, cssText, component);
+  if (readNativeFilter(context, accessor, component) !== "none") return;
+  diagnoseRejection?.();
+  throw nativeFilterDiagnostic(component, cssText, "the complete native Canvas filter chain is unsupported");
+}
+function resetNativeCanvasFilter(context, component) {
+  resetNativeFilterAccessor(context, requireNativeFilterAccessor(context, component), component);
+}
+function resetNativeCanvasFilterIfSupported(context) {
+  try {
+    resetNativeCanvasFilter(context, "filter surface");
+  } catch {
+  }
+}
+function resetNativeFilterAccessor(context, accessor, component) {
+  writeNativeFilter(context, accessor, "none", component);
+  if (readNativeFilter(context, accessor, component) !== "none") {
+    throw nativeFilterDiagnostic(
+      component,
+      void 0,
+      "the native Canvas filter state could not reset to none"
+    );
+  }
+}
+function requireNativeFilterAccessor(context, component) {
+  const ownDescriptor = Object.getOwnPropertyDescriptor(context, "filter");
+  if (ownDescriptor) {
+    if (!ownDescriptor.configurable || !Reflect.deleteProperty(context, "filter")) {
+      throw nativeFilterDiagnostic(
+        component,
+        void 0,
+        "a shadowing own filter property could not be removed"
+      );
+    }
+  }
+  let prototype = Object.getPrototypeOf(context);
+  while (prototype) {
+    const descriptor = Object.getOwnPropertyDescriptor(prototype, "filter");
+    if (descriptor) {
+      if (typeof descriptor.get === "function" && typeof descriptor.set === "function") {
+        return {
+          get: descriptor.get,
+          set: descriptor.set
+        };
+      }
+      break;
+    }
+    prototype = Object.getPrototypeOf(prototype);
+  }
+  throw nativeFilterDiagnostic(
+    component,
+    void 0,
+    "requires native Canvas filter support with a getter and setter"
+  );
+}
+function readNativeFilter(context, accessor, component) {
+  let value;
+  try {
+    value = accessor.get.call(context);
+  } catch {
+    throw nativeFilterDiagnostic(
+      component,
+      void 0,
+      "the native Canvas filter getter threw"
+    );
+  }
+  if (typeof value !== "string") {
+    throw nativeFilterDiagnostic(
+      component,
+      value,
+      "the native Canvas filter getter returned a non-string value"
+    );
+  }
+  return value;
+}
+function writeNativeFilter(context, accessor, value, component) {
+  try {
+    accessor.set.call(context, value);
+  } catch {
+    throw nativeFilterDiagnostic(
+      component,
+      value,
+      "the native Canvas filter setter threw"
+    );
+  }
+}
+function nativeFilterDiagnostic(component, value, reason) {
+  return layoutDiagnostic({
+    component,
+    property: "filter",
+    value,
+    algorithm: "filter-rendering",
+    reason
+  });
+}
+export {
+  assertNativeCanvasFilter,
+  resetNativeCanvasFilter,
+  resetNativeCanvasFilterIfSupported
+};
+//# sourceMappingURL=native-canvas-filter.js.map

package/dist/filters/native-canvas-filter.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/filters/native-canvas-filter.ts"],
+  "sourcesContent": ["import type { RenderingContext2D } from '../lib/types.js';\nimport { layoutDiagnostic } from '../lib/style/diagnostics.js';\n\nexport function assertNativeCanvasFilter(\n  context: RenderingContext2D,\n  cssText: string,\n  component: string,\n  diagnoseRejection?: () => void,\n): void {\n  const accessor = requireNativeFilterAccessor(context, component);\n  resetNativeFilterAccessor(context, accessor, component);\n  writeNativeFilter(context, accessor, cssText, component);\n  if (readNativeFilter(context, accessor, component) !== 'none') return;\n  diagnoseRejection?.();\n  throw nativeFilterDiagnostic(component, cssText, 'the complete native Canvas filter chain is unsupported');\n}\n\nexport function resetNativeCanvasFilter(context: RenderingContext2D, component: string): void {\n  resetNativeFilterAccessor(context, requireNativeFilterAccessor(context, component), component);\n}\n\nexport function resetNativeCanvasFilterIfSupported(context: RenderingContext2D): void {\n  try { resetNativeCanvasFilter(context, 'filter surface'); } catch {\n    // Cleanup must never mask the original capability or user-rendering failure.\n  }\n}\n\nfunction resetNativeFilterAccessor(\n  context: RenderingContext2D,\n  accessor: NativeFilterAccessor,\n  component: string,\n): void {\n  writeNativeFilter(context, accessor, 'none', component);\n  if (readNativeFilter(context, accessor, component) !== 'none') {\n    throw nativeFilterDiagnostic(\n      component,\n      undefined,\n      'the native Canvas filter state could not reset to none',\n    );\n  }\n}\n\ninterface NativeFilterAccessor {\n  readonly get: (this: RenderingContext2D) => unknown;\n  readonly set: (this: RenderingContext2D, value: string) => void;\n}\n\nfunction requireNativeFilterAccessor(\n  context: RenderingContext2D,\n  component: string,\n): NativeFilterAccessor {\n  const ownDescriptor = Object.getOwnPropertyDescriptor(context, 'filter');\n  if (ownDescriptor) {\n    if (\n      !ownDescriptor.configurable ||\n      !Reflect.deleteProperty(context, 'filter')\n    ) {\n      throw nativeFilterDiagnostic(\n        component,\n        undefined,\n        'a shadowing own filter property could not be removed',\n      );\n    }\n  }\n\n  let prototype = Object.getPrototypeOf(context);\n  while (prototype) {\n    const descriptor = Object.getOwnPropertyDescriptor(prototype, 'filter');\n    if (descriptor) {\n      if (\n        typeof descriptor.get === 'function' &&\n        typeof descriptor.set === 'function'\n      ) {\n        return {\n          get: descriptor.get as NativeFilterAccessor['get'],\n          set: descriptor.set as NativeFilterAccessor['set'],\n        };\n      }\n      break;\n    }\n    prototype = Object.getPrototypeOf(prototype);\n  }\n\n  throw nativeFilterDiagnostic(\n    component,\n    undefined,\n    'requires native Canvas filter support with a getter and setter',\n  );\n}\n\nfunction readNativeFilter(\n  context: RenderingContext2D,\n  accessor: NativeFilterAccessor,\n  component: string,\n): string {\n  let value: unknown;\n  try {\n    value = accessor.get.call(context);\n  } catch {\n    throw nativeFilterDiagnostic(\n      component,\n      undefined,\n      'the native Canvas filter getter threw',\n    );\n  }\n  if (typeof value !== 'string') {\n    throw nativeFilterDiagnostic(\n      component,\n      value,\n      'the native Canvas filter getter returned a non-string value',\n    );\n  }\n  return value;\n}\n\nfunction writeNativeFilter(\n  context: RenderingContext2D,\n  accessor: NativeFilterAccessor,\n  value: string,\n  component: string,\n): void {\n  try {\n    accessor.set.call(context, value);\n  } catch {\n    throw nativeFilterDiagnostic(\n      component,\n      value,\n      'the native Canvas filter setter threw',\n    );\n  }\n}\n\nfunction nativeFilterDiagnostic(\n  component: string,\n  value: unknown,\n  reason: string,\n) {\n  return layoutDiagnostic({\n    component,\n    property: 'filter',\n    value,\n    algorithm: 'filter-rendering',\n    reason,\n  });\n}\n\n"],
+  "mappings": "AACA,SAAS,wBAAwB;AAE1B,SAAS,yBACd,SACA,SACA,WACA,mBACM;AACN,QAAM,WAAW,4BAA4B,SAAS,SAAS;AAC/D,4BAA0B,SAAS,UAAU,SAAS;AACtD,oBAAkB,SAAS,UAAU,SAAS,SAAS;AACvD,MAAI,iBAAiB,SAAS,UAAU,SAAS,MAAM,OAAQ;AAC/D,sBAAoB;AACpB,QAAM,uBAAuB,WAAW,SAAS,wDAAwD;AAC3G;AAEO,SAAS,wBAAwB,SAA6B,WAAyB;AAC5F,4BAA0B,SAAS,4BAA4B,SAAS,SAAS,GAAG,SAAS;AAC/F;AAEO,SAAS,mCAAmC,SAAmC;AACpF,MAAI;AAAE,4BAAwB,SAAS,gBAAgB;AAAA,EAAG,QAAQ;AAAA,EAElE;AACF;AAEA,SAAS,0BACP,SACA,UACA,WACM;AACN,oBAAkB,SAAS,UAAU,QAAQ,SAAS;AACtD,MAAI,iBAAiB,SAAS,UAAU,SAAS,MAAM,QAAQ;AAC7D,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AACF;AAOA,SAAS,4BACP,SACA,WACsB;AACtB,QAAM,gBAAgB,OAAO,yBAAyB,SAAS,QAAQ;AACvE,MAAI,eAAe;AACjB,QACE,CAAC,cAAc,gBACf,CAAC,QAAQ,eAAe,SAAS,QAAQ,GACzC;AACA,YAAM;AAAA,QACJ;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAEA,MAAI,YAAY,OAAO,eAAe,OAAO;AAC7C,SAAO,WAAW;AAChB,UAAM,aAAa,OAAO,yBAAyB,WAAW,QAAQ;AACtE,QAAI,YAAY;AACd,UACE,OAAO,WAAW,QAAQ,cAC1B,OAAO,WAAW,QAAQ,YAC1B;AACA,eAAO;AAAA,UACL,KAAK,WAAW;AAAA,UAChB,KAAK,WAAW;AAAA,QAClB;AAAA,MACF;AACA;AAAA,IACF;AACA,gBAAY,OAAO,eAAe,SAAS;AAAA,EAC7C;AAEA,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;AAEA,SAAS,iBACP,SACA,UACA,WACQ;AACR,MAAI;AACJ,MAAI;AACF,YAAQ,SAAS,IAAI,KAAK,OAAO;AAAA,EACnC,QAAQ;AACN,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AACA,MAAI,OAAO,UAAU,UAAU;AAC7B,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AACA,SAAO;AACT;AAEA,SAAS,kBACP,SACA,UACA,OACA,WACM;AACN,MAAI;AACF,aAAS,IAAI,KAAK,SAAS,KAAK;AAAA,EAClC,QAAQ;AACN,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AACF;AAEA,SAAS,uBACP,WACA,OACA,QACA;AACA,SAAO,iBAAiB;AAAA,IACtB;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IACA,WAAW;AAAA,IACX;AAAA,EACF,CAAC;AACH;",
+  "names": []
+}

package/dist/filters/native-color.d.ts

@@ -0,0 +1,2 @@
+import type { StyleResolutionContext } from "../lib/types.js";
+export declare function concreteColor(value: unknown, property: string, context: Readonly<StyleResolutionContext>): string;

package/dist/filters/native-color.js

@@ -0,0 +1,200 @@
+import { layoutDiagnostic } from "../lib/style/diagnostics.js";
+const contextualColorIdentifiers = /* @__PURE__ */ new Set([
+  "-webkit-activelink",
+  "-webkit-link",
+  "accentcolor",
+  "accentcolortext",
+  "activeborder",
+  "activecaption",
+  "activetext",
+  "appworkspace",
+  "background",
+  "buttonborder",
+  "buttonface",
+  "buttonhighlight",
+  "buttonshadow",
+  "buttontext",
+  "canvas",
+  "canvastext",
+  "captiontext",
+  "currentcolor",
+  "field",
+  "fieldtext",
+  "graytext",
+  "highlight",
+  "highlighttext",
+  "inactiveborder",
+  "inactivecaption",
+  "inactivecaptiontext",
+  "infobackground",
+  "infotext",
+  "linktext",
+  "mark",
+  "marktext",
+  "menu",
+  "menutext",
+  "scrollbar",
+  "selecteditem",
+  "selecteditemtext",
+  "threeddarkshadow",
+  "threedface",
+  "threedhighlight",
+  "threedlightshadow",
+  "threedshadow",
+  "visitedtext",
+  "window",
+  "windowframe",
+  "windowtext"
+]);
+const contextualColorFunctions = /* @__PURE__ */ new Set([
+  "attr",
+  "cycle",
+  "env",
+  "if",
+  "inherit",
+  "light-dark",
+  "random",
+  "random-item",
+  "sibling-count",
+  "sibling-index",
+  "var"
+]);
+function concreteColor(value, property, context) {
+  if (typeof value !== "string") {
+    throw invalidFilter(property, value, "must be a CSS color string", context);
+  }
+  const inspection = inspectColorTokens(value);
+  if (!inspection.balanced) {
+    throw invalidFilter(
+      property,
+      value,
+      "must remain within one balanced CSS color token boundary",
+      context
+    );
+  }
+  if (inspection.contextual) {
+    throw invalidFilter(
+      property,
+      value,
+      "must be concrete rather than a contextual CSS reference",
+      context
+    );
+  }
+  return value;
+}
+function inspectColorTokens(value) {
+  const delimiters = [];
+  let contextual = false;
+  for (let index = 0; index < value.length; ) {
+    const character = value[index];
+    if (character === "/" && value[index + 1] === "*") {
+      index = skipCssComment(value, index + 2);
+      continue;
+    }
+    if (character === '"' || character === "'") {
+      index = skipCssString(value, index + 1, character);
+      continue;
+    }
+    const closing = closingDelimiter(character);
+    if (closing) {
+      delimiters.push(closing);
+      index += 1;
+      continue;
+    }
+    if (isClosingDelimiter(character)) {
+      if (delimiters.pop() !== character) {
+        return { balanced: false, contextual };
+      }
+      index += 1;
+      continue;
+    }
+    if (!isCssNameCharacter(character) && character !== "\\") {
+      index += 1;
+      continue;
+    }
+    let identifier = "";
+    while (index < value.length) {
+      const identifierCharacter = value[index];
+      if (isCssNameCharacter(identifierCharacter)) {
+        identifier += identifierCharacter;
+        index += 1;
+        continue;
+      }
+      if (identifierCharacter !== "\\") break;
+      const escape = consumeCssEscape(value, index);
+      identifier += escape.character;
+      index = escape.nextIndex;
+    }
+    const normalized = identifier.toLowerCase();
+    if (contextualColorIdentifiers.has(normalized) || contextualColorFunctions.has(normalized)) {
+      contextual = true;
+    }
+  }
+  return { balanced: delimiters.length === 0, contextual };
+}
+function closingDelimiter(character) {
+  switch (character) {
+    case "(":
+      return ")";
+    case "[":
+      return "]";
+    case "{":
+      return "}";
+    default:
+      return void 0;
+  }
+}
+function isClosingDelimiter(character) {
+  return character === ")" || character === "]" || character === "}";
+}
+function isCssNameCharacter(character) {
+  const code = character.charCodeAt(0);
+  return code >= 128 || code >= 48 && code <= 57 || code >= 65 && code <= 90 || code >= 97 && code <= 122 || character === "-" || character === "_";
+}
+function consumeCssEscape(value, backslashIndex) {
+  let index = backslashIndex + 1;
+  let hexadecimal = "";
+  while (index < value.length && hexadecimal.length < 6) {
+    const character2 = value[index];
+    if (!/[0-9a-f]/i.test(character2)) break;
+    hexadecimal += character2;
+    index += 1;
+  }
+  if (hexadecimal.length === 0) {
+    if (index >= value.length) return { character: "\uFFFD", nextIndex: index };
+    return { character: value[index], nextIndex: index + 1 };
+  }
+  if (/\s/.test(value[index] ?? "")) {
+    if (value[index] === "\r" && value[index + 1] === "\n") index += 1;
+    index += 1;
+  }
+  const codePoint = Number.parseInt(hexadecimal, 16);
+  const character = codePoint === 0 || codePoint > 1114111 || codePoint >= 55296 && codePoint <= 57343 ? "\uFFFD" : String.fromCodePoint(codePoint);
+  return { character, nextIndex: index };
+}
+function skipCssComment(value, start) {
+  const end = value.indexOf("*/", start);
+  return end < 0 ? value.length : end + 2;
+}
+function skipCssString(value, start, quote) {
+  for (let index = start; index < value.length; index += 1) {
+    const character = value[index];
+    if (character === quote) return index + 1;
+    if (character === "\\") index += 1;
+  }
+  return value.length;
+}
+function invalidFilter(property, value, reason, context) {
+  return layoutDiagnostic({
+    component: context.component,
+    property,
+    value,
+    algorithm: context.algorithm,
+    constraints: context.constraints,
+    reason
+  });
+}
+export {
+  concreteColor
+};
+//# sourceMappingURL=native-color.js.map

package/dist/filters/native-color.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/filters/native-color.ts"],
+  "sourcesContent": ["import type { StyleResolutionContext } from \"../lib/types.js\";\nimport { layoutDiagnostic } from \"../lib/style/diagnostics.js\";\n\nconst contextualColorIdentifiers = /* @__PURE__ */ new Set([\n  '-webkit-activelink',\n  '-webkit-link',\n  'accentcolor',\n  'accentcolortext',\n  'activeborder',\n  'activecaption',\n  'activetext',\n  'appworkspace',\n  'background',\n  'buttonborder',\n  'buttonface',\n  'buttonhighlight',\n  'buttonshadow',\n  'buttontext',\n  'canvas',\n  'canvastext',\n  'captiontext',\n  'currentcolor',\n  'field',\n  'fieldtext',\n  'graytext',\n  'highlight',\n  'highlighttext',\n  'inactiveborder',\n  'inactivecaption',\n  'inactivecaptiontext',\n  'infobackground',\n  'infotext',\n  'linktext',\n  'mark',\n  'marktext',\n  'menu',\n  'menutext',\n  'scrollbar',\n  'selecteditem',\n  'selecteditemtext',\n  'threeddarkshadow',\n  'threedface',\n  'threedhighlight',\n  'threedlightshadow',\n  'threedshadow',\n  'visitedtext',\n  'window',\n  'windowframe',\n  'windowtext',\n]);\n\nconst contextualColorFunctions = /* @__PURE__ */ new Set([\n  'attr',\n  'cycle',\n  'env',\n  'if',\n  'inherit',\n  'light-dark',\n  'random',\n  'random-item',\n  'sibling-count',\n  'sibling-index',\n  'var',\n]);\n\nexport function concreteColor(\n  value: unknown,\n  property: string,\n  context: Readonly<StyleResolutionContext>,\n): string {\n  if (typeof value !== 'string') {\n    throw invalidFilter(property, value, 'must be a CSS color string', context);\n  }\n  const inspection = inspectColorTokens(value);\n  if (!inspection.balanced) {\n    throw invalidFilter(\n      property,\n      value,\n      'must remain within one balanced CSS color token boundary',\n      context,\n    );\n  }\n  if (inspection.contextual) {\n    throw invalidFilter(\n      property,\n      value,\n      'must be concrete rather than a contextual CSS reference',\n      context,\n    );\n  }\n  return value;\n}\n\nfunction inspectColorTokens(\n  value: string,\n): { readonly balanced: boolean; readonly contextual: boolean } {\n  const delimiters: string[] = [];\n  let contextual = false;\n  for (let index = 0; index < value.length;) {\n    const character = value[index]!;\n    if (character === '/' && value[index + 1] === '*') {\n      index = skipCssComment(value, index + 2);\n      continue;\n    }\n    if (character === '\"' || character === \"'\") {\n      index = skipCssString(value, index + 1, character);\n      continue;\n    }\n    const closing = closingDelimiter(character);\n    if (closing) {\n      delimiters.push(closing);\n      index += 1;\n      continue;\n    }\n    if (isClosingDelimiter(character)) {\n      if (delimiters.pop() !== character) {\n        return { balanced: false, contextual };\n      }\n      index += 1;\n      continue;\n    }\n    if (!isCssNameCharacter(character) && character !== '\\\\') {\n      index += 1;\n      continue;\n    }\n\n    let identifier = '';\n    while (index < value.length) {\n      const identifierCharacter = value[index]!;\n      if (isCssNameCharacter(identifierCharacter)) {\n        identifier += identifierCharacter;\n        index += 1;\n        continue;\n      }\n      if (identifierCharacter !== '\\\\') break;\n      const escape = consumeCssEscape(value, index);\n      identifier += escape.character;\n      index = escape.nextIndex;\n    }\n\n    const normalized = identifier.toLowerCase();\n    if (\n      contextualColorIdentifiers.has(normalized) ||\n      contextualColorFunctions.has(normalized)\n    ) {\n      contextual = true;\n    }\n  }\n  return { balanced: delimiters.length === 0, contextual };\n}\n\nfunction closingDelimiter(character: string): string | undefined {\n  switch (character) {\n    case '(':\n      return ')';\n    case '[':\n      return ']';\n    case '{':\n      return '}';\n    default:\n      return undefined;\n  }\n}\n\nfunction isClosingDelimiter(character: string): boolean {\n  return character === ')' || character === ']' || character === '}';\n}\n\nfunction isCssNameCharacter(character: string): boolean {\n  const code = character.charCodeAt(0);\n  return (\n    code >= 0x80 ||\n    (code >= 0x30 && code <= 0x39) ||\n    (code >= 0x41 && code <= 0x5a) ||\n    (code >= 0x61 && code <= 0x7a) ||\n    character === '-' ||\n    character === '_'\n  );\n}\n\nfunction consumeCssEscape(\n  value: string,\n  backslashIndex: number,\n): { character: string; nextIndex: number } {\n  let index = backslashIndex + 1;\n  let hexadecimal = '';\n  while (index < value.length && hexadecimal.length < 6) {\n    const character = value[index]!;\n    if (!/[0-9a-f]/i.test(character)) break;\n    hexadecimal += character;\n    index += 1;\n  }\n  if (hexadecimal.length === 0) {\n    if (index >= value.length) return { character: '\\ufffd', nextIndex: index };\n    return { character: value[index]!, nextIndex: index + 1 };\n  }\n\n  if (/\\s/.test(value[index] ?? '')) {\n    if (value[index] === '\\r' && value[index + 1] === '\\n') index += 1;\n    index += 1;\n  }\n  const codePoint = Number.parseInt(hexadecimal, 16);\n  const character = codePoint === 0 ||\n      codePoint > 0x10ffff ||\n      (codePoint >= 0xd800 && codePoint <= 0xdfff) ?\n    '\\ufffd' : String.fromCodePoint(codePoint);\n  return { character, nextIndex: index };\n}\n\nfunction skipCssComment(value: string, start: number): number {\n  const end = value.indexOf('*/', start);\n  return end < 0 ? value.length : end + 2;\n}\n\nfunction skipCssString(\n  value: string,\n  start: number,\n  quote: string,\n): number {\n  for (let index = start; index < value.length; index += 1) {\n    const character = value[index]!;\n    if (character === quote) return index + 1;\n    if (character === '\\\\') index += 1;\n  }\n  return value.length;\n}\n\nfunction invalidFilter(\n  property: string,\n  value: unknown,\n  reason: string,\n  context: Readonly<StyleResolutionContext>,\n) {\n  return layoutDiagnostic({\n    component: context.component,\n    property,\n    value,\n    algorithm: context.algorithm,\n    constraints: context.constraints,\n    reason,\n  });\n}\n\n"],
+  "mappings": "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",
+  "names": ["character"]
+}

package/dist/filters/native-operations.d.ts

@@ -0,0 +1,8 @@
+import type { PixelBounds } from '../lib/filter/filter-region.js';
+import type { PreparedPibblFilter } from '../lib/style/filter-types.js';
+export interface NativePreparedFilter extends PreparedPibblFilter {
+    readonly css: (density: number) => string;
+    readonly reverseInfluence: (output: Readonly<PixelBounds>, density: number) => PixelBounds;
+    readonly onRejected?: () => void;
+}
+export declare function compileNativeFilters(filters: readonly NativePreparedFilter[], density: number): string;

package/dist/filters/native-operations.js

@@ -0,0 +1,7 @@
+function compileNativeFilters(filters, density) {
+  return filters.map((filter) => filter.css(density)).join(" ");
+}
+export {
+  compileNativeFilters
+};
+//# sourceMappingURL=native-operations.js.map

package/dist/filters/native-operations.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/filters/native-operations.ts"],
+  "sourcesContent": ["import type { PixelBounds } from '../lib/filter/filter-region.js';\nimport type { PreparedPibblFilter } from '../lib/style/filter-types.js';\n\nexport interface NativePreparedFilter extends PreparedPibblFilter {\n  readonly css: (density: number) => string;\n  readonly reverseInfluence: (output: Readonly<PixelBounds>, density: number) => PixelBounds;\n  readonly onRejected?: () => void;\n}\n\nexport function compileNativeFilters(filters: readonly NativePreparedFilter[], density: number): string {\n  return filters.map(filter => filter.css(density)).join(' ');\n}\n"],
+  "mappings": "AASO,SAAS,qBAAqB,SAA0C,SAAyB;AACtG,SAAO,QAAQ,IAAI,YAAU,OAAO,IAAI,OAAO,CAAC,EAAE,KAAK,GAAG;AAC5D;",
+  "names": []
+}

package/dist/filters/native.d.ts

@@ -0,0 +1,113 @@
+import { type PibblFilter, type PibblFilterExecutor, type PibblBlurFilterOptions, type PibblBrightnessFilterOptions, type PibblContrastFilterOptions, type PibblDropShadowFilterOptions, type PibblGrayscaleFilterOptions, type PibblHueRotateFilterOptions, type PibblInvertFilterOptions, type PibblOpacityFilterOptions, type PibblSaturateFilterOptions, type PibblSepiaFilterOptions } from '../lib/style/filter-types.js';
+export declare const nativeExecutor: PibblFilterExecutor;
+/**
+ * Creates a blur filter descriptor for a primitive's style.filter list. Filtering changes pixels
+ * without changing layout or hit geometry.
+ *
+ * @param options - Blur radius in logical units. See {@link PibblBlurFilterOptions}.
+ * @returns A blur filter descriptor for style.filter. See {@link PibblFilter}.
+ *
+ * @see {@link PibblBlurFilterOptions}
+ * @see {@link PibblFilter}
+ */
+export declare function blur(options: PibblBlurFilterOptions): PibblFilter;
+/**
+ * Creates a brightness filter descriptor for a primitive's style.filter list. Filtering changes
+ * pixels without changing layout or hit geometry.
+ *
+ * @param options - Brightness multiplier. See {@link PibblBrightnessFilterOptions}.
+ * @returns A brightness filter descriptor for style.filter. See {@link PibblFilter}.
+ *
+ * @see {@link PibblBrightnessFilterOptions}
+ * @see {@link PibblFilter}
+ */
+export declare function brightness(options: PibblBrightnessFilterOptions): PibblFilter;
+/**
+ * Creates a contrast filter descriptor for a primitive's style.filter list. Filtering changes
+ * pixels without changing layout or hit geometry.
+ *
+ * @param options - Contrast multiplier. See {@link PibblContrastFilterOptions}.
+ * @returns A contrast filter descriptor for style.filter. See {@link PibblFilter}.
+ *
+ * @see {@link PibblContrastFilterOptions}
+ * @see {@link PibblFilter}
+ */
+export declare function contrast(options: PibblContrastFilterOptions): PibblFilter;
+/**
+ * Creates a grayscale filter descriptor for a primitive's style.filter list. Filtering changes
+ * pixels without changing layout or hit geometry.
+ *
+ * @param options - Grayscale amount. See {@link PibblGrayscaleFilterOptions}.
+ * @returns A grayscale filter descriptor for style.filter. See {@link PibblFilter}.
+ *
+ * @see {@link PibblGrayscaleFilterOptions}
+ * @see {@link PibblFilter}
+ */
+export declare function grayscale(options: PibblGrayscaleFilterOptions): PibblFilter;
+/**
+ * Creates a invert filter descriptor for a primitive's style.filter list. Filtering changes pixels
+ * without changing layout or hit geometry.
+ *
+ * @param options - Color inversion amount. See {@link PibblInvertFilterOptions}.
+ * @returns An inversion filter descriptor for style.filter. See {@link PibblFilter}.
+ *
+ * @see {@link PibblInvertFilterOptions}
+ * @see {@link PibblFilter}
+ */
+export declare function invert(options: PibblInvertFilterOptions): PibblFilter;
+/**
+ * Creates a opacity filter descriptor for a primitive's style.filter list. Filtering changes
+ * pixels
+ * without changing layout or hit geometry.
+ *
+ * @param options - Opacity multiplier. See {@link PibblOpacityFilterOptions}.
+ * @returns An opacity filter descriptor for style.filter. See {@link PibblFilter}.
+ *
+ * @see {@link PibblOpacityFilterOptions}
+ * @see {@link PibblFilter}
+ */
+export declare function opacity(options: PibblOpacityFilterOptions): PibblFilter;
+/**
+ * Creates a saturate filter descriptor for a primitive's style.filter list. Filtering changes
+ * pixels without changing layout or hit geometry.
+ *
+ * @param options - Saturation multiplier. See {@link PibblSaturateFilterOptions}.
+ * @returns A saturation filter descriptor for style.filter. See {@link PibblFilter}.
+ *
+ * @see {@link PibblSaturateFilterOptions}
+ * @see {@link PibblFilter}
+ */
+export declare function saturate(options: PibblSaturateFilterOptions): PibblFilter;
+/**
+ * Creates a sepia filter descriptor for a primitive's style.filter list. Filtering changes pixels
+ * without changing layout or hit geometry.
+ *
+ * @param options - Sepia amount. See {@link PibblSepiaFilterOptions}.
+ * @returns A sepia filter descriptor for style.filter. See {@link PibblFilter}.
+ *
+ * @see {@link PibblSepiaFilterOptions}
+ * @see {@link PibblFilter}
+ */
+export declare function sepia(options: PibblSepiaFilterOptions): PibblFilter;
+/**
+ * Creates a hue rotate filter descriptor for a primitive's style.filter list. Filtering changes
+ * pixels without changing layout or hit geometry.
+ *
+ * @param options - Hue rotation angle. See {@link PibblHueRotateFilterOptions}.
+ * @returns A hue-rotation filter descriptor for style.filter. See {@link PibblFilter}.
+ *
+ * @see {@link PibblHueRotateFilterOptions}
+ * @see {@link PibblFilter}
+ */
+export declare function hueRotate(options: PibblHueRotateFilterOptions): PibblFilter;
+/**
+ * Creates a drop shadow filter descriptor for a primitive's style.filter list. Filtering changes
+ * pixels without changing layout or hit geometry.
+ *
+ * @param options - Shadow offsets, blur, and color. See {@link PibblDropShadowFilterOptions}.
+ * @returns A drop-shadow filter descriptor for style.filter. See {@link PibblFilter}.
+ *
+ * @see {@link PibblDropShadowFilterOptions}
+ * @see {@link PibblFilter}
+ */
+export declare function dropShadow(options: PibblDropShadowFilterOptions): PibblFilter;

package/dist/filters/native.js

@@ -0,0 +1,115 @@
+import { concreteColor } from "./native-color.js";
+import { isSignal } from "../lib/signals/graph.js";
+import { filterBoundaryExecutor } from "./filter-executor.js";
+import { BLUR_EXTENT_FACTOR } from "../lib/filter/filter-region.js";
+import { layoutDiagnostic } from "../lib/style/diagnostics.js";
+import { PIBBL_FILTER_EXECUTOR } from "../lib/style/filter-types.js";
+const operations = /* @__PURE__ */ new WeakMap();
+const nativeExecutor = {
+  prepare(value, property, context) {
+    const operation = operations.get(value);
+    if (!operation) throw new Error("A native filter value was created by an incompatible Pibbl runtime.");
+    return operation.prepare(filterBoundaryExecutor, property, context);
+  },
+  render: filterBoundaryExecutor.render
+};
+function filter(operation) {
+  const value = Object.freeze({ [PIBBL_FILTER_EXECUTOR]: nativeExecutor });
+  operations.set(value, operation);
+  return value;
+}
+function prepared(executor, css, reverseInfluence, onRejected) {
+  return Object.freeze({ executor, css, reverseInfluence, onRejected });
+}
+const unchanged = (output) => ({ ...output });
+function number(value, property, context, nonnegative = false) {
+  const resolved = isSignal(value) ? value.get() : value;
+  if (typeof resolved !== "number" || !Number.isFinite(resolved)) throw invalid(property, resolved, "must be a finite number", context);
+  if (nonnegative && resolved < 0) throw invalid(property, resolved, "must be nonnegative", context);
+  return resolved;
+}
+function invalid(property, value, reason, context) {
+  return layoutDiagnostic({ component: context.component, property, value, algorithm: context.algorithm, constraints: context.constraints, reason });
+}
+function blurInfluence(radius, output, density) {
+  const extent = Math.ceil(radius * density * BLUR_EXTENT_FACTOR);
+  return { x: output.x - extent, y: output.y - extent, width: output.width + 2 * extent, height: output.height + 2 * extent };
+}
+function blur(options) {
+  const radiusInput = options.radius;
+  return filter({ prepare(executor, property, context) {
+    const radius = number(radiusInput, `${property}.radius`, context, true);
+    return prepared(executor, (density) => `blur(${radius * density}px)`, (output, density) => blurInfluence(radius, output, density));
+  } });
+}
+function amountFilter(type, input, clamp) {
+  const amountInput = input.amount;
+  return filter({ prepare(executor, property, context) {
+    const amount = clamp ? Math.min(1, number(amountInput, `${property}.amount`, context, true)) : number(amountInput, `${property}.amount`, context, true);
+    return prepared(executor, () => `${type}(${amount})`, unchanged);
+  } });
+}
+function brightness(options) {
+  return amountFilter("brightness", options, false);
+}
+function contrast(options) {
+  return amountFilter("contrast", options, false);
+}
+function grayscale(options) {
+  return amountFilter("grayscale", options, true);
+}
+function invert(options) {
+  return amountFilter("invert", options, true);
+}
+function opacity(options) {
+  return amountFilter("opacity", options, true);
+}
+function saturate(options) {
+  return amountFilter("saturate", options, false);
+}
+function sepia(options) {
+  return amountFilter("sepia", options, true);
+}
+function hueRotate(options) {
+  const degreesInput = options.degrees;
+  return filter({ prepare(executor, property, context) {
+    const degrees = number(degreesInput, `${property}.degrees`, context);
+    return prepared(executor, () => `hue-rotate(${degrees}deg)`, unchanged);
+  } });
+}
+function dropShadow(options) {
+  const offsetXInput = options.offsetX;
+  const offsetYInput = options.offsetY;
+  const radiusInput = options.blurRadius === void 0 ? 0 : options.blurRadius;
+  const colorInput = options.color;
+  return filter({ prepare(executor, property, context) {
+    const offsetX = number(offsetXInput, `${property}.offsetX`, context);
+    const offsetY = number(offsetYInput, `${property}.offsetY`, context);
+    const radius = number(radiusInput, `${property}.blurRadius`, context, true);
+    const color = concreteColor(isSignal(colorInput) ? colorInput.get() : colorInput, `${property}.color`, context);
+    return prepared(executor, (density) => `drop-shadow(${offsetX * density}px ${offsetY * density}px ${radius * density}px ${color})`, (output, density) => {
+      const extent = Math.ceil(radius * density * BLUR_EXTENT_FACTOR);
+      const x = Math.min(output.x, Math.floor(output.x - offsetX * density - extent));
+      const y = Math.min(output.y, Math.floor(output.y - offsetY * density - extent));
+      const right = Math.max(output.x + output.width, Math.ceil(output.x + output.width - offsetX * density + extent));
+      const bottom = Math.max(output.y + output.height, Math.ceil(output.y + output.height - offsetY * density + extent));
+      return { x, y, width: right - x, height: bottom - y };
+    }, () => {
+      throw layoutDiagnostic({ component: context.component, property: `${property}.color`, value: color, algorithm: "filter-rendering", constraints: context.constraints, reason: "was rejected by the native Canvas filter color parser" });
+    });
+  } });
+}
+export {
+  blur,
+  brightness,
+  contrast,
+  dropShadow,
+  grayscale,
+  hueRotate,
+  invert,
+  nativeExecutor,
+  opacity,
+  saturate,
+  sepia
+};
+//# sourceMappingURL=native.js.map

package/dist/filters/native.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/filters/native.ts"],
+  "sourcesContent": ["import { concreteColor } from './native-color.js';\nimport { isSignal } from '../lib/signals/graph.js';\nimport { filterBoundaryExecutor } from './filter-executor.js';\nimport { BLUR_EXTENT_FACTOR, type PixelBounds } from '../lib/filter/filter-region.js';\nimport { layoutDiagnostic } from '../lib/style/diagnostics.js';\nimport { PIBBL_FILTER_EXECUTOR, type PibblFilter, type PibblFilterExecutor, type PibblFilterBoundaryExecutor, type PreparedPibblFilter, type PibblBlurFilterOptions, type PibblBrightnessFilterOptions, type PibblContrastFilterOptions, type PibblDropShadowFilterOptions, type PibblGrayscaleFilterOptions, type PibblHueRotateFilterOptions, type PibblInvertFilterOptions, type PibblOpacityFilterOptions, type PibblSaturateFilterOptions, type PibblSepiaFilterOptions } from '../lib/style/filter-types.js';\nimport type { StyleResolutionContext } from '../lib/types.js';\nimport type { NativePreparedFilter } from './native-operations.js';\n\ninterface NativeOperation { prepare(executor: PibblFilterBoundaryExecutor, property: string, context: Readonly<StyleResolutionContext>): NativePreparedFilter; }\nconst operations = new WeakMap<PibblFilter, NativeOperation>();\nexport const nativeExecutor: PibblFilterExecutor = {\n  prepare(value, property, context): PreparedPibblFilter {\n    const operation = operations.get(value);\n    if (!operation) throw new Error('A native filter value was created by an incompatible Pibbl runtime.');\n    return operation.prepare(filterBoundaryExecutor, property, context);\n  },\n  render: filterBoundaryExecutor.render,\n};\nfunction filter(operation: NativeOperation): PibblFilter {\n  const value = Object.freeze({ [PIBBL_FILTER_EXECUTOR]: nativeExecutor });\n  operations.set(value, operation);\n  return value;\n}\nfunction prepared(executor: PibblFilterBoundaryExecutor, css: (density: number) => string, reverseInfluence: (output: Readonly<PixelBounds>, density: number) => PixelBounds, onRejected?: () => void): NativePreparedFilter {\n  return Object.freeze({ executor, css, reverseInfluence, onRejected });\n}\nconst unchanged = (output: Readonly<PixelBounds>): PixelBounds => ({ ...output });\nfunction number(value: unknown, property: string, context: Readonly<StyleResolutionContext>, nonnegative = false): number {\n  const resolved = isSignal(value) ? value.get() : value;\n  if (typeof resolved !== 'number' || !Number.isFinite(resolved)) throw invalid(property, resolved, 'must be a finite number', context);\n  if (nonnegative && resolved < 0) throw invalid(property, resolved, 'must be nonnegative', context);\n  return resolved;\n}\nfunction invalid(property: string, value: unknown, reason: string, context: Readonly<StyleResolutionContext>): Error { return layoutDiagnostic({ component: context.component, property, value, algorithm: context.algorithm, constraints: context.constraints, reason }); }\nfunction blurInfluence(radius: number, output: Readonly<PixelBounds>, density: number): PixelBounds {\n  const extent = Math.ceil(radius * density * BLUR_EXTENT_FACTOR);\n  return { x: output.x - extent, y: output.y - extent, width: output.width + 2 * extent, height: output.height + 2 * extent };\n}\n/**\n * Creates a blur filter descriptor for a primitive's style.filter list. Filtering changes pixels\n * without changing layout or hit geometry.\n *\n * @param options - Blur radius in logical units. See {@link PibblBlurFilterOptions}.\n * @returns A blur filter descriptor for style.filter. See {@link PibblFilter}.\n *\n * @see {@link PibblBlurFilterOptions}\n * @see {@link PibblFilter}\n */\nexport function blur(options: PibblBlurFilterOptions): PibblFilter {\n  const radiusInput = options.radius;\n  return filter({ prepare(executor, property, context) { const radius = number(radiusInput, `${property}.radius`, context, true); return prepared(executor, density => `blur(${radius * density}px)`, (output, density) => blurInfluence(radius, output, density)); } });\n}\nfunction amountFilter(type: string, input: { readonly amount: unknown }, clamp: boolean): PibblFilter {\n  const amountInput = input.amount;\n  return filter({ prepare(executor, property, context) { const amount = clamp ? Math.min(1, number(amountInput, `${property}.amount`, context, true)) : number(amountInput, `${property}.amount`, context, true); return prepared(executor, () => `${type}(${amount})`, unchanged); } });\n}\n/**\n * Creates a brightness filter descriptor for a primitive's style.filter list. Filtering changes\n * pixels without changing layout or hit geometry.\n *\n * @param options - Brightness multiplier. See {@link PibblBrightnessFilterOptions}.\n * @returns A brightness filter descriptor for style.filter. See {@link PibblFilter}.\n *\n * @see {@link PibblBrightnessFilterOptions}\n * @see {@link PibblFilter}\n */\nexport function brightness(options: PibblBrightnessFilterOptions): PibblFilter { return amountFilter('brightness', options, false); }\n/**\n * Creates a contrast filter descriptor for a primitive's style.filter list. Filtering changes\n * pixels without changing layout or hit geometry.\n *\n * @param options - Contrast multiplier. See {@link PibblContrastFilterOptions}.\n * @returns A contrast filter descriptor for style.filter. See {@link PibblFilter}.\n *\n * @see {@link PibblContrastFilterOptions}\n * @see {@link PibblFilter}\n */\nexport function contrast(options: PibblContrastFilterOptions): PibblFilter { return amountFilter('contrast', options, false); }\n/**\n * Creates a grayscale filter descriptor for a primitive's style.filter list. Filtering changes\n * pixels without changing layout or hit geometry.\n *\n * @param options - Grayscale amount. See {@link PibblGrayscaleFilterOptions}.\n * @returns A grayscale filter descriptor for style.filter. See {@link PibblFilter}.\n *\n * @see {@link PibblGrayscaleFilterOptions}\n * @see {@link PibblFilter}\n */\nexport function grayscale(options: PibblGrayscaleFilterOptions): PibblFilter { return amountFilter('grayscale', options, true); }\n/**\n * Creates a invert filter descriptor for a primitive's style.filter list. Filtering changes pixels\n * without changing layout or hit geometry.\n *\n * @param options - Color inversion amount. See {@link PibblInvertFilterOptions}.\n * @returns An inversion filter descriptor for style.filter. See {@link PibblFilter}.\n *\n * @see {@link PibblInvertFilterOptions}\n * @see {@link PibblFilter}\n */\nexport function invert(options: PibblInvertFilterOptions): PibblFilter { return amountFilter('invert', options, true); }\n/**\n * Creates a opacity filter descriptor for a primitive's style.filter list. Filtering changes\n * pixels\n * without changing layout or hit geometry.\n *\n * @param options - Opacity multiplier. See {@link PibblOpacityFilterOptions}.\n * @returns An opacity filter descriptor for style.filter. See {@link PibblFilter}.\n *\n * @see {@link PibblOpacityFilterOptions}\n * @see {@link PibblFilter}\n */\nexport function opacity(options: PibblOpacityFilterOptions): PibblFilter { return amountFilter('opacity', options, true); }\n/**\n * Creates a saturate filter descriptor for a primitive's style.filter list. Filtering changes\n * pixels without changing layout or hit geometry.\n *\n * @param options - Saturation multiplier. See {@link PibblSaturateFilterOptions}.\n * @returns A saturation filter descriptor for style.filter. See {@link PibblFilter}.\n *\n * @see {@link PibblSaturateFilterOptions}\n * @see {@link PibblFilter}\n */\nexport function saturate(options: PibblSaturateFilterOptions): PibblFilter { return amountFilter('saturate', options, false); }\n/**\n * Creates a sepia filter descriptor for a primitive's style.filter list. Filtering changes pixels\n * without changing layout or hit geometry.\n *\n * @param options - Sepia amount. See {@link PibblSepiaFilterOptions}.\n * @returns A sepia filter descriptor for style.filter. See {@link PibblFilter}.\n *\n * @see {@link PibblSepiaFilterOptions}\n * @see {@link PibblFilter}\n */\nexport function sepia(options: PibblSepiaFilterOptions): PibblFilter { return amountFilter('sepia', options, true); }\n/**\n * Creates a hue rotate filter descriptor for a primitive's style.filter list. Filtering changes\n * pixels without changing layout or hit geometry.\n *\n * @param options - Hue rotation angle. See {@link PibblHueRotateFilterOptions}.\n * @returns A hue-rotation filter descriptor for style.filter. See {@link PibblFilter}.\n *\n * @see {@link PibblHueRotateFilterOptions}\n * @see {@link PibblFilter}\n */\nexport function hueRotate(options: PibblHueRotateFilterOptions): PibblFilter { const degreesInput = options.degrees; return filter({ prepare(executor, property, context) { const degrees = number(degreesInput, `${property}.degrees`, context); return prepared(executor, () => `hue-rotate(${degrees}deg)`, unchanged); } }); }\n/**\n * Creates a drop shadow filter descriptor for a primitive's style.filter list. Filtering changes\n * pixels without changing layout or hit geometry.\n *\n * @param options - Shadow offsets, blur, and color. See {@link PibblDropShadowFilterOptions}.\n * @returns A drop-shadow filter descriptor for style.filter. See {@link PibblFilter}.\n *\n * @see {@link PibblDropShadowFilterOptions}\n * @see {@link PibblFilter}\n */\nexport function dropShadow(options: PibblDropShadowFilterOptions): PibblFilter {\n  const offsetXInput = options.offsetX; const offsetYInput = options.offsetY; const radiusInput = options.blurRadius === undefined ? 0 : options.blurRadius; const colorInput = options.color;\n  return filter({ prepare(executor, property, context) {\n    const offsetX = number(offsetXInput, `${property}.offsetX`, context); const offsetY = number(offsetYInput, `${property}.offsetY`, context); const radius = number(radiusInput, `${property}.blurRadius`, context, true); const color = concreteColor(isSignal(colorInput) ? colorInput.get() : colorInput, `${property}.color`, context);\n    return prepared(executor, density => `drop-shadow(${offsetX * density}px ${offsetY * density}px ${radius * density}px ${color})`, (output, density) => { const extent = Math.ceil(radius * density * BLUR_EXTENT_FACTOR); const x = Math.min(output.x, Math.floor(output.x - offsetX * density - extent)); const y = Math.min(output.y, Math.floor(output.y - offsetY * density - extent)); const right = Math.max(output.x + output.width, Math.ceil(output.x + output.width - offsetX * density + extent)); const bottom = Math.max(output.y + output.height, Math.ceil(output.y + output.height - offsetY * density + extent)); return { x, y, width: right - x, height: bottom - y }; }, () => { throw layoutDiagnostic({ component: context.component, property: `${property}.color`, value: color, algorithm: 'filter-rendering', constraints: context.constraints, reason: 'was rejected by the native Canvas filter color parser' }); });\n  } });\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/filters/reflected-light.d.ts

@@ -0,0 +1,12 @@
+import { type PibblFilter, type PibblReflectedLightFilterOptions } from '../lib/style/filter-types.js';
+/**
+ * Adds slope-selective surface light without changing scene alpha or geometry.
+ *
+ * @param options - Lighting texture and reflected-light appearance settings. See
+ * {@link PibblReflectedLightFilterOptions} .
+ * @returns A reflected-light filter descriptor for style.filter. See {@link PibblFilter}.
+ *
+ * @see {@link PibblReflectedLightFilterOptions}
+ * @see {@link PibblFilter}
+ */
+export declare function reflectedLight(options: PibblReflectedLightFilterOptions): PibblFilter;