├── .npmrc ├── extension └── assets │ ├── icon-512.png │ └── icon.svg ├── .gitignore ├── views ├── options │ ├── main.tsx │ └── index.html ├── new-tab │ ├── index.html │ └── main.tsx └── popup │ ├── index.html │ └── main.tsx ├── src ├── content │ └── index.ts ├── background │ └── index.ts └── manifest.ts ├── shim.d.ts ├── scripts ├── utils.ts └── prepare.ts ├── tsconfig.json ├── LICENSE ├── package.json ├── vite.config.ts ├── README.md └── pnpm-lock.yaml /.npmrc: -------------------------------------------------------------------------------- 1 | shamefully-hoist=true 2 | -------------------------------------------------------------------------------- /extension/assets/icon-512.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/PiyushSuthar/preact-webext/HEAD/extension/assets/icon-512.png -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | .DS_Store 2 | .vite-ssg-dist 3 | .vite-ssg-temp 4 | *.local 5 | dist 6 | dist-ssr 7 | node_modules 8 | components.d.ts 9 | .idea/ 10 | *.log 11 | extension/manifest.json 12 | -------------------------------------------------------------------------------- /views/options/main.tsx: -------------------------------------------------------------------------------- 1 | import { render } from "preact"; 2 | 3 | const Option = () => ( 4 |

5 |

Hello Preact World

6 |

Welcome to the Option Page

7 |

8 | ); 9 | 10 | render(