AztecProtocol · alexghr · Apr 17, 2024 · Apr 17, 2024
diff --git a/boxes/boxes/vanilla-vite/.gitignore b/boxes/boxes/vanilla-vite/.gitignore
@@ -0,0 +1,24 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
diff --git a/boxes/boxes/vanilla-vite/index.html b/boxes/boxes/vanilla-vite/index.html
@@ -0,0 +1,13 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Vite + TS</title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/src/main.ts"></script>
+  </body>
+</html>
diff --git a/boxes/boxes/vanilla-vite/package.json b/boxes/boxes/vanilla-vite/package.json
@@ -0,0 +1,20 @@
+{
+  "name": "@aztec/vanilla-vite",
+  "private": true,
+  "version": "0.0.0",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc && vite build",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "@aztec/aztec.js": "latest"
+  },
+  "devDependencies": {
+    "typescript": "^5.2.2",
+    "vite": "^5.2.0",
+    "vite-plugin-node-polyfills": "0.17.0",
+    "vite-plugin-top-level-await": "^1.4.1"
+  }
+}
diff --git a/boxes/boxes/vanilla-vite/src/main.ts b/boxes/boxes/vanilla-vite/src/main.ts
@@ -0,0 +1,5 @@
+import { createPXEClient } from "@aztec/aztec.js";
+
+const pxe = createPXEClient("http://10.10.1.79:8080");
+const nodeInfo = await pxe.getNodeInfo();
+console.log(nodeInfo);
diff --git a/boxes/boxes/vanilla-vite/src/vite-env.d.ts b/boxes/boxes/vanilla-vite/src/vite-env.d.ts
@@ -0,0 +1 @@
+/// <reference types="vite/client" />
diff --git a/boxes/boxes/vanilla-vite/tsconfig.json b/boxes/boxes/vanilla-vite/tsconfig.json
@@ -0,0 +1,23 @@
+{
+  "compilerOptions": {
+    "target": "ES2020",
+    "useDefineForClassFields": true,
+    "module": "ESNext",
+    "lib": ["ES2020", "DOM", "DOM.Iterable"],
+    "skipLibCheck": true,
+
+    /* Bundler mode */
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "noEmit": true,
+
+    /* Linting */
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noFallthroughCasesInSwitch": true
+  },
+  "include": ["src"]
+}
diff --git a/boxes/boxes/vanilla-vite/vite.config.js b/boxes/boxes/vanilla-vite/vite.config.js
@@ -0,0 +1,13 @@
+import { defineConfig } from "vite";
+import { nodePolyfills } from "vite-plugin-node-polyfills";
+import topLevelAwait from "vite-plugin-top-level-await";
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  plugins: [
+    // vite-plugin-node-polyfills over v0.17.0 has a buggy buffer polyfill
+    // https://github.com/davidmyersdev/vite-plugin-node-polyfills/issues/81
+    nodePolyfills(),
+    topLevelAwait(),
+  ],
+});