@opensourceframework/next-images - npm Package Compare versi...

+14

-15

package.json

		{
		"name": "@opensourceframework/next-images",
		"version": "1.8.8",
		"version": "1.8.9",
		"description": "Import images (jpg, jpeg, png, svg, gif, ico, webp, jp2, avif) in Next.js applications. Fork of next-images with TypeScript support.",
		@@ -58,2 +58,12 @@ "keywords": [
		],
		"scripts": {
		"build": "tsup",
		"dev": "tsup --watch",
		"lint": "eslint src/",
		"typecheck": "tsc --noEmit",
		"test": "vitest run",
		"test:watch": "vitest",
		"test:coverage": "vitest run --coverage",
		"clean": "rm -rf dist coverage node_modules"
		},
		"dependencies": {
		@@ -82,9 +92,8 @@ "file-loader": "^6.2.0",
		"type": "git",
		"url": "git+https://github.com/opensourceframework/opensourceframework.git",
		"directory": "packages/next-images"
		"url": "git+https://github.com/riceharvest/next-images.git"
		},
		"bugs": {
		"url": "https://github.com/opensourceframework/opensourceframework/issues?q=is%3Aissue+is%3Aopen+next-images"
		"url": "https://github.com/riceharvest/next-images/issues"
		},
		"homepage": "https://github.com/opensourceframework/opensourceframework/tree/main/packages/next-images#readme",
		"homepage": "https://github.com/riceharvest/next-images#readme",
		"publishConfig": {
		@@ -96,13 +105,3 @@ "access": "public"
		"url": "https://github.com/sponsors/opensourceframework"
		},
		"scripts": {
		"build": "tsup",
		"dev": "tsup --watch",
		"lint": "eslint src/",
		"typecheck": "tsc --noEmit",
		"test": "vitest run",
		"test:watch": "vitest",
		"test:coverage": "vitest run --coverage",
		"clean": "rm -rf dist coverage node_modules"
		}
		}

-127

