vitepress-plugin-responsive-images 0.1.0 → 0.1.1

package/README.md

@@ -107,6 +107,18 @@ responsiveImages: false
 ---
 ```
 
+## Releasing
+
+This project uses Changesets and npm Trusted Publishing.
+
+For user-facing changes, add a changeset before opening a pull request:
+
+```bash
+npm run changeset
+```
+
+When changes are merged into `main`, the release workflow creates a `Version Packages` pull request. Merging that pull request publishes the package to npm and creates the GitHub release through Trusted Publishing.
+
 ## License
 
 MIT

package/dist/index.js

@@ -336,13 +336,11 @@ function responsiveImagesVitePlugin(runtime) {
     name: "vitepress-plugin-responsive-images",
     async configResolved(config) {
       resolvedConfig = config;
-      runtime.root = config.root;
-      runtime.base = config.base || "/";
-      runtime.cacheDir = path4.join(config.cacheDir, "responsive-images");
-      runtime.outDir = config.build.outDir;
+      applyResolvedConfig(runtime, config);
+      await ensureManifest(runtime);
     },
     async buildStart() {
-      await buildManifest(runtime);
+      await ensureManifest(runtime);
     },
     resolveId(source) {
       const fileName = getGeneratedFileName(source, runtime);
@@ -354,8 +352,11 @@ function responsiveImagesVitePlugin(runtime) {
       return `export default ${JSON.stringify(joinUrl(runtime.base, runtime.options.outputDir, fileName))}`;
     },
     async configureServer(server) {
-      await buildManifest(runtime);
+      await ensureManifest(runtime);
       installDevMiddleware(server, runtime);
+      server.watcher.on("change", async () => {
+        await rebuildManifest(runtime);
+      });
     },
     async closeBundle() {
       if (!resolvedConfig) return;
@@ -363,6 +364,20 @@ function responsiveImagesVitePlugin(runtime) {
     }
   };
 }
+function applyResolvedConfig(runtime, config) {
+  runtime.root = config.root;
+  runtime.base = config.base || "/";
+  runtime.cacheDir = path4.join(config.cacheDir, "responsive-images");
+  runtime.outDir = config.build.outDir;
+}
+async function ensureManifest(runtime) {
+  if (!runtime.built) {
+    await rebuildManifest(runtime);
+  }
+}
+async function rebuildManifest(runtime) {
+  await buildManifest(runtime);
+}
 function getGeneratedFileName(source, runtime) {
   const normalizedBase = runtime.base === "/" ? "" : runtime.base.replace(/\/+$/g, "");
   const prefixes = [`/${runtime.options.outputDir}/`];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vitepress-plugin-responsive-images",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "description": "Automatically convert local Markdown images in VitePress docs into responsive picture elements.",
   "type": "module",
   "license": "MIT",
@@ -44,7 +44,10 @@
     "test": "vitest run",
     "test:watch": "vitest",
     "test:integration": "vitest run tests/integration.test.ts",
-    "prepublishOnly": "npm run typecheck && npm run test && npm run build"
+    "prepublishOnly": "npm run typecheck && npm run test && npm run build",
+    "changeset": "changeset",
+    "version": "changeset version",
+    "release": "npm run typecheck && npm run test && npm run build && changeset publish"
   },
   "peerDependencies": {
     "vitepress": "^1.6.0 || ^2.0.0-alpha || ^2.0.0",
@@ -55,6 +58,8 @@
     "tinyglobby": "^0.2.17"
   },
   "devDependencies": {
+    "@changesets/changelog-github": "^0.7.0",
+    "@changesets/cli": "^2.31.0",
     "@types/markdown-it": "^14.1.2",
     "@types/node": "^25.9.3",
     "markdown-it": "^14.2.0",
@@ -63,5 +68,6 @@
     "vitepress": "^1.6.4",
     "vitest": "^4.1.9",
     "vue": "^3.5.38"
-  }
+  },
+  "packageManager": "npm@11.12.1"
 }