{"_id":"next-image-standalone","_rev":"2-10092a7c626fd0c8fcd9ff62d9ca9d56","name":"next-image-standalone","dist-tags":{"latest":"0.1.3"},"versions":{"0.1.0":{"name":"next-image-standalone","version":"0.1.0","keywords":["next","nextjs","next-image","image","react"],"author":{"url":"https://balintbrews.com","name":"Bálint Kléri"},"license":"MIT","_id":"next-image-standalone@0.1.0","maintainers":[{"name":"balintbrews","email":"b@balintbrews.com"}],"homepage":"https://github.com/balintbrews/next-image-standalone#readme","bugs":{"url":"https://github.com/balintbrews/next-image-standalone/issues"},"dist":{"shasum":"8f28d243cb2a063c004494c13aeb25b2bac4f462","tarball":"https://registry.npmjs.org/next-image-standalone/-/next-image-standalone-0.1.0.tgz","fileCount":6,"integrity":"sha512-VBSt6WF7MbjGK+ATsewTFrPCoNbPJpXwA+RZdTkpc9Q5hjIHeV5+vECC/012kyjiROXvnUUUUxFlnx3o1CdOxw==","signatures":[{"sig":"MEQCIHJcHwwvB2aTs3wQHYLK6UAcT0xYJ3fXAsh4D/j+HA4XAiBrrKNRrOfPg/XHkqGkHpqf2tXguF1ZZhYEIUqTiRqkUw==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":1521750},"main":"./dist/next-image-standalone.umd.js","type":"module","module":"./dist/next-image-standalone.es.js","exports":{".":{"import":"./dist/next-image-standalone.es.js","require":"./dist/next-image-standalone.umd.js"}},"gitHead":"ce16c926287ad99871380e873dac6b5bb11578fe","scripts":{"dev":"vite","build":"tsc -b && vite build","preview":"vite preview","code:fix":"run-s -c -n code:fix:**","s:eslint":"eslint \"**/*.{js,jsx,ts,tsx}\"","code:check":"run-s -c -n code:check:**","s:prettier":"prettier \"**/*.{js,jsx,ts,tsx,json,html,md,mdx,yml}\"","code:check:tsc":"tsc --noEmit","prepublishOnly":"npm run build","code:fix:eslint":"npm run s:eslint -- --fix","code:check:eslint":"npm run s:eslint","code:fix:prettier":"npm run s:prettier -- --write","code:check:prettier":"npm run s:prettier -- --check"},"_npmUser":{"name":"balintbrews","actor":{"name":"balintbrews","type":"user","email":"b@balintbrews.com"},"email":"b@balintbrews.com"},"repository":{"url":"git+https://github.com/balintbrews/next-image-standalone.git","type":"git"},"_npmVersion":"10.9.2","description":"A standalone version of the Next.js Image component for use in non-Next.js projects.","directories":{},"_nodeVersion":"23.10.0","_hasShrinkwrap":false,"devDependencies":{"next":"^15.3.1","vite":"^6.3.1","react":"^19.0.0","eslint":"^9.22.0","globals":"^16.0.0","react-dom":"^19.0.0","@eslint/js":"^9.22.0","typescript":"~5.7.2","@types/node":"^22.14.1","npm-run-all":"^4.1.5","@types/react":"^19.0.10","@types/react-dom":"^19.0.4","typescript-eslint":"^8.26.1","@vitejs/plugin-react":"^4.3.4","eslint-plugin-react-x":"^1.48.4","@rollup/plugin-replace":"^6.0.2","eslint-plugin-react-dom":"^1.48.4","eslint-plugin-react-hooks":"^5.2.0","eslint-plugin-react-refresh":"^0.4.19","@ianvs/prettier-plugin-sort-imports":"^4.4.1"},"peerDependencies":{"react":">=18.0.0","react-dom":">=18.0.0"},"_npmOperationalInternal":{"tmp":"tmp/next-image-standalone_0.1.0_1750724847134_0.5853178292387651","host":"s3://npm-registry-packages-npm-production"}},"0.1.3":{"name":"next-image-standalone","version":"0.1.3","description":"A standalone version of the Next.js Image component for use in non-Next.js projects.","license":"MIT","repository":{"type":"git","url":"git+https://github.com/balintbrews/next-image-standalone.git"},"author":{"name":"Bálint Kléri","url":"https://balintbrews.com"},"bugs":{"url":"https://github.com/balintbrews/next-image-standalone/issues"},"homepage":"https://github.com/balintbrews/next-image-standalone#readme","keywords":["next","nextjs","next-image","image","react"],"type":"module","main":"./dist/next-image-standalone.umd.js","module":"./dist/next-image-standalone.es.js","types":"./dist/next-image-standalone.d.ts","exports":{".":{"types":"./dist/next-image-standalone.d.ts","import":"./dist/next-image-standalone.es.js","require":"./dist/next-image-standalone.umd.js"}},"peerDependencies":{"react":">=18.0.0","react-dom":">=18.0.0"},"devDependencies":{"@eslint/js":"^9.22.0","@ianvs/prettier-plugin-sort-imports":"^4.4.1","@rollup/plugin-replace":"^6.0.2","@types/node":"^22.14.1","@types/react":"^19.0.10","@types/react-dom":"^19.0.4","@vitejs/plugin-react":"^4.3.4","eslint":"^9.22.0","eslint-plugin-react-dom":"^1.48.4","eslint-plugin-react-hooks":"^5.2.0","eslint-plugin-react-refresh":"^0.4.19","eslint-plugin-react-x":"^1.48.4","globals":"^16.0.0","next":"^15.3.1","npm-run-all":"^4.1.5","react":"^19.0.0","react-dom":"^19.0.0","typescript":"~5.7.2","typescript-eslint":"^8.26.1","vite":"^6.3.1","vite-plugin-dts":"^4.5.4"},"scripts":{"dev":"vite","build":"tsc -b && vite build","prepublishOnly":"npm run build","preview":"vite preview","code:check":"run-s -c -n code:check:**","code:check:tsc":"tsc --noEmit","code:check:eslint":"npm run s:eslint","code:check:prettier":"npm run s:prettier -- --check","code:fix":"run-s -c -n code:fix:**","code:fix:eslint":"npm run s:eslint -- --fix","code:fix:prettier":"npm run s:prettier -- --write","s:eslint":"eslint \"**/*.{js,jsx,ts,tsx}\"","s:prettier":"prettier \"**/*.{js,jsx,ts,tsx,json,html,md,mdx,yml}\""},"_id":"next-image-standalone@0.1.3","gitHead":"33f9174f4756fb8aed72e822888380a266ce2491","_nodeVersion":"20.19.2","_npmVersion":"10.8.2","dist":{"integrity":"sha512-vmV9rm68A0Rb63jFaeJkY5I/BX5Qq8EHHonX6HkX1lAGDxRFQG0BRCrBb0flo/9xj3BSRjS7WR9eRz+pzHncpg==","shasum":"3fe5f5a0be15b5b215a084131e84c5a1b47cefb7","tarball":"https://registry.npmjs.org/next-image-standalone/-/next-image-standalone-0.1.3.tgz","fileCount":7,"unpackedSize":1521079,"attestations":{"url":"https://registry.npmjs.org/-/npm/v1/attestations/next-image-standalone@0.1.3","provenance":{"predicateType":"https://slsa.dev/provenance/v1"}},"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEYCIQDshwdV80mdtr8uxaMtWCd1tHJyIrsANA/zellAU/muugIhANKCWoURhfOSIly+X6DrcdS8tvP8w7XJVxj7JpqGBRsj"}]},"_npmUser":{"name":"balintbrews","email":"b@balintbrews.com","actor":{"name":"balintbrews","email":"b@balintbrews.com","type":"user"}},"directories":{},"maintainers":[{"name":"balintbrews","email":"b@balintbrews.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/next-image-standalone_0.1.3_1750762812982_0.8604151492067766"},"_hasShrinkwrap":false}},"time":{"created":"2025-06-24T00:27:27.014Z","modified":"2025-06-24T11:00:13.620Z","0.1.0":"2025-06-24T00:27:27.422Z","0.1.3":"2025-06-24T11:00:13.195Z"},"bugs":{"url":"https://github.com/balintbrews/next-image-standalone/issues"},"author":{"name":"Bálint Kléri","url":"https://balintbrews.com"},"license":"MIT","homepage":"https://github.com/balintbrews/next-image-standalone#readme","keywords":["next","nextjs","next-image","image","react"],"repository":{"type":"git","url":"git+https://github.com/balintbrews/next-image-standalone.git"},"description":"A standalone version of the Next.js Image component for use in non-Next.js projects.","maintainers":[{"name":"balintbrews","email":"b@balintbrews.com"}],"readme":"# `next-image-standalone`\n\nA standalone version of the\n[Next.js Image component](https://nextjs.org/docs/app/api-reference/components/image)\nfor use in non-Next.js projects. This package bundles the actual Next.js Image\ncomponent code and its dependencies, allowing you to use it with your own image\noptimization backend.\n\n**Important Note**: This is a purely client-side implementation. Unlike the\nstandard Next.js Image component, this package does not include any server-side\nimage optimization logic. All image optimization must be handled by your own\nbackend service or CDN, which you configure through the `loader` prop.\n\n## Installation\n\n```bash\nnpm install next-image-standalone\n```\n\n## Usage\n\n```jsx\nimport Image from 'next-image-standalone';\n\n// It's required to define a loader function.\nconst myImageLoader = ({ src, width, quality }) => {\n  return `https://my-cdn.com/${src}?w=${width}&q=${quality}`;\n};\n\nfunction MyComponent() {\n  return (\n    <Image\n      src=\"/my-image.jpg\"\n      alt=\"My image\"\n      width={500}\n      height={300}\n      loader={myImageLoader}\n    />\n  );\n}\n```\n\n## API\n\nThe component accepts all the **same props as the standard Next.js Image\ncomponent**, including `src`, `alt`, `width`, `height`, and other common image\nproperties. You can find the complete list of available props in the\n[Next.js Image component documentation](https://nextjs.org/docs/app/api-reference/components/image#props).\n\nOne enhancement over the standard Next.js Image component is the **`loader`\nprop,** which provides access to the complete set of image properties through\nthe `imageProps` parameter.\n\nAdditionally, you can pass a **`config` prop** to customize the image\noptimization behavior. This prop accepts the same configuration options that\nwould normally be set in `next.config.js` in a Next.js project. However, some\nNext.js-specific configuration options are not supported since they require\nserver-side logic:\n\n- `localPatterns`: For local image optimization patterns\n- `remotePatterns`: For remote image optimization patterns\n- `domains`: For allowed image domains\n- `loaderFile`: For custom loader file configuration\n\n## Sponsorship\n\nThis package was created with sponsorship from [Acquia](https://www.acquia.com/)\nthrough work on Drupal's\n[Experience Builder](https://www.drupal.org/project/experience_builder).\n","readmeFilename":"README.md"}