Web3Auth · chaitanyapotti · Dec 4, 2024 · Aug 27, 2024 · Aug 27, 2024 · Aug 28, 2024
diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
@@ -57,7 +57,7 @@ jobs:
         if: github.ref == 'refs/heads/master'
         uses: jakejarvis/s3-sync-action@master
         env:
-          SOURCE_DIR: "./example/react-app/build"
+          SOURCE_DIR: "./examples/react-app/build"
           AWS_REGION: "us-east-1"
           AWS_S3_BUCKET: "demo-sfa.web3auth.io"
           AWS_ACCESS_KEY_ID: ${{ secrets.AWS_ACCESS_KEY_ID }}

diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -4,7 +4,7 @@
   },
   "eslint.workingDirectories": [
     {
-      "directory": "example/*/*",
+      "directory": "examples/*/*",
       "changeProcessCWD": true
     }
   ],

diff --git a/examples/react-app/package-lock.json b/examples/react-app/package-lock.json
diff --git a/examples/vue-app/.eslintrc.js b/examples/vue-app/.eslintrc.js
@@ -0,0 +1,32 @@
+require("@rushstack/eslint-patch/modern-module-resolution");
+
+module.exports = {
+  root: true,
+  extends: ["@toruslabs/vue"],
+  parser: "vue-eslint-parser",
+  ignorePatterns: ["*.config.js", ".eslintrc.js"],
+  parserOptions: {
+    parser: "@typescript-eslint/parser",
+    sourceType: "module",
+    ecmaVersion: 2022,
+    project: "./tsconfig.json",
+  },
+  env: {
+    browser: true,
+    node: true,
+    mocha: true,
+  },
+  rules: {
+    camelcase: 0,
+    "import/extensions": [
+      "error",
+      "ignorePackages",
+      {
+        js: "never",
+        jsx: "never",
+        ts: "never",
+        tsx: "never",
+      },
+    ],
+  },
+};
diff --git a/examples/vue-app/.gitignore b/examples/vue-app/.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/examples/vue-app/.prettierrc.yaml b/examples/vue-app/.prettierrc.yaml
@@ -0,0 +1,5 @@
+# .prettierrc or .prettierrc.yaml
+printWidth: 150
+singleQuote: false
+semi: true
+htmlWhitespaceSensitivity: ignore
diff --git a/examples/vue-app/.vscode/extensions.json b/examples/vue-app/.vscode/extensions.json
@@ -0,0 +1,5 @@
+{
+  "editor.codeActionsOnSave": {
+    "source.fixAll": "explicit"
+  }
+}
diff --git a/examples/vue-app/README.md b/examples/vue-app/README.md
@@ -0,0 +1,25 @@
+# Web3Auth SFA x Vue Demo App
+
+## Quickstart
+
+To use this demo app, you'll first have to build the Web3Auth SFA packages.
+
+### Build the `Web3Auth SFA` packages
+
+```bash
+git clone https://github.com/Web3Auth/web3auth-web.git
+cd single-factor-auth-web
+npm install
+npm run build
+```
+
+### Start the demo app
+
+> Inside `single-factor-auth-web` directory.
+
+```bash
+cd demo/vue-app
+npm install
+npm run dev
+# localhost:3000
+```
diff --git a/examples/vue-app/index.html b/examples/vue-app/index.html
@@ -0,0 +1,25 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <script type="module">
+      import { Buffer } from "buffer";
+      import process from "process";
+      // window.global ||= window;
+      window.Buffer = Buffer;
+      window.process = process;
+    </script>
+    <meta charset="UTF-8" />
+    <link rel="icon" href="/favicon.ico" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Web3Auth demo</title>
+  </head>
+  <body>
+    <noscript>
+      <strong>
+        We're sorry but this app doesn't work properly without JavaScript enabled. Please enable it to continue.
+      </strong>
+    </noscript>
+    <div id="app"></div>
+    <script type="module" src="/src/main.ts"></script>
+  </body>
+</html>