@richiesams/vitepress-plugin-images 0.1.0 → 0.2.0

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/cache.d.ts

@@ -1,4 +1,4 @@
-import type { GeneratedAsset, ProcessedImageResult } from "./types";
+import type { GeneratedAsset, ProcessedImageResult } from "./types.js";
 interface CachedEntry {
     result: ProcessedImageResult;
     assets: GeneratedAsset[];

package/dist/imageData.d.ts

@@ -1 +1 @@
-export type { OptimizedImageData } from "./types";
+export type { OptimizedImageData } from "./types.js";

package/dist/index.d.ts

@@ -1,6 +1,5 @@
-export { optimizedImagesPlugin } from "./plugin";
-export { defaultPresets } from "./presets";
-export type { OptimizedImageData } from "./imageData";
-export type { OptimizedImagePreset, OptimizedImagesPluginOptions } from "./types";
-export { OptimizedImage } from "./runtime/OptimizedImage";
-export { registerOptimizedImageComponent } from "./runtime/register";
+export { defaultPresets } from "./presets.js";
+export type { OptimizedImageData } from "./imageData.js";
+export type { OptimizedImagePreset, OptimizedImagesPluginOptions } from "./types.js";
+export { OptimizedImage } from "./runtime/OptimizedImage.js";
+export { registerOptimizedImageComponent } from "./runtime/register.js";

package/dist/index.js

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

package/dist/loader.d.ts

@@ -1,3 +1,3 @@
 import type { Plugin } from "vite";
-import type { OptimizedImagesPluginOptions } from "./types";
+import type { OptimizedImagesPluginOptions } from "./types.js";
 export declare function createImageLoaderPlugin(options: OptimizedImagesPluginOptions): Plugin;

package/dist/loader.js

@@ -1,8 +1,8 @@
 import path from "node:path";
-import { ImageProcessCache } from "./cache";
-import { defaultPresets, resolvePreset } from "./presets";
-import { processImageWithSharp, toBuildAssetPath } from "./sharp";
-import { ensureStartsWithSlash, isImagePath, normalizePathForId, parseQuery, stripQuery, } from "./utils";
+import { ImageProcessCache } from "./cache.js";
+import { defaultPresets, resolvePreset } from "./presets.js";
+import { processImageWithSharp, toBuildAssetPath } from "./sharp.js";
+import { ensureStartsWithSlash, isImagePath, normalizePathForId, parseQuery, stripQuery, } from "./utils.js";
 const QUERY_FLAG = "optimized-image";
 const DEV_ROUTE_PREFIX = "/@optimized-images/";
 function makeDevUrl(fileName) {

package/dist/plugin.d.ts

@@ -1,3 +1,3 @@
 import type { Plugin } from "vite";
-import type { OptimizedImagesPluginOptions } from "./types";
+import type { OptimizedImagesPluginOptions } from "./types.js";
 export declare function optimizedImagesPlugin(options?: OptimizedImagesPluginOptions): Plugin[];

package/dist/plugin.js

@@ -1,5 +1,5 @@
-import { createImageLoaderPlugin } from "./loader";
-import { transformOptimizedImages } from "./transform";
+import { createImageLoaderPlugin } from "./loader.js";
+import { transformOptimizedImages } from "./transform.js";
 export function optimizedImagesPlugin(options = {}) {
     const componentName = options.componentName ?? "OptimizedImage";
     return [

package/dist/presets.d.ts

@@ -1,3 +1,3 @@
-import type { OptimizedImagePreset, ResolvedPreset } from "./types";
+import type { OptimizedImagePreset, ResolvedPreset } from "./types.js";
 export declare const defaultPresets: Record<string, OptimizedImagePreset>;
 export declare function resolvePreset(presets: Record<string, OptimizedImagePreset>, presetName: string): ResolvedPreset;

package/dist/runtime/OptimizedImage.d.ts

@@ -1,5 +1,5 @@
 import { type PropType } from "vue";
-import type { OptimizedImageData } from "../types";
+import type { OptimizedImageData } from "../types.js";
 export declare const OptimizedImage: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     image: {
         type: PropType<OptimizedImageData>;

package/dist/runtime/register.js

@@ -1,4 +1,4 @@
-import { OptimizedImage } from "./OptimizedImage";
+import { OptimizedImage } from "./OptimizedImage.js";
 export function registerOptimizedImageComponent(app) {
     app.component("OptimizedImage", OptimizedImage);
 }

package/dist/sharp.d.ts

@@ -1,4 +1,4 @@
-import type { GeneratedAsset, ProcessedImageResult, ResolvedPreset } from "./types";
+import type { GeneratedAsset, ProcessedImageResult, ResolvedPreset } from "./types.js";
 export interface ProcessImageInput {
     sourcePath: string;
     presetName: string;

package/dist/sharp.js

@@ -1,7 +1,7 @@
 import fs from "node:fs/promises";
 import path from "node:path";
 import sharp from "sharp";
-import { hash } from "./utils";
+import { hash } from "./utils.js";
 const PLUGIN_VERSION = "0.1.0";
 export async function processImageWithSharp(input) {
     const stat = await fs.stat(input.sourcePath);

package/dist/transform.d.ts

@@ -1,2 +1,2 @@
-import type { TransformResult } from "./types";
+import type { TransformResult } from "./types.js";
 export declare function transformOptimizedImages(code: string, id: string, componentName: string): TransformResult | null;

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.0",
+  "version": "0.2.0",
   "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": [