{"id":16183746,"url":"https://github.com/easywebapp/parcel-transformer-mdx","last_synced_at":"2025-03-19T02:31:01.241Z","repository":{"id":219119188,"uuid":"747750527","full_name":"EasyWebApp/Parcel-transformer-MDX","owner":"EasyWebApp","description":"Unofficial MDX 3 transformer plugin for Parcel 2","archived":false,"fork":false,"pushed_at":"2024-08-08T19:56:27.000Z","size":149,"stargazers_count":4,"open_issues_count":1,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2024-10-17T12:29:33.915Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"lgpl-3.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/EasyWebApp.png","metadata":{"files":{"readme":"ReadMe.md","changelog":null,"contributing":null,"funding":null,"license":"License.md","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-01-24T15:12:47.000Z","updated_at":"2024-09-13T20:51:07.000Z","dependencies_parsed_at":"2024-08-07T00:46:30.368Z","dependency_job_id":"ce6fc60c-fb12-496f-a2ec-6251e47d8f97","html_url":"https://github.com/EasyWebApp/Parcel-transformer-MDX","commit_stats":null,"previous_names":["easywebapp/parcel-transformer-mdx"],"tags_count":5,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/EasyWebApp%2FParcel-transformer-MDX","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/EasyWebApp%2FParcel-transformer-MDX/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/EasyWebApp%2FParcel-transformer-MDX/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/EasyWebApp%2FParcel-transformer-MDX/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/EasyWebApp","download_url":"https://codeload.github.com/EasyWebApp/Parcel-transformer-MDX/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":221720462,"owners_count":16869487,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-10-10T07:06:34.554Z","updated_at":"2024-10-27T19:09:01.107Z","avatar_url":"https://github.com/EasyWebApp.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Parcel MDX transformer\n\nUnofficial [MDX][1] 3 [transformer plugin][2] for [Parcel][3] 2\n\n[![NPM Dependency](https://img.shields.io/librariesio/github/EasyWebApp/Parcel-transformer-MDX.svg)][4]\n[![CI \u0026 CD](https://github.com/EasyWebApp/Parcel-transformer-MDX/actions/workflows/main.yml/badge.svg)][5]\n\n[![NPM](https://nodei.co/npm/parcel-transformer-mdx.png?downloads=true\u0026downloadRank=true\u0026stars=true)][6]\n\n## Preset features\n\n1. [GitHub flavored Markdown (GFM)](https://github.com/remarkjs/remark-gfm)\n2. [Frontmatter](https://github.com/remarkjs/remark-frontmatter)\n3. [Syntax highlighting](https://github.com/mapbox/rehype-prism)\n4. [Embed](https://github.com/remark-embedder/core)\n\n## React usage\n\n### Installation\n\n```shell\nnpm init -y\nnpm i react react-dom\nnpm i parcel @parcel/config-default parcel-transformer-mdx -D\n```\n\n### `package.json`\n\n```json\n{\n    \"scripts\": {\n        \"start\": \"parcel ./src/index.html\",\n        \"build\": \"parcel build ./src/index.html --public-url .\"\n    }\n}\n```\n\n### `.parcelrc`\n\n```json\n{\n    \"extends\": \"@parcel/config-default\",\n    \"transformers\": {\n        \"*.{md,mdx}\": [\"parcel-transformer-mdx\"]\n    }\n}\n```\n\n### `index.html`\n\n```html\n\u003c!doctype html\u003e\n\u003chtml\u003e\n    \u003chead\u003e\n        \u003clink\n            rel=\"stylesheet\"\n            href=\"https://unpkg.com/prismjs@1.29.0/themes/prism-okaidia.css\"\n        /\u003e\n    \u003c/head\u003e\n    \u003cbody\u003e\n        \u003cdiv id=\"root\"\u003e\u003c/div\u003e\n\n        \u003cscript type=\"module\" src=\"index.jsx\"\u003e\u003c/script\u003e\n    \u003c/body\u003e\n\u003c/html\u003e\n```\n\n### `index.jsx`\n\n```jsx\nimport { createRoot } from 'react-dom/client';\n\nimport Index from './index.mdx';\n\nconst root = createRoot(document.querySelector('#root'));\n\nroot.render(\u003cIndex /\u003e);\n```\n\n### `index.mdx`\n\n```markdown\n---\ntitle: Hello MDX\n---\n\n# Hello MDX\n\nhttps://react.dev/\n\nhttps://www.youtube.com/watch?v=VEoMT8pAxMA\n```\n\n## JSX compatible engines usage\n\n-   WebCell example: https://github.com/EasyWebApp/BootCell-document\n\n## Custom Configuration\n\nCreate a `mdx.config.js` file in the root folder of your project, and export your [`CompileOptions` object][7] as what [the internal preset][8] does.\n\n## Inspiration\n\nhttps://github.com/parcel-bundler/parcel/pull/7922\n\n[1]: https://mdxjs.com/\n[2]: https://parceljs.org/plugin-system/transformer/\n[3]: https://parceljs.org/\n[4]: https://libraries.io/npm/parcel-transformer-mdx\n[5]: https://github.com/EasyWebApp/Parcel-transformer-MDX/actions/workflows/main.yml\n[6]: https://nodei.co/npm/parcel-transformer-mdx/\n[7]: https://mdxjs.com/packages/mdx/#compileoptions\n[8]: source/preset.js\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Feasywebapp%2Fparcel-transformer-mdx","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Feasywebapp%2Fparcel-transformer-mdx","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Feasywebapp%2Fparcel-transformer-mdx/lists"}