update vite configs

Author: feruzm

package.json

@@ -6,7 +6,10 @@
     "dev": "turbo run dev",
     "lint": "turbo run lint",
     "format": "prettier --write \"**/*.{ts,tsx,md}\"",
-    "check-types": "turbo run check-types"
+    "check-types": "turbo run check-types",
+    "dev:snap": "turbo run dev --filter=@ecency/snap",
+    "dev:playground": "turbo run dev --filter=@ecency/snap-playground",
+    "dev:extras": "run-p dev:snap dev:playground"
   },
   "devDependencies": {
     "prettier": "^3.5.3",

packages/snap-playground/package.json

@@ -4,7 +4,8 @@
   "version": "0.1.0",
   "type": "module",
   "scripts": {
-    "start": "yarn workspace @ecency/snap build && vite",
+    "dev": "yarn workspace @ecency/snap dev & vite --port 5173 --strictPort",
+    "start": "yarn workspace @ecency/snap build && vite preview --port 5173 --strictPort",
     "build": "yarn workspace @ecency/snap build && vite build"
   },
   "devDependencies": {

packages/snap/package.json

@@ -4,15 +4,12 @@
   "version": "0.1.0",
   "type": "module",
   "license": "MIT",
-  "main": "./dist/index.js",
-  "typings": "./dist/index.d.ts",
-  "files": [
-    "dist",
-    "README.md"
-  ],
+  "main": "dist/bundle.js",
+  "types": "dist/index.d.ts",
+  "files": ["dist", "snap.manifest.json", "README.md"],
   "scripts": {
-    "dev": "vite",
-    "build": "tsc && vite build && node build-manifest.cjs",
+    "dev": "vite build --watch",
+    "build": "vite build",
     "test": "NODE_OPTIONS=--import=./test/mock-wallets.js node --test"
   },
   "dependencies": {

packages/snap/snap.manifest.json

@@ -5,10 +5,8 @@
   "source": {
     "shasum": "+gn3cFrS+R+J+5IBVFADiePNDRkejucH5jyiRiIEnf4=",
     "location": {
-      "npm": {
-        "filePath": "dist/bundle.js",
-        "packageName": "@ecency/snap",
-        "registry": "https://registry.npmjs.org"
+      "http": {
+        "url": "http://localhost:5173/dist/bundle.js"
       }
     }
   },
@@ -25,4 +23,4 @@
     "endowment:webassembly": {}
   },
   "manifestVersion": "0.1"
-}
+}

packages/snap/vite.config.ts

@@ -1,37 +1,67 @@
 import path from "path";
+import fs from "fs";
+import { createHash } from "crypto";
 import { defineConfig } from "vite";
+import type { Plugin } from "vite";
 import dtsPlugin from "vite-plugin-dts";
-import { nodePolyfills } from "vite-plugin-node-polyfills";
+// Polyfills are usually not needed in the snap runtime. Keep it only if you know you need specific shims.
+// import { nodePolyfills } from "vite-plugin-node-polyfills";
+
+function updateManifestShasum(): Plugin {
+  return {
+    name: "update-manifest-shasum",
+    closeBundle() {
+      const bundlePath = path.resolve(__dirname, "dist", "bundle.js");
+      if (!fs.existsSync(bundlePath)) return;
+
+      const source = fs.readFileSync(bundlePath);
+      const shasum = createHash("sha256").update(source).digest("base64"); // MetaMask expects base64 sha256
+
+      const manifestPath = path.resolve(__dirname, "snap.manifest.json");
+      const manifest = JSON.parse(fs.readFileSync(manifestPath, "utf8"));
+
+      // IMPORTANT: this URL must match how the file will be fetched by MetaMask
+      // Your playground serves ../snap at http://localhost:5173/
+      manifest.source = manifest.source ?? {};
+      manifest.source.location = manifest.source.location ?? {};
+      manifest.source.location.http = {
+        url: "http://localhost:5173/dist/bundle.js",
+      };
+      manifest.source.shasum = shasum;
+
+      fs.writeFileSync(manifestPath, JSON.stringify(manifest, null, 2));
+      console.log("[snap] Updated manifest shasum");
+    },
+  };
+}
 
 export default defineConfig({
   build: {
+    target: "es2020",
+    sourcemap: false,
+    minify: "esbuild",
+    emptyOutDir: true,
     lib: {
       entry: path.resolve(__dirname, "src/index.ts"),
-      name: "Ecency Snap",
-      formats: ["es"],
+      name: "EcencySnap",
+      formats: ["iife"], // self-executing, no imports
       fileName: () => "bundle.js",
     },
     rollupOptions: {
-      external: [
-        "crypto",
-        "@ecency/wallets",
-        "@okxweb3/coin-aptos",
-        "@okxweb3/coin-base",
-        "@okxweb3/coin-bitcoin",
-        "@okxweb3/coin-cosmos",
-        "@okxweb3/coin-ethereum",
-        "@okxweb3/coin-solana",
-        "@okxweb3/coin-ton",
-        "@okxweb3/coin-tron",
-        "@okxweb3/crypto-lib",
-        "bip39",
-      ],
+      output: {
+        inlineDynamicImports: true, // single file
+      },
+      treeshake: true,
     },
   },
   resolve: {
     alias: {
       "@": path.resolve(__dirname, "./src"),
     },
   },
-  plugins: [dtsPlugin(), nodePolyfills()],
+  plugins: [
+    dtsPlugin({ insertTypesEntry: false }),
+    // nodePolyfills(),
+    updateManifestShasum(),
+  ],
 });