@carbon/charts-svelte 1.6.3 → 1.6.5

package/CHANGELOG.md

@@ -3,6 +3,22 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.6.5](https://github.com/carbon-design-system/carbon-charts/compare/v1.6.4...v1.6.5) (2023-02-27)
+
+**Note:** Version bump only for package @carbon/charts-svelte
+
+
+
+
+
+## [1.6.4](https://github.com/carbon-design-system/carbon-charts/compare/v1.6.3...v1.6.4) (2023-02-03)
+
+**Note:** Version bump only for package @carbon/charts-svelte
+
+
+
+
+
 ## [1.6.3](https://github.com/carbon-design-system/carbon-charts/compare/v1.6.2...v1.6.3) (2022-12-23)
 
 **Note:** Version bump only for package @carbon/charts-svelte

package/README.md

@@ -50,8 +50,8 @@ This is an overview of using Carbon Charts with common Svelte set-ups.
 building apps that support client-side rendering (CSR) and server-side rendering
 (SSR). SvelteKit is powered by [Vite](https://github.com/vitest-dev/vitest).
 
-In your `vite.config.js`, add `@carbon/charts` and `carbon-components` to
-`ssr.noExternal` to avoid externalizing the dependencies for SSR.
+`@carbon/charts` and `carbon-components` should not be externalized for SSR when
+building for production.
 
 ```js
 // vite.config.js
@@ -61,7 +61,10 @@ import { sveltekit } from '@sveltejs/kit/vite';
 export default {
 	plugins: [sveltekit()],
 	ssr: {
-		noExternal: ['@carbon/charts', 'carbon-components'],
+		noExternal:
+			process.env.NODE_ENV === 'production'
+				? ['@carbon/charts', 'carbon-components']
+				: [],
 	},
 };
 ```
@@ -136,11 +139,14 @@ 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;
+		if (warning.code === 'CIRCULAR_DEPENDENCY') {
+			if (
+				warning.ids.some((id) =>
+					/node_modules\/(d3-|@carbon\/charts)/.test(id)
+				)
+			) {
+				return;
+			}
 		}
 
 		// preserve all other warnings
@@ -149,18 +155,26 @@ export default {
 };
 ```
 
-#### Dynamic imports
+#### Code-splitting
 
-If using [dynamic imports](https://rollupjs.org/guide/en/#dynamic-import), set
-`inlineDynamicImports: true` in `rollup.config.js` to enable code-splitting.
+If using [dynamic imports](https://rollupjs.org/guide/en/#dynamic-import), use
+`type="module"` alongside `output.dir` for 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
+# index.html
+- <script src="build/bundle.js"></script>
++ <script type="module" src="build/index.js"></script>
+```
 
 ```diff
+# rollup.config.js
 export default {
-+  inlineDynamicImports: true,
-};
+  output: {
+-   format: "iife",
+-   file: "public/build/bundle.js",
++   dir: "public/build",
+  }
+}
 ```
 
 ### Webpack

package/package.json

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