{"_id":"@altano/remark-astrojs-image","_rev":"2-b23e0914df3d7433f665de188a908d80","name":"@altano/remark-astrojs-image","dist-tags":{"latest":"0.0.1-alpha.1"},"versions":{"0.0.1-alpha.0":{"name":"@altano/remark-astrojs-image","version":"0.0.1-alpha.0","description":"A remark preset that enhances images in your .mdx files to use @astrojs/image components","type":"module","sideEffects":false,"exports":"./dist/index.js","types":"./dist/index.d.ts","scripts":{"build":"tsup src/index.ts --format esm --dts","lint":"TIMING=1 eslint src/**/*.ts* --fix","format":"prettier --write src","clean":"rm -rf .turbo && rm -rf .tsbuildinfo && rm -rf node_modules && rm -rf dist"},"author":{"name":"Alan Norbauer","email":"altano@gmail.com","url":"https://alan.norbauer.com"},"license":"ISC","repository":{"type":"git","url":"git+https://github.com/altano/npm-packages.git","directory":"packages/remark-astrojs-image"},"keywords":["astro","remark","mdx"],"devDependencies":{"@altano/remark-astrojs-image-auto-import":"*","@altano/remark-astrojs-image-use-component":"*","@altano/tsconfig":"*","@types/node":"^18.0.1","unified":"^10.1.2"},"publishConfig":{"access":"public"},"gitHead":"d65a96c925872105557ccd88d76bced7f1b57033","bugs":{"url":"https://github.com/altano/npm-packages/issues"},"homepage":"https://github.com/altano/npm-packages#readme","_id":"@altano/remark-astrojs-image@0.0.1-alpha.0","_nodeVersion":"18.6.0","_npmVersion":"8.13.2","dist":{"integrity":"sha512-bRlykH9asJ5vY71eSEu4n3Vplt584JbRshDdTEBtCT7NK6M5icgEF+iXCTQV97QoyB3OUrift15LnT0ITtDjew==","shasum":"07f3cd3421cd3f7ff7e44a0499cd1bb3931ce356","tarball":"https://registry.npmjs.org/@altano/remark-astrojs-image/-/remark-astrojs-image-0.0.1-alpha.0.tgz","fileCount":4,"unpackedSize":18156,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCICA/0upYi6idDca9cHUr/qMs3HZ5wcXe5jjQCXikA/yrAiBjIf7fG3Pcz5jXVUoVtBlh2pp8wyZ1fnKhHsA4HZcftA=="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi46ydACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmoXzA//S+qC5BWLZy9BCDhmOrzl9Co6V0z20qMMd5ZCbTWQ5Rg9IdLc\r\nSCjVnyzbiIgrzEE4Cm8bUz2HUPEHwoZkwzhM0of6BiH+2ORcqjVojmv3Is22\r\n6Ys/chs89XXBwVvogEgxuU5qUXcV29I7BeeMqyWMAA72JTtjg460Y8ocsdg9\r\nxyjfzDJGCo6GfpgY5/Y3pE0pqlwAMj8SZK/aoOhNugZwelvIujwXAhY87Ys1\r\n6ngBkt9ClBqjlJIuRhzacnkeK9Ex6toTPRi1UZGp7r3Hyjtd9T8t2JPtBgr3\r\naWe6YmKBnn/Ko+fsc+FYmAhaUCcG6zyZci/gvx5ojd7YweGUO7QY1zQnWt15\r\n5aZvuIjeTUoyxbp0yIJ4rVrXDGdsmqbVceQnoqC/zl7Q8dxCgisYtdYuyV2O\r\nu58bQvQ0tbEpyOW9+xnXk8o4pJ5eCebw2A5hxEW9oUtw5DT2Nm41J1A7jkxe\r\nJT1VrAOVWhTlLu3L/Zd/WAMNcFReFFpbe6YpFGSPGSPnm3cP8I7Fl9R49cXP\r\nNcC6Whra1UhGpPXqsGwZluuYJfMkyk9q339QlmuS3KSv/vkzq95yYxdZEv9S\r\nIpHHkMjymis7aw3gv4dAAO8XSKLPoJxuI78e5YwPi0NM33hjq3r4CS2oB6pp\r\n0NJm4Ukhjpah+tek7JmNemL8G+0tU2vrv6E=\r\n=gRiO\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"altano","email":"altano@gmail.com"},"directories":{},"maintainers":[{"name":"altano","email":"altano@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/remark-astrojs-image_0.0.1-alpha.0_1659088029608_0.9874296050844475"},"_hasShrinkwrap":false,"deprecated":"Astro v3 has this functionality built-in"},"0.0.1-alpha.1":{"name":"@altano/remark-astrojs-image","version":"0.0.1-alpha.1","description":"A remark preset that enhances images in your .mdx files to use @astrojs/image components","type":"module","sideEffects":false,"exports":"./dist/index.js","types":"./dist/index.d.ts","scripts":{"build":"tsup src/index.ts --format esm --dts","lint":"TIMING=1 eslint src/**/*.ts* --fix","format":"prettier --write src","clean":"rm -rf .turbo && rm -rf .tsbuildinfo && rm -rf node_modules && rm -rf dist"},"author":{"name":"Alan Norbauer","email":"altano@gmail.com","url":"https://alan.norbauer.com"},"license":"ISC","repository":{"type":"git","url":"git+https://github.com/altano/npm-packages.git","directory":"packages/remark-astrojs-image"},"keywords":["astro","remark","mdx"],"devDependencies":{"@altano/remark-astrojs-image-auto-import":"*","@altano/remark-astrojs-image-use-component":"*","@altano/tsconfig":"*","@types/node":"^18.0.1","unified":"^10.1.2"},"publishConfig":{"access":"public"},"gitHead":"a4e030d17ef78079750a76b35a3b53f697c04231","bugs":{"url":"https://github.com/altano/npm-packages/issues"},"homepage":"https://github.com/altano/npm-packages#readme","_id":"@altano/remark-astrojs-image@0.0.1-alpha.1","_nodeVersion":"18.6.0","_npmVersion":"8.13.2","dist":{"integrity":"sha512-IFLtSMyN0v8JVC8mUS7waAUvUvSCfInYWDXQPyEbqfUwwZoCPx1KlIxjUxTyJ6UbvsQlAojz8kk0YBDd9YwTiQ==","shasum":"90c9aeb66fab1884bc17d608375a0e6955344e3a","tarball":"https://registry.npmjs.org/@altano/remark-astrojs-image/-/remark-astrojs-image-0.0.1-alpha.1.tgz","fileCount":4,"unpackedSize":18097,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIQD5MSt0YAzIxEl9tzd0mnes9frj2M3s7k5KWDD5NuCeUgIgb5l7dWFrnN6j+PkBO3trUMKyiHExvX6k4Fi9F54q5ls="}],"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJi7szwACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqtDQ/+JShGF8fMLvruAoXftlvsyVtPZDa+VffBLajCMOt92Dh+KROS\r\nB+YX60EF0Gqn9wKBjqqg2QSryIuMxs9s1VlQPm10u1EProDMpZUvQNuk8VM0\r\n9ckUK3/LsVRNqfs/yAtnNERLRqYluQM2PKhJRHFWsVXHYGIbuBQAZCjP8djZ\r\nToLXWX7QaQ+5NnAODREj6k2zatk4nYAwx7gjEGS3YEGPcjNQV4v539T9ARfg\r\ndFiGjXQZLlMI1mqI365rtDrDIdJMLWE1UTjbgF0e967tathRtqlH6vAoWNL2\r\nWeNd4YyeWzqTR3StzASzVRcDAwMhWk8TZOyUyD7JOVLlWjGJw9aiJSJPO9YE\r\n/JE4d+Z1G1iD8OKjO0ik30yh54O+zpVmm9D3tyhaeSqRmGwmUmfD35LNNtnI\r\nz24KFiFVZn8SXoa3K/khX8Pwb11oL65AR67C0oN9LEjbKE304BTyAaeBP/Sf\r\nljrXztaVc0JlxUwJEIhevnv02mkKguhzpLyqmHxPqqNBpmz4IbN87YXFungv\r\n/P1R1j9ZP50GnscRILVzeTkk24oZMWlUidn26TUNmHjKipmmsALRSGZOkA0G\r\nXTwXGJatAZhQyrmJym4xnZUfVcbmQCbpjRVhwBveo2vPzZLZz7/omFmnuAKg\r\ndZ3kcpGhZ7y/Dj+X4cUf+hDMyiSI5JGX7XA=\r\n=g2tI\r\n-----END PGP SIGNATURE-----\r\n"},"_npmUser":{"name":"altano","email":"altano@gmail.com"},"directories":{},"maintainers":[{"name":"altano","email":"altano@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/remark-astrojs-image_0.0.1-alpha.1_1659817199835_0.6992538106770545"},"_hasShrinkwrap":false,"deprecated":"Astro v3 has this functionality built-in"}},"time":{"created":"2022-07-29T09:47:09.541Z","0.0.1-alpha.0":"2022-07-29T09:47:09.772Z","modified":"2023-11-23T03:46:59.794Z","0.0.1-alpha.1":"2022-08-06T20:20:00.047Z"},"maintainers":[{"name":"altano","email":"altano@gmail.com"}],"description":"A remark preset that enhances images in your .mdx files to use @astrojs/image components","homepage":"https://github.com/altano/npm-packages#readme","keywords":["astro","remark","mdx"],"repository":{"type":"git","url":"git+https://github.com/altano/npm-packages.git","directory":"packages/remark-astrojs-image"},"author":{"name":"Alan Norbauer","email":"altano@gmail.com","url":"https://alan.norbauer.com"},"bugs":{"url":"https://github.com/altano/npm-packages/issues"},"license":"ISC","readme":"> ⚠️ **HIGHLY EXPERIMENTAL**: Everything about this package is subject to change, including the name.\n\n# remark-astrojs-image\n\nThis is a [remark](https://remark.js.org/) preset that enhances images in your [.mdx files](https://docs.astro.build/en/guides/integrations-guide/mdx/) to use [`@astrojs/image` components](https://docs.astro.build/en/guides/integrations-guide/image/). While this preset (and accompanying remark plugins) are not astro specific, if you're not using mdx in an [astro site](https://astro.build) you probably shouldn't be here.\n\n## Functionality\n\n| Feature                  | Before                                          | After                                                  |\n| ------------------------ | ----------------------------------------------- | ------------------------------------------------------ |\n| Inline import conversion | `<Image src=\"./image.jpg\" />`                   | `<Image src={import(\"./image.jpg\")} />`                |\n| img conversion           | `<img />`                                       | `<Image />`                                            |\n| picture conversion       | `<picture />`                                   | `<Picture />`                                          |\n| Markdown conversion      | `![](\"./image.png\")`                            | `<Image src={import(\"./image.jpg\")} />`                |\n| Preserve attributes      | `<img width={500} height={500} alt=\"Alt Text\">` | `<Image width={500} height={500} alt=\"Alt Text\" />`    |\n|                          | `![Alt Text](\"./image.png\")`                    | `<Image alt=\"Alt Text\" src={import(\"./image.jpg\")} />` |\n| Component auto import    |                                                 | `import {Image} from \"@astrojs/image/components\";`     |\n\n## Installation\n\nNOTE: This plugin is mdx and esm only. Using components (such as the `@astrojs/image` component) from vanilla Markdown (`.md` files) has been deprecated in astro. This plugin, and astro's release candidate, require you to use mdx if you want to use components.\n\nInstall this remark preset:\n\n```bash\n# Using NPM\nnpm install @altano/remark-astrojs-image\n# Using Yarn\nyarn add @altano/remark-astrojs-image\n```\n\nEdit your astro.config.mjs to add this remark preset:\n\n```js\n...\nimport remarkAstrojsImage from \"@altano/remark-astrojs-image\";\n\nexport default defineConfig({\n  integrations: [\n    // You should already have the @astrojs/image integration\n    image(),\n    // and the @astrojs/mdx integration\n    mdx({\n      remarkPlugins: {\n        // so just add this preset as a remark plugin:\n        extends: [remarkAstrojsImage],\n      },\n    }),\n  ],\n});\n```\n","readmeFilename":"README.md"}