migrate playground to vite

marcoroth · Apr 12, 2022 · 76239d2 · 76239d2
1 parent cf80a11
commit 76239d2
Show file tree

Hide file tree

Showing 6 changed files with 223 additions and 4,579 deletions.
diff --git a/playground/index.html b/playground/index.html
@@ -5,19 +5,21 @@
     <meta charset="utf-8" />
     <meta http-equiv="X-UA-Compatible" content="IE=edge" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <script src="bundle.js" async></script>
+    <script type="module" src="/index.js"></script>
   </head>
 
   <body id="body">
+    <turbo-stream action="log" target="body" message="hello world"></turbo-stream>
+
     <turbo-stream action="append" target="body">
       <template>
         Append to body
       </template>
     </turbo-stream>
 
-    <turbo-stream action="append2" target="body">
+    <turbo-stream action="customAppend" target="body">
       <template>
-        Append2 to body
+        customAppend to body
       </template>
     </turbo-stream>
 

diff --git a/playground/index.js b/playground/index.js
@@ -2,11 +2,15 @@ import * as Turbo from "@hotwired/turbo"
 import CableReady from "cable_ready"
 import CableStreams from "cable-streams"
 
-CableStreams.customActions.append2 = function() {
+CableStreams.customActions.customAppend = function() {
   this.removeDuplicateTargetChildren()
   this.targetElements.forEach(e => e.append(this.templateContent))
 }
 
 CableStreams.customActions.myCustomAction = function() {
   console.log("Hello from my custom turbo stream action")
 }
+
+CableStreams.customActions.log = function() {
+  console.log(this.getAttribute("message"))
+}
diff --git a/playground/package.json b/playground/package.json
@@ -10,19 +10,12 @@
     "cable-streams": "link:../"
   },
   "scripts": {
-    "start": "webpack-dev-server --mode development --open"
+    "start": "yarn run dev",
+    "dev": "vite",
+    "build": "vite build",
+    "preview": "vite preview"
   },
   "devDependencies": {
-    "@babel/core": "^7.11.6",
-    "@babel/plugin-proposal-class-properties": "^7.10.4",
-    "@babel/plugin-transform-runtime": "^7.11.5",
-    "@babel/preset-modules": "^0.1.4",
-    "@babel/preset-react": "^7.16.7",
-    "babel-loader": "^8.1.0",
-    "css-loader": "^5.0.1",
-    "style-loader": "^2.0.0",
-    "webpack": "^4.44.1",
-    "webpack-cli": "^3.3.12",
-    "webpack-dev-server": "^3.11.0"
+    "vite": "^2.8.0"
   }
 }
diff --git a/playground/vite.config.js b/playground/vite.config.js
@@ -0,0 +1,9 @@
+const path = require('path');
+
+export default {
+  resolve: {
+    alias: {
+      'cable-streams': path.resolve(__dirname, '../dist/index.js')
+    }
+  }
+}
diff --git a/playground/webpack.config.js b/playground/webpack.config.js