dist/index.cjs

		'use strict';

		Object.defineProperty(exports, '__esModule', { value: true });

		var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
		get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
		}) : x)(function(x) {
		if (typeof require !== "undefined") return require.apply(this, arguments);
		throw Error('Dynamic require of "' + x + '" is not supported');
		});

		// src/index.ts
		var DEFAULT_FILE_EXTENSIONS = [
		"jpg",
		"jpeg",
		"png",
		"svg",
		"gif",
		"ico",
		"webp",
		"jp2",
		"avif"
		];
		var DEFAULT_INLINE_IMAGE_LIMIT = 8192;
		var DEFAULT_NAME = "[name]-[hash].[ext]";
		function withImages(nextConfig = {}) {
		const {
		dynamicAssetPrefix = false,
		inlineImageLimit = DEFAULT_INLINE_IMAGE_LIMIT,
		assetPrefix = "",
		basePath = "",
		fileExtensions = [...DEFAULT_FILE_EXTENSIONS],
		exclude,
		name = DEFAULT_NAME,
		esModule = false,
		...restConfig
		} = nextConfig;
		return Object.assign({}, restConfig, {
		// Configure server runtime config for dynamic asset prefix
		serverRuntimeConfig: dynamicAssetPrefix ? Object.assign({}, nextConfig.serverRuntimeConfig, {
		nextImagesAssetPrefix: assetPrefix \|\| basePath
		}) : nextConfig.serverRuntimeConfig,
		/**
		* Webpack configuration modifier
		* Adds rules for handling image files
		*/
		webpack(config, options) {
		const { isServer } = options;
		if (!options.defaultLoaders) {
		throw new Error(
		"This plugin is not compatible with Next.js versions below 5.0.0. Please upgrade Next.js to version 5.0.0 or higher. See: https://nextjs.org/docs/migrating"
		);
		}
		const extensionsPattern = fileExtensions.join("\|");
		const testRegex = new RegExp(`\\.(${extensionsPattern})$`);
		const issuerRegex = new RegExp("\\.\\w+(?<!(s?c\|sa)ss)$", "i");
		const imageRule = {
		test: testRegex,
		issuer: issuerRegex,
		exclude,
		use: [
		{
		loader: __require.resolve("url-loader"),
		options: {
		// Inline images below the limit as Base64
		limit: inlineImageLimit === false ? -1 : inlineImageLimit,
		// Use file-loader for images above the limit
		fallback: __require.resolve("file-loader"),
		// Output path for image files
		outputPath: `${isServer ? "../" : ""}static/images/`,
		// Public path configuration
		...dynamicAssetPrefix ? {
		// Dynamic public path for runtime resolution
		publicPath: `${isServer ? "/_next/" : ""}static/images/`,
		postTransformPublicPath: (p) => {
		if (isServer) {
		return `(require("next/config").default().serverRuntimeConfig.nextImagesAssetPrefix \|\| '') + ${p}`;
		}
		return `(__webpack_public_path__ \|\| '') + ${p}`;
		}
		} : {
		// Static public path from config
		publicPath: `${assetPrefix \|\| basePath \|\| ""}/_next/static/images/`
		},
		// Output file name template
		name,
		// ES modules syntax
		esModule
		}
		}
		]
		};
		config.module.rules.push(imageRule);
		if (typeof nextConfig.webpack === "function") {
		return nextConfig.webpack(config, options);
		}
		return config;
		}
		});
		}
		var index_default = withImages;
		/**
		* next-images - Import images in Next.js
		*
		* This package allows you to import images (jpg, jpeg, png, svg, gif, ico, webp, jp2, avif)
		* in your Next.js project using webpack file-loader and url-loader.
		*
		* @packageDocumentation
		*
		* @deprecated
		* This package is deprecated. Next.js 10+ includes a built-in Image component
		* that provides automatic image optimization, lazy loading, and better performance.
		* Consider migrating to next/image instead.
		* @see https://nextjs.org/docs/api-reference/next/image
		*
		* @license MIT
		* @originalAuthor Aref Aslani (twopluszero)
		* @originalRepo https://github.com/twopluszero/next-images
		*/

		exports.DEFAULT_FILE_EXTENSIONS = DEFAULT_FILE_EXTENSIONS;
		exports.DEFAULT_INLINE_IMAGE_LIMIT = DEFAULT_INLINE_IMAGE_LIMIT;
		exports.DEFAULT_NAME = DEFAULT_NAME;
		exports.default = index_default;
		exports.withImages = withImages;
		//# sourceMappingURL=index.cjs.map
		//# sourceMappingURL=index.cjs.map

-1

dist/index.cjs.map

-272

