update npm

assets/js/app.js

@@ -39,6 +39,10 @@ const liveSocket = new LiveSocket('/live', Socket, {
   hooks: { MaintainAttrs }
 })
 
+// alpine.js
+window.Alpine = Alpine
+Alpine.start()
+
 // Show progress bar on live navigation and form submits
 topbar.config({ barColors: { 0: '#29d' }, shadowColor: 'rgba(0, 0, 0, .3)' })
 window.addEventListener('phx:page-loading-start', info => topbar.show())
@@ -53,6 +57,12 @@ liveSocket.connect()
 // >> liveSocket.disableLatencySim()
 window.liveSocket = liveSocket
 
-// alpine.js
-window.Alpine = Alpine
-Alpine.start()
+// Copy to clipboard
+window.addEventListener('lokal:clipcopy', (event) => {
+  if ('clipboard' in navigator) {
+    const text = event.target.textContent
+    navigator.clipboard.writeText(text)
+  } else {
+    window.alert('Sorry, your browser does not support clipboard copy.')
+  }
+})

assets/package.json

@@ -11,8 +11,6 @@
   "dependencies": {
     "@fortawesome/fontawesome-free": "^5.15.4",
     "alpinejs": "^3.9.0",
-    "install": "^0.13.0",
-    "npm": "^7.22.0",
     "phoenix": "file:../deps/phoenix",
     "phoenix_html": "file:../deps/phoenix_html",
     "phoenix_live_view": "file:../deps/phoenix_live_view",
@@ -33,13 +31,13 @@
     "postcss": "^8.3.6",
     "postcss-import": "^14.0.2",
     "postcss-loader": "^6.1.1",
-    "postcss-preset-env": "^7.3.2",
+    "postcss-preset-env": "^7.3.1",
     "sass-loader": "^12.1.0",
     "standard": "^16.0.4",
     "style-loader": "^3.2.1",
     "tailwindcss": "^2.2.7",
     "terser-webpack-plugin": "^5.1.3",
-    "webpack": "^5.50.0",
+    "webpack": "^5.67.0",
     "webpack-cli": "^4.8.0",
     "webpack-dev-server": "^4.7.4"
   }