{"_id":"@deep27/supersetpluginchartliquid","name":"@deep27/supersetpluginchartliquid","dist-tags":{"latest":"0.1.5"},"versions":{"0.1.5":{"name":"@deep27/supersetpluginchartliquid","version":"0.1.5","description":"Superset Liquid Chart Plugin","sideEffects":false,"main":"lib/index.js","module":"esm/index.js","scripts":{"build":"npm run build-cjs && npm run build-esm && npm run ts-types","build-cjs":"babel src --extensions \".ts,.tsx,.js,.jsx\" --copy-files --out-dir lib","build-clean":"npm run clean && npm run build","build-esm":"BABEL_OUTPUT=esm babel src --extensions \".ts,.tsx,.js,.jsx\" --copy-files --out-dir esm","dev":"BABEL_OUTPUT=esm babel src --extensions \".ts,.tsx,.js,.jsx\" --watch --copy-files --out-dir esm","prebuild":"rimraf {lib,esm,tsconfig.tsbuildinfo}","postbuild":"npm run test","ts-types":"tsc --build","test":"jest"},"author":{"name":"Superset"},"homepage":"https://github.com/preset-io/superset-plugin-chart-liquid","bugs":{"url":"https://github.com/preset-io/superset-plugin-chart-liquid/issues"},"repository":{"type":"git","url":"git+ssh://git@github.com/preset-io/superset-plugin-chart-liquid.git"},"license":"Apache-2.0","publishConfig":{"access":"public"},"dependencies":{"@ant-design/charts":"^1.3.2","process":"^0.11.10"},"peerDependencies":{"@superset-ui/chart-controls":"*","@superset-ui/core":"*","react":"^16.13.1"},"devDependencies":{"@airbnb/config-babel":"^2.0.1","@babel/cli":"^7.16.0","@types/jest":"^26.0.4","jest":"^26.6.3","rimraf":"^3.0.2","typescript":"^4.1.2"},"gitHead":"697c8ee2648ab736b255152bb7171dea93cf579b","_id":"@deep27/supersetpluginchartliquid@0.1.5","_nodeVersion":"16.20.2","_npmVersion":"8.19.4","dist":{"integrity":"sha512-m8SU5LblwEedrb5HkIo+jqmBDfqbMXde3mx7hDsGXux9Qtf0gbuVlNhaejYw/yHPlssJTlb1IQtgD6z51aJ8Ag==","shasum":"474ea2d71a8f020460375da588e0a2c2619415a9","tarball":"https://registry.npmjs.org/@deep27/supersetpluginchartliquid/-/supersetpluginchartliquid-0.1.5.tgz","fileCount":14,"unpackedSize":321844,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEQCIBN37MY1s52hT9Gas4UWHfKqBcmKWDW0yi2qoIQoPKuMAiByvFjshZr7BFtd41gbQL1XBQc/BaAsc7yRUg2+0xLeYA=="}]},"_npmUser":{"name":"deep27","email":"deepprabhu1995@gmail.com"},"directories":{},"maintainers":[{"name":"deep27","email":"deepprabhu1995@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/supersetpluginchartliquid_0.1.5_1694083590496_0.17333406332865398"},"_hasShrinkwrap":false}},"time":{"created":"2023-09-07T10:46:30.374Z","0.1.5":"2023-09-07T10:46:30.684Z","modified":"2023-09-07T10:46:30.955Z"},"maintainers":[{"name":"deep27","email":"deepprabhu1995@gmail.com"}],"description":"Superset Liquid Chart Plugin","homepage":"https://github.com/preset-io/superset-plugin-chart-liquid","repository":{"type":"git","url":"git+ssh://git@github.com/preset-io/superset-plugin-chart-liquid.git"},"author":{"name":"Superset"},"bugs":{"url":"https://github.com/preset-io/superset-plugin-chart-liquid/issues"},"license":"Apache-2.0","readme":"## superset-plugin-chart-liquid\r\n\r\nThis plugin provides an example chart plugin for Superset to visualize percentages. The plugin has been built using the [Superset Yeoman Generator](https://www.npmjs.com/package/@superset-ui/generator-superset) and leverages the [And Design Charts](https://charts.ant.design) charting library.\r\n\r\n![Liquid chart plugin in Explore view](https://raw.githubusercontent.com/preset-io/superset-plugin-chart-liquid/master/images/liquid.gif)\r\n\r\nPreview in the chart picker\r\n\r\n![Liquid chart plugin in Chart Picker](https://raw.githubusercontent.com/preset-io/superset-plugin-chart-liquid/master/images/liquid-picker.png)\r\n\r\n### Usage\r\n\r\nTo build the plugin, run the following commands:\r\n\r\n```\r\nnpm ci\r\nnpm run build\r\n```\r\n\r\nTo run the plugin in development mode (=rebuilding whenever changes are made), start the dev server with the following command:\r\n\r\n```\r\nnpm run dev\r\n```\r\n\r\nTo add the package to Superset, go to the `superset-frontend` subdirectory in your Superset source folder (assuming both the `superset-plugin-chart-liquid` plugin and `superset` repos are in the same root directory) and run\r\n```\r\nnpm i -S ../../superset-plugin-chart-liquid\r\n```\r\n\r\nor directly from npm by running\r\n```\r\nnpm i -S superset-plugin-chart-liquid\r\n```\r\n\r\nAfter this edit the `superset-frontend/src/visualizations/presets/MainPreset.js` and make the following changes:\r\n\r\n```js\r\nimport { LiquidChartPlugin } from 'superset-plugin-chart-liquid';\r\n```\r\n\r\nto import the plugin and later add the following to the array that's passed to the `plugins` property:\r\n```js\r\nnew LiquidChartPlugin().configure({ key: 'liquid' }),\r\n```\r\n\r\nAfter that the plugin should show up when you run Superset, e.g. the development server:\r\n\r\n```\r\nnpm run dev-server\r\n```\r\n","readmeFilename":"README.md"}