@tileflow/vite 0.1.0-alpha.6 → 0.1.0-alpha.8

package/dist/index.js

@@ -1,11 +1,12 @@
 // src/index.ts
+import { resolve } from "path";
 import {
   createTileflowBuildArtifacts,
   createTileflowDevRequestHandler,
   defaultTileflowConfigPath,
+  getTileflowWatchPaths,
   normalizeTileflowBasePath
 } from "@tileflow/dev";
-import { resolve } from "path";
 function tileflow(options = {}) {
   const basePath = normalizeTileflowBasePath(options.base ?? "/tileflow");
   const configPath = options.config ?? defaultTileflowConfigPath;
@@ -18,6 +19,7 @@ function tileflow(options = {}) {
     configureServer(server) {
       const root = server.config.root;
       const configFile = resolve(root, configPath);
+      const watchedIconPaths = /* @__PURE__ */ new Set();
       const handler = createTileflowDevRequestHandler({
         basePath,
         config: configPath,
@@ -28,12 +30,38 @@ function tileflow(options = {}) {
         },
         tileBaseUrl: options.tileBaseUrl
       });
-      server.watcher.add(configFile);
-      server.watcher.on("change", (file) => {
+      const refreshWatchedIconPaths = async () => {
+        try {
+          const watchPaths = await getTileflowWatchPaths({
+            config: configPath,
+            cwd: root
+          });
+          for (const watchPath of watchPaths) {
+            if (!watchedIconPaths.has(watchPath)) {
+              server.watcher.add(watchPath);
+              watchedIconPaths.add(watchPath);
+            }
+          }
+        } catch (error) {
+          const message = error instanceof Error ? error.message : "Unknown Tileflow error";
+          server.config.logger.warn(`[tileflow] Unable to watch icon paths: ${message}`);
+        }
+      };
+      const reloadIfTileflowInput = (file) => {
         if (file === configFile) {
+          void refreshWatchedIconPaths();
           server.ws.send({ type: "full-reload" });
+          return;
         }
-      });
+        if (isWatchedIconPath(file, watchedIconPaths)) {
+          server.ws.send({ type: "full-reload" });
+        }
+      };
+      server.watcher.add(configFile);
+      void refreshWatchedIconPaths();
+      server.watcher.on("add", reloadIfTileflowInput);
+      server.watcher.on("change", reloadIfTileflowInput);
+      server.watcher.on("unlink", reloadIfTileflowInput);
       server.middlewares.use(async (request, response, next) => {
         if (!isTileflowRequest(request.url, basePath)) {
           next();
@@ -57,6 +85,7 @@ function tileflow(options = {}) {
         return;
       }
       const artifacts = await createTileflowBuildArtifacts({
+        assetBaseUrl: joinPublicUrl(config.base, basePath),
         config: configPath,
         cwd: config.root,
         styleBaseUrl: joinPublicUrl(config.base, basePath),
@@ -77,6 +106,13 @@ function tileflow(options = {}) {
           type: "asset"
         });
       }
+      for (const asset of artifacts.assets) {
+        this.emitFile({
+          fileName: assetFileName(assetBase, asset.fileName),
+          source: asset.source,
+          type: "asset"
+        });
+      }
     }
   };
 }
@@ -84,10 +120,23 @@ var index_default = tileflow;
 function isTileflowRequest(url, basePath) {
   const pathname = (url ?? "/").split("?")[0] ?? "/";
   if (!basePath) {
-    return pathname === "/manifest.json" || pathname === "/style.json" || pathname === "/" || pathname.startsWith("/styles/");
+    return pathname === "/manifest.json" || pathname === "/style.json" || pathname === "/" || pathname.startsWith("/icons/") || pathname.startsWith("/styles/");
   }
   return pathname === basePath || pathname.startsWith(`${basePath}/`);
 }
+function isWatchedIconPath(file, watchedIconPaths) {
+  const normalizedFile = normalizePath(file);
+  for (const watchPath of watchedIconPaths) {
+    const normalizedWatchPath = normalizePath(watchPath);
+    if (normalizedFile === normalizedWatchPath || normalizedFile.startsWith(`${normalizedWatchPath}/`)) {
+      return true;
+    }
+  }
+  return false;
+}
+function normalizePath(value) {
+  return value.replace(/\\/g, "/");
+}
 function toWebRequest(request) {
   const protocol = getHeader(request, "x-forwarded-proto") ?? "http";
   const host = getHeader(request, "host") ?? "localhost";

package/package.json

@@ -1,8 +1,9 @@
 {
   "name": "@tileflow/vite",
-  "version": "0.1.0-alpha.6",
+  "version": "0.1.0-alpha.8",
   "description": "Vite plugin for Tileflow map style development and static artifacts.",
   "type": "module",
+  "sideEffects": false,
   "homepage": "https://tileflow.dev",
   "repository": {
     "type": "git",
@@ -35,7 +36,7 @@
     "access": "public"
   },
   "dependencies": {
-    "@tileflow/dev": "0.1.0-alpha.6"
+    "@tileflow/dev": "0.1.0-alpha.8"
   },
   "peerDependencies": {
     "vite": ">=5"