@b9g/crank 0.7.2 → 0.7.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md CHANGED
@@ -11,21 +11,20 @@ The fastest way to try Crank is via the [online playground](https://crank.js.org
11
11
 
12
12
  Other links:
13
13
  - [crank.js.org](https://crank.js.org)
14
- - [Deep Wiki](https://deepwiki.com/bikeshaving/crank)
14
+ - [Introducing Crank.js](https://crank.js.org/blog/introducing-crank/)
15
15
  - [Examples](https://github.com/bikeshaving/crank/tree/main/examples)
16
+ - [Deep Wiki](https://deepwiki.com/bikeshaving/crank)
16
17
 
17
18
  ## Motivation
18
19
  **A framework that feels like JavaScript.**
19
20
 
20
21
  While other frameworks invent new paradigms and force you to learn
21
22
  framework-specific APIs, Crank embraces the language features you already know.
22
- No hooks to memorize, no dependency arrays to debug, no cache invalidation to
23
- manage.
24
23
 
25
24
  ### Pure JavaScript, No Compromises
26
25
 
27
26
  ```javascript
28
- // Async components just work
27
+ // Async components just work, in the browser and on servers
29
28
  async function UserProfile({userId}) {
30
29
  const user = await fetchUser(userId);
31
30
  return <div>Hello, {user.name}!</div>;
@@ -33,11 +32,14 @@ async function UserProfile({userId}) {
33
32
 
34
33
  // Lifecycle logic with generators feels natural
35
34
  function* Timer() {
35
+ // setup goes here
36
36
  let seconds = 0;
37
37
  const interval = setInterval(() => this.refresh(() => seconds++), 1000);
38
+
38
39
  for ({} of this) {
39
40
  yield <div>Seconds: {seconds}</div>;
40
41
  }
42
+
41
43
  clearInterval(interval); // Cleanup just works
42
44
  }
43
45
  ```
@@ -45,7 +47,7 @@ function* Timer() {
45
47
  ### Why Developers Choose Crank
46
48
 
47
49
  - **Intuitive**: Use `async`/`await` for loading states and `function*` for lifecycles — no new APIs to learn
48
- - **Fast**: Outperforms React in benchmarks while weighing just 5KB with zero dependencies
50
+ - **Fast**: Outperforms React in benchmarks while weighing at 13.55KB with zero dependencies
49
51
  - **Flexible**: Write components in vanilla JavaScript with template literals, or use JSX
50
52
  - **Clean**: State lives in function scope, lifecycle code goes where it belongs, no mysterious re-render bugs
51
53
  - **Future-proof**: Built on stable JavaScript features, not evolving framework abstractions
@@ -98,7 +100,8 @@ renderer.render(jsx`
98
100
  ### ECMAScript Module CDNs
99
101
  Crank is also available on CDNs like [unpkg](https://unpkg.com)
100
102
  (https://unpkg.com/@b9g/crank?module), [esm.sh](https://esm.sh)
101
- (https://esm.sh/@b9g/crank), and [esm.run](https://esm.run/@b9g/crank) for usage in ESM-ready environments.
103
+ (https://esm.sh/@b9g/crank), and [esm.run](https://esm.run/@b9g/crank)
104
+ (https://esm.run/@b9g/crank) for usage in ESM-ready environments.
102
105
 
103
106
  ```jsx live
104
107
  /** @jsx createElement */
@@ -259,13 +262,13 @@ Here’s the configuration you will need to set up automatic JSX transpilation.
259
262
  }
260
263
  ```
261
264
 
262
- Crank is written in TypeScript. Refer to [the guide on
265
+ Crank is written in TypeScript and comes with types. Refer to [the guide on
263
266
  TypeScript](https://crank.js.org/guides/working-with-typescript) for more
264
267
  information about Crank types.
265
268
 
266
269
  ```tsx
267
270
  import type {Context} from "@b9g/crank";
268
- function *Timer(this: Context) {
271
+ function *Timer(this: Context<typeof Timer>) {
269
272
  let seconds = 0;
270
273
  const interval = setInterval(() => this.refresh(() => seconds++), 1000);
271
274
  for ({} of this) {
@@ -428,20 +431,30 @@ function Component(props, ctx) {
428
431
 
429
432
  #### Methods
430
433
 
431
- **`this.refresh(callback?)`** - Trigger re-render
434
+ **`this.refresh(callback?)`** - Trigger re-execution
432
435
  ```javascript
433
436
  this.refresh(); // Simple refresh
434
437
  this.refresh(() => count++); // With state update (v0.7+)
435
438
  ```
436
439
 
437
- **`this.schedule(callback)`** - Execute after render
440
+ **`this.schedule(callback?)`** - Execute after DOM is rendered
441
+ ```javascript
442
+ // el is whatever the component returns Node/Text/HTMLElement/null, an array of dom nodes, etc
443
+ this.schedule((el) => {
444
+ console.log("Component rendered". el.innerHTML);
445
+ });
446
+ ```
447
+
448
+ **`this.after(callback?)`** - Execute after DOM is live
438
449
  ```javascript
439
- this.schedule(() => {
440
- console.log("Component rendered");
450
+ // this runs after the DOM nodes have finally entered the DOM
451
+ // this is where you put things like autofocus
452
+ this.after((el) => {
453
+ console.log(el.isConnected); // true
441
454
  });
442
455
  ```
443
456
 
444
- **`this.cleanup(callback)`** - Register cleanup on unmount
457
+ **`this.cleanup(callback?)`** - Execute on unmount
445
458
  ```javascript
446
459
  function* Component() {
447
460
  const interval = setInterval(() => this.refresh(), 1000);
@@ -511,7 +524,7 @@ async function* AsyncComponent() {
511
524
 
512
525
  **`key`** - Unique identifier for reconciliation
513
526
  ```javascript
514
- {items.map(item => <li key={item.id}>{item.name}</li>)}
527
+ <ul>{items.map(item => <li key={item.id}>{item.name}</li>)}</ul>
515
528
  ```
516
529
 
517
530
  **`ref`** - Access rendered DOM element
package/_css.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"_css.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
1
+ {"version":3,"file":"_css.js","sources":["../src/_css.ts"],"sourcesContent":["/**\n * CSS utility functions for style property transformation.\n *\n * This module handles camelCase to kebab-case conversion and automatic\n * px unit conversion for numeric CSS values, making Crank more React-compatible.\n */\n\n/**\n * Converts camelCase CSS property names to kebab-case.\n * Handles vendor prefixes correctly (WebkitTransform -> -webkit-transform).\n */\nexport function camelToKebabCase(str: string): string {\n\t// Handle vendor prefixes that start with capital letters (WebkitTransform -> -webkit-transform)\n\tif (/^[A-Z]/.test(str)) {\n\t\treturn `-${str.replace(/[A-Z]/g, (match) => `-${match.toLowerCase()}`).slice(1)}`;\n\t}\n\t// Handle normal camelCase (fontSize -> font-size)\n\treturn str.replace(/[A-Z]/g, (match) => `-${match.toLowerCase()}`);\n}\n\n/**\n * CSS properties that should remain unitless when given numeric values.\n * Based on React's list of unitless properties.\n */\nexport const UNITLESS_PROPERTIES = new Set([\n\t\"animation-iteration-count\",\n\t\"aspect-ratio\",\n\t\"border-image-outset\",\n\t\"border-image-slice\",\n\t\"border-image-width\",\n\t\"box-flex\",\n\t\"box-flex-group\",\n\t\"box-ordinal-group\",\n\t\"column-count\",\n\t\"columns\",\n\t\"flex\",\n\t\"flex-grow\",\n\t\"flex-positive\",\n\t\"flex-shrink\",\n\t\"flex-negative\",\n\t\"flex-order\",\n\t\"font-weight\",\n\t\"grid-area\",\n\t\"grid-column\",\n\t\"grid-column-end\",\n\t\"grid-column-span\",\n\t\"grid-column-start\",\n\t\"grid-row\",\n\t\"grid-row-end\",\n\t\"grid-row-span\",\n\t\"grid-row-start\",\n\t\"line-height\",\n\t\"opacity\",\n\t\"order\",\n\t\"orphans\",\n\t\"tab-size\",\n\t\"widows\",\n\t\"z-index\",\n\t\"zoom\",\n]);\n\n/**\n * Formats CSS property values, automatically adding \"px\" to numeric values\n * for properties that are not unitless.\n */\nexport function formatStyleValue(name: string, value: unknown): string {\n\tif (typeof value === \"number\") {\n\t\t// If the property should remain unitless, keep the number as-is\n\t\tif (UNITLESS_PROPERTIES.has(name)) {\n\t\t\treturn String(value);\n\t\t}\n\t\t// Otherwise, append \"px\" for numeric values\n\t\treturn `${value}px`;\n\t}\n\treturn String(value);\n}\n"],"names":[],"mappings":"AAAA;;;;;AAKG;AAEH;;;AAGG;AACG,SAAU,gBAAgB,CAAC,GAAW,EAAA;;AAE3C,IAAA,IAAI,QAAQ,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE;QACvB,OAAO,CAAA,CAAA,EAAI,GAAG,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,KAAK,KAAK,IAAI,KAAK,CAAC,WAAW,EAAE,CAAE,CAAA,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAA,CAAE;;;AAGlF,IAAA,OAAO,GAAG,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,KAAK,KAAK,IAAI,KAAK,CAAC,WAAW,EAAE,CAAA,CAAE,CAAC;AACnE;AAEA;;;AAGG;AACU,MAAA,mBAAmB,GAAG,IAAI,GAAG,CAAC;IAC1C,2BAA2B;IAC3B,cAAc;IACd,qBAAqB;IACrB,oBAAoB;IACpB,oBAAoB;IACpB,UAAU;IACV,gBAAgB;IAChB,mBAAmB;IACnB,cAAc;IACd,SAAS;IACT,MAAM;IACN,WAAW;IACX,eAAe;IACf,aAAa;IACb,eAAe;IACf,YAAY;IACZ,aAAa;IACb,WAAW;IACX,aAAa;IACb,iBAAiB;IACjB,kBAAkB;IAClB,mBAAmB;IACnB,UAAU;IACV,cAAc;IACd,eAAe;IACf,gBAAgB;IAChB,aAAa;IACb,SAAS;IACT,OAAO;IACP,SAAS;IACT,UAAU;IACV,QAAQ;IACR,SAAS;IACT,MAAM;AACN,CAAA;AAED;;;AAGG;AACa,SAAA,gBAAgB,CAAC,IAAY,EAAE,KAAc,EAAA;AAC5D,IAAA,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;;AAE9B,QAAA,IAAI,mBAAmB,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE;AAClC,YAAA,OAAO,MAAM,CAAC,KAAK,CAAC;;;QAGrB,OAAO,CAAA,EAAG,KAAK,CAAA,EAAA,CAAI;;AAEpB,IAAA,OAAO,MAAM,CAAC,KAAK,CAAC;AACrB;;;;"}
package/_utils.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"_utils.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
1
+ {"version":3,"file":"_utils.js","sources":["../src/_utils.ts"],"sourcesContent":["export function wrap<T>(value: Array<T> | T | undefined): Array<T> {\n\treturn value === undefined ? [] : Array.isArray(value) ? value : [value];\n}\n\nexport function unwrap<T>(arr: Array<T>): Array<T> | T | undefined {\n\treturn arr.length === 0 ? undefined : arr.length === 1 ? arr[0] : arr;\n}\n\nexport type NonStringIterable<T> = Iterable<T> & object;\n\n/**\n * Ensures a value is an array.\n *\n * This function does the same thing as wrap() above except it handles nulls\n * and iterables, so it is appropriate for wrapping user-provided element\n * children.\n */\nexport function arrayify<T>(\n\tvalue: NonStringIterable<T> | T | null | undefined,\n): Array<T> {\n\treturn value == null\n\t\t? []\n\t\t: Array.isArray(value)\n\t\t\t? value\n\t\t\t: typeof value === \"string\" ||\n\t\t\t\t typeof (value as any)[Symbol.iterator] !== \"function\"\n\t\t\t\t? [value as T]\n\t\t\t\t: [...(value as NonStringIterable<T>)];\n}\n\nexport function isIteratorLike(\n\tvalue: any,\n): value is Iterator<unknown> | AsyncIterator<unknown> {\n\treturn value != null && typeof value.next === \"function\";\n}\n\nexport function isPromiseLike(value: any): value is PromiseLike<unknown> {\n\treturn value != null && typeof value.then === \"function\";\n}\n\ntype Deferred<T = unknown> = {\n\tresolve: (value: T | PromiseLike<T>) => void;\n\treject: (reason?: unknown) => void;\n};\n\ntype RaceRecord = {\n\tdeferreds: Set<Deferred>;\n\tsettled: boolean;\n};\n\nfunction createRaceRecord(contender: PromiseLike<unknown>): RaceRecord {\n\tconst deferreds = new Set<Deferred>();\n\tconst record = {deferreds, settled: false};\n\n\t// This call to `then` happens once for the lifetime of the value.\n\tPromise.resolve(contender).then(\n\t\t(value) => {\n\t\t\tfor (const {resolve} of deferreds) {\n\t\t\t\tresolve(value);\n\t\t\t}\n\n\t\t\tdeferreds.clear();\n\t\t\trecord.settled = true;\n\t\t},\n\t\t(err) => {\n\t\t\tfor (const {reject} of deferreds) {\n\t\t\t\treject(err);\n\t\t\t}\n\n\t\t\tdeferreds.clear();\n\t\t\trecord.settled = true;\n\t\t},\n\t);\n\treturn record;\n}\n\n// Promise.race is memory unsafe. This is alternative which is. See:\n// https://github.com/nodejs/node/issues/17469#issuecomment-685235106\n// Keys are the values passed to race.\n// Values are a record of data containing a set of deferreds and whether the\n// value has settled.\nconst wm = new WeakMap<object, RaceRecord>();\nexport function safeRace<T>(\n\tcontenders: Iterable<T | PromiseLike<T>>,\n): Promise<Awaited<T>> {\n\tlet deferred: Deferred;\n\tconst result = new Promise((resolve, reject) => {\n\t\tdeferred = {resolve, reject};\n\t\tfor (const contender of contenders) {\n\t\t\tif (!isPromiseLike(contender)) {\n\t\t\t\t// If the contender is a not a then-able, attempting to use it as a key\n\t\t\t\t// in the weakmap would throw an error. Luckily, it is safe to call\n\t\t\t\t// `Promise.resolve(contender).then` on regular values multiple\n\t\t\t\t// times because the promise fulfills immediately.\n\t\t\t\tPromise.resolve(contender).then(resolve, reject);\n\t\t\t\tcontinue;\n\t\t\t}\n\n\t\t\tlet record = wm.get(contender);\n\t\t\tif (record === undefined) {\n\t\t\t\trecord = createRaceRecord(contender);\n\t\t\t\trecord.deferreds.add(deferred);\n\t\t\t\twm.set(contender, record);\n\t\t\t} else if (record.settled) {\n\t\t\t\t// If the value has settled, it is safe to call\n\t\t\t\t// `Promise.resolve(contender).then` on it.\n\t\t\t\tPromise.resolve(contender).then(resolve, reject);\n\t\t\t} else {\n\t\t\t\trecord.deferreds.add(deferred);\n\t\t\t}\n\t\t}\n\t});\n\n\t// The finally callback executes when any value settles, preventing any of\n\t// the unresolved values from retaining a reference to the resolved value.\n\treturn result.finally(() => {\n\t\tfor (const contender of contenders) {\n\t\t\tif (isPromiseLike(contender)) {\n\t\t\t\tconst record = wm.get(contender);\n\t\t\t\tif (record) {\n\t\t\t\t\trecord.deferreds.delete(deferred);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}) as Promise<Awaited<T>>;\n}\n"],"names":[],"mappings":"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"}
package/dom.cjs CHANGED
@@ -300,7 +300,22 @@ const adapter = {
300
300
  !(typeof value === "string" &&
301
301
  typeof element[name] === "boolean") &&
302
302
  isWritableProperty(element, name)) {
303
- if (element[name] !== value || oldValue === undefined) {
303
+ // For URL properties like src and href, the DOM property returns the
304
+ // resolved absolute URL. We need to resolve the prop value the same way
305
+ // to compare correctly.
306
+ let domValue = element[name];
307
+ let propValue = value;
308
+ if ((name === "src" || name === "href") &&
309
+ typeof value === "string" &&
310
+ typeof domValue === "string") {
311
+ try {
312
+ propValue = new URL(value, element.baseURI).href;
313
+ }
314
+ catch {
315
+ // Invalid URL, use original value for comparison
316
+ }
317
+ }
318
+ if (propValue !== domValue || oldValue === undefined) {
304
319
  if (isHydrating &&
305
320
  typeof element[name] === "string" &&
306
321
  element[name] !== value) {
package/dom.cjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"dom.cjs","sources":["../src/dom.ts"],"sourcesContent":["import {\n\tChildren,\n\tContext,\n\tElementValue,\n\tPortal,\n\tRenderer,\n\tRenderAdapter,\n} from \"./crank.js\";\nimport {camelToKebabCase, formatStyleValue} from \"./_css.js\";\n\nconst SVG_NAMESPACE = \"http://www.w3.org/2000/svg\";\nconst MATHML_NAMESPACE = \"http://www.w3.org/1998/Math/MathML\";\n\nfunction isWritableProperty(element: Element, name: string): boolean {\n\t// walk up the object's prototype chain to find the owner\n\tlet propOwner = element;\n\tdo {\n\t\tif (Object.prototype.hasOwnProperty.call(propOwner, name)) {\n\t\t\tbreak;\n\t\t}\n\t} while ((propOwner = Object.getPrototypeOf(propOwner)));\n\n\tif (propOwner === null) {\n\t\treturn false;\n\t}\n\n\t// get the descriptor for the named property and check whether it implies\n\t// that the property is writable\n\tconst descriptor = Object.getOwnPropertyDescriptor(propOwner, name);\n\tif (\n\t\tdescriptor != null &&\n\t\t(descriptor.writable === true || descriptor.set !== undefined)\n\t) {\n\t\treturn true;\n\t}\n\n\treturn false;\n}\n\nfunction emitHydrationWarning(\n\tpropName: string,\n\tquietProps: Set<string> | undefined,\n\texpectedValue: any,\n\tactualValue: any,\n\telement: Element,\n\tdisplayName?: string,\n) {\n\tconst checkName = propName;\n\tconst showName = displayName || propName;\n\tif (!quietProps || !quietProps.has(checkName)) {\n\t\tif (expectedValue === null || expectedValue === false) {\n\t\t\tconsole.warn(\n\t\t\t\t`Expected \"${showName}\" to be missing but found ${String(actualValue)} while hydrating:`,\n\t\t\t\telement,\n\t\t\t);\n\t\t} else if (expectedValue === true || expectedValue === \"\") {\n\t\t\tconsole.warn(\n\t\t\t\t`Expected \"${showName}\" to be ${expectedValue === true ? \"present\" : '\"\"'} but found ${String(actualValue)} while hydrating:`,\n\t\t\t\telement,\n\t\t\t);\n\t\t} else if (\n\t\t\ttypeof window !== \"undefined\" &&\n\t\t\twindow.location &&\n\t\t\tnew URL(expectedValue, window.location.origin).href ===\n\t\t\t\tnew URL(actualValue, window.location.origin).href\n\t\t) {\n\t\t\t// attrs which are URLs will often be resolved to their full\n\t\t\t// href in the DOM, so we squash these errors\n\t\t} else {\n\t\t\tconsole.warn(\n\t\t\t\t`Expected \"${showName}\" to be \"${String(expectedValue)}\" but found ${String(actualValue)} while hydrating:`,\n\t\t\t\telement,\n\t\t\t);\n\t\t}\n\t}\n}\n\nexport const adapter: Partial<RenderAdapter<Node, string, Element>> = {\n\tscope({\n\t\tscope: xmlns,\n\t\ttag,\n\t\tprops,\n\t}: {\n\t\tscope: string | undefined;\n\t\ttag: string | symbol;\n\t\tprops: Record<string, any>;\n\t}): string | undefined {\n\t\tswitch (tag) {\n\t\t\tcase Portal:\n\t\t\t\t// TODO: read the namespace from the portal root element\n\t\t\t\txmlns = undefined;\n\t\t\t\tbreak;\n\t\t\tcase \"svg\":\n\t\t\t\txmlns = SVG_NAMESPACE;\n\t\t\t\tbreak;\n\t\t\tcase \"math\":\n\t\t\t\txmlns = MATHML_NAMESPACE;\n\t\t\t\tbreak;\n\t\t}\n\n\t\treturn props.xmlns || xmlns;\n\t},\n\n\tcreate({\n\t\ttag,\n\t\ttagName,\n\t\tscope: xmlns,\n\t}: {\n\t\ttag: string | symbol;\n\t\ttagName: string;\n\t\tscope: string | undefined;\n\t}): Node {\n\t\tif (typeof tag !== \"string\") {\n\t\t\tthrow new Error(`Unknown tag: ${tagName}`);\n\t\t} else if (tag.toLowerCase() === \"svg\") {\n\t\t\txmlns = SVG_NAMESPACE;\n\t\t} else if (tag.toLowerCase() === \"math\") {\n\t\t\txmlns = MATHML_NAMESPACE;\n\t\t}\n\n\t\treturn xmlns\n\t\t\t? document.createElementNS(xmlns, tag)\n\t\t\t: document.createElement(tag);\n\t},\n\n\tadopt({\n\t\ttag,\n\t\ttagName,\n\t\tnode,\n\t}: {\n\t\ttag: string | symbol;\n\t\ttagName: string;\n\t\tnode: Node | undefined;\n\t}): Array<Node> | undefined {\n\t\tif (typeof tag !== \"string\" && tag !== Portal) {\n\t\t\tthrow new Error(`Unknown tag: ${tagName}`);\n\t\t}\n\n\t\tif (\n\t\t\tnode === document.body ||\n\t\t\tnode === document.head ||\n\t\t\tnode === document.documentElement ||\n\t\t\tnode === document\n\t\t) {\n\t\t\tconsole.warn(\n\t\t\t\t`Hydrating ${node.nodeName.toLowerCase()} is discouraged as it is destructive and may remove unknown nodes.`,\n\t\t\t);\n\t\t}\n\n\t\tif (\n\t\t\tnode == null ||\n\t\t\t(typeof tag === \"string\" &&\n\t\t\t\t(node.nodeType !== Node.ELEMENT_NODE ||\n\t\t\t\t\ttag.toLowerCase() !== (node as Element).tagName.toLowerCase()))\n\t\t) {\n\t\t\tconsole.warn(`Expected <${tagName}> while hydrating but found: `, node);\n\t\t\treturn;\n\t\t}\n\n\t\treturn Array.from(node.childNodes);\n\t},\n\n\tpatch({\n\t\ttagName,\n\t\tnode,\n\t\tprops,\n\t\toldProps,\n\t\tscope: xmlns,\n\t\tcopyProps,\n\t\tquietProps,\n\t\tisHydrating,\n\t}: {\n\t\tnode: Node;\n\t\ttagName: string;\n\t\tprops: Record<string, any>;\n\t\toldProps: Record<string, any> | undefined;\n\t\tscope: string | undefined;\n\t\tcopyProps: Set<string> | undefined;\n\t\tquietProps: Set<string> | undefined;\n\t\tisHydrating: boolean;\n\t}): void {\n\t\tif (node.nodeType !== Node.ELEMENT_NODE) {\n\t\t\tthrow new TypeError(`Cannot patch node: ${String(node)}`);\n\t\t} else if (props.class && props.className) {\n\t\t\tconsole.error(\n\t\t\t\t`Both \"class\" and \"className\" set in props for <${tagName}>. Use one or the other.`,\n\t\t\t);\n\t\t}\n\n\t\tconst element = node as Element;\n\t\tconst isSVG = xmlns === SVG_NAMESPACE;\n\t\tconst isMathML = xmlns === MATHML_NAMESPACE;\n\t\tfor (let name in {...oldProps, ...props}) {\n\t\t\tlet value = props[name];\n\t\t\tconst oldValue = oldProps ? oldProps[name] : undefined;\n\t\t\t{\n\t\t\t\tif (copyProps != null && copyProps.has(name)) {\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\t\t\t\t// handle prop:name or attr:name properties\n\t\t\t\tconst colonIndex = name.indexOf(\":\");\n\t\t\t\tif (colonIndex !== -1) {\n\t\t\t\t\tconst [ns, name1] = [\n\t\t\t\t\t\tname.slice(0, colonIndex),\n\t\t\t\t\t\tname.slice(colonIndex + 1),\n\t\t\t\t\t];\n\t\t\t\t\tswitch (ns) {\n\t\t\t\t\t\tcase \"prop\":\n\t\t\t\t\t\t\t(node as any)[name1] = value;\n\t\t\t\t\t\t\tcontinue;\n\t\t\t\t\t\tcase \"attr\":\n\t\t\t\t\t\t\tif (value == null || value === false) {\n\t\t\t\t\t\t\t\tif (isHydrating && element.hasAttribute(name1)) {\n\t\t\t\t\t\t\t\t\temitHydrationWarning(\n\t\t\t\t\t\t\t\t\t\tname,\n\t\t\t\t\t\t\t\t\t\tquietProps,\n\t\t\t\t\t\t\t\t\t\tvalue,\n\t\t\t\t\t\t\t\t\t\telement.getAttribute(name1),\n\t\t\t\t\t\t\t\t\t\telement,\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\telement.removeAttribute(name1);\n\t\t\t\t\t\t\t} else if (value === true) {\n\t\t\t\t\t\t\t\tif (isHydrating && !element.hasAttribute(name1)) {\n\t\t\t\t\t\t\t\t\temitHydrationWarning(name, quietProps, value, null, element);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\telement.setAttribute(name1, \"\");\n\t\t\t\t\t\t\t} else if (typeof value !== \"string\") {\n\t\t\t\t\t\t\t\tvalue = String(value);\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\tif (isHydrating && element.getAttribute(name1) !== value) {\n\t\t\t\t\t\t\t\temitHydrationWarning(\n\t\t\t\t\t\t\t\t\tname,\n\t\t\t\t\t\t\t\t\tquietProps,\n\t\t\t\t\t\t\t\t\tvalue,\n\t\t\t\t\t\t\t\t\telement.getAttribute(name1),\n\t\t\t\t\t\t\t\t\telement,\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\telement.setAttribute(name1, String(value));\n\t\t\t\t\t\t\tcontinue;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tswitch (name) {\n\t\t\t\t// TODO: fix hydration warnings for the style prop\n\t\t\t\tcase \"style\": {\n\t\t\t\t\tconst style = (element as HTMLElement | SVGElement).style;\n\t\t\t\t\tif (value == null || value === false) {\n\t\t\t\t\t\tif (isHydrating && style.cssText !== \"\") {\n\t\t\t\t\t\t\temitHydrationWarning(\n\t\t\t\t\t\t\t\tname,\n\t\t\t\t\t\t\t\tquietProps,\n\t\t\t\t\t\t\t\tvalue,\n\t\t\t\t\t\t\t\tstyle.cssText,\n\t\t\t\t\t\t\t\telement,\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t}\n\t\t\t\t\t\telement.removeAttribute(\"style\");\n\t\t\t\t\t} else if (value === true) {\n\t\t\t\t\t\tif (isHydrating && style.cssText !== \"\") {\n\t\t\t\t\t\t\temitHydrationWarning(\n\t\t\t\t\t\t\t\tname,\n\t\t\t\t\t\t\t\tquietProps,\n\t\t\t\t\t\t\t\t\"\",\n\t\t\t\t\t\t\t\tstyle.cssText,\n\t\t\t\t\t\t\t\telement,\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t}\n\t\t\t\t\t\telement.setAttribute(\"style\", \"\");\n\t\t\t\t\t} else if (typeof value === \"string\") {\n\t\t\t\t\t\tif (style.cssText !== value) {\n\t\t\t\t\t\t\t// TODO: Fix hydration warnings for styles\n\t\t\t\t\t\t\t//if (isHydrating) {\n\t\t\t\t\t\t\t//\temitHydrationWarning(\n\t\t\t\t\t\t\t//\t\tname,\n\t\t\t\t\t\t\t//\t\tquietProps,\n\t\t\t\t\t\t\t//\t\tvalue,\n\t\t\t\t\t\t\t//\t\tstyle.cssText,\n\t\t\t\t\t\t\t//\t\telement,\n\t\t\t\t\t\t\t//\t);\n\t\t\t\t\t\t\t//}\n\n\t\t\t\t\t\t\tstyle.cssText = value;\n\t\t\t\t\t\t}\n\t\t\t\t\t} else {\n\t\t\t\t\t\tif (typeof oldValue === \"string\") {\n\t\t\t\t\t\t\t// if the old value was a string, we need to clear the style\n\t\t\t\t\t\t\t// TODO: only clear the styles enumerated in the old value\n\t\t\t\t\t\t\tstyle.cssText = \"\";\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tfor (const styleName in {...oldValue, ...value}) {\n\t\t\t\t\t\t\tconst cssName = camelToKebabCase(styleName);\n\t\t\t\t\t\t\tconst styleValue = value && (value as any)[styleName];\n\t\t\t\t\t\t\tif (styleValue == null) {\n\t\t\t\t\t\t\t\tif (isHydrating && style.getPropertyValue(cssName) !== \"\") {\n\t\t\t\t\t\t\t\t\temitHydrationWarning(\n\t\t\t\t\t\t\t\t\t\tname,\n\t\t\t\t\t\t\t\t\t\tquietProps,\n\t\t\t\t\t\t\t\t\t\tnull,\n\t\t\t\t\t\t\t\t\t\tstyle.getPropertyValue(cssName),\n\t\t\t\t\t\t\t\t\t\telement,\n\t\t\t\t\t\t\t\t\t\t`style.${styleName}`,\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tstyle.removeProperty(cssName);\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\tconst formattedValue = formatStyleValue(cssName, styleValue);\n\t\t\t\t\t\t\t\tif (style.getPropertyValue(cssName) !== formattedValue) {\n\t\t\t\t\t\t\t\t\t// TODO: hydration warnings for style props\n\t\t\t\t\t\t\t\t\t//if (isHydrating) {\n\t\t\t\t\t\t\t\t\t//\temitHydrationWarning(\n\t\t\t\t\t\t\t\t\t//\t\tname,\n\t\t\t\t\t\t\t\t\t//\t\tquietProps,\n\t\t\t\t\t\t\t\t\t//\t\tformattedValue,\n\t\t\t\t\t\t\t\t\t//\t\tstyle.getPropertyValue(cssName),\n\t\t\t\t\t\t\t\t\t//\t\telement,\n\t\t\t\t\t\t\t\t\t//\t\t`style.${styleName}`,\n\t\t\t\t\t\t\t\t\t//\t);\n\t\t\t\t\t\t\t\t\t//}\n\t\t\t\t\t\t\t\t\tstyle.setProperty(cssName, formattedValue);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\tbreak;\n\t\t\t\t}\n\t\t\t\tcase \"class\":\n\t\t\t\tcase \"className\":\n\t\t\t\t\tif (value === true) {\n\t\t\t\t\t\tif (isHydrating && element.getAttribute(\"class\") !== \"\") {\n\t\t\t\t\t\t\temitHydrationWarning(\n\t\t\t\t\t\t\t\tname,\n\t\t\t\t\t\t\t\tquietProps,\n\t\t\t\t\t\t\t\t\"\",\n\t\t\t\t\t\t\t\telement.getAttribute(\"class\"),\n\t\t\t\t\t\t\t\telement,\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t}\n\t\t\t\t\t\telement.setAttribute(\"class\", \"\");\n\t\t\t\t\t} else if (value == null) {\n\t\t\t\t\t\tif (isHydrating && element.hasAttribute(\"class\")) {\n\t\t\t\t\t\t\temitHydrationWarning(\n\t\t\t\t\t\t\t\tname,\n\t\t\t\t\t\t\t\tquietProps,\n\t\t\t\t\t\t\t\tvalue,\n\t\t\t\t\t\t\t\telement.getAttribute(\"class\"),\n\t\t\t\t\t\t\t\telement,\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\telement.removeAttribute(\"class\");\n\t\t\t\t\t} else if (typeof value === \"object\") {\n\t\t\t\t\t\t// class={{\"included-class\": true, \"excluded-class\": false}} syntax\n\t\t\t\t\t\tif (typeof oldValue === \"string\") {\n\t\t\t\t\t\t\t// if the old value was a string, we need to clear all classes\n\t\t\t\t\t\t\telement.setAttribute(\"class\", \"\");\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tlet shouldIssueWarning = false;\n\t\t\t\t\t\tconst hydratingClasses = isHydrating\n\t\t\t\t\t\t\t? new Set(Array.from(element.classList))\n\t\t\t\t\t\t\t: undefined;\n\t\t\t\t\t\tconst hydratingClassName = isHydrating\n\t\t\t\t\t\t\t? element.getAttribute(\"class\")\n\t\t\t\t\t\t\t: undefined;\n\n\t\t\t\t\t\tfor (const className in {...oldValue, ...value}) {\n\t\t\t\t\t\t\tconst classValue = value && value[className];\n\t\t\t\t\t\t\tif (classValue) {\n\t\t\t\t\t\t\t\telement.classList.add(className);\n\t\t\t\t\t\t\t\tif (hydratingClasses && hydratingClasses.has(className)) {\n\t\t\t\t\t\t\t\t\thydratingClasses.delete(className);\n\t\t\t\t\t\t\t\t} else if (isHydrating) {\n\t\t\t\t\t\t\t\t\tshouldIssueWarning = true;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\telement.classList.remove(className);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tif (\n\t\t\t\t\t\t\tshouldIssueWarning ||\n\t\t\t\t\t\t\t(hydratingClasses && hydratingClasses.size > 0)\n\t\t\t\t\t\t) {\n\t\t\t\t\t\t\temitHydrationWarning(\n\t\t\t\t\t\t\t\tname,\n\t\t\t\t\t\t\t\tquietProps,\n\t\t\t\t\t\t\t\tObject.keys(value)\n\t\t\t\t\t\t\t\t\t.filter((k) => value[k])\n\t\t\t\t\t\t\t\t\t.join(\" \"),\n\t\t\t\t\t\t\t\thydratingClassName || \"\",\n\t\t\t\t\t\t\t\telement,\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t}\n\t\t\t\t\t} else if (!isSVG && !isMathML) {\n\t\t\t\t\t\tif (element.className !== value) {\n\t\t\t\t\t\t\tif (isHydrating) {\n\t\t\t\t\t\t\t\temitHydrationWarning(\n\t\t\t\t\t\t\t\t\tname,\n\t\t\t\t\t\t\t\t\tquietProps,\n\t\t\t\t\t\t\t\t\tvalue,\n\t\t\t\t\t\t\t\t\telement.className,\n\t\t\t\t\t\t\t\t\telement,\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\telement.className = value;\n\t\t\t\t\t\t}\n\t\t\t\t\t} else if (element.getAttribute(\"class\") !== value) {\n\t\t\t\t\t\tif (isHydrating) {\n\t\t\t\t\t\t\temitHydrationWarning(\n\t\t\t\t\t\t\t\tname,\n\t\t\t\t\t\t\t\tquietProps,\n\t\t\t\t\t\t\t\tvalue,\n\t\t\t\t\t\t\t\telement.getAttribute(\"class\"),\n\t\t\t\t\t\t\t\telement,\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t}\n\t\t\t\t\t\telement.setAttribute(\"class\", value as string);\n\t\t\t\t\t}\n\t\t\t\t\tbreak;\n\t\t\t\tcase \"innerHTML\":\n\t\t\t\t\tif (value !== oldValue) {\n\t\t\t\t\t\tif (isHydrating) {\n\t\t\t\t\t\t\temitHydrationWarning(\n\t\t\t\t\t\t\t\tname,\n\t\t\t\t\t\t\t\tquietProps,\n\t\t\t\t\t\t\t\tvalue,\n\t\t\t\t\t\t\t\telement.innerHTML,\n\t\t\t\t\t\t\t\telement,\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t}\n\t\t\t\t\t\telement.innerHTML = value as any;\n\t\t\t\t\t}\n\n\t\t\t\t\tbreak;\n\t\t\t\tdefault: {\n\t\t\t\t\tif (\n\t\t\t\t\t\tname[0] === \"o\" &&\n\t\t\t\t\t\tname[1] === \"n\" &&\n\t\t\t\t\t\tname[2] === name[2].toUpperCase() &&\n\t\t\t\t\t\ttypeof value === \"function\"\n\t\t\t\t\t) {\n\t\t\t\t\t\t// Support React-style event names (onClick, onChange, etc.)\n\t\t\t\t\t\tname = name.toLowerCase();\n\t\t\t\t\t}\n\n\t\t\t\t\t// try to set the property directly\n\t\t\t\t\tif (\n\t\t\t\t\t\tname in element &&\n\t\t\t\t\t\t// boolean properties will coerce strings, but sometimes they map to\n\t\t\t\t\t\t// enumerated attributes, where truthy strings (\"false\", \"no\") map to\n\t\t\t\t\t\t// falsy properties, so we force using setAttribute.\n\t\t\t\t\t\t!(\n\t\t\t\t\t\t\ttypeof value === \"string\" &&\n\t\t\t\t\t\t\ttypeof (element as any)[name] === \"boolean\"\n\t\t\t\t\t\t) &&\n\t\t\t\t\t\tisWritableProperty(element, name)\n\t\t\t\t\t) {\n\t\t\t\t\t\tif ((element as any)[name] !== value || oldValue === undefined) {\n\t\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t\tisHydrating &&\n\t\t\t\t\t\t\t\ttypeof (element as any)[name] === \"string\" &&\n\t\t\t\t\t\t\t\t(element as any)[name] !== value\n\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\temitHydrationWarning(\n\t\t\t\t\t\t\t\t\tname,\n\t\t\t\t\t\t\t\t\tquietProps,\n\t\t\t\t\t\t\t\t\tvalue,\n\t\t\t\t\t\t\t\t\t(element as any)[name],\n\t\t\t\t\t\t\t\t\telement,\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t// if the property is writable, assign it directly\n\t\t\t\t\t\t\t(element as any)[name] = value;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tcontinue;\n\t\t\t\t\t}\n\n\t\t\t\t\tif (value === true) {\n\t\t\t\t\t\tvalue = \"\";\n\t\t\t\t\t} else if (value == null || value === false) {\n\t\t\t\t\t\tif (isHydrating && element.hasAttribute(name)) {\n\t\t\t\t\t\t\temitHydrationWarning(\n\t\t\t\t\t\t\t\tname,\n\t\t\t\t\t\t\t\tquietProps,\n\t\t\t\t\t\t\t\tvalue,\n\t\t\t\t\t\t\t\telement.getAttribute(name),\n\t\t\t\t\t\t\t\telement,\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\telement.removeAttribute(name);\n\t\t\t\t\t\tcontinue;\n\t\t\t\t\t} else if (typeof value !== \"string\") {\n\t\t\t\t\t\tvalue = String(value);\n\t\t\t\t\t}\n\n\t\t\t\t\tif (element.getAttribute(name) !== value) {\n\t\t\t\t\t\tif (isHydrating) {\n\t\t\t\t\t\t\temitHydrationWarning(\n\t\t\t\t\t\t\t\tname,\n\t\t\t\t\t\t\t\tquietProps,\n\t\t\t\t\t\t\t\tvalue,\n\t\t\t\t\t\t\t\telement.getAttribute(name),\n\t\t\t\t\t\t\t\telement,\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\telement.setAttribute(name, value as any);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t},\n\n\tarrange({\n\t\ttag,\n\t\tnode,\n\t\tprops,\n\t\tchildren,\n\t}: {\n\t\ttag: string | symbol;\n\t\tnode: Node;\n\t\tprops: Record<string, any>;\n\t\tchildren: Array<Node>;\n\t}): void {\n\t\tif (tag === Portal && (node == null || typeof node.nodeType !== \"number\")) {\n\t\t\tthrow new TypeError(\n\t\t\t\t`<Portal> root is not a node. Received: ${String(node)}`,\n\t\t\t);\n\t\t}\n\n\t\tif (!(\"innerHTML\" in props)) {\n\t\t\tlet oldChild = node.firstChild;\n\t\t\tfor (let i = 0; i < children.length; i++) {\n\t\t\t\tconst newChild = children[i];\n\t\t\t\tif (oldChild === newChild) {\n\t\t\t\t\t// the child is already in the right place, so we can skip it\n\t\t\t\t\toldChild = oldChild.nextSibling;\n\t\t\t\t} else {\n\t\t\t\t\tnode.insertBefore(newChild, oldChild);\n\t\t\t\t\tif (\n\t\t\t\t\t\ttag !== Portal &&\n\t\t\t\t\t\toldChild &&\n\t\t\t\t\t\ti + 1 < children.length &&\n\t\t\t\t\t\toldChild !== children[i + 1]\n\t\t\t\t\t) {\n\t\t\t\t\t\toldChild = oldChild.nextSibling;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t},\n\n\tremove({\n\t\tnode,\n\t\tparentNode,\n\t\tisNested,\n\t}: {\n\t\tnode: Node;\n\t\tparentNode: Node;\n\t\tisNested: boolean;\n\t}): void {\n\t\tif (!isNested && node.parentNode === parentNode) {\n\t\t\tparentNode.removeChild(node);\n\t\t}\n\t},\n\n\ttext({\n\t\tvalue,\n\t\toldNode,\n\t\thydrationNodes,\n\t}: {\n\t\tvalue: string;\n\t\thydrationNodes: Array<Node> | undefined;\n\t\toldNode: Node | undefined;\n\t}): Node {\n\t\tif (hydrationNodes != null) {\n\t\t\tlet node = hydrationNodes.shift();\n\t\t\tif (!node || node.nodeType !== Node.TEXT_NODE) {\n\t\t\t\tconsole.warn(`Expected \"${value}\" while hydrating but found:`, node);\n\t\t\t} else {\n\t\t\t\t// value is a text node, check if it matches the expected text\n\t\t\t\tconst textData = (node as Text).data;\n\t\t\t\tif (textData.length > value.length) {\n\t\t\t\t\tif (textData.startsWith(value)) {\n\t\t\t\t\t\t// the text node is longer than the expected text, so we\n\t\t\t\t\t\t// reuse the existing text node, but truncate it and unshift the rest\n\t\t\t\t\t\t(node as Text).data = value;\n\t\t\t\t\t\thydrationNodes.unshift(\n\t\t\t\t\t\t\tdocument.createTextNode(textData.slice(value.length)),\n\t\t\t\t\t\t);\n\n\t\t\t\t\t\treturn node;\n\t\t\t\t\t}\n\t\t\t\t} else if (textData === value) {\n\t\t\t\t\treturn node;\n\t\t\t\t}\n\n\t\t\t\t// We log textData and not node because node will be mutated\n\t\t\t\tconsole.warn(\n\t\t\t\t\t`Expected \"${value}\" while hydrating but found:`,\n\t\t\t\t\ttextData,\n\t\t\t\t);\n\t\t\t\toldNode = node;\n\t\t\t}\n\t\t}\n\n\t\tif (oldNode != null) {\n\t\t\tif ((oldNode as Text).data !== value) {\n\t\t\t\t(oldNode as Text).data = value;\n\t\t\t}\n\n\t\t\treturn oldNode;\n\t\t}\n\n\t\treturn document.createTextNode(value);\n\t},\n\n\traw({\n\t\tvalue,\n\t\tscope: xmlns,\n\t\thydrationNodes,\n\t}: {\n\t\tvalue: string | Node;\n\t\tscope: string | undefined;\n\t\thydrationNodes: Array<Node> | undefined;\n\t}): ElementValue<Node> {\n\t\tlet nodes: Array<Node>;\n\t\tif (typeof value === \"string\") {\n\t\t\tconst el =\n\t\t\t\txmlns == null\n\t\t\t\t\t? document.createElement(\"div\")\n\t\t\t\t\t: xmlns === SVG_NAMESPACE\n\t\t\t\t\t\t? document.createElementNS(xmlns, \"svg\")\n\t\t\t\t\t\t: document.createElementNS(xmlns, \"math\");\n\t\t\tel.innerHTML = value;\n\t\t\tnodes = Array.from(el.childNodes);\n\t\t} else {\n\t\t\tnodes = value == null ? [] : Array.isArray(value) ? [...value] : [value];\n\t\t}\n\n\t\tif (hydrationNodes != null) {\n\t\t\tfor (let i = 0; i < nodes.length; i++) {\n\t\t\t\tconst node = nodes[i];\n\t\t\t\t// check if node is equal to the next node in the hydration array\n\t\t\t\tconst hydrationNode = hydrationNodes.shift();\n\t\t\t\tif (\n\t\t\t\t\thydrationNode &&\n\t\t\t\t\ttypeof hydrationNode === \"object\" &&\n\t\t\t\t\ttypeof hydrationNode.nodeType === \"number\" &&\n\t\t\t\t\tnode.isEqualNode(hydrationNode as Node)\n\t\t\t\t) {\n\t\t\t\t\tnodes[i] = hydrationNode as Node;\n\t\t\t\t} else {\n\t\t\t\t\tconsole.warn(\n\t\t\t\t\t\t`Expected <Raw value=\"${String(value)}\"> while hydrating but found:`,\n\t\t\t\t\t\thydrationNode,\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\treturn nodes.length === 0\n\t\t\t? undefined\n\t\t\t: nodes.length === 1\n\t\t\t\t? nodes[0]\n\t\t\t\t: nodes;\n\t},\n};\n\nexport class DOMRenderer extends Renderer<Node, string, Element> {\n\tconstructor() {\n\t\tsuper(adapter);\n\t}\n\n\trender(\n\t\tchildren: Children,\n\t\troot: Element,\n\t\tctx?: Context,\n\t): Promise<ElementValue<Node>> | ElementValue<Node> {\n\t\tvalidateRoot(root);\n\t\treturn super.render(children, root, ctx);\n\t}\n\n\thydrate(\n\t\tchildren: Children,\n\t\troot: Element,\n\t\tctx?: Context,\n\t): Promise<ElementValue<Node>> | ElementValue<Node> {\n\t\tvalidateRoot(root);\n\t\treturn super.hydrate(children, root, ctx);\n\t}\n}\n\nfunction validateRoot(root: unknown): asserts root is Element {\n\tif (\n\t\troot == null ||\n\t\t(typeof root === \"object\" && typeof (root as any).nodeType !== \"number\")\n\t) {\n\t\tthrow new TypeError(`Render root is not a node. Received: ${String(root)}`);\n\t} else if ((root as Node).nodeType !== Node.ELEMENT_NODE) {\n\t\tthrow new TypeError(\n\t\t\t`Render root must be an element node. Received: ${String(root)}`,\n\t\t);\n\t}\n}\n\nexport const renderer = new DOMRenderer();\n\ndeclare global {\n\tmodule Crank {\n\t\tinterface EventMap extends GlobalEventHandlersEventMap {}\n\t}\n}\n"],"names":["Portal","camelToKebabCase","formatStyleValue","Renderer"],"mappings":"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"}
1
+ {"version":3,"file":"dom.cjs","sources":["../src/dom.ts"],"sourcesContent":["import {\n\tChildren,\n\tContext,\n\tElementValue,\n\tPortal,\n\tRenderer,\n\tRenderAdapter,\n} from \"./crank.js\";\nimport {camelToKebabCase, formatStyleValue} from \"./_css.js\";\n\nconst SVG_NAMESPACE = \"http://www.w3.org/2000/svg\";\nconst MATHML_NAMESPACE = \"http://www.w3.org/1998/Math/MathML\";\n\nfunction isWritableProperty(element: Element, name: string): boolean {\n\t// walk up the object's prototype chain to find the owner\n\tlet propOwner = element;\n\tdo {\n\t\tif (Object.prototype.hasOwnProperty.call(propOwner, name)) {\n\t\t\tbreak;\n\t\t}\n\t} while ((propOwner = Object.getPrototypeOf(propOwner)));\n\n\tif (propOwner === null) {\n\t\treturn false;\n\t}\n\n\t// get the descriptor for the named property and check whether it implies\n\t// that the property is writable\n\tconst descriptor = Object.getOwnPropertyDescriptor(propOwner, name);\n\tif (\n\t\tdescriptor != null &&\n\t\t(descriptor.writable === true || descriptor.set !== undefined)\n\t) {\n\t\treturn true;\n\t}\n\n\treturn false;\n}\n\nfunction emitHydrationWarning(\n\tpropName: string,\n\tquietProps: Set<string> | undefined,\n\texpectedValue: any,\n\tactualValue: any,\n\telement: Element,\n\tdisplayName?: string,\n) {\n\tconst checkName = propName;\n\tconst showName = displayName || propName;\n\tif (!quietProps || !quietProps.has(checkName)) {\n\t\tif (expectedValue === null || expectedValue === false) {\n\t\t\tconsole.warn(\n\t\t\t\t`Expected \"${showName}\" to be missing but found ${String(actualValue)} while hydrating:`,\n\t\t\t\telement,\n\t\t\t);\n\t\t} else if (expectedValue === true || expectedValue === \"\") {\n\t\t\tconsole.warn(\n\t\t\t\t`Expected \"${showName}\" to be ${expectedValue === true ? \"present\" : '\"\"'} but found ${String(actualValue)} while hydrating:`,\n\t\t\t\telement,\n\t\t\t);\n\t\t} else if (\n\t\t\ttypeof window !== \"undefined\" &&\n\t\t\twindow.location &&\n\t\t\tnew URL(expectedValue, window.location.origin).href ===\n\t\t\t\tnew URL(actualValue, window.location.origin).href\n\t\t) {\n\t\t\t// attrs which are URLs will often be resolved to their full\n\t\t\t// href in the DOM, so we squash these errors\n\t\t} else {\n\t\t\tconsole.warn(\n\t\t\t\t`Expected \"${showName}\" to be \"${String(expectedValue)}\" but found ${String(actualValue)} while hydrating:`,\n\t\t\t\telement,\n\t\t\t);\n\t\t}\n\t}\n}\n\nexport const adapter: Partial<RenderAdapter<Node, string, Element>> = {\n\tscope({\n\t\tscope: xmlns,\n\t\ttag,\n\t\tprops,\n\t}: {\n\t\tscope: string | undefined;\n\t\ttag: string | symbol;\n\t\tprops: Record<string, any>;\n\t}): string | undefined {\n\t\tswitch (tag) {\n\t\t\tcase Portal:\n\t\t\t\t// TODO: read the namespace from the portal root element\n\t\t\t\txmlns = undefined;\n\t\t\t\tbreak;\n\t\t\tcase \"svg\":\n\t\t\t\txmlns = SVG_NAMESPACE;\n\t\t\t\tbreak;\n\t\t\tcase \"math\":\n\t\t\t\txmlns = MATHML_NAMESPACE;\n\t\t\t\tbreak;\n\t\t}\n\n\t\treturn props.xmlns || xmlns;\n\t},\n\n\tcreate({\n\t\ttag,\n\t\ttagName,\n\t\tscope: xmlns,\n\t}: {\n\t\ttag: string | symbol;\n\t\ttagName: string;\n\t\tscope: string | undefined;\n\t}): Node {\n\t\tif (typeof tag !== \"string\") {\n\t\t\tthrow new Error(`Unknown tag: ${tagName}`);\n\t\t} else if (tag.toLowerCase() === \"svg\") {\n\t\t\txmlns = SVG_NAMESPACE;\n\t\t} else if (tag.toLowerCase() === \"math\") {\n\t\t\txmlns = MATHML_NAMESPACE;\n\t\t}\n\n\t\treturn xmlns\n\t\t\t? document.createElementNS(xmlns, tag)\n\t\t\t: document.createElement(tag);\n\t},\n\n\tadopt({\n\t\ttag,\n\t\ttagName,\n\t\tnode,\n\t}: {\n\t\ttag: string | symbol;\n\t\ttagName: string;\n\t\tnode: Node | undefined;\n\t}): Array<Node> | undefined {\n\t\tif (typeof tag !== \"string\" && tag !== Portal) {\n\t\t\tthrow new Error(`Unknown tag: ${tagName}`);\n\t\t}\n\n\t\tif (\n\t\t\tnode === document.body ||\n\t\t\tnode === document.head ||\n\t\t\tnode === document.documentElement ||\n\t\t\tnode === document\n\t\t) {\n\t\t\tconsole.warn(\n\t\t\t\t`Hydrating ${node.nodeName.toLowerCase()} is discouraged as it is destructive and may remove unknown nodes.`,\n\t\t\t);\n\t\t}\n\n\t\tif (\n\t\t\tnode == null ||\n\t\t\t(typeof tag === \"string\" &&\n\t\t\t\t(node.nodeType !== Node.ELEMENT_NODE ||\n\t\t\t\t\ttag.toLowerCase() !== (node as Element).tagName.toLowerCase()))\n\t\t) {\n\t\t\tconsole.warn(`Expected <${tagName}> while hydrating but found: `, node);\n\t\t\treturn;\n\t\t}\n\n\t\treturn Array.from(node.childNodes);\n\t},\n\n\tpatch({\n\t\ttagName,\n\t\tnode,\n\t\tprops,\n\t\toldProps,\n\t\tscope: xmlns,\n\t\tcopyProps,\n\t\tquietProps,\n\t\tisHydrating,\n\t}: {\n\t\tnode: Node;\n\t\ttagName: string;\n\t\tprops: Record<string, any>;\n\t\toldProps: Record<string, any> | undefined;\n\t\tscope: string | undefined;\n\t\tcopyProps: Set<string> | undefined;\n\t\tquietProps: Set<string> | undefined;\n\t\tisHydrating: boolean;\n\t}): void {\n\t\tif (node.nodeType !== Node.ELEMENT_NODE) {\n\t\t\tthrow new TypeError(`Cannot patch node: ${String(node)}`);\n\t\t} else if (props.class && props.className) {\n\t\t\tconsole.error(\n\t\t\t\t`Both \"class\" and \"className\" set in props for <${tagName}>. Use one or the other.`,\n\t\t\t);\n\t\t}\n\n\t\tconst element = node as Element;\n\t\tconst isSVG = xmlns === SVG_NAMESPACE;\n\t\tconst isMathML = xmlns === MATHML_NAMESPACE;\n\t\tfor (let name in {...oldProps, ...props}) {\n\t\t\tlet value = props[name];\n\t\t\tconst oldValue = oldProps ? oldProps[name] : undefined;\n\t\t\t{\n\t\t\t\tif (copyProps != null && copyProps.has(name)) {\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\t\t\t\t// handle prop:name or attr:name properties\n\t\t\t\tconst colonIndex = name.indexOf(\":\");\n\t\t\t\tif (colonIndex !== -1) {\n\t\t\t\t\tconst [ns, name1] = [\n\t\t\t\t\t\tname.slice(0, colonIndex),\n\t\t\t\t\t\tname.slice(colonIndex + 1),\n\t\t\t\t\t];\n\t\t\t\t\tswitch (ns) {\n\t\t\t\t\t\tcase \"prop\":\n\t\t\t\t\t\t\t(node as any)[name1] = value;\n\t\t\t\t\t\t\tcontinue;\n\t\t\t\t\t\tcase \"attr\":\n\t\t\t\t\t\t\tif (value == null || value === false) {\n\t\t\t\t\t\t\t\tif (isHydrating && element.hasAttribute(name1)) {\n\t\t\t\t\t\t\t\t\temitHydrationWarning(\n\t\t\t\t\t\t\t\t\t\tname,\n\t\t\t\t\t\t\t\t\t\tquietProps,\n\t\t\t\t\t\t\t\t\t\tvalue,\n\t\t\t\t\t\t\t\t\t\telement.getAttribute(name1),\n\t\t\t\t\t\t\t\t\t\telement,\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\telement.removeAttribute(name1);\n\t\t\t\t\t\t\t} else if (value === true) {\n\t\t\t\t\t\t\t\tif (isHydrating && !element.hasAttribute(name1)) {\n\t\t\t\t\t\t\t\t\temitHydrationWarning(name, quietProps, value, null, element);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\telement.setAttribute(name1, \"\");\n\t\t\t\t\t\t\t} else if (typeof value !== \"string\") {\n\t\t\t\t\t\t\t\tvalue = String(value);\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\tif (isHydrating && element.getAttribute(name1) !== value) {\n\t\t\t\t\t\t\t\temitHydrationWarning(\n\t\t\t\t\t\t\t\t\tname,\n\t\t\t\t\t\t\t\t\tquietProps,\n\t\t\t\t\t\t\t\t\tvalue,\n\t\t\t\t\t\t\t\t\telement.getAttribute(name1),\n\t\t\t\t\t\t\t\t\telement,\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\telement.setAttribute(name1, String(value));\n\t\t\t\t\t\t\tcontinue;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tswitch (name) {\n\t\t\t\t// TODO: fix hydration warnings for the style prop\n\t\t\t\tcase \"style\": {\n\t\t\t\t\tconst style = (element as HTMLElement | SVGElement).style;\n\t\t\t\t\tif (value == null || value === false) {\n\t\t\t\t\t\tif (isHydrating && style.cssText !== \"\") {\n\t\t\t\t\t\t\temitHydrationWarning(\n\t\t\t\t\t\t\t\tname,\n\t\t\t\t\t\t\t\tquietProps,\n\t\t\t\t\t\t\t\tvalue,\n\t\t\t\t\t\t\t\tstyle.cssText,\n\t\t\t\t\t\t\t\telement,\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t}\n\t\t\t\t\t\telement.removeAttribute(\"style\");\n\t\t\t\t\t} else if (value === true) {\n\t\t\t\t\t\tif (isHydrating && style.cssText !== \"\") {\n\t\t\t\t\t\t\temitHydrationWarning(\n\t\t\t\t\t\t\t\tname,\n\t\t\t\t\t\t\t\tquietProps,\n\t\t\t\t\t\t\t\t\"\",\n\t\t\t\t\t\t\t\tstyle.cssText,\n\t\t\t\t\t\t\t\telement,\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t}\n\t\t\t\t\t\telement.setAttribute(\"style\", \"\");\n\t\t\t\t\t} else if (typeof value === \"string\") {\n\t\t\t\t\t\tif (style.cssText !== value) {\n\t\t\t\t\t\t\t// TODO: Fix hydration warnings for styles\n\t\t\t\t\t\t\t//if (isHydrating) {\n\t\t\t\t\t\t\t//\temitHydrationWarning(\n\t\t\t\t\t\t\t//\t\tname,\n\t\t\t\t\t\t\t//\t\tquietProps,\n\t\t\t\t\t\t\t//\t\tvalue,\n\t\t\t\t\t\t\t//\t\tstyle.cssText,\n\t\t\t\t\t\t\t//\t\telement,\n\t\t\t\t\t\t\t//\t);\n\t\t\t\t\t\t\t//}\n\n\t\t\t\t\t\t\tstyle.cssText = value;\n\t\t\t\t\t\t}\n\t\t\t\t\t} else {\n\t\t\t\t\t\tif (typeof oldValue === \"string\") {\n\t\t\t\t\t\t\t// if the old value was a string, we need to clear the style\n\t\t\t\t\t\t\t// TODO: only clear the styles enumerated in the old value\n\t\t\t\t\t\t\tstyle.cssText = \"\";\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tfor (const styleName in {...oldValue, ...value}) {\n\t\t\t\t\t\t\tconst cssName = camelToKebabCase(styleName);\n\t\t\t\t\t\t\tconst styleValue = value && (value as any)[styleName];\n\t\t\t\t\t\t\tif (styleValue == null) {\n\t\t\t\t\t\t\t\tif (isHydrating && style.getPropertyValue(cssName) !== \"\") {\n\t\t\t\t\t\t\t\t\temitHydrationWarning(\n\t\t\t\t\t\t\t\t\t\tname,\n\t\t\t\t\t\t\t\t\t\tquietProps,\n\t\t\t\t\t\t\t\t\t\tnull,\n\t\t\t\t\t\t\t\t\t\tstyle.getPropertyValue(cssName),\n\t\t\t\t\t\t\t\t\t\telement,\n\t\t\t\t\t\t\t\t\t\t`style.${styleName}`,\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\tstyle.removeProperty(cssName);\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\tconst formattedValue = formatStyleValue(cssName, styleValue);\n\t\t\t\t\t\t\t\tif (style.getPropertyValue(cssName) !== formattedValue) {\n\t\t\t\t\t\t\t\t\t// TODO: hydration warnings for style props\n\t\t\t\t\t\t\t\t\t//if (isHydrating) {\n\t\t\t\t\t\t\t\t\t//\temitHydrationWarning(\n\t\t\t\t\t\t\t\t\t//\t\tname,\n\t\t\t\t\t\t\t\t\t//\t\tquietProps,\n\t\t\t\t\t\t\t\t\t//\t\tformattedValue,\n\t\t\t\t\t\t\t\t\t//\t\tstyle.getPropertyValue(cssName),\n\t\t\t\t\t\t\t\t\t//\t\telement,\n\t\t\t\t\t\t\t\t\t//\t\t`style.${styleName}`,\n\t\t\t\t\t\t\t\t\t//\t);\n\t\t\t\t\t\t\t\t\t//}\n\t\t\t\t\t\t\t\t\tstyle.setProperty(cssName, formattedValue);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\tbreak;\n\t\t\t\t}\n\t\t\t\tcase \"class\":\n\t\t\t\tcase \"className\":\n\t\t\t\t\tif (value === true) {\n\t\t\t\t\t\tif (isHydrating && element.getAttribute(\"class\") !== \"\") {\n\t\t\t\t\t\t\temitHydrationWarning(\n\t\t\t\t\t\t\t\tname,\n\t\t\t\t\t\t\t\tquietProps,\n\t\t\t\t\t\t\t\t\"\",\n\t\t\t\t\t\t\t\telement.getAttribute(\"class\"),\n\t\t\t\t\t\t\t\telement,\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t}\n\t\t\t\t\t\telement.setAttribute(\"class\", \"\");\n\t\t\t\t\t} else if (value == null) {\n\t\t\t\t\t\tif (isHydrating && element.hasAttribute(\"class\")) {\n\t\t\t\t\t\t\temitHydrationWarning(\n\t\t\t\t\t\t\t\tname,\n\t\t\t\t\t\t\t\tquietProps,\n\t\t\t\t\t\t\t\tvalue,\n\t\t\t\t\t\t\t\telement.getAttribute(\"class\"),\n\t\t\t\t\t\t\t\telement,\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\telement.removeAttribute(\"class\");\n\t\t\t\t\t} else if (typeof value === \"object\") {\n\t\t\t\t\t\t// class={{\"included-class\": true, \"excluded-class\": false}} syntax\n\t\t\t\t\t\tif (typeof oldValue === \"string\") {\n\t\t\t\t\t\t\t// if the old value was a string, we need to clear all classes\n\t\t\t\t\t\t\telement.setAttribute(\"class\", \"\");\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tlet shouldIssueWarning = false;\n\t\t\t\t\t\tconst hydratingClasses = isHydrating\n\t\t\t\t\t\t\t? new Set(Array.from(element.classList))\n\t\t\t\t\t\t\t: undefined;\n\t\t\t\t\t\tconst hydratingClassName = isHydrating\n\t\t\t\t\t\t\t? element.getAttribute(\"class\")\n\t\t\t\t\t\t\t: undefined;\n\n\t\t\t\t\t\tfor (const className in {...oldValue, ...value}) {\n\t\t\t\t\t\t\tconst classValue = value && value[className];\n\t\t\t\t\t\t\tif (classValue) {\n\t\t\t\t\t\t\t\telement.classList.add(className);\n\t\t\t\t\t\t\t\tif (hydratingClasses && hydratingClasses.has(className)) {\n\t\t\t\t\t\t\t\t\thydratingClasses.delete(className);\n\t\t\t\t\t\t\t\t} else if (isHydrating) {\n\t\t\t\t\t\t\t\t\tshouldIssueWarning = true;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\telement.classList.remove(className);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tif (\n\t\t\t\t\t\t\tshouldIssueWarning ||\n\t\t\t\t\t\t\t(hydratingClasses && hydratingClasses.size > 0)\n\t\t\t\t\t\t) {\n\t\t\t\t\t\t\temitHydrationWarning(\n\t\t\t\t\t\t\t\tname,\n\t\t\t\t\t\t\t\tquietProps,\n\t\t\t\t\t\t\t\tObject.keys(value)\n\t\t\t\t\t\t\t\t\t.filter((k) => value[k])\n\t\t\t\t\t\t\t\t\t.join(\" \"),\n\t\t\t\t\t\t\t\thydratingClassName || \"\",\n\t\t\t\t\t\t\t\telement,\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t}\n\t\t\t\t\t} else if (!isSVG && !isMathML) {\n\t\t\t\t\t\tif (element.className !== value) {\n\t\t\t\t\t\t\tif (isHydrating) {\n\t\t\t\t\t\t\t\temitHydrationWarning(\n\t\t\t\t\t\t\t\t\tname,\n\t\t\t\t\t\t\t\t\tquietProps,\n\t\t\t\t\t\t\t\t\tvalue,\n\t\t\t\t\t\t\t\t\telement.className,\n\t\t\t\t\t\t\t\t\telement,\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\telement.className = value;\n\t\t\t\t\t\t}\n\t\t\t\t\t} else if (element.getAttribute(\"class\") !== value) {\n\t\t\t\t\t\tif (isHydrating) {\n\t\t\t\t\t\t\temitHydrationWarning(\n\t\t\t\t\t\t\t\tname,\n\t\t\t\t\t\t\t\tquietProps,\n\t\t\t\t\t\t\t\tvalue,\n\t\t\t\t\t\t\t\telement.getAttribute(\"class\"),\n\t\t\t\t\t\t\t\telement,\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t}\n\t\t\t\t\t\telement.setAttribute(\"class\", value as string);\n\t\t\t\t\t}\n\t\t\t\t\tbreak;\n\t\t\t\tcase \"innerHTML\":\n\t\t\t\t\tif (value !== oldValue) {\n\t\t\t\t\t\tif (isHydrating) {\n\t\t\t\t\t\t\temitHydrationWarning(\n\t\t\t\t\t\t\t\tname,\n\t\t\t\t\t\t\t\tquietProps,\n\t\t\t\t\t\t\t\tvalue,\n\t\t\t\t\t\t\t\telement.innerHTML,\n\t\t\t\t\t\t\t\telement,\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t}\n\t\t\t\t\t\telement.innerHTML = value as any;\n\t\t\t\t\t}\n\n\t\t\t\t\tbreak;\n\t\t\t\tdefault: {\n\t\t\t\t\tif (\n\t\t\t\t\t\tname[0] === \"o\" &&\n\t\t\t\t\t\tname[1] === \"n\" &&\n\t\t\t\t\t\tname[2] === name[2].toUpperCase() &&\n\t\t\t\t\t\ttypeof value === \"function\"\n\t\t\t\t\t) {\n\t\t\t\t\t\t// Support React-style event names (onClick, onChange, etc.)\n\t\t\t\t\t\tname = name.toLowerCase();\n\t\t\t\t\t}\n\n\t\t\t\t\t// try to set the property directly\n\t\t\t\t\tif (\n\t\t\t\t\t\tname in element &&\n\t\t\t\t\t\t// boolean properties will coerce strings, but sometimes they map to\n\t\t\t\t\t\t// enumerated attributes, where truthy strings (\"false\", \"no\") map to\n\t\t\t\t\t\t// falsy properties, so we force using setAttribute.\n\t\t\t\t\t\t!(\n\t\t\t\t\t\t\ttypeof value === \"string\" &&\n\t\t\t\t\t\t\ttypeof (element as any)[name] === \"boolean\"\n\t\t\t\t\t\t) &&\n\t\t\t\t\t\tisWritableProperty(element, name)\n\t\t\t\t\t) {\n\t\t\t\t\t\t// For URL properties like src and href, the DOM property returns the\n\t\t\t\t\t\t// resolved absolute URL. We need to resolve the prop value the same way\n\t\t\t\t\t\t// to compare correctly.\n\t\t\t\t\t\tlet domValue = (element as any)[name];\n\t\t\t\t\t\tlet propValue = value;\n\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t(name === \"src\" || name === \"href\") &&\n\t\t\t\t\t\t\ttypeof value === \"string\" &&\n\t\t\t\t\t\t\ttypeof domValue === \"string\"\n\t\t\t\t\t\t) {\n\t\t\t\t\t\t\ttry {\n\t\t\t\t\t\t\t\tpropValue = new URL(value, element.baseURI).href;\n\t\t\t\t\t\t\t} catch {\n\t\t\t\t\t\t\t\t// Invalid URL, use original value for comparison\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tif (propValue !== domValue || oldValue === undefined) {\n\t\t\t\t\t\t\tif (\n\t\t\t\t\t\t\t\tisHydrating &&\n\t\t\t\t\t\t\t\ttypeof (element as any)[name] === \"string\" &&\n\t\t\t\t\t\t\t\t(element as any)[name] !== value\n\t\t\t\t\t\t\t) {\n\t\t\t\t\t\t\t\temitHydrationWarning(\n\t\t\t\t\t\t\t\t\tname,\n\t\t\t\t\t\t\t\t\tquietProps,\n\t\t\t\t\t\t\t\t\tvalue,\n\t\t\t\t\t\t\t\t\t(element as any)[name],\n\t\t\t\t\t\t\t\t\telement,\n\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t// if the property is writable, assign it directly\n\t\t\t\t\t\t\t(element as any)[name] = value;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tcontinue;\n\t\t\t\t\t}\n\n\t\t\t\t\tif (value === true) {\n\t\t\t\t\t\tvalue = \"\";\n\t\t\t\t\t} else if (value == null || value === false) {\n\t\t\t\t\t\tif (isHydrating && element.hasAttribute(name)) {\n\t\t\t\t\t\t\temitHydrationWarning(\n\t\t\t\t\t\t\t\tname,\n\t\t\t\t\t\t\t\tquietProps,\n\t\t\t\t\t\t\t\tvalue,\n\t\t\t\t\t\t\t\telement.getAttribute(name),\n\t\t\t\t\t\t\t\telement,\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\telement.removeAttribute(name);\n\t\t\t\t\t\tcontinue;\n\t\t\t\t\t} else if (typeof value !== \"string\") {\n\t\t\t\t\t\tvalue = String(value);\n\t\t\t\t\t}\n\n\t\t\t\t\tif (element.getAttribute(name) !== value) {\n\t\t\t\t\t\tif (isHydrating) {\n\t\t\t\t\t\t\temitHydrationWarning(\n\t\t\t\t\t\t\t\tname,\n\t\t\t\t\t\t\t\tquietProps,\n\t\t\t\t\t\t\t\tvalue,\n\t\t\t\t\t\t\t\telement.getAttribute(name),\n\t\t\t\t\t\t\t\telement,\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\telement.setAttribute(name, value as any);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t},\n\n\tarrange({\n\t\ttag,\n\t\tnode,\n\t\tprops,\n\t\tchildren,\n\t}: {\n\t\ttag: string | symbol;\n\t\tnode: Node;\n\t\tprops: Record<string, any>;\n\t\tchildren: Array<Node>;\n\t}): void {\n\t\tif (tag === Portal && (node == null || typeof node.nodeType !== \"number\")) {\n\t\t\tthrow new TypeError(\n\t\t\t\t`<Portal> root is not a node. Received: ${String(node)}`,\n\t\t\t);\n\t\t}\n\n\t\tif (!(\"innerHTML\" in props)) {\n\t\t\tlet oldChild = node.firstChild;\n\t\t\tfor (let i = 0; i < children.length; i++) {\n\t\t\t\tconst newChild = children[i];\n\t\t\t\tif (oldChild === newChild) {\n\t\t\t\t\t// the child is already in the right place, so we can skip it\n\t\t\t\t\toldChild = oldChild.nextSibling;\n\t\t\t\t} else {\n\t\t\t\t\tnode.insertBefore(newChild, oldChild);\n\t\t\t\t\tif (\n\t\t\t\t\t\ttag !== Portal &&\n\t\t\t\t\t\toldChild &&\n\t\t\t\t\t\ti + 1 < children.length &&\n\t\t\t\t\t\toldChild !== children[i + 1]\n\t\t\t\t\t) {\n\t\t\t\t\t\toldChild = oldChild.nextSibling;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t},\n\n\tremove({\n\t\tnode,\n\t\tparentNode,\n\t\tisNested,\n\t}: {\n\t\tnode: Node;\n\t\tparentNode: Node;\n\t\tisNested: boolean;\n\t}): void {\n\t\tif (!isNested && node.parentNode === parentNode) {\n\t\t\tparentNode.removeChild(node);\n\t\t}\n\t},\n\n\ttext({\n\t\tvalue,\n\t\toldNode,\n\t\thydrationNodes,\n\t}: {\n\t\tvalue: string;\n\t\thydrationNodes: Array<Node> | undefined;\n\t\toldNode: Node | undefined;\n\t}): Node {\n\t\tif (hydrationNodes != null) {\n\t\t\tlet node = hydrationNodes.shift();\n\t\t\tif (!node || node.nodeType !== Node.TEXT_NODE) {\n\t\t\t\tconsole.warn(`Expected \"${value}\" while hydrating but found:`, node);\n\t\t\t} else {\n\t\t\t\t// value is a text node, check if it matches the expected text\n\t\t\t\tconst textData = (node as Text).data;\n\t\t\t\tif (textData.length > value.length) {\n\t\t\t\t\tif (textData.startsWith(value)) {\n\t\t\t\t\t\t// the text node is longer than the expected text, so we\n\t\t\t\t\t\t// reuse the existing text node, but truncate it and unshift the rest\n\t\t\t\t\t\t(node as Text).data = value;\n\t\t\t\t\t\thydrationNodes.unshift(\n\t\t\t\t\t\t\tdocument.createTextNode(textData.slice(value.length)),\n\t\t\t\t\t\t);\n\n\t\t\t\t\t\treturn node;\n\t\t\t\t\t}\n\t\t\t\t} else if (textData === value) {\n\t\t\t\t\treturn node;\n\t\t\t\t}\n\n\t\t\t\t// We log textData and not node because node will be mutated\n\t\t\t\tconsole.warn(\n\t\t\t\t\t`Expected \"${value}\" while hydrating but found:`,\n\t\t\t\t\ttextData,\n\t\t\t\t);\n\t\t\t\toldNode = node;\n\t\t\t}\n\t\t}\n\n\t\tif (oldNode != null) {\n\t\t\tif ((oldNode as Text).data !== value) {\n\t\t\t\t(oldNode as Text).data = value;\n\t\t\t}\n\n\t\t\treturn oldNode;\n\t\t}\n\n\t\treturn document.createTextNode(value);\n\t},\n\n\traw({\n\t\tvalue,\n\t\tscope: xmlns,\n\t\thydrationNodes,\n\t}: {\n\t\tvalue: string | Node;\n\t\tscope: string | undefined;\n\t\thydrationNodes: Array<Node> | undefined;\n\t}): ElementValue<Node> {\n\t\tlet nodes: Array<Node>;\n\t\tif (typeof value === \"string\") {\n\t\t\tconst el =\n\t\t\t\txmlns == null\n\t\t\t\t\t? document.createElement(\"div\")\n\t\t\t\t\t: xmlns === SVG_NAMESPACE\n\t\t\t\t\t\t? document.createElementNS(xmlns, \"svg\")\n\t\t\t\t\t\t: document.createElementNS(xmlns, \"math\");\n\t\t\tel.innerHTML = value;\n\t\t\tnodes = Array.from(el.childNodes);\n\t\t} else {\n\t\t\tnodes = value == null ? [] : Array.isArray(value) ? [...value] : [value];\n\t\t}\n\n\t\tif (hydrationNodes != null) {\n\t\t\tfor (let i = 0; i < nodes.length; i++) {\n\t\t\t\tconst node = nodes[i];\n\t\t\t\t// check if node is equal to the next node in the hydration array\n\t\t\t\tconst hydrationNode = hydrationNodes.shift();\n\t\t\t\tif (\n\t\t\t\t\thydrationNode &&\n\t\t\t\t\ttypeof hydrationNode === \"object\" &&\n\t\t\t\t\ttypeof hydrationNode.nodeType === \"number\" &&\n\t\t\t\t\tnode.isEqualNode(hydrationNode as Node)\n\t\t\t\t) {\n\t\t\t\t\tnodes[i] = hydrationNode as Node;\n\t\t\t\t} else {\n\t\t\t\t\tconsole.warn(\n\t\t\t\t\t\t`Expected <Raw value=\"${String(value)}\"> while hydrating but found:`,\n\t\t\t\t\t\thydrationNode,\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\treturn nodes.length === 0\n\t\t\t? undefined\n\t\t\t: nodes.length === 1\n\t\t\t\t? nodes[0]\n\t\t\t\t: nodes;\n\t},\n};\n\nexport class DOMRenderer extends Renderer<Node, string, Element> {\n\tconstructor() {\n\t\tsuper(adapter);\n\t}\n\n\trender(\n\t\tchildren: Children,\n\t\troot: Element,\n\t\tctx?: Context,\n\t): Promise<ElementValue<Node>> | ElementValue<Node> {\n\t\tvalidateRoot(root);\n\t\treturn super.render(children, root, ctx);\n\t}\n\n\thydrate(\n\t\tchildren: Children,\n\t\troot: Element,\n\t\tctx?: Context,\n\t): Promise<ElementValue<Node>> | ElementValue<Node> {\n\t\tvalidateRoot(root);\n\t\treturn super.hydrate(children, root, ctx);\n\t}\n}\n\nfunction validateRoot(root: unknown): asserts root is Element {\n\tif (\n\t\troot == null ||\n\t\t(typeof root === \"object\" && typeof (root as any).nodeType !== \"number\")\n\t) {\n\t\tthrow new TypeError(`Render root is not a node. Received: ${String(root)}`);\n\t} else if ((root as Node).nodeType !== Node.ELEMENT_NODE) {\n\t\tthrow new TypeError(\n\t\t\t`Render root must be an element node. Received: ${String(root)}`,\n\t\t);\n\t}\n}\n\nexport const renderer = new DOMRenderer();\n\ndeclare global {\n\tmodule Crank {\n\t\tinterface EventMap extends GlobalEventHandlersEventMap {}\n\t}\n}\n"],"names":["Portal","camelToKebabCase","formatStyleValue","Renderer"],"mappings":"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"}
package/dom.js CHANGED
@@ -299,7 +299,22 @@ const adapter = {
299
299
  !(typeof value === "string" &&
300
300
  typeof element[name] === "boolean") &&
301
301
  isWritableProperty(element, name)) {
302
- if (element[name] !== value || oldValue === undefined) {
302
+ // For URL properties like src and href, the DOM property returns the
303
+ // resolved absolute URL. We need to resolve the prop value the same way
304
+ // to compare correctly.
305
+ let domValue = element[name];
306
+ let propValue = value;
307
+ if ((name === "src" || name === "href") &&
308
+ typeof value === "string" &&
309
+ typeof domValue === "string") {
310
+ try {
311
+ propValue = new URL(value, element.baseURI).href;
312
+ }
313
+ catch {
314
+ // Invalid URL, use original value for comparison
315
+ }
316
+ }
317
+ if (propValue !== domValue || oldValue === undefined) {
303
318
  if (isHydrating &&
304
319
  typeof element[name] === "string" &&
305
320
  element[name] !== value) {