Use skypack pinned URLs

Author: riccardoscalco

rollup.config.js

@@ -8,10 +8,10 @@ export default [
 			format: 'es'
 		},
 		external: [
-			'https://cdn.skypack.dev/hybrids@6',
-			'https://cdn.skypack.dev/d3-scale@4',
-			'https://cdn.skypack.dev/d3-shape@3',
-			'https://cdn.skypack.dev/d3-array@3'
+			'https://cdn.skypack.dev/pin/hybrids@v6.0.0-4EAwbWl4Xd4pUMUqehOL/mode=imports,min/optimized/hybrids.js',
+			'https://cdn.skypack.dev/pin/d3-scale@v4.0.0-wZtVxcXJGOuNydE7pnqz/mode=imports,min/optimized/d3-scale.js',
+			'https://cdn.skypack.dev/pin/d3-shape@v3.0.1-fms1GpCrjZzpeCX47WIF/mode=imports,min/optimized/d3-shape.js',
+			'https://cdn.skypack.dev/pin/d3-array@v3.0.1-m5FhU7CD6AEqTwkMJT6E/mode=imports,min/optimized/d3-array.js'
 		]
 	},
 ];

src/index.js

@@ -1,4 +1,4 @@
-import {define, property} from 'https://cdn.skypack.dev/hybrids@6';
+import {define, property} from 'https://cdn.skypack.dev/pin/hybrids@v6.0.0-4EAwbWl4Xd4pUMUqehOL/mode=imports,min/optimized/hybrids.js';
 import {render} from './render.js';
 import * as layout from './layout.js';
 import * as path from './path.js';

src/path.js

@@ -1,6 +1,6 @@
-import {scaleLinear} from 'https://cdn.skypack.dev/d3-scale@4';
-import {line, curveBasis} from 'https://cdn.skypack.dev/d3-shape@3';
-import {extent} from 'https://cdn.skypack.dev/d3-array@3';
+import {scaleLinear} from 'https://cdn.skypack.dev/pin/d3-scale@v4.0.0-wZtVxcXJGOuNydE7pnqz/mode=imports,min/optimized/d3-scale.js';
+import {line, curveBasis} from 'https://cdn.skypack.dev/pin/d3-shape@v3.0.1-fms1GpCrjZzpeCX47WIF/mode=imports,min/optimized/d3-shape.js';
+import {extent} from 'https://cdn.skypack.dev/pin/d3-array@v3.0.1-m5FhU7CD6AEqTwkMJT6E/mode=imports,min/optimized/d3-array.js';
 
 export const xDomain = {
 	get: ({data, xInterval}) =>

src/render.js

@@ -1,4 +1,4 @@
-import {html} from 'https://cdn.skypack.dev/hybrids@6';
+import {html} from 'https://cdn.skypack.dev/pin/hybrids@v6.0.0-4EAwbWl4Xd4pUMUqehOL/mode=imports,min/optimized/hybrids.js';
 import style from './style.js';
 
 export function render({

src/style.js

@@ -1,4 +1,4 @@
-import {html} from 'https://cdn.skypack.dev/hybrids@6';
+import {html} from 'https://cdn.skypack.dev/pin/hybrids@v6.0.0-4EAwbWl4Xd4pUMUqehOL/mode=imports,min/optimized/hybrids.js';
 
 export default html`
 	<style>