- add a
secret.txundersrcwith the following 3 lines
const NOTION_KEY = "" // your integration notion key started with "secret_"
const NOTION_DATABASE_ID = "" // your notion database id
export { NOTION_KEY, NOTION_DATABASE_ID }
npm ito install dependanciesnpm startto start running the fast development mode Webpack build process that bundle files into thedistfoldernpm i --save-dev <package_name>to install new packages
- Open Chrome and navigate to
chrome://extensions/ - Toggle on
Developer modein the top right corner - Click
Load unpacked - Select the entire
distfolder
npm run buildto generate a minimized production build in thedistfolder- ZIP the entire
distfolder (e.g.dist.zip) - Publish the ZIP file on the Chrome Web Store Developer Dashboard!
- Folders get flattened, static references to images from HTML do not need to be relative (i.e.
icon.pnginstead of../static/icon.png) - Importing local ts/tsx/css files should be relative, since Webpack will build a dependancy graph using these paths
- Update the manifest file as per usual for chrome related permissions, references to files in here should also be flattened and not be relative