@jasonshimmy/custom-elements-runtime 2.8.1 → 3.0.0

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.
Files changed (91) hide show
  1. package/README.md +159 -46
  2. package/dist/css-utils-Cg4o1MqY.js +643 -0
  3. package/dist/css-utils-Cg4o1MqY.js.map +1 -0
  4. package/dist/css-utils-RqkyBWft.cjs +576 -0
  5. package/dist/css-utils-RqkyBWft.cjs.map +1 -0
  6. package/dist/custom-elements-runtime.cjs.js +3 -3
  7. package/dist/custom-elements-runtime.cjs.js.map +1 -1
  8. package/dist/custom-elements-runtime.dom-jit-css.cjs.js +7 -0
  9. package/dist/custom-elements-runtime.dom-jit-css.cjs.js.map +1 -0
  10. package/dist/custom-elements-runtime.dom-jit-css.es.js +136 -0
  11. package/dist/custom-elements-runtime.dom-jit-css.es.js.map +1 -0
  12. package/dist/custom-elements-runtime.es.js +70 -67
  13. package/dist/custom-elements-runtime.es.js.map +1 -1
  14. package/dist/custom-elements-runtime.event-bus.cjs.js +1 -1
  15. package/dist/custom-elements-runtime.event-bus.cjs.js.map +1 -1
  16. package/dist/custom-elements-runtime.event-bus.es.js +62 -46
  17. package/dist/custom-elements-runtime.event-bus.es.js.map +1 -1
  18. package/dist/custom-elements-runtime.jit-css.cjs.js +2 -0
  19. package/dist/custom-elements-runtime.jit-css.cjs.js.map +1 -0
  20. package/dist/custom-elements-runtime.jit-css.es.js +38 -0
  21. package/dist/custom-elements-runtime.jit-css.es.js.map +1 -0
  22. package/dist/custom-elements-runtime.router.cjs.js +20 -20
  23. package/dist/custom-elements-runtime.router.cjs.js.map +1 -1
  24. package/dist/custom-elements-runtime.router.es.js +448 -434
  25. package/dist/custom-elements-runtime.router.es.js.map +1 -1
  26. package/dist/custom-elements-runtime.ssr.cjs.js +1 -1
  27. package/dist/custom-elements-runtime.ssr.cjs.js.map +1 -1
  28. package/dist/custom-elements-runtime.ssr.es.js +33 -18
  29. package/dist/custom-elements-runtime.ssr.es.js.map +1 -1
  30. package/dist/custom-elements-runtime.store.cjs.js +1 -1
  31. package/dist/custom-elements-runtime.store.cjs.js.map +1 -1
  32. package/dist/custom-elements-runtime.store.es.js +21 -16
  33. package/dist/custom-elements-runtime.store.es.js.map +1 -1
  34. package/dist/custom-elements-runtime.transitions.cjs.js +1 -1
  35. package/dist/custom-elements-runtime.transitions.cjs.js.map +1 -1
  36. package/dist/custom-elements-runtime.transitions.es.js +279 -7
  37. package/dist/custom-elements-runtime.transitions.es.js.map +1 -1
  38. package/dist/custom-elements-runtime.vite-plugin.cjs.js +2 -0
  39. package/dist/custom-elements-runtime.vite-plugin.cjs.js.map +1 -0
  40. package/dist/custom-elements-runtime.vite-plugin.es.js +73 -0
  41. package/dist/custom-elements-runtime.vite-plugin.es.js.map +1 -0
  42. package/dist/dom-jit-css.d.ts +66 -0
  43. package/dist/event-bus.d.ts +3 -1
  44. package/dist/{namespace-helpers-DhLBqt-7.js → helpers-CweFZFWU.js} +265 -287
  45. package/dist/helpers-CweFZFWU.js.map +1 -0
  46. package/dist/helpers-DeWjSmOl.cjs +5 -0
  47. package/dist/helpers-DeWjSmOl.cjs.map +1 -0
  48. package/dist/hooks-BrrLKSub.cjs +3 -0
  49. package/dist/hooks-BrrLKSub.cjs.map +1 -0
  50. package/dist/hooks-DyShDHKo.js +403 -0
  51. package/dist/hooks-DyShDHKo.js.map +1 -0
  52. package/dist/index.d.ts +3 -3
  53. package/dist/jit-css.d.ts +30 -0
  54. package/dist/namespace-helpers-CnpZ5__p.js +45 -0
  55. package/dist/namespace-helpers-CnpZ5__p.js.map +1 -0
  56. package/dist/namespace-helpers-CyIDtI97.cjs +2 -0
  57. package/dist/namespace-helpers-CyIDtI97.cjs.map +1 -0
  58. package/dist/router/types.d.ts +4 -2
  59. package/dist/runtime/css-utils.d.ts +33 -0
  60. package/dist/runtime/discovery-state.d.ts +3 -0
  61. package/dist/runtime/hooks.d.ts +78 -0
  62. package/dist/runtime/jit-hooks.d.ts +28 -0
  63. package/dist/runtime/render-bridge.d.ts +37 -0
  64. package/dist/runtime/scheduler.d.ts +3 -4
  65. package/dist/runtime/secure-expression-evaluator.d.ts +0 -1
  66. package/dist/runtime/style.d.ts +84 -26
  67. package/dist/runtime/template-compiler/lru-cache.d.ts +0 -3
  68. package/dist/runtime/vdom-helpers.d.ts +0 -1
  69. package/dist/ssr.d.ts +42 -0
  70. package/dist/{transitions-DMJXs_tY.js → style-BmyOIMcU.js} +904 -1344
  71. package/dist/style-BmyOIMcU.js.map +1 -0
  72. package/dist/style-D40DsIqJ.cjs +55 -0
  73. package/dist/style-D40DsIqJ.cjs.map +1 -0
  74. package/dist/style.css +1 -1
  75. package/dist/template-compiler-B5uN1EQw.js +3731 -0
  76. package/dist/template-compiler-B5uN1EQw.js.map +1 -0
  77. package/dist/template-compiler-Cx623BSB.cjs +23 -0
  78. package/dist/template-compiler-Cx623BSB.cjs.map +1 -0
  79. package/dist/variables.css +1 -1
  80. package/dist/vite-plugin.d.ts +52 -0
  81. package/package.json +55 -6
  82. package/dist/namespace-helpers-Ctd_h7j2.cjs +0 -5
  83. package/dist/namespace-helpers-Ctd_h7j2.cjs.map +0 -1
  84. package/dist/namespace-helpers-DhLBqt-7.js.map +0 -1
  85. package/dist/template-compiler-CVBKYu3j.js +0 -3991
  86. package/dist/template-compiler-CVBKYu3j.js.map +0 -1
  87. package/dist/template-compiler-G8h2OJbA.cjs +0 -23
  88. package/dist/template-compiler-G8h2OJbA.cjs.map +0 -1
  89. package/dist/transitions-DMJXs_tY.js.map +0 -1
  90. package/dist/transitions-f4KfN29T.cjs +0 -330
  91. package/dist/transitions-f4KfN29T.cjs.map +0 -1
