Plugin system examples/ By Nima Shokouhfar
This mind map provides detailed examples and explanations of plugin systems, covering various platforms such as Google Chrome, VS Code, Data Studio, and more. It explores the essential components of plugin architecture, including manifest files, extension lifecycles, debugging tools, and API usage. The map also delves into the process of getting started with TypeScript, reverse engineering techniques, and working with multiple source files in platforms like Chrome. Key sections include: Man...
1. Styles
1.1. bad
1.2. good
1.3. not as good
1.4. not as bad
1.5. important
1.6. warning
2. main
2.1. google
2.1.1. Chrome
2.1.1.1. manifest v3
2.1.1.1.1. samples
2.1.1.1.2. components
2.1.1.1.3. features
2.1.1.1.4. extension lifecycle
2.1.1.2. getting started with typescript
2.1.1.2.1. clone the repo
2.1.1.2.2. npm i
2.1.1.2.3. npm run build
2.1.1.2.4. go to
2.1.1.2.5. activate developer mode
2.1.1.2.6. Load Unpacked the dist file
2.1.1.3. link
2.1.1.4. reverse engineering
2.1.1.4.1. tut
2.1.1.5. muliple source files
2.1.1.5.1. add dom to typescript files
2.1.1.5.2. important link
2.1.1.6. debugging
2.1.1.6.1. console.table
2.1.1.6.2. debugger in code to set break point
2.1.1.6.3. can put break point on network stuff example
2.1.1.6.4. pause caught on exception
2.1.1.6.5. activate and deactive break points
2.1.1.6.6. call stack
2.1.1.6.7. snippest
2.1.1.6.8. networks tab
2.1.1.6.9. elements
2.1.1.7. features
2.1.1.7.1. sidepanel
2.1.1.7.2. popup
2.1.1.7.3. npm i -D @types/chrome
2.1.1.7.4. scrapping
2.1.1.8. react-app
2.1.1.8.1. link
2.1.1.9. NX
2.1.1.9.1. link
2.1.2. Data studio
2.1.2.1. part 1
2.1.2.1.1. interface
2.1.2.2. part 2
2.1.2.2.1. add appscript
2.1.2.3. doc
2.2. suppliers
2.2.1. VS code
2.2.1.1. Authors
2.2.1.1.1. TylerLeonhardt
2.2.1.1.2. Youtube channels
2.2.1.2. UX design
2.2.1.2.1. guideline
2.2.1.2.2. components
2.2.1.3. Forks
2.2.1.3.1. gitpod-io
2.2.1.4. Extensions
2.2.1.4.1. Creation procedure
2.2.1.4.2. VS Code API
2.2.1.5. VS code types
2.2.2. canva
2.2.2.1. canva app sdk
2.2.3. kubernetes
2.2.4. atlassian
2.2.5. Wordpress
2.2.6. Graphic
2.2.6.1. Figma
2.2.6.1.1. Authors
2.2.6.1.2. build your first plugin series link
2.2.6.2. Adobe XD
2.2.6.3. canva
2.2.7. ChatGPT
2.2.8. node red
2.2.9. discord
2.2.9.1. udemy course
2.2.10. Web
2.2.10.1. WooCommerce
2.2.11. Social media
2.2.11.1. facebook
2.2.12. Server
2.2.12.1. terraform
2.2.12.2. Kong
2.2.12.3. envoy
2.2.12.3.1. opa-envoy-plugin
2.2.13. Embedded
2.2.13.1. ROS II
2.2.14. Server
2.2.14.1. terraform
2.2.14.2. Kong
2.2.14.3. envoy
2.2.14.3.1. opa-envoy-plugin
2.2.15. Social media
2.2.15.1. facebook
2.2.16. Web
2.2.16.1. WooCommerce
2.2.16.2. Wordpress
2.2.17. tools
2.2.17.1. webpack
2.2.17.2. Jenkins
2.3. Structure
2.3.1. files
2.3.1.1. configuration file
2.3.1.1.1. manifest.json
2.3.1.1.2. package.json
2.3.1.2. entery file
2.3.2. API
2.3.3. tools
2.3.3.1. Create project CLI
2.3.3.2. plugin marketplace
2.3.3.2.1. access token
2.3.3.3. debugging features
2.3.4. documentation
2.3.4.1. getting started guide
2.3.4.2. API guide
2.3.5. support multiple package manager
2.3.5.1. npm
2.3.5.2. yarn
2.3.6. styles
2.3.6.1. css files
2.3.7. support bundler
2.3.7.1. webpack
2.3.8. repositories
2.3.8.1. github sample source code
2.3.9. patterns