dist/index.d.cts

		/**
		* Type definitions for next-images
		*
		* These types are compatible with Next.js 12-16
		*/
		/**
		* Webpack configuration object (simplified)
		*/
		interface WebpackConfig {
		module: {
		rules: Array<{
		test: RegExp;
		issuer?: RegExp;
		exclude?: RegExp \| string;
		use?: Array<{
		loader: string;
		options?: Record<string, unknown>;
		}>;
		}>;
		};
		[key: string]: unknown;
		}
		/**
		* Webpack build context options
		*/
		interface WebpackContextOptions {
		/** Whether this is a server-side build */
		isServer: boolean;
		/** Whether this is a development build */
		dev?: boolean;
		/** Default loaders provided by Next.js */
		defaultLoaders?: {
		babel?: unknown;
		};
		/** Build ID */
		buildId?: string;
		/** Config object */
		config?: NextConfig;
		/** Total pages */
		totalPages?: number;
		/** Directory to output build */
		distDir?: string;
		/** Whether the build has a static export */
		hasExport?: boolean;
		/** Directory for static export */
		exportPathMap?: () => Record<string, unknown>;
		}
		/**
		* Webpack configuration function context
		*/
		interface WebpackConfigContext extends WebpackContextOptions {
		/** Entry points */
		entry?: Record<string, string[]>;
		/** Whether this is for static export */
		isStatic?: boolean;
		/** Default loaders */
		defaultLoaders: {
		babel: unknown;
		};
		}
		/**
		* Next.js configuration object
		*/
		interface NextConfig {
		/** Asset prefix for CDN support */
		assetPrefix?: string;
		/** Base path for the application */
		basePath?: string;
		/** Server-side runtime configuration */
		serverRuntimeConfig?: Record<string, unknown>;
		/** Public runtime configuration */
		publicRuntimeConfig?: Record<string, unknown>;
		/** Webpack configuration function */
		webpack?: (config: WebpackConfig, options: WebpackConfigContext) => WebpackConfig;
		/** Experimental features */
		experimental?: Record<string, unknown>;
		/** Environment variables */
		env?: Record<string, string>;
		/** Rewrites for routing */
		rewrites?: Array<{
		source: string;
		destination: string;
		}> \| (() => Promise<Array<{
		source: string;
		destination: string;
		}>>);
		/** Redirects for routing */
		redirects?: Array<{
		source: string;
		destination: string;
		permanent?: boolean;
		}> \| (() => Promise<Array<{
		source: string;
		destination: string;
		permanent?: boolean;
		}>>);
		/** Headers configuration */
		headers?: Array<{
		source: string;
		headers: Array<{
		key: string;
		value: string;
		}>;
		}> \| (() => Promise<Array<{
		source: string;
		headers: Array<{
		key: string;
		value: string;
		}>;
		}>>);
		/** Image optimization configuration */
		images?: {
		domains?: string[];
		loader?: 'default' \| 'imgix' \| 'cloudinary' \| 'akamai' \| 'custom';
		path?: string;
		deviceSizes?: number[];
		imageSizes?: number[];
		minimumCacheTTL?: number;
		formats?: ('image/avif' \| 'image/webp')[];
		dangerouslyAllowSVG?: boolean;
		contentSecurityPolicy?: string;
		};
		/** TypeScript configuration */
		typescript?: {
		ignoreBuildErrors?: boolean;
		};
		/** ESLint configuration */
		eslint?: {
		ignoreDuringBuilds?: boolean;
		};
		/** Output configuration */
		output?: 'standalone' \| 'export';
		/** Other configuration options */
		[key: string]: unknown;
		}

		/**
		* next-images - Import images in Next.js
		*
		* This package allows you to import images (jpg, jpeg, png, svg, gif, ico, webp, jp2, avif)
		* in your Next.js project using webpack file-loader and url-loader.
		*
		* @packageDocumentation
		*
		* @deprecated
		* This package is deprecated. Next.js 10+ includes a built-in Image component
		* that provides automatic image optimization, lazy loading, and better performance.
		* Consider migrating to next/image instead.
		* @see https://nextjs.org/docs/api-reference/next/image
		*
		* @license MIT
		* @originalAuthor Aref Aslani (twopluszero)
		* @originalRepo https://github.com/twopluszero/next-images
		*/

		/**
		* Configuration options for the withImages plugin
		*/
		interface WithImagesOptions {
		/**
		* Maximum file size (in bytes) for inlining images as Base64.
		* Images smaller than this limit will be inlined as data URLs.
		* Set to `false` to disable inlining entirely.
		* @default 8192 (8KB)
		*/
		inlineImageLimit?: number \| false;
		/**
		* Asset prefix for serving images from a CDN or external domain.
		* @see https://nextjs.org/docs/api-reference/next.config.js/cdn-support-with-asset-prefix
		*/
		assetPrefix?: string;
		/**
		* Base path for the application.
		* @see https://nextjs.org/docs/api-reference/next.config.js/basepath
		*/
		basePath?: string;
		/**
		* File extensions to handle with this loader.
		* @default ["jpg", "jpeg", "png", "svg", "gif", "ico", "webp", "jp2", "avif"]
		*/
		fileExtensions?: string[];
		/**
		* Paths to exclude from the loader.
		* Useful when you want to handle certain files with a different loader (e.g., svg-react-loader).
		*/
		exclude?: RegExp \| string;
		/**
		* Template for output file names.
		* @default "[name]-[hash].[ext]"
		* @see https://github.com/webpack/loader-utils#interpolatename
		*/
		name?: string;
		/**
		* Enable ES modules syntax for the output.
		* When enabled, you need to use `.default` when using require().
		* @default false
		*/
		esModule?: boolean;
		/**
		* Enable dynamic asset prefix resolution at runtime.
		* Useful when assetPrefix can change dynamically.
		* @default false
		*/
		dynamicAssetPrefix?: boolean;
		/**
		* Custom webpack configuration function.
		* This will be merged with the image loader configuration.
		*/
		webpack?: NextConfig['webpack'];
		/**
		* Server runtime configuration.
		*/
		serverRuntimeConfig?: Record<string, unknown>;
		}
		/**
		* Result type of the withImages function - a Next.js configuration object
		*/
		type WithImagesResult = NextConfig & {
		serverRuntimeConfig?: Record<string, unknown>;
		};
		/**
		* Default file extensions supported by the loader
		*/
		declare const DEFAULT_FILE_EXTENSIONS: readonly ["jpg", "jpeg", "png", "svg", "gif", "ico", "webp", "jp2", "avif"];
		/**
		* Default inline image limit (8KB)
		*/
		declare const DEFAULT_INLINE_IMAGE_LIMIT = 8192;
		/**
		* Default output file name template
		*/
		declare const DEFAULT_NAME = "[name]-[hash].[ext]";
		/**
		* Next.js plugin for importing images in your project.
		*
		* This function wraps your Next.js configuration and adds webpack rules
		* for handling image files using url-loader (for small images) and file-loader
		* (for larger images).
		*
		* @param nextConfig - Your existing Next.js configuration options
		* @returns Modified Next.js configuration with image handling
		*
		* @example
		* ```js
		* // next.config.js
		* const withImages = require('next-images');
		*
		* module.exports = withImages();
		* ```
		*
		* @example
		* ```js
		* // With custom options
		* const withImages = require('next-images');
		*
		* module.exports = withImages({
		* inlineImageLimit: 16384,
		* fileExtensions: ['jpg', 'png', 'svg'],
		* webpack(config, options) {
		* // Additional webpack configuration
		* return config;
		* }
		* });
		* ```
		*
		* @deprecated
		* Consider using Next.js built-in Image component instead.
		* @see https://nextjs.org/docs/api-reference/next/image
		*/
		declare function withImages(nextConfig?: WithImagesOptions): WithImagesResult;

		export { DEFAULT_FILE_EXTENSIONS, DEFAULT_INLINE_IMAGE_LIMIT, DEFAULT_NAME, type NextConfig, type WebpackConfig, type WebpackConfigContext, type WithImagesOptions, type WithImagesResult, withImages as default, withImages };

