https://github.com/gapitio/htmlgraphics-svelte-bundler-template
https://github.com/gapitio/htmlgraphics-svelte-bundler-template
eslint grafana htmlgraphics-bundler prettier rollup svelte typescript
Last synced: 2 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/gapitio/htmlgraphics-svelte-bundler-template
- Owner: gapitio
- Created: 2021-01-29T13:42:33.000Z (over 5 years ago)
- Default Branch: main
- Last Pushed: 2023-11-02T13:12:56.000Z (over 2 years ago)
- Last Synced: 2025-10-06T06:49:27.212Z (9 months ago)
- Topics: eslint, grafana, htmlgraphics-bundler, prettier, rollup, svelte, typescript
- Language: JavaScript
- Homepage:
- Size: 791 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Bundler
Bundler to make developing code easier and scalable.
## Contains
- [Svelte](https://svelte.dev/)
- [rollup.js](https://rollupjs.org/)
- [Prettier](https://prettier.io/)
- [TypeScript](https://www.typescriptlang.org/)
- [ESLint](https://eslint.org/)
- Local development server to run the code live in the browser.
## Usage
First you have to install the required dependencies
```bash
npm install
```
Then you start the development script
```bash
npm run dev
```
Go to . Change some code in `App.svelte` and the website will update.
When the code is ready to be uploaded to Grafana, start the build script
```bash
npm run build
```
Then go to `/dist` and copy the content of `panel-options.json` to the panels `Import/export` option.
## Dev site
`src/devSite` is a folder where most of the configuration for the dev website is.
To add custom series go to `src/devSite/data.ts` and add createSeries() in series.
Window has been used to get global variables like data, customProperties, ETC.