{"id":21421597,"url":"https://github.com/corpglory/grafana-plugin-template-webpack","last_synced_at":"2025-07-14T08:30:45.001Z","repository":{"id":25336772,"uuid":"103759869","full_name":"CorpGlory/grafana-plugin-template-webpack","owner":"CorpGlory","description":"Template project for developing plugins for Grafana with Webpack","archived":false,"fork":false,"pushed_at":"2022-12-07T17:46:45.000Z","size":634,"stargazers_count":34,"open_issues_count":17,"forks_count":22,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-04-08T04:05:17.187Z","etag":null,"topics":["grafana","plugin","template","webpack"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/CorpGlory.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2017-09-16T14:50:55.000Z","updated_at":"2024-01-10T21:36:33.000Z","dependencies_parsed_at":"2023-01-14T02:33:53.749Z","dependency_job_id":null,"html_url":"https://github.com/CorpGlory/grafana-plugin-template-webpack","commit_stats":null,"previous_names":[],"tags_count":0,"template":true,"template_full_name":null,"purl":"pkg:github/CorpGlory/grafana-plugin-template-webpack","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CorpGlory%2Fgrafana-plugin-template-webpack","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CorpGlory%2Fgrafana-plugin-template-webpack/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CorpGlory%2Fgrafana-plugin-template-webpack/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CorpGlory%2Fgrafana-plugin-template-webpack/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/CorpGlory","download_url":"https://codeload.github.com/CorpGlory/grafana-plugin-template-webpack/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/CorpGlory%2Fgrafana-plugin-template-webpack/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":265262588,"owners_count":23736422,"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":["grafana","plugin","template","webpack"],"created_at":"2024-11-22T20:36:31.523Z","updated_at":"2025-07-14T08:30:44.677Z","avatar_url":"https://github.com/CorpGlory.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Webpack Template for Grafana plugins development\n\nGrafana [plugin](http://docs.grafana.org/plugins/developing/development/)\n[webpack](https://webpack.github.io) version\n\n# Features\n\n* Uses npm instead of bower\n* Avoid using `/external` folder with libs’ sources (but you can, if you want)\n* Smaller resulting bundle compared to Grunt build\n* All webpack features available\n* SASS support with separate styles for dark and light Grafana themes\n* Debugging with [vscode-chrome-debug](https://github.com/Microsoft/vscode-chrome-debug)\n\n# Build plugin\n\n```\nnpm install\nnpm run build\n```\n\n# Styles\nThere are template SASS files at [src/css/](src/css).\n\n__Change root tag__ in [SASS files](src/css) __to default Grafana tag (see example below) with ID of your plugin__ in order __to prevent CSS conflicts between plugins__.\n\nRoot tag example: panel-plugin-_grafana-plugin-template-webpack_ (where _grafana-plugin-template-webpack_ is ID of your plugin).\n\nIf you don't need separate styles for for dark and light themes - follow comments in [module.js](src/module.js).\n\nIf you want to use CSS instead of SASS - just change files extensions at [src/css/](src/css) and in [module.js](src/module.js).\n\n# See also\n\n* [TypeScript extension](https://github.com/CorpGlory/grafana-plugin-template-webpack-typescript)\n* [Progress List plugin](https://github.com/CorpGlory/grafana-progress-list) - full plugin with assets, libs, etc based on this temlpate\n* https://github.com/chartwerk/grafana-chartwerk-app -- no need to care about build system and just goto coding, we support transfer to newer Grafana versions\n\n\n## About CorpGlory Inc.\nThe project developed by [CorpGlory Inc.](https://corpglory.com/), a company which provides high quality software development, data visualization, Grafana and monitoring consulting.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcorpglory%2Fgrafana-plugin-template-webpack","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcorpglory%2Fgrafana-plugin-template-webpack","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcorpglory%2Fgrafana-plugin-template-webpack/lists"}