chore(project): update examples to parcel 2 (#10310)

carbon-design-system · Dec 17, 2021 · 334821f · 334821f
1 parent 30327e6
commit 334821f
Show file tree

Hide file tree

Showing 27 changed files with 19,667 additions and 24,662 deletions.
diff --git a/.gitignore b/.gitignore
@@ -17,6 +17,7 @@ css
 
 # Cache folders
 .cache
+.parcel-cache
 
 # Logs
 logs

diff --git a/packages/colors/examples/preview/.yarn/install-state.gz b/packages/colors/examples/preview/.yarn/install-state.gz
diff --git a/packages/colors/examples/preview/index.html b/packages/colors/examples/preview/index.html
@@ -7,9 +7,9 @@
   <link rel="stylesheet" href="./styles.scss">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <link href="./styles.scss" rel="stylesheet">
+  <script src="./src/index.js" type="module"></script>
 </head>
 <body>
   <div id="root"></div>
-  <script src="./src/index.js"></script>
 </body>
 </html>
diff --git a/packages/colors/examples/preview/package.json b/packages/colors/examples/preview/package.json
@@ -3,14 +3,15 @@
   "private": true,
   "version": "0.0.0",
   "license": "Apache-2.0",
+  "browserslist": "last 2 versions",
+  "source": "index.html",
   "scripts": {
-    "build": "parcel build -d build --public-url \"/colors/examples/preview\" index.html",
+    "build": "parcel build --dist-dir build --public-url \"/colors/examples/preview\" index.html",
     "develop": "parcel index.html --no-cache"
   },
   "devDependencies": {
-    "@babel/core": "^7.10.1",
-    "@babel/preset-env": "^7.10.1",
-    "parcel-bundler": "^1.12.4"
+    "@parcel/transformer-sass": "^2.0.1",
+    "parcel": "^2.0.1"
   },
   "dependencies": {
     "react": "^16.13.1",

diff --git a/packages/colors/examples/preview/src/index.js b/packages/colors/examples/preview/src/index.js
@@ -7,10 +7,3 @@ function render(element) {
 }
 
 render(<App />);
-
-if (module.hot) {
-  const NextApp = require('./components/App').default;
-  module.hot.dispose(() => {
-    render(<NextApp />);
-  });
-}