-272

dist/index.d.ts

		/**
		* Type definitions for next-images
		*
		* These types are compatible with Next.js 12-16
		*/
		/**
		* Webpack configuration object (simplified)
		*/
		interface WebpackConfig {
		module: {
		rules: Array<{
		test: RegExp;
		issuer?: RegExp;
		exclude?: RegExp \| string;
		use?: Array<{
		loader: string;
		options?: Record<string, unknown>;
		}>;
		}>;
		};
		[key: string]: unknown;
		}
		/**
		* Webpack build context options
		*/
		interface WebpackContextOptions {
		/** Whether this is a server-side build */
		isServer: boolean;
		/** Whether this is a development build */
		dev?: boolean;
		/** Default loaders provided by Next.js */
		defaultLoaders?: {
		babel?: unknown;
		};
		/** Build ID */
		buildId?: string;
		/** Config object */
		config?: NextConfig;
		/** Total pages */
		totalPages?: number;
		/** Directory to output build */
		distDir?: string;
		/** Whether the build has a static export */
		hasExport?: boolean;
		/** Directory for static export */
		exportPathMap?: () => Record<string, unknown>;
		}
		/**
		* Webpack configuration function context
		*/
		interface WebpackConfigContext extends WebpackContextOptions {
		/** Entry points */
		entry?: Record<string, string[]>;
		/** Whether this is for static export */
		isStatic?: boolean;
		/** Default loaders */
		defaultLoaders: {
		babel: unknown;
		};
		}
		/**
		* Next.js configuration object
		*/
		interface NextConfig {
		/** Asset prefix for CDN support */
		assetPrefix?: string;
		/** Base path for the application */
		basePath?: string;
		/** Server-side runtime configuration */
		serverRuntimeConfig?: Record<string, unknown>;
		/** Public runtime configuration */
		publicRuntimeConfig?: Record<string, unknown>;
		/** Webpack configuration function */
		webpack?: (config: WebpackConfig, options: WebpackConfigContext) => WebpackConfig;
		/** Experimental features */
		experimental?: Record<string, unknown>;
		/** Environment variables */
		env?: Record<string, string>;
		/** Rewrites for routing */
		rewrites?: Array<{
		source: string;
		destination: string;
		}> \| (() => Promise<Array<{
		source: string;
		destination: string;
		}>>);
		/** Redirects for routing */
		redirects?: Array<{
		source: string;
		destination: string;
		permanent?: boolean;
		}> \| (() => Promise<Array<{
		source: string;
		destination: string;
		permanent?: boolean;
		}>>);
		/** Headers configuration */
		headers?: Array<{
		source: string;
		headers: Array<{
		key: string;
		value: string;
		}>;
		}> \| (() => Promise<Array<{
		source: string;
		headers: Array<{
		key: string;
		value: string;
		}>;
		}>>);
		/** Image optimization configuration */
		images?: {
		domains?: string[];
		loader?: 'default' \| 'imgix' \| 'cloudinary' \| 'akamai' \| 'custom';
		path?: string;
		deviceSizes?: number[];
		imageSizes?: number[];
		minimumCacheTTL?: number;
		formats?: ('image/avif' \| 'image/webp')[];
		dangerouslyAllowSVG?: boolean;
		contentSecurityPolicy?: string;
		};
		/** TypeScript configuration */
		typescript?: {
		ignoreBuildErrors?: boolean;
		};
		/** ESLint configuration */
		eslint?: {
		ignoreDuringBuilds?: boolean;
		};
		/** Output configuration */
		output?: 'standalone' \| 'export';
		/** Other configuration options */
		[key: string]: unknown;
		}

		/**
		* next-images - Import images in Next.js
		*
		* This package allows you to import images (jpg, jpeg, png, svg, gif, ico, webp, jp2, avif)
		* in your Next.js project using webpack file-loader and url-loader.
		*
		* @packageDocumentation
		*
		* @deprecated
		* This package is deprecated. Next.js 10+ includes a built-in Image component
		* that provides automatic image optimization, lazy loading, and better performance.
		* Consider migrating to next/image instead.
		* @see https://nextjs.org/docs/api-reference/next/image
		*
		* @license MIT
		* @originalAuthor Aref Aslani (twopluszero)
		* @originalRepo https://github.com/twopluszero/next-images
		*/

		/**
		* Configuration options for the withImages plugin
		*/
		interface WithImagesOptions {
		/**
		* Maximum file size (in bytes) for inlining images as Base64.
		* Images smaller than this limit will be inlined as data URLs.
		* Set to `false` to disable inlining entirely.
		* @default 8192 (8KB)
		*/
		inlineImageLimit?: number \| false;
		/**
		* Asset prefix for serving images from a CDN or external domain.
		* @see https://nextjs.org/docs/api-reference/next.config.js/cdn-support-with-asset-prefix
		*/
		assetPrefix?: string;
		/**
		* Base path for the application.
		* @see https://nextjs.org/docs/api-reference/next.config.js/basepath
		*/
		basePath?: string;
		/**
		* File extensions to handle with this loader.
		* @default ["jpg", "jpeg", "png", "svg", "gif", "ico", "webp", "jp2", "avif"]
		*/
		fileExtensions?: string[];
		/**
		* Paths to exclude from the loader.
		* Useful when you want to handle certain files with a different loader (e.g., svg-react-loader).
		*/
		exclude?: RegExp \| string;
		/**
		* Template for output file names.
		* @default "[name]-[hash].[ext]"
		* @see https://github.com/webpack/loader-utils#interpolatename
		*/
		name?: string;
		/**
		* Enable ES modules syntax for the output.
		* When enabled, you need to use `.default` when using require().
		* @default false
		*/
		esModule?: boolean;
		/**
		* Enable dynamic asset prefix resolution at runtime.
		* Useful when assetPrefix can change dynamically.
		* @default false
		*/
		dynamicAssetPrefix?: boolean;
		/**
		* Custom webpack configuration function.
		* This will be merged with the image loader configuration.
		*/
		webpack?: NextConfig['webpack'];
		/**
		* Server runtime configuration.
		*/
		serverRuntimeConfig?: Record<string, unknown>;
		}
		/**
		* Result type of the withImages function - a Next.js configuration object
		*/
		type WithImagesResult = NextConfig & {
		serverRuntimeConfig?: Record<string, unknown>;
		};
		/**
		* Default file extensions supported by the loader
		*/
		declare const DEFAULT_FILE_EXTENSIONS: readonly ["jpg", "jpeg", "png", "svg", "gif", "ico", "webp", "jp2", "avif"];
		/**
		* Default inline image limit (8KB)
		*/
		declare const DEFAULT_INLINE_IMAGE_LIMIT = 8192;
		/**
		* Default output file name template
		*/
		declare const DEFAULT_NAME = "[name]-[hash].[ext]";
		/**
		* Next.js plugin for importing images in your project.
		*
		* This function wraps your Next.js configuration and adds webpack rules
		* for handling image files using url-loader (for small images) and file-loader
		* (for larger images).
		*
		* @param nextConfig - Your existing Next.js configuration options
		* @returns Modified Next.js configuration with image handling
		*
		* @example
		* ```js
		* // next.config.js
		* const withImages = require('next-images');
		*
		* module.exports = withImages();
		* ```
		*
		* @example
		* ```js
		* // With custom options
		* const withImages = require('next-images');
		*
		* module.exports = withImages({
		* inlineImageLimit: 16384,
		* fileExtensions: ['jpg', 'png', 'svg'],
		* webpack(config, options) {
		* // Additional webpack configuration
		* return config;
		* }
		* });
		* ```
		*
		* @deprecated
		* Consider using Next.js built-in Image component instead.
		* @see https://nextjs.org/docs/api-reference/next/image
		*/
		declare function withImages(nextConfig?: WithImagesOptions): WithImagesResult;

		export { DEFAULT_FILE_EXTENSIONS, DEFAULT_INLINE_IMAGE_LIMIT, DEFAULT_NAME, type NextConfig, type WebpackConfig, type WebpackConfigContext, type WithImagesOptions, type WithImagesResult, withImages as default, withImages };

