@swiftbrowser/web 0.18.3 → 0.21.0

package/app/index.html

@@ -40,9 +40,16 @@
         var coarse = typeof matchMedia === 'function' && matchMedia('(pointer: coarse)').matches;
         var device = mode === 'device' || (mode !== 'frame' && (coarse || site.pageMode === 'device'));
         document.documentElement.setAttribute('data-sb-mode', device ? 'device' : 'frame');
+        // The preview's device (src/deviceFrame.ts in @swiftbrowser/web): ?device=, else the last one picked.
+        var frame = new URLSearchParams(location.search).get('device');
+        var embedded = new URLSearchParams(location.search).get('embed') === '1';
+        try { frame = frame || (embedded ? null : localStorage.getItem('sb-device-frame')); } catch (e) {}
+        document.documentElement.setAttribute('data-sb-frame', frame === 'ipad' || frame === 'none' ? frame : 'iphone');
+        // ?toolbar=0: the toolbar's close button hid it (src/deviceFrame.ts).
+        if (new URLSearchParams(location.search).get('toolbar') === '0') document.documentElement.setAttribute('data-sb-toolbar', 'hidden');
         // ?embed=1: the page is in another's frame (the playground's
         // simulator), which has its own controls: the device alone.
-        if (new URLSearchParams(location.search).get('embed') === '1') document.documentElement.setAttribute('data-sb-embed', '');
+        if (embedded) document.documentElement.setAttribute('data-sb-embed', '');
       })();
       // Point the manifest, the home-screen icon and the titles at the app
       // this page runs (?app=, else the site's default), so Share -> Add to
@@ -73,9 +80,6 @@
   </head>
   <body>
     <header class="toolbar" role="toolbar" aria-label="SwiftBrowser controls">
-      <span class="toolbar-brand">SwiftBrowser</span>
-      <span class="toolbar-sep" aria-hidden="true"></span>
-      <span class="toolbar-label">App</span>
       <span id="app-name" class="toolbar-value">Loading…</span>
       <span class="toolbar-spacer"></span>
       <span id="build-status" class="toolbar-build" role="status" aria-live="polite" hidden>Rebuilding…</span>
@@ -114,9 +118,9 @@
               </svg>
               <!-- Wi-Fi -->
               <svg class="glyph glyph-wifi" viewBox="0 0 16.3 12.33" width="16.3" height="12.33">
-                <path class="wifi-band" d="M1.08 3.87A11.0 11.0 0 0 1 15.22 3.87" stroke-width="2.6" />
-                <path class="wifi-band" d="M3.91 7.24A6.6 6.6 0 0 1 12.39 7.24" stroke-width="2.9" />
-                <path d="M8.15 12.3L5.64 9.31A3.9 3.9 0 0 1 10.66 9.31Z" />
+                <path d="M0.02 3.3A12.15 12.15 0 0 1 16.28 3.3L14.41 5.38A9.35 9.35 0 0 0 1.89 5.38Z" />
+                <path d="M2.8 6.38A8 8 0 0 1 13.5 6.38L11.66 8.43A5.25 5.25 0 0 0 4.64 8.43Z" />
+                <path d="M8.15 12.33L5.54 9.43A3.9 3.9 0 0 1 10.76 9.43Z" />
               </svg>
               <!-- Battery -->
               <svg class="glyph glyph-battery" viewBox="0 0 28 13" width="28" height="13">

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@swiftbrowser/web",
-  "version": "0.18.3",
+  "version": "0.21.0",
   "type": "module",
   "description": "SwiftBrowser web renderer and dev server: applies render ops from a Swift/Wasm app to the DOM inside an iPhone frame.",
   "repository": {

package/src/appFiles.ts

@@ -125,10 +125,15 @@ export interface FilesPersistence {
   clear(): Promise<void>;
 }
 
-/** A row of the `entries` store: a file's bytes or a directory, with when it was last written where the writer said. */
+/**
+ * A row of the `entries` store: a file's bytes or a directory, with when it
+ * was last written where the writer said. A React app's `fileManager`
+ * (files.ts) may keep a file as the `Blob` the viewer handed over, which
+ * IndexedDB stores without reading; the module's loader reads one on load.
+ */
 export interface EntryRow {
   path: string;
-  data?: Uint8Array;
+  data?: Uint8Array | Blob;
   directory?: boolean;
   /** Milliseconds since the epoch; rows the module wrote (and older rows) have none. */
   modified?: number;
@@ -181,7 +186,11 @@ export function indexedDBFiles(app: string, factory: IDBFactory = indexedDB): Fi
       const db = await database();
       const rows = await request(db.transaction(ENTRIES, 'readonly').objectStore(ENTRIES).getAll() as IDBRequest<EntryRow[]>);
       const entries: HomeEntries = new Map();
-      for (const row of rows) entries.set(row.path, row.directory ? null : new Uint8Array(row.data ?? new Uint8Array()));
+      for (const row of rows) {
+        if (row.directory) entries.set(row.path, null);
+        else if (row.data !== undefined && typeof Blob !== 'undefined' && row.data instanceof Blob) entries.set(row.path, new Uint8Array(await row.data.arrayBuffer()));
+        else entries.set(row.path, new Uint8Array((row.data as Uint8Array | undefined) ?? new Uint8Array()));
+      }
       return entries;
     },
     apply(changes) {