npm - @dxos/app-framework - Versions diffs - 0.8.4-main.d05539e30a → 0.8.4-main.d9fc60f731 - Mend

@dxos/app-framework 0.8.4-main.d05539e30a → 0.8.4-main.d9fc60f731

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 (177) hide show

package/dist/types/src/vite-plugin/boot-loader/loader.d.ts CHANGED Viewed

@@ -9,43 +9,46 @@ export type BootLoaderOptions = {
      */
     status?: string;
     /**
-     * Inline SVG markup for an optional brand mark rendered above the progress bar.
-     * The mark renders at full opacity with whatever fills the SVG declares, so
-     * pass a colour-palette logo for the strongest visual identity. SVGs that use
-     * `fill="currentColor"` still inherit the loader's `prefers-color-scheme`
-     * text colour. Leave empty/undefined to render only the bar.
+     * Inline SVG markup for an optional brand mark rendered inside the progress
+     * ring. The mark renders at full opacity with whatever fills the SVG declares,
+     * so pass a colour-palette logo for the strongest visual identity. SVGs that
+     * use `fill="currentColor"` still inherit the loader's `prefers-color-scheme`
+     * text colour. Leave empty/undefined to render only the ring.
      */
     markSvg?: string;
 };
 /**
- * Vite plugin that injects a tiny native-DOM "boot loader" into the host app's
+ * Vite plugin that injects a Solid "boot loader" app into the host app's
  * `index.html`.
  *
- * The loader paints on the very first frame, before any JS bundle is fetched —
- * so the user sees something immediately on cold load instead of staring at a
- * blank document while the compiled module graph is parsed. The brand mark
- * sits centred inside a thin determinate progress ring; both layers are
- * composited so the ring's fill stays visually smooth even while the JS main
- * thread is busy.
+ * The full-screen backdrop paints on the very first frame from an inline
+ * `<style>` (before any JS bundle is fetched), so the user sees the loading
+ * surface immediately on cold load instead of a blank document. A compiled,
+ * self-contained Solid IIFE — inlined ahead of the app bundle — then renders
+ * the determinate progress ring + status log into that backdrop and exposes the
+ * host-facing driver on `window.__bootLoader`.
  *
- * The host app drives the loader from `main.tsx`:
- * - `window.__bootLoader.status(text)` updates the status line per phase.
+ * The host app drives the loader (the React relay forwards `useApp`'s startup
+ * progress):
+ * - `window.__bootLoader.status(payload)` updates the status line per phase.
  * - `window.__bootLoader.progress(fraction)` grows the determinate ring (0–1).
- * - `window.__bootLoader.dismiss()` removes the loader once React has mounted.
+ * - `window.__bootLoader.ready()` plays the dismissal outro, then self-removes.
+ * - `window.__bootLoader.dismiss()` removes the loader immediately (fast path).
  *
- * Inject order:
+ * Inject order (all at the start of `<body>`, except the stylesheet):
  * - `<style>` → `<head>` (parses before any bundled stylesheet).
- * - `<div id="boot-loader">…</div>` → start of `<body>` (sibling of `#root`).
- * - inline `<script>` defining `window.__bootLoader` → start of `<body>`.
+ * - `<div id="boot-loader">` → the static backdrop the CSS styles instantly.
+ * - inline `<script>` config (`window.__BOOT_LOADER_CONFIG__`) → before the bundle.
+ * - inline `<script>` loader bundle → renders the Solid app into the backdrop.
  *
- * Keeping the loader as a sibling of `#root` (rather than a child of it) means
+ * Keeping the loader a sibling of `#root` (rather than a child) means
  * `createRoot(document.getElementById('root')).render(...)` does not fight the
- * loader for ownership; the host explicitly calls `dismiss()` after the first
- * React commit, which gives a deterministic handoff.
+ * loader for ownership; the framework explicitly dismisses after the first
+ * React commit for a deterministic handoff.
  *
  * Color tokens are exposed as CSS custom properties (`--boot-loader-bg-light`,
- * `--boot-loader-bg-dark`, etc.) defined in `boot-loader.css`, so consumers can
- * override them at the document level without us re-parameterizing this plugin.
+ * etc.) in `boot-loader.css`, so consumers can override them at the document
+ * level without re-parameterizing this plugin.
  */
 export declare const bootLoaderPlugin: ({ status, markSvg }?: BootLoaderOptions) => Plugin;
 //# sourceMappingURL=loader.d.ts.map

package/dist/types/src/vite-plugin/boot-loader/loader.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"loader.d.ts","sourceRoot":"","sources":["../../../../../src/vite-plugin/boot-loader/loader.ts"],"names":[],"mappings":"~~AAIA~~,OAAO,EAAE,KAAK,MAAM,EAAE,MAAM,MAAM,CAAC;~~AAKnC~~;;GAEG;AACH,MAAM,MAAM,iBAAiB,GAAG;IAC9B;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;~~AAEF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6BG~~;AACH,eAAO,MAAM,gBAAgB,yBAAyB,iBAAiB,KAAQ,~~MA+D9E~~,CAAC"}
1	+ {"version":3,"file":"loader.d.ts","sourceRoot":"","sources":["../../../../../src/vite-plugin/boot-loader/loader.ts"],"names":[],"mappings":"AAaA,OAAO,EAAE,KAAK,MAAM,EAAE,MAAM,MAAM,CAAC;AAcnC;;GAEG;AACH,MAAM,MAAM,iBAAiB,GAAG;IAC9B;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AA2EF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,eAAO,MAAM,gBAAgB,yBAAyB,iBAAiB,KAAQ,MAuC9E,CAAC"}

package/dist/types/src/vite-plugin/manifest.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"manifest.d.ts","sourceRoot":"","sources":["../../../../src/vite-plugin/manifest.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,KAAK,MAAM,EAAE,MAAM,SAAS,CAAC;AAEtC;;;;GAIG;AACH,eAAO,MAAM,mBAAmB,kBAAkB,CAAC;AAEnD;;;GAGG;AACH,eAAO,MAAM,cAAc,cAAwB,CAAC;AAEpD;;;;;GAKG;AACH,MAAM,MAAM,SAAS,GAAG,MAAM,CAAC,IAAI,GAAG;IAAE,OAAO,EAAE,MAAM,CAAA;CAAE,CAAC;AAE1D;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,iBAAiB,SACtB,SAAS,wBACO;IAAE,MAAM,EAAE,SAAS,MAAM,EAAE,CAAC;IAAC,QAAQ,CAAC,EAAE,MAAM,CAAA;CAAE,KACrE,~~MASA~~,CAAC"}
1	+ {"version":3,"file":"manifest.d.ts","sourceRoot":"","sources":["../../../../src/vite-plugin/manifest.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,KAAK,MAAM,EAAE,MAAM,SAAS,CAAC;AAEtC;;;;GAIG;AACH,eAAO,MAAM,mBAAmB,kBAAkB,CAAC;AAEnD;;;GAGG;AACH,eAAO,MAAM,cAAc,cAAwB,CAAC;AAEpD;;;;;GAKG;AACH,MAAM,MAAM,SAAS,GAAG,MAAM,CAAC,IAAI,GAAG;IAAE,OAAO,EAAE,MAAM,CAAA;CAAE,CAAC;AAE1D;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,iBAAiB,SACtB,SAAS,wBACO;IAAE,MAAM,EAAE,SAAS,MAAM,EAAE,CAAC;IAAC,QAAQ,CAAC,EAAE,MAAM,CAAA;CAAE,KACrE,MAeF,CAAC"}