@richiesams/vitepress-plugin-images 0.1.1 → 0.2.1

package/README.md

@@ -28,7 +28,7 @@ In `.vitepress/config.ts`:
 
 ```ts
 import { defineConfig } from "vitepress";
-import { optimizedImagesPlugin } from "@richiesams/vitepress-plugin-images";
+import { optimizedImagesPlugin } from "@richiesams/vitepress-plugin-images/vite";
 
 export default defineConfig({
   vite: {
@@ -83,11 +83,12 @@ You can provide custom presets via `optimizedImagesPlugin({ presets: { ... } })`
 
 ```ts
 import {
-  optimizedImagesPlugin,
   registerOptimizedImageComponent,
   OptimizedImage,
   defaultPresets,
 } from "@richiesams/vitepress-plugin-images";
+
+import { optimizedImagesPlugin } from "@richiesams/vitepress-plugin-images/vite";
 ```
 
 ## Development
@@ -131,3 +132,5 @@ The `prepublishOnly` script runs validation automatically before publish:
 
 - Package exports are configured for ESM (`import`) and types (`.d.ts`).
 - Runtime dependencies include Sharp, Magic String, and Vue SFC parser support.
+- Use `@richiesams/vitepress-plugin-images/vite` for VitePress config plugin imports.
+- Use `@richiesams/vitepress-plugin-images` in theme/runtime code.

package/dist/index.d.ts

@@ -1,4 +1,3 @@
-export { optimizedImagesPlugin } from "./plugin.js";
 export { defaultPresets } from "./presets.js";
 export type { OptimizedImageData } from "./imageData.js";
 export type { OptimizedImagePreset, OptimizedImagesPluginOptions } from "./types.js";

package/dist/index.js

@@ -1,4 +1,3 @@
-export { optimizedImagesPlugin } from "./plugin.js";
 export { defaultPresets } from "./presets.js";
 export { OptimizedImage } from "./runtime/OptimizedImage.js";
 export { registerOptimizedImageComponent } from "./runtime/register.js";

package/dist/loader.js

@@ -83,6 +83,7 @@ export function createImageLoaderPlugin(options) {
     };
     return {
         name: "vitepress-plugin-images:loader",
+        enforce: "pre",
         configResolved(config) {
             env.config = config;
         },

package/dist/transform.js

@@ -58,6 +58,9 @@ function transformTemplateContent(template, componentName) {
     };
 }
 export function transformOptimizedImages(code, id, componentName) {
+    if (id.includes("?")) {
+        return null;
+    }
     const cleanId = id.split("?", 1)[0];
     if (!cleanId.endsWith(".vue") && !cleanId.endsWith(".md")) {
         return null;
@@ -74,11 +77,12 @@ export function transformOptimizedImages(code, id, componentName) {
     const editor = new MagicString(code);
     editor.overwrite(template.loc.start.offset, template.loc.end.offset, transformedTemplate.code);
     const importBlock = `${transformedTemplate.imports.join("\n")}\n`;
-    const scriptSetupOpen = /<script\s+setup(?:\s+[^>]*)?>/;
-    const scriptSetupMatch = scriptSetupOpen.exec(editor.toString());
-    if (scriptSetupMatch) {
-        const insertionPoint = (scriptSetupMatch.index ?? 0) + scriptSetupMatch[0].length;
-        editor.appendLeft(insertionPoint, `\n${importBlock}`);
+    if (sfc.scriptSetup) {
+        const openTagEnd = code.indexOf(">", sfc.scriptSetup.loc.start.offset);
+        if (openTagEnd < 0) {
+            throw new Error(`[vitepress-plugin-images] Could not locate <script setup> tag end in ${cleanId}`);
+        }
+        editor.appendLeft(openTagEnd + 1, `\n${importBlock}`);
     }
     else {
         editor.prepend(`<script setup>\n${importBlock}</script>\n`);

package/dist/vite.d.ts

@@ -0,0 +1,3 @@
+export { optimizedImagesPlugin } from "./plugin.js";
+export { defaultPresets } from "./presets.js";
+export type { OptimizedImagePreset, OptimizedImagesPluginOptions } from "./types.js";

package/dist/vite.js

@@ -0,0 +1,2 @@
+export { optimizedImagesPlugin } from "./plugin.js";
+export { defaultPresets } from "./presets.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@richiesams/vitepress-plugin-images",
-  "version": "0.1.1",
+  "version": "0.2.1",
   "description": "Static image optimization pipeline for VitePress",
   "license": "MIT",
   "keywords": [
@@ -18,6 +18,10 @@
     ".": {
       "types": "./dist/index.d.ts",
       "import": "./dist/index.js"
+    },
+    "./vite": {
+      "types": "./dist/vite.d.ts",
+      "import": "./dist/vite.js"
     }
   },
   "files": [
@@ -36,7 +40,9 @@
     "sharp": "^0.34.2"
   },
   "devDependencies": {
+    "@vitejs/plugin-vue": "^5.2.4",
     "@types/node": "^26.1.0",
+    "@vue/server-renderer": "^3.5.17",
     "tsx": "^4.20.3",
     "typescript": "^5.8.3",
     "vite": "^6.3.5",