package/dist/runtime/template-compiler/lru-cache.d.ts CHANGED
@@ -2,12 +2,9 @@ import type { VNode } from '../types';
2
2
  export declare class LRUCache<K, V> {
3
3
  private map;
4
4
  private maxSize;
5
- private accessOrder;
6
- private accessCounter;
7
5
  constructor(maxSize: number);
8
6
  get(key: K): V | undefined;
9
7
  set(key: K, value: V): void;
10
- private evictLRU;
11
8
  has(key: K): boolean;
12
9
  clear(): void;
13
10
  get size(): number;
package/dist/runtime/vdom-helpers.d.ts CHANGED
@@ -61,7 +61,6 @@ export interface VDomGlobal {
61
61
  };
62
62
  };
63
63
  __vitest__?: unknown;
64
- __VDOM_DISABLED_PROMOTIONS?: unknown[];
65
64
  }
66
65
  /**
67
66
  * Returns `true` when `val` is an object that exposes a `.value` property.
package/dist/ssr.d.ts CHANGED
@@ -26,3 +26,45 @@ export { renderToString } from './runtime/vdom-ssr';
26
26
  export type { VNode } from './runtime/types';
27
27
  export type { RenderOptions } from './runtime/vdom-ssr';
28
28
  export { registerEntityMap, loadEntityMap, clearRegisteredEntityMap, } from './runtime/helpers';
29
+ import { type JITCSSOptions } from './runtime/style';
30
+ import type { VNode } from './runtime/types';
31
+ import type { RenderOptions } from './runtime/vdom-ssr';
32
+ /**
33
+ * Result of `renderToStringWithJITCSS()`.
34
+ */
35
+ export interface SSRJITResult {
36
+ /** The rendered HTML string. */
37
+ html: string;
38
+ /**
39
+ * Pre-generated JIT CSS extracted from the rendered HTML.
40
+ * Embed this in a `<style>` element in your document `<head>` to eliminate
41
+ * Flash of Unstyled Content (FOUC) on hydration.
42
+ */
43
+ css: string;
44
+ /**
45
+ * Convenience: the HTML with a `<style>` element injected before `</head>`.
46
+ * If no `</head>` tag is found, the `<style>` is prepended to the HTML.
47
+ */
48
+ htmlWithStyles: string;
49
+ }
50
+ /**
51
+ * Server-side render a VNode tree and simultaneously pre-generate JIT CSS for
52
+ * all utility classes present in the rendered output.
53
+ *
54
+ * Embed the returned `css` in a `<style>` element in your document `<head>`
55
+ * to ensure correct styles are present before the client runtime hydrates,
56
+ * eliminating Flash of Unstyled Content (FOUC).
57
+ *
58
+ * @example
59
+ * ```ts
60
+ * import { renderToStringWithJITCSS } from '@jasonshimmy/custom-elements-runtime/ssr';
61
+ *
62
+ * const { htmlWithStyles } = await renderToStringWithJITCSS(appVNode, {
63
+ * jit: { extendedColors: true },
64
+ * });
65
+ * res.send(`<!DOCTYPE html><html><head>${headTags}</head><body>${htmlWithStyles}</body></html>`);
66
+ * ```
67
+ */
68
+ export declare function renderToStringWithJITCSS(vnode: VNode, options?: RenderOptions & {
69
+ jit?: JITCSSOptions;
70
+ }): SSRJITResult;