-119

dist/index.js

		var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
		get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
		}) : x)(function(x) {
		if (typeof require !== "undefined") return require.apply(this, arguments);
		throw Error('Dynamic require of "' + x + '" is not supported');
		});

		// src/index.ts
		var DEFAULT_FILE_EXTENSIONS = [
		"jpg",
		"jpeg",
		"png",
		"svg",
		"gif",
		"ico",
		"webp",
		"jp2",
		"avif"
		];
		var DEFAULT_INLINE_IMAGE_LIMIT = 8192;
		var DEFAULT_NAME = "[name]-[hash].[ext]";
		function withImages(nextConfig = {}) {
		const {
		dynamicAssetPrefix = false,
		inlineImageLimit = DEFAULT_INLINE_IMAGE_LIMIT,
		assetPrefix = "",
		basePath = "",
		fileExtensions = [...DEFAULT_FILE_EXTENSIONS],
		exclude,
		name = DEFAULT_NAME,
		esModule = false,
		...restConfig
		} = nextConfig;
		return Object.assign({}, restConfig, {
		// Configure server runtime config for dynamic asset prefix
		serverRuntimeConfig: dynamicAssetPrefix ? Object.assign({}, nextConfig.serverRuntimeConfig, {
		nextImagesAssetPrefix: assetPrefix \|\| basePath
		}) : nextConfig.serverRuntimeConfig,
		/**
		* Webpack configuration modifier
		* Adds rules for handling image files
		*/
		webpack(config, options) {
		const { isServer } = options;
		if (!options.defaultLoaders) {
		throw new Error(
		"This plugin is not compatible with Next.js versions below 5.0.0. Please upgrade Next.js to version 5.0.0 or higher. See: https://nextjs.org/docs/migrating"
		);
		}
		const extensionsPattern = fileExtensions.join("\|");
		const testRegex = new RegExp(`\\.(${extensionsPattern})$`);
		const issuerRegex = new RegExp("\\.\\w+(?<!(s?c\|sa)ss)$", "i");
		const imageRule = {
		test: testRegex,
		issuer: issuerRegex,
		exclude,
		use: [
		{
		loader: __require.resolve("url-loader"),
		options: {
		// Inline images below the limit as Base64
		limit: inlineImageLimit === false ? -1 : inlineImageLimit,
		// Use file-loader for images above the limit
		fallback: __require.resolve("file-loader"),
		// Output path for image files
		outputPath: `${isServer ? "../" : ""}static/images/`,
		// Public path configuration
		...dynamicAssetPrefix ? {
		// Dynamic public path for runtime resolution
		publicPath: `${isServer ? "/_next/" : ""}static/images/`,
		postTransformPublicPath: (p) => {
		if (isServer) {
		return `(require("next/config").default().serverRuntimeConfig.nextImagesAssetPrefix \|\| '') + ${p}`;
		}
		return `(__webpack_public_path__ \|\| '') + ${p}`;
		}
		} : {
		// Static public path from config
		publicPath: `${assetPrefix \|\| basePath \|\| ""}/_next/static/images/`
		},
		// Output file name template
		name,
		// ES modules syntax
		esModule
		}
		}
		]
		};
		config.module.rules.push(imageRule);
		if (typeof nextConfig.webpack === "function") {
		return nextConfig.webpack(config, options);
		}
		return config;
		}
		});
		}
		var index_default = withImages;
		/**
		* next-images - Import images in Next.js
		*
		* This package allows you to import images (jpg, jpeg, png, svg, gif, ico, webp, jp2, avif)
		* in your Next.js project using webpack file-loader and url-loader.
		*
		* @packageDocumentation
		*
		* @deprecated
		* This package is deprecated. Next.js 10+ includes a built-in Image component
		* that provides automatic image optimization, lazy loading, and better performance.
		* Consider migrating to next/image instead.
		* @see https://nextjs.org/docs/api-reference/next/image
		*
		* @license MIT
		* @originalAuthor Aref Aslani (twopluszero)
		* @originalRepo https://github.com/twopluszero/next-images
		*/

		export { DEFAULT_FILE_EXTENSIONS, DEFAULT_INLINE_IMAGE_LIMIT, DEFAULT_NAME, index_default as default, withImages };
		//# sourceMappingURL=index.js.map
		//# sourceMappingURL=index.js.map

-1

dist/index.js.map

@opensourceframework/next-images - npm Package Compare versions

New alerts

Fixed alerts

Improved metrics

Worsened metrics