@tileflow/vite 0.1.0-alpha.0

package/README.md

@@ -0,0 +1,15 @@
+# @tileflow/vite
+
+Vite plugin for local Tileflow style development and static build artifacts.
+
+```ts
+import react from "@vitejs/plugin-react";
+import { tileflow } from "@tileflow/vite";
+import { defineConfig } from "vite";
+
+export default defineConfig({
+  plugins: [react(), tileflow()],
+});
+```
+
+Docs: https://tileflow.dev/docs

package/dist/index.d.ts

@@ -0,0 +1,11 @@
+import { Plugin } from 'vite';
+
+type TileflowVitePluginOptions = {
+    base?: string;
+    config?: string;
+    emitBuildArtifacts?: boolean;
+    tileBaseUrl?: string;
+};
+declare function tileflow(options?: TileflowVitePluginOptions): Plugin;
+
+export { type TileflowVitePluginOptions, tileflow as default, tileflow };

package/dist/index.js

@@ -0,0 +1,129 @@
+// src/index.ts
+import {
+  createTileflowBuildArtifacts,
+  createTileflowDevRequestHandler,
+  defaultTileflowConfigPath,
+  normalizeTileflowBasePath
+} from "@tileflow/dev";
+import { resolve } from "path";
+function tileflow(options = {}) {
+  const basePath = normalizeTileflowBasePath(options.base ?? "/tileflow");
+  const configPath = options.config ?? defaultTileflowConfigPath;
+  let viteConfig = null;
+  return {
+    name: "tileflow:vite",
+    configResolved(config) {
+      viteConfig = config;
+    },
+    configureServer(server) {
+      const root = server.config.root;
+      const configFile = resolve(root, configPath);
+      const handler = createTileflowDevRequestHandler({
+        basePath,
+        config: configPath,
+        cwd: root,
+        onError(error) {
+          const message = error instanceof Error ? error.message : "Unknown Tileflow error";
+          server.config.logger.error(`[tileflow] ${message}`);
+        },
+        tileBaseUrl: options.tileBaseUrl
+      });
+      server.watcher.add(configFile);
+      server.watcher.on("change", (file) => {
+        if (file === configFile) {
+          server.ws.send({ type: "full-reload" });
+        }
+      });
+      server.middlewares.use(async (request, response, next) => {
+        if (!isTileflowRequest(request.url, basePath)) {
+          next();
+          return;
+        }
+        try {
+          const tileflowRequest = toWebRequest(request);
+          const tileflowResponse = await handler(tileflowRequest);
+          await writeNodeResponse(response, tileflowResponse);
+        } catch (error) {
+          next(error);
+        }
+      });
+    },
+    async generateBundle() {
+      if (options.emitBuildArtifacts === false) {
+        return;
+      }
+      const config = viteConfig;
+      if (!config) {
+        return;
+      }
+      const artifacts = await createTileflowBuildArtifacts({
+        config: configPath,
+        cwd: config.root,
+        styleBaseUrl: joinPublicUrl(config.base, basePath),
+        tileBaseUrl: options.tileBaseUrl
+      });
+      const assetBase = assetBasePath(basePath);
+      this.emitFile({
+        fileName: assetFileName(assetBase, "manifest.json"),
+        source: `${JSON.stringify(artifacts.manifest, null, 2)}
+`,
+        type: "asset"
+      });
+      for (const [mapName, style] of Object.entries(artifacts.styles)) {
+        this.emitFile({
+          fileName: assetFileName(assetBase, `styles/${mapName}.json`),
+          source: `${JSON.stringify(style, null, 2)}
+`,
+          type: "asset"
+        });
+      }
+    }
+  };
+}
+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 === basePath || pathname.startsWith(`${basePath}/`);
+}
+function toWebRequest(request) {
+  const protocol = getHeader(request, "x-forwarded-proto") ?? "http";
+  const host = getHeader(request, "host") ?? "localhost";
+  return new Request(`${protocol}://${host}${request.url ?? "/"}`, {
+    method: request.method
+  });
+}
+function getHeader(request, name) {
+  const value = request.headers[name];
+  return Array.isArray(value) ? value[0] : value;
+}
+async function writeNodeResponse(response, tileflowResponse) {
+  response.statusCode = tileflowResponse.status;
+  tileflowResponse.headers.forEach((value, key) => {
+    response.setHeader(key, value);
+  });
+  response.end(Buffer.from(await tileflowResponse.arrayBuffer()));
+}
+function joinPublicUrl(viteBase, basePath) {
+  const trimmedBase = viteBase.replace(/\/+$/g, "");
+  const trimmedPath = basePath.replace(/^\/+|\/+$/g, "");
+  if (!trimmedPath) {
+    return trimmedBase || "";
+  }
+  if (!trimmedBase || trimmedBase === ".") {
+    return `/${trimmedPath}`;
+  }
+  return `${trimmedBase}/${trimmedPath}`;
+}
+function assetBasePath(basePath) {
+  return basePath.replace(/^\/+|\/+$/g, "");
+}
+function assetFileName(basePath, fileName) {
+  return basePath ? `${basePath}/${fileName}` : fileName;
+}
+export {
+  index_default as default,
+  tileflow
+};

package/package.json

@@ -0,0 +1,51 @@
+{
+  "name": "@tileflow/vite",
+  "version": "0.1.0-alpha.0",
+  "description": "Vite plugin for Tileflow map style development and static artifacts.",
+  "type": "module",
+  "homepage": "https://tileflow.dev",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/tileflow/tileflow.git",
+    "directory": "packages/vite"
+  },
+  "bugs": {
+    "url": "https://github.com/tileflow/tileflow/issues"
+  },
+  "keywords": [
+    "tileflow",
+    "vite",
+    "maps",
+    "maplibre",
+    "plugin"
+  ],
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "default": "./dist/index.js"
+    }
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "dependencies": {
+    "@tileflow/dev": "0.1.0-alpha.0"
+  },
+  "peerDependencies": {
+    "vite": ">=5"
+  },
+  "devDependencies": {
+    "vite": "^8.0.16"
+  },
+  "scripts": {
+    "build": "tsup src/index.ts --format esm --dts --clean --external vite --platform node",
+    "typecheck": "tsc -p tsconfig.json --noEmit",
+    "lint": "tsc -p tsconfig.json --noEmit"
+  }
+}