@carbon/charts-svelte 0.54.7 → 0.54.8

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.54.8](https://github.com/carbon-design-system/carbon-charts/compare/v0.54.7...v0.54.8) (2022-01-25)
+
+**Note:** Version bump only for package @carbon/charts-svelte
+
+
+
+
+
 ## [0.54.7](https://github.com/carbon-design-system/carbon-charts/compare/v0.54.6...v0.54.7) (2022-01-13)
 
 **Note:** Version bump only for package @carbon/charts-svelte

package/README.md

@@ -113,12 +113,18 @@ No additional configuration should be necessary.
 
 ### Rollup
 
-Enable `inlineDynamicImports` in your `rollup.config.js` to avoid the
-`this has been rewritten to undefined` error message.
+#### ReferenceError: process is not defined
 
-If you encounter `ReferenceError: process is not defined`, install
+Install and add
 [@rollup/plugin-replace](https://github.com/rollup/plugins/tree/master/packages/replace)
-and add it to `plugins` in `rollup.config.js`.
+to the list of plugins in `rollup.config.js` to avoid the
+`process is not defined` runtime error.
+
+This plugin statically replaces strings in bundled files with the specified
+value.
+
+In the example below, all instances of `process.env.NODE_ENV` will be replaced
+with `"production"` while bundling.
 
 ```js
 // rollup.config.js
@@ -126,17 +132,66 @@ import replace from '@rollup/plugin-replace';
 
 export default {
 	// ...
-	inlineDynamicImports: true,
 	plugins: [
 		replace({
 			preventAssignment: true,
 			'process.env.NODE_ENV': JSON.stringify('production'),
 		}),
-		// ...
 	],
 };
 ```
 
+#### `this` has been rewritten to `undefined`
+
+Set [`context: "window"`](https://rollupjs.org/guide/en/#context) to address the
+`this has been rewritten to undefined` Rollup error.
+
+```diff
+export default {
++  context: "window",
+};
+```
+
+#### Circular dependency warnings
+
+You may see circular dependency warnings for `d3` and `@carbon/charts` packages
+that can be safely ignored.
+
+Use the `onwarn` option to selectively ignore these warnings.
+
+```js
+// rollup.config.js
+export default {
+	onwarn: (warning, warn) => {
+		// omit circular dependency warnings emitted from
+		// "d3-*" packages and "@carbon/charts"
+		if (
+			warning.code === 'CIRCULAR_DEPENDENCY' &&
+			/^node_modules\/(d3-|@carbon\/charts)/.test(warning.importer)
+		) {
+			return;
+		}
+
+		// preserve all other warnings
+		warn(warning);
+	},
+};
+```
+
+#### Dynamic imports
+
+If using [dynamic imports](https://rollupjs.org/guide/en/#dynamic-import), set
+`inlineDynamicImports: true` in `rollup.config.js` to enable code-splitting.
+
+Otherwise, you may encounter the Rollup error
+`Invalid value "iife" for option "output.format" - UMD and IIFE output formats are not supported for code-splitting builds.`
+
+```diff
+export default {
++  inlineDynamicImports: true,
+};
+```
+
 ### Webpack
 
 [webpack](https://github.com/webpack/webpack) is another popular application

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@carbon/charts-svelte",
-  "version": "0.54.7",
+  "version": "0.54.8",
   "description": "Carbon charting components for Svelte",
   "main": "./bundle.js",
   "module": "./index.js",
@@ -50,7 +50,7 @@
   },
   "homepage": "https://github.com/carbon-design-system/carbon-charts#readme",
   "dependencies": {
-    "@carbon/charts": "^0.54.7",
+    "@carbon/charts": "^0.54.8",
     "@carbon/telemetry": "0.0.0-alpha.6"
   },
   "peerDependencies": {