@tileflow/capture 0.1.0-alpha.26 → 0.1.0-alpha.28

package/dist/index.js

@@ -317,6 +317,11 @@ import { open } from "fs/promises";
 import { createRequire as createRequire2 } from "module";
 import { dirname as dirname2, join as join2 } from "path";
 import { getTileflowStyleFontFaces } from "@tileflow/core/runtime";
+import {
+  createTileflowLineBackgroundGlyphResponder,
+  parseTileflowLineBackgroundGlyphPath,
+  tileflowLineBackgroundGlyphRoute
+} from "@tileflow/dev/artifacts";
 import { assertValidTileflowStyle, TileflowStyleValidationError } from "@tileflow/dev/validation";
 
 // src/assets.ts
@@ -336,7 +341,8 @@ var tileflowBrowserModule = `${readFileSync2(
   "utf8"
 )}
 globalThis.__tileflowRegisterContourProtocol = registerTileflowContourProtocol;
-globalThis.__tileflowRegisterPmtilesProtocol = registerTileflowPmtilesProtocol;`;
+globalThis.__tileflowRegisterPmtilesProtocol = registerTileflowPmtilesProtocol;
+globalThis.__tileflowAttachAtmosphere = attachTileflowAtmosphere;`;
 async function captureStandaloneTileflowScene(input) {
   if (input.scene.target.kind !== "map") {
     throw new TileflowCaptureError(
@@ -408,6 +414,7 @@ async function captureStandaloneTileflowScene(input) {
     );
     const fontFaces = getTileflowStyleFontFaces(input.style);
     const remoteOrigins = /* @__PURE__ */ new Set();
+    let lineBackgroundGlyphs;
     let syntheticAssetFailure;
     const resourceFailures = [];
     let pageFailed = false;
@@ -438,6 +445,35 @@ async function captureStandaloneTileflowScene(input) {
           return;
         }
       }
+      if (url.origin === tileflowSyntheticAssetOrigin && url.pathname.startsWith(`/${tileflowLineBackgroundGlyphRoute}/`)) {
+        const glyphRequest = parseTileflowLineBackgroundGlyphPath(url.pathname);
+        const upstream = glyphRequest ? input.lineBackgroundGlyphs?.[glyphRequest.mapName] : void 0;
+        if (!glyphRequest || !upstream || url.search !== "") {
+          syntheticAssetFailure = url.pathname.slice(1) || "unknown";
+          await route.abort("blockedbyclient");
+          return;
+        }
+        const provider = new URL(
+          upstream.replace("{fontstack}", "stack").replace("{range}", "0-255")
+        );
+        if (!isLoopbackUrl(provider)) remoteOrigins.add(provider.origin);
+        lineBackgroundGlyphs ??= createTileflowLineBackgroundGlyphResponder({
+          cwd: input.glyphCacheDirectory ?? process.cwd()
+        });
+        const response = await lineBackgroundGlyphs(
+          upstream,
+          glyphRequest.fontStack,
+          glyphRequest.range
+        );
+        if (response.status !== 200) recordResourceFailure(url.toString(), response.status);
+        await route.fulfill({
+          body: Buffer.from(await response.arrayBuffer()),
+          contentType: response.headers.get("content-type") ?? "application/x-protobuf",
+          headers: { "Access-Control-Allow-Origin": "*" },
+          status: response.status
+        });
+        return;
+      }
       if (url.origin === tileflowSyntheticAssetOrigin) {
         const fileName = decodeURIComponent(url.pathname.slice(1));
         const localTileset = url.search === "" ? localTilesets.get(fileName) : void 0;
@@ -917,6 +953,7 @@ window.__tileflowCaptureLoad = async function(input) {
       style: input.style
     });
     window.__tileflowMap = map;
+    window.__tileflowAttachAtmosphere(map);
     return await waitForMapEvent(map, "load", input.mapEventTimeoutMs);
   } catch (error) {
     return {status: "failed", reason: "error", message: String(error?.message || error || "")};
@@ -1871,6 +1908,10 @@ var TileflowCaptureSessionImpl = class {
         assets: [...artifacts.assets, ...prepared.assets ?? []],
         browser,
         ...artifacts.localTilesets ? { localTilesets: artifacts.localTilesets } : {},
+        ...artifacts.lineBackgroundGlyphs ? {
+          glyphCacheDirectory: resolve(this.#options.cwd ?? process.cwd()),
+          lineBackgroundGlyphs: artifacts.lineBackgroundGlyphs
+        } : {},
         scene,
         signal,
         style,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tileflow/capture",
-  "version": "0.1.0-alpha.26",
+  "version": "0.1.0-alpha.28",
   "license": "Apache-2.0",
   "description": "Deterministic local visual capture and comparison for Tileflow maps.",
   "engines": {
@@ -48,8 +48,8 @@
     "access": "public"
   },
   "dependencies": {
-    "@tileflow/core": ">=0.1.0-alpha.28 <0.1.0-beta.0",
-    "@tileflow/dev": ">=0.1.0-alpha.26 <0.1.0-beta.0",
+    "@tileflow/core": ">=0.1.0-alpha.30 <0.1.0-beta.0",
+    "@tileflow/dev": ">=0.1.0-alpha.28 <0.1.0-beta.0",
     "maplibre-gl": "6.9.0",
     "pixelmatch": "7.2.0",
     "playwright": "1.62.1",
@@ -68,13 +68,13 @@
     "vite": "^8.0.16",
     "vue": "^3.5.39",
     "webpack": "5.108.3",
-    "@tileflow/maps": "0.1.0-alpha.5",
-    "@tileflow/next": "0.1.0-alpha.24",
-    "@tileflow/svelte": "0.1.0-alpha.25",
-    "@tileflow/react": "0.1.0-alpha.26",
+    "@tileflow/maps": "0.1.0-alpha.7",
+    "@tileflow/react": "0.1.0-alpha.28",
     "@tileflow/vite": "0.1.0-alpha.24",
-    "@tileflow/vue": "0.1.0-alpha.25",
-    "@tileflow/webpack": "0.1.0-alpha.24"
+    "@tileflow/vue": "0.1.0-alpha.27",
+    "@tileflow/webpack": "0.1.0-alpha.24",
+    "@tileflow/next": "0.1.0-alpha.24",
+    "@tileflow/svelte": "0.1.0-alpha.27"
   },
   "scripts": {
     "build": "tsup src/index.ts src/receipt.ts --format esm --dts --clean --platform node",