migrated to svelte 1.o

muttoni · Jan 15, 2023 · 6082051 · 6082051 · vercel · Jan 15, 2023
1 parent 9a44fb6
commit 6082051
Show file tree

Hide file tree

Showing 7 changed files with 32 additions and 17 deletions.
diff --git a/package.json b/package.json
@@ -8,15 +8,14 @@
     "preview": "vite preview"
   },
   "devDependencies": {
-    "@onflow/fcl": "^1.0.2",
+    "@onflow/fcl": "^1.3.2",
     "@picocss/pico": "^1.5.0",
-    "@sveltejs/adapter-auto": "^1.0.0-next.43",
-    "@sveltejs/kit": "^1.0.0-next.350",
-    "@sveltejs/vite-plugin-svelte": "^1.0.0-next.44",
-    "svelte": "^3.48.0"
+    "@rollup/plugin-inject": "^5.0.3",
+    "@sveltejs/adapter-auto": "^1.0.1",
+    "@sveltejs/kit": "^1.1.1",
+    "svelte": "^3.55.1",
+    "vite": "^4.0.4",
+    "vite-plugin-node-polyfills": "^0.7.0"
   },
-  "type": "module",
-  "dependencies": {
-    "vite": "^3.0.0"
-  }
+  "type": "module"
 }
diff --git a/src/flow/actions.js b/src/flow/actions.js
@@ -1,4 +1,4 @@
-import { browser } from '$app/env';
+import { browser } from '$app/environment';
 import { get } from 'svelte/store';
 
 import * as fcl from "@onflow/fcl";

diff --git a/src/lib/Transaction.svelte b/src/lib/Transaction.svelte
@@ -22,7 +22,7 @@
       <span>
         <kbd>Pending</kbd>
         <span class="txId">
-          <a href={`https://testnet.flowscan.org/transaction/${$txId}`} target="_blank">
+          <a href={`https://testnet.flowscan.org/transaction/${$txId}`} rel="noreferrer" target="_blank">
             {$txId?.slice(0, 8)}...
           </a>
         </span><br/>
@@ -36,7 +36,7 @@
       <span>
         <kbd>Finalized</kbd>
         <span class="txId">
-          <a href={`https://testnet.flowscan.org/transaction/${$txId}`} target="_blank">
+          <a href={`https://testnet.flowscan.org/transaction/${$txId}`} rel="noreferrer" target="_blank">
             {$txId?.slice(0, 8)}...
           </a>
         </span><br/>
@@ -47,7 +47,7 @@
     <span>
       <kbd>Executed</kbd>
       <span class="txId">
-        <a href={`https://testnet.flowscan.org/transaction/${$txId}`} target="_blank">
+        <a href={`https://testnet.flowscan.org/transaction/${$txId}`} rel="noreferrer" target="_blank">
           {$txId?.slice(0, 8)}...
         </a>
       </span><br/>
@@ -60,7 +60,7 @@
     <span>
       <kbd>✓ Sealed</kbd>
       <span class="txId">
-        <a href={`https://testnet.flowscan.org/transaction/${$txId}`} target="_blank">
+        <a href={`https://testnet.flowscan.org/transaction/${$txId}`} rel="noreferrer" target="_blank">
           {$txId?.slice(0, 8)}...
         </a>
       </span><br/>
@@ -71,7 +71,7 @@
     <span>
       <kbd>Expired</kbd>
       <span class="txId">
-        <a href={`https://testnet.flowscan.org/transaction/${$txId}`} target="_blank">
+        <a href={`https://testnet.flowscan.org/transaction/${$txId}`} rel="noreferrer" target="_blank">
           {$txId?.slice(0, 8)}...
         </a>
       </span><br/>

diff --git a/src/routes/__layout.svelte → src/routes/+layout.svelte b/src/routes/__layout.svelte → src/routes/+layout.svelte
diff --git a/src/routes/index.svelte → src/routes/+page.svelte b/src/routes/index.svelte → src/routes/+page.svelte
diff --git a/src/routes/about.svelte → src/routes/about/+page.svelte b/src/routes/about.svelte → src/routes/about/+page.svelte
diff --git a/vite.config.js b/vite.config.js
@@ -1,8 +1,24 @@
+// vite.config.js
 import { sveltekit } from '@sveltejs/kit/vite';
+import { nodePolyfills } from 'vite-plugin-node-polyfills'
+import inject from '@rollup/plugin-inject'
 
 /** @type {import('vite').UserConfig} */
 const config = {
-        plugins: [sveltekit()]
+	define: {
+		global: 'globalThis'
+	},
+	plugins: [
+		nodePolyfills({
+      // Whether to polyfill `node:` protocol imports.
+      protocolImports: true,
+    }),
+		sveltekit()
+	],
+	build: {
+		rollupOptions: {
+			plugins: [inject({ Buffer: ['buffer', 'Buffer'] })]
+		},
+	},
 };
-
 export default config;