@svfig/vite 0.1.0

package/README.md

@@ -0,0 +1,41 @@
+# @svfig/vite
+
+Vite plugin to import `.svfig` files as rendered SVG.
+
+```ts
+import svg, { document } from './diagram.svfig';
+// svg: string  (rendered SVG markup)
+// document: parsed SVFIG document
+```
+
+## Install
+
+```sh
+pnpm add -D @svfig/vite
+```
+
+## Usage
+
+### Vite
+
+```ts
+// vite.config.ts
+import { defineConfig } from 'vite';
+import { svfig } from '@svfig/vite';
+
+export default defineConfig({
+  plugins: [svfig()],
+});
+```
+
+### Astro
+
+```ts
+// astro.config.mjs
+import { defineConfig } from 'astro/config';
+import { svfig } from '@svfig/vite';
+
+export default defineConfig({
+  vite: { plugins: [svfig()] },
+});
+```

package/dist/index.d.ts

@@ -0,0 +1,11 @@
+export declare const svfig: () => {
+    name: string;
+    enforce: "pre";
+    load(this: {
+        addWatchFile?: (id: string) => void;
+    }, id: string): Promise<{
+        code: string;
+        map: null;
+    } | null>;
+};
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,KAAK;;;eAGC;QAAE,YAAY,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;KAAE,MAAM,MAAM;;;;CA0BpE,CAAC"}

package/dist/index.js

@@ -0,0 +1,31 @@
+import { readFile } from 'node:fs/promises';
+import { dirname } from 'node:path';
+import { renderSvg } from '@svfig/build';
+import { imagePaths, imageWatchPath } from '@svfig/build/path';
+import { parse } from '@svfig/core';
+export const svfig = () => ({
+    name: '@svfig/vite:svfig',
+    enforce: 'pre',
+    async load(id) {
+        const filename = id.split('?')[0];
+        if (!filename.endsWith('.svfig'))
+            return null;
+        this.addWatchFile?.(filename);
+        const src = await readFile(filename, 'utf8');
+        const svfig = parse(src, filename);
+        const baseDir = dirname(filename);
+        for (const path of imagePaths(svfig.elements)) {
+            const watch = await imageWatchPath(path, { baseDir });
+            if (watch)
+                this.addWatchFile?.(watch);
+        }
+        const svg = await renderSvg(svfig, { baseDir });
+        return {
+            code: `const document = ${JSON.stringify(svfig)};\n` +
+                `const svg = ${JSON.stringify(svg)};\n` +
+                `export { document };\n` +
+                `export default svg;\n`,
+            map: null,
+        };
+    },
+});

package/package.json

@@ -0,0 +1,31 @@
+{
+  "name": "@svfig/vite",
+  "version": "0.1.0",
+  "type": "module",
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "sideEffects": false,
+  "dependencies": {
+    "@svfig/build": "0.1.0",
+    "@svfig/core": "0.1.0"
+  },
+  "devDependencies": {
+    "@types/node": "^22.10.0"
+  },
+  "peerDependencies": {
+    "vite": ">=5.0.0"
+  },
+  "scripts": {
+    "build": "tsc -p tsconfig.build.json",
+    "typecheck": "tsc -p tsconfig.json --noEmit"
+  }
+}