{"_id":"@asadullahnadeem/addonjs","name":"@asadullahnadeem/addonjs","dist-tags":{"latest":"1.0.0"},"versions":{"1.0.0":{"name":"@asadullahnadeem/addonjs","version":"1.0.0","private":false,"publishConfig":{"access":"public"},"description":"

\"AddonJS

","homepage":"https://github.com/Asadullah-nadeem/AddonJS#readme","bugs":{"url":"https://github.com/Asadullah-nadeem/AddonJS/issues"},"repository":{"type":"git","url":"git+https://github.com/Asadullah-nadeem/AddonJS.git"},"license":"MIT","author":"","type":"module","main":"eslint.config.js","workspaces":["packages/*"],"scripts":{"dev":"vite","build":"tsc -b && vite build","lint":"eslint .","preview":"vite preview"},"dependencies":{"react":"^19.2.6","react-dom":"^19.2.6","react-router-dom":"^7.15.0"},"devDependencies":{"@eslint/js":"^10.0.1","@tailwindcss/vite":"^4.3.0","@types/node":"^24.12.3","@types/react":"^19.2.14","@types/react-dom":"^19.2.3","@vitejs/plugin-react":"^6.0.1","autoprefixer":"^10.5.0","clsx":"^2.1.1","eslint":"^10.3.0","eslint-plugin-react-hooks":"^7.1.1","eslint-plugin-react-refresh":"^0.5.2","framer-motion":"^12.38.0","globals":"^17.6.0","lucide-react":"^1.14.0","postcss":"^8.5.14","tailwind-merge":"^3.6.0","tailwindcss":"^4.3.0","typescript":"~6.0.2","typescript-eslint":"^8.59.2","vite":"^8.0.12"},"gitHead":"e5158dcda916ead528936d10ab1147eadb8535f5","_id":"@asadullahnadeem/addonjs@1.0.0","_nodeVersion":"24.12.0","_npmVersion":"11.6.2","dist":{"integrity":"sha512-6n59WUY00pDWTPqQS8Fs5yxY2De0/lTlfCkEqjkQlN20+QcJfGqMCWHyAV5xjnCCUAO9JSgdAk1uI9Mfp7H0nQ==","shasum":"370f5e6f413b91e7ac2c1a995e39dc0e4bbf72c8","tarball":"https://registry.npmjs.org/@asadullahnadeem/addonjs/-/addonjs-1.0.0.tgz","fileCount":25,"unpackedSize":68072,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIF/Q+aTCtPek7AsD7CaIkKP552dHqrSO+AgutQJ2iibwAiEA58Uv+VXdH64Le7q425wpnujUdnw69kF7u7fNlM+DwXU="}]},"_npmUser":{"name":"asadullahnadeem","email":"asadullahnadeem48@gmail.com"},"directories":{},"maintainers":[{"name":"asadullahnadeem","email":"asadullahnadeem48@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/addonjs_1.0.0_1778498675347_0.28123934467887834"},"_hasShrinkwrap":false}},"time":{"created":"2026-05-11T11:24:35.273Z","1.0.0":"2026-05-11T11:24:35.495Z","modified":"2026-05-11T11:24:35.758Z"},"maintainers":[{"name":"asadullahnadeem","email":"asadullahnadeem48@gmail.com"}],"description":"

\"AddonJS

","homepage":"https://github.com/Asadullah-nadeem/AddonJS#readme","repository":{"type":"git","url":"git+https://github.com/Asadullah-nadeem/AddonJS.git"},"bugs":{"url":"https://github.com/Asadullah-nadeem/AddonJS/issues"},"license":"MIT","readme":"

\n \"AddonJS\n

\n\n

AddonJS

\n\n

\n The Modern Framework for Chrome & Browser Extensions.
\n Build browser extensions faster than websites with React, Vite, and Auto-Manifest generation.\n

\n\n

\n \"Stars\"\n \"Forks\"\n \"Watchers\"\n \"Releases\"\n \"License\"\n

\n\n---\n\n## ✨ Why AddonJS?\n\nAddonJS is a developer-first framework that abstracts away the complexity of Manifest V3, messaging, and cross-browser differences. It brings the modern DX of **React**, **Tailwind CSS**, and **Vite** to the browser extension ecosystem.\n\n- **Lightning Fast:** Powered by Vite for near-instant Hot Module Replacement (HMR).\n- **Zero Config:** Automatically generates `manifest.json` based on your code and imports.\n- **Modern APIs:** Promise-based Storage and Messaging APIs to replace callback hell.\n- **Scoped UI:** Built-in Shadow DOM isolation ensures your extension styles never break the host website.\n- **Cross-Browser:** Write once, compile for Chrome, Firefox, Safari, Edge, and more.\n\n## Getting Started\n\nBootstrap a new project in seconds:\n\n```bash\nnpx create-addon-app@latest my-extension\ncd my-extension\nnpm run dev\n```\n\n## CLI Commands\n\n| Command | Description |\n| :----------------- | :----------------------------------------------------- |\n| `addon dev` | Start development mode with HMR and auto-reload. |\n| `addon build` | Production build with code-splitting and minification. |\n| `addon generate` | Scaffold new popups, options, or scripts. |\n| `addon package` | Zip your extension for all web stores. |\n\n## Example Usage\n\nBuilding a popup is as simple as writing a React component:\n\n```tsx\nimport { createPopup, Card, Title, Button } from 'addonjs/ui';\nimport { storage } from 'addonjs/storage';\n\nexport default function Popup() {\n const handleSave = async () => {\n await storage.local.set('status', 'online');\n console.log('Saved!');\n };\n\n return (\n \n AddonJS Popup\n \n \n );\n}\n```\n\n## Project Structure\n\n```text\nmy-extension/\n├── src/\n│ ├── popup/ # Extension Popup UI\n│ ├── options/ # Configuration Page\n│ ├── background/ # Service Workers\n│ ├── content/ # Page Manipulation Scripts\n│ └── components/ # Shared React Components\n├── public/ # Static Assets\n├── addon.config.ts # Main Configuration\n└── package.json\n```\n\n## Contributing\n\nWe love contributions! Whether it's fixing a bug, adding a feature, or improving documentation:\n\n1. Fork the project.\n2. Create your feature branch (`git checkout -b feature/amazing-feature`).\n3. Commit your changes (`git commit -m 'Add amazing feature'`).\n4. Push to the branch (`git push origin feature/amazing-feature`).\n5. Open a Pull Request.\n\n## License\n\nDistributed under the MIT License. See `LICENSE` for more information.\n\n---\n\n---\n\n## Project Activity\n\n
\n\n| Stars | Watchers | Forks | Releases |\n| :-------------------------------------------------------------------------------------------------------------------------------------------------------------: | :-----------------------------------------------------------------------------------------------------------------------------------------------------------------: | :------------------------------------------------------------------------------------------------------------------------------------------------------------------: | :------------------------------------------------------------------------------------------------------------------------------------------------------------------: |\n| [![Stars](https://img.shields.io/github/stars/Asadullah-nadeem/AddonJS?style=flat-square&labelColor=343b41)](https://github.com/Asadullah-nadeem/AddonJS/stargazers) | [![Watchers](https://img.shields.io/github/watchers/Asadullah-nadeem/AddonJS?style=flat-square&labelColor=343b41)](https://github.com/Asadullah-nadeem/AddonJS/watchers) | [![Forks](https://img.shields.io/github/forks/Asadullah-nadeem/AddonJS?style=flat-square&labelColor=343b41)](https://github.com/Asadullah-nadeem/AddonJS/network/members) | [![Releases](https://img.shields.io/github/v/release/Asadullah-nadeem/AddonJS?style=flat-square&labelColor=343b41)](https://github.com/Asadullah-nadeem/AddonJS/releases) |\n\n
\n\n- **Latest Release:** [v1.0.0](https://github.com/Asadullah-nadeem/AddonJS/releases/tag/v1.0.0) — The official launch of AddonJS.\n\n---\n\n

\n Built with ❤️ by Asadullah Nadeem\n

\n","readmeFilename":"README.md","_rev":"1-6ecabf73aa6425d3f50c2e4720adf7b8"}