npm - create-leo-app - Versions diffs - 0.0.13 - Mend

create-leo-app 0.0.13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (126) hide show

package/README.md +36 -0
package/dist/index.mjs +52 -0
package/index.js +3 -0
package/package.json +34 -0
package/template-extension/.gitignore +2 -0
package/template-extension/README.md +4 -0
package/template-extension/package.json +15 -0
package/template-extension/rollup.config.js +21 -0
package/template-extension/src/offscreen.js +1 -0
package/template-extension/src/service_worker.js +20 -0
package/template-extension/src/worker.js +34 -0
package/template-extension/static/manifest.json +16 -0
package/template-extension/static/offscreen.html +9 -0
package/template-nextjs-ts/README.md +19 -0
package/template-nextjs-ts/_gitignore +35 -0
package/template-nextjs-ts/next-env.d.ts +5 -0
package/template-nextjs-ts/next.config.js +32 -0
package/template-nextjs-ts/package.json +24 -0
package/template-nextjs-ts/public/aleo.svg +8 -0
package/template-nextjs-ts/public/next.svg +1 -0
package/template-nextjs-ts/src/app/favicon.ico +0 -0
package/template-nextjs-ts/src/app/globals.css +126 -0
package/template-nextjs-ts/src/app/layout.tsx +22 -0
package/template-nextjs-ts/src/app/page.module.css +160 -0
package/template-nextjs-ts/src/app/page.tsx +94 -0
package/template-nextjs-ts/src/app/worker.ts +47 -0
package/template-nextjs-ts/tsconfig.json +27 -0
package/template-node/README.md +5 -0
package/template-node/_gitignore +24 -0
package/template-node/index.js +59 -0
package/template-node/package.json +12 -0
package/template-node-ts/README.md +5 -0
package/template-node-ts/_gitignore +24 -0
package/template-node-ts/package.json +19 -0
package/template-node-ts/rollup.config.js +19 -0
package/template-node-ts/src/index.ts +66 -0
package/template-node-ts/tsconfig.json +15 -0
package/template-offline-public-transaction-ts/README.md +52 -0
package/template-offline-public-transaction-ts/_gitignore +24 -0
package/template-offline-public-transaction-ts/package.json +19 -0
package/template-offline-public-transaction-ts/rollup.config.js +19 -0
package/template-offline-public-transaction-ts/src/helpers.ts +70 -0
package/template-offline-public-transaction-ts/src/index.ts +171 -0
package/template-offline-public-transaction-ts/tsconfig.json +15 -0
package/template-react-leo/.babelrc +6 -0
package/template-react-leo/.eslintrc.cjs +20 -0
package/template-react-leo/README.md +90 -0
package/template-react-leo/_gitignore +24 -0
package/template-react-leo/_headers +3 -0
package/template-react-leo/helloworld/.env.example +2 -0
package/template-react-leo/helloworld/.gitignore +5 -0
package/template-react-leo/helloworld/README.md +13 -0
package/template-react-leo/helloworld/build/main.aleo +7 -0
package/template-react-leo/helloworld/build/program.json +6 -0
package/template-react-leo/helloworld/inputs/helloworld.in +4 -0
package/template-react-leo/helloworld/program.json +6 -0
package/template-react-leo/helloworld/src/main.leo +7 -0
package/template-react-leo/index.html +88 -0
package/template-react-leo/install.sh +30 -0
package/template-react-leo/package.json +44 -0
package/template-react-leo/public/favicon.ico +0 -0
package/template-react-leo/src/App.css +42 -0
package/template-react-leo/src/App.jsx +103 -0
package/template-react-leo/src/assets/aleo.svg +5 -0
package/template-react-leo/src/assets/react.svg +1 -0
package/template-react-leo/src/index.css +69 -0
package/template-react-leo/src/main.jsx +10 -0
package/template-react-leo/src/workers/AleoWorker.js +20 -0
package/template-react-leo/src/workers/worker.js +72 -0
package/template-react-leo/vite.config.js +16 -0
package/template-react-leo/webpack.config.js +102 -0
package/template-react-managed-worker/.babelrc +6 -0
package/template-react-managed-worker/.eslintrc.cjs +20 -0
package/template-react-managed-worker/README.md +8 -0
package/template-react-managed-worker/_gitignore +24 -0
package/template-react-managed-worker/index.html +88 -0
package/template-react-managed-worker/package.json +41 -0
package/template-react-managed-worker/public/favicon.ico +0 -0
package/template-react-managed-worker/src/App.css +42 -0
package/template-react-managed-worker/src/App.jsx +78 -0
package/template-react-managed-worker/src/assets/aleo.png +0 -0
package/template-react-managed-worker/src/assets/react.svg +1 -0
package/template-react-managed-worker/src/index.css +69 -0
package/template-react-managed-worker/src/main.jsx +10 -0
package/template-react-managed-worker/vite.config.js +20 -0
package/template-react-managed-worker/webpack.config.js +90 -0
package/template-react-ts/.babelrc +7 -0
package/template-react-ts/.eslintrc.cjs +20 -0
package/template-react-ts/README.md +90 -0
package/template-react-ts/_gitignore +24 -0
package/template-react-ts/_headers +3 -0
package/template-react-ts/helloworld/.env.example +2 -0
package/template-react-ts/helloworld/.gitignore +5 -0
package/template-react-ts/helloworld/README.md +13 -0
package/template-react-ts/helloworld/build/main.aleo +7 -0
package/template-react-ts/helloworld/build/program.json +6 -0
package/template-react-ts/helloworld/inputs/helloworld.in +4 -0
package/template-react-ts/helloworld/program.json +6 -0
package/template-react-ts/helloworld/src/main.leo +7 -0
package/template-react-ts/index.html +88 -0
package/template-react-ts/install.sh +30 -0
package/template-react-ts/package.json +49 -0
package/template-react-ts/public/favicon.ico +0 -0
package/template-react-ts/src/App.css +42 -0
package/template-react-ts/src/App.tsx +103 -0
package/template-react-ts/src/assets/aleo.svg +5 -0
package/template-react-ts/src/assets/react.svg +1 -0
package/template-react-ts/src/custom.d.ts +16 -0
package/template-react-ts/src/index.css +69 -0
package/template-react-ts/src/main.tsx +10 -0
package/template-react-ts/src/workers/AleoWorker.ts +21 -0
package/template-react-ts/src/workers/worker.ts +73 -0
package/template-react-ts/tsconfig.json +16 -0
package/template-react-ts/vite.config.ts +16 -0
package/template-react-ts/webpack.config.ts +112 -0
package/template-vanilla/_gitignore +24 -0
package/template-vanilla/_headers +3 -0
package/template-vanilla/index.html +13 -0
package/template-vanilla/javascript.svg +1 -0
package/template-vanilla/main.js +48 -0
package/template-vanilla/package.json +16 -0
package/template-vanilla/public/aleo.svg +76 -0
package/template-vanilla/public/vite.svg +1 -0
package/template-vanilla/style.css +97 -0
package/template-vanilla/vite.config.js +12 -0
package/template-vanilla/worker.js +95 -0

package/template-nextjs-ts/src/app/layout.tsx ADDED Viewed

@@ -0,0 +1,22 @@
+import './globals.css'
+import type { Metadata } from 'next'
+import { Inter } from 'next/font/google'
+const inter = Inter({ subsets: ['latin'] })
+export const metadata: Metadata = {
+  title: 'Create Next App',
+  description: 'Generated by create next app',
+}
+export default function RootLayout({
+  children,
+}: {
+  children: React.ReactNode
+}) {
+  return (
+    <html lang="en">
+      <body className={inter.className}>{children}</body>
+    </html>
+  )
+}

package/template-nextjs-ts/src/app/page.module.css ADDED Viewed

@@ -0,0 +1,160 @@
+.main {
+  display: flex;
+  flex-direction: column;
+  justify-content: space-between;
+  align-items: center;
+  padding: 15rem;
+  min-height: 100vh;
+}
+.description {
+  display: inherit;
+  justify-content: inherit;
+  align-items: inherit;
+  font-size: 0.85rem;
+  max-width: var(--max-width);
+  z-index: 2;
+  font-family: var(--font-mono);
+}
+.description a {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  gap: 0.5rem;
+}
+.description p {
+  position: relative;
+  margin: 0;
+  padding: 1rem;
+  background-color: rgba(var(--callout-rgb), 0.5);
+  border: 1px solid rgba(var(--callout-border-rgb), 0.3);
+  border-radius: var(--border-radius);
+}
+.code {
+  font-weight: 700;
+  font-family: var(--font-mono);
+}
+.center {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  position: relative;
+  padding: 4rem 0;
+}
+.center::before {
+  background: var(--secondary-glow);
+  border-radius: 50%;
+  width: 480px;
+  height: 360px;
+  margin-left: -400px;
+}
+.center::after {
+  background: var(--primary-glow);
+  width: 240px;
+  height: 180px;
+  z-index: -1;
+}
+.center::before,
+.center::after {
+  content: '';
+  left: 50%;
+  position: absolute;
+  filter: blur(45px);
+  transform: translateZ(0);
+}
+.logo {
+  position: relative;
+}
+/* Mobile */
+@media (max-width: 700px) {
+  .content {
+    padding: 4rem;
+  }
+  .center {
+    padding: 8rem 0 6rem;
+  }
+  .center::before {
+    transform: none;
+    height: 300px;
+  }
+  .description {
+    font-size: 0.8rem;
+  }
+  .description a {
+    padding: 1rem;
+  }
+  .description p,
+  .description div {
+    display: flex;
+    justify-content: center;
+    position: fixed;
+    width: 100%;
+  }
+  .description p {
+    align-items: center;
+    inset: 0 0 auto;
+    padding: 2rem 1rem 1.4rem;
+    border-radius: 0;
+    border: none;
+    border-bottom: 1px solid rgba(var(--callout-border-rgb), 0.25);
+    background: linear-gradient(
+      to bottom,
+      rgba(var(--background-start-rgb), 1),
+      rgba(var(--callout-rgb), 0.5)
+    );
+    background-clip: padding-box;
+    backdrop-filter: blur(24px);
+  }
+  .description div {
+    align-items: flex-end;
+    pointer-events: none;
+    inset: auto 0 0;
+    padding: 2rem;
+    height: 200px;
+    background: linear-gradient(
+      to bottom,
+      transparent 0%,
+      rgb(var(--background-end-rgb)) 40%
+    );
+    z-index: 1;
+  }
+}
+@media (prefers-color-scheme: dark) {
+  .logo {
+    filter: invert(1) drop-shadow(0 0 0.3rem #ffffff70);
+  }
+}
+@keyframes rotate {
+  from {
+    transform: rotate(360deg);
+  }
+  to {
+    transform: rotate(0deg);
+  }
+}
+.card {
+  text-align: center;
+}
+.card p {
+  padding: 1em;
+}

package/template-nextjs-ts/src/app/page.tsx ADDED Viewed

@@ -0,0 +1,94 @@
+"use client";
+import Image from "next/image";
+import styles from "./page.module.css";
+import { useCallback, useEffect, useRef, useState } from "react";
+export default function Home() {
+    const [account, setAccount] = useState(null);
+    const [executing, setExecuting] = useState(false);
+    const generateAccount = async () => {
+        workerRef.current?.postMessage("key");
+    };
+    async function execute() {
+        setExecuting(true);
+        workerRef.current?.postMessage("execute");
+    }
+    const workerRef = useRef<Worker>();
+    interface AleoWorkerMessageEvent {
+        type: string;
+        result: any;
+    }
+    useEffect(() => {
+        workerRef.current = new Worker(new URL("worker.ts", import.meta.url));
+        workerRef.current.onmessage = (
+            event: MessageEvent<AleoWorkerMessageEvent>
+        ) => {
+            if (event.data.type === "key") {
+                setAccount(event.data.result);
+            } else if (event.data.type === "execute") {
+                setExecuting(false);
+            }
+            alert(`WebWorker Response => ${event.data.result}`);
+        };
+        return () => {
+            workerRef.current?.terminate();
+        };
+    }, []);
+    const handleWork = useCallback(async () => {
+        workerRef.current?.postMessage("execute");
+    }, []);
+    return (
+        <main className={styles.main}>
+            <div className={styles.description}>
+                <p>
+                    Get started by editing&nbsp;
+                    <code className={styles.code}>src/app/page.tsx</code>
+                </p>
+            </div>
+            <div className={styles.center}>
+                <Image
+                    className={styles.logo}
+                    src="/next.svg"
+                    alt="Next.js Logo"
+                    width={180}
+                    height={37}
+                    priority
+                />
+                <Image
+                    className={styles.logo}
+                    src="/aleo.svg"
+                    alt="Next.js Logo"
+                    width={180}
+                    height={45}
+                    priority
+                />
+            </div>
+            <div className={styles.card}>
+                <p>
+                    <button onClick={generateAccount}>
+                        {account
+                            ? `Account private key is ${JSON.stringify(account)}`
+                            : `Click to generate account`}
+                    </button>
+                </p>
+                <p>
+                    <button disabled={executing} onClick={execute}>
+                        {executing
+                            ? `Executing...check console for details...`
+                            : `Execute helloworld.aleo`}
+                    </button>
+                </p>
+            </div>
+        </main>
+    );
+}

package/template-nextjs-ts/src/app/worker.ts ADDED Viewed

@@ -0,0 +1,47 @@
+import {
+  Account,
+  initThreadPool,
+  PrivateKey,
+  ProgramManager,
+} from "@provablehq/sdk";
+await initThreadPool();
+const hello_hello_program =`
+program hello_hello.aleo;
+function hello:
+    input r0 as u32.public;
+    input r1 as u32.private;
+    add r0 r1 into r2;
+    output r2 as u32.private;`
+async function localProgramExecution(program: string, aleoFunction: string, inputs: string[]) {
+  const programManager = new ProgramManager();
+  // Create a temporary account for the execution of the program
+  const account = new Account();
+  programManager.setAccount(account);
+  const executionResponse = await programManager.run(
+      program,
+      aleoFunction,
+      inputs,
+      false,
+  );
+  return executionResponse.getOutputs();
+}
+function getPrivateKey() {
+  return new PrivateKey().to_string();
+}
+onmessage = async function (e) {
+  if (e.data === "execute") {
+    const result = await localProgramExecution(hello_hello_program, "hello", ["5u32", "5u32"]);
+    postMessage({type: "execute", result: result});
+  } else if (e.data === "key") {
+    const result = getPrivateKey();
+    postMessage({type: "key", result: result});
+  }
+};

package/template-nextjs-ts/tsconfig.json ADDED Viewed

@@ -0,0 +1,27 @@
+{
+  "compilerOptions": {
+    "target": "es2017",
+    "lib": ["dom", "dom.iterable", "esnext"],
+    "allowJs": true,
+    "skipLibCheck": true,
+    "strict": true,
+    "noEmit": true,
+    "esModuleInterop": true,
+    "module": "esnext",
+    "moduleResolution": "bundler",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "jsx": "preserve",
+    "incremental": true,
+    "plugins": [
+      {
+        "name": "next"
+      }
+    ],
+    "paths": {
+      "@/*": ["./src/*"]
+    }
+  },
+  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
+  "exclude": ["node_modules"]
+}

package/template-node/README.md ADDED Viewed

@@ -0,0 +1,5 @@
+# Aleo + Node.js
+`npm start`
+Recommend Node.js 20+ for best performance.

package/template-node/_gitignore ADDED Viewed

@@ -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?

package/template-node/index.js ADDED Viewed

@@ -0,0 +1,59 @@
+import {Account, initThreadPool, ProgramManager, AleoKeyProvider, AleoKeyProviderParams} from "@provablehq/sdk";
+await initThreadPool();
+const programName = "hello_hello.aleo"
+const hello_hello_program =`
+program ${programName};
+function hello:
+    input r0 as u32.public;
+    input r1 as u32.private;
+    add r0 r1 into r2;
+    output r2 as u32.private;`
+async function localProgramExecution(program, programName, aleoFunction, inputs) {
+    const programManager = new ProgramManager();
+    // Create a temporary account for the execution of the program
+    const account = new Account();
+    programManager.setAccount(account);
+    // Create a key provider in order to re-use the same key for each execution
+    const keyProvider = new AleoKeyProvider();
+    keyProvider.useCache(true);
+    programManager.setKeyProvider(keyProvider);
+    // Pre-synthesize the program keys and then cache them in memory using key provider
+    const keyPair = await programManager.synthesizeKeys(hello_hello_program, aleoFunction, inputs);
+    programManager.keyProvider.cacheKeys(`${programName}:${aleoFunction}`, keyPair);
+    // Specify parameters for the key provider to use search for program keys. In particular specify the cache key
+    // that was used to cache the keys in the previous step.
+    const keyProviderParams = new AleoKeyProviderParams({cacheKey: `${programName}:${aleoFunction}`});
+    // Execute once using the key provider params defined above. This will use the cached proving keys and make
+    // execution significantly faster.
+    let executionResponse = await programManager.run(
+        program,
+        aleoFunction,
+        inputs,
+        true,
+        undefined,
+        keyProviderParams,
+    );
+    console.log("hello_hello/hello executed - result:", executionResponse.getOutputs());
+    // Verify the execution using the verifying key that was generated earlier.
+    if (programManager.verifyExecution(executionResponse)) {
+        console.log("hello_hello/hello execution verified!");
+    } else {
+        throw("Execution failed verification!");
+    }
+}
+const start = Date.now();
+console.log("Starting execute!");
+await localProgramExecution(hello_hello_program, programName, "hello", ["5u32", "5u32"]);
+console.log("Execute finished!", Date.now() - start);

package/template-node/package.json ADDED Viewed

@@ -0,0 +1,12 @@
+{
+  "name": "node-starter",
+  "private": true,
+  "version": "0.0.0",
+  "type": "module",
+  "scripts": {
+    "start": "node index.js"
+  },
+  "dependencies": {
+    "@provablehq/sdk": "^0.6.0"
+  }
+}

package/template-node-ts/README.md ADDED Viewed

@@ -0,0 +1,5 @@
+# Aleo + Node.js + TypeScript
+`npm start`
+Recommend Node.js 20+ for best performance.

package/template-node-ts/_gitignore ADDED Viewed

@@ -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?

package/template-node-ts/package.json ADDED Viewed

@@ -0,0 +1,19 @@
+{
+  "name": "node-ts-starter",
+  "private": true,
+  "version": "0.0.0",
+  "type": "module",
+  "scripts": {
+    "build": "rimraf dist/js && rollup --config",
+    "start": "npm run build && node dist/index.js"
+  },
+  "dependencies": {
+    "@provablehq/sdk": "^0.6.0"
+  },
+  "devDependencies": {
+    "rimraf": "^5.0.1",
+    "rollup": "^3.27.2",
+    "rollup-plugin-typescript2": "^0.36.0",
+    "typescript": "^5.2.2"
+  }
+}

package/template-node-ts/rollup.config.js ADDED Viewed

@@ -0,0 +1,19 @@
+import typescript from "rollup-plugin-typescript2";
+export default {
+    input: {
+        index: "./src/index.ts",
+    },
+    output: {
+        dir: `dist`,
+        format: "es",
+        sourcemap: true,
+    },
+    external: ['@provablehq/sdk'],
+    plugins: [
+        typescript({
+            tsconfig: "tsconfig.json",
+            clean: true,
+        }),
+    ],
+};

package/template-node-ts/src/index.ts ADDED Viewed

@@ -0,0 +1,66 @@
+import {Account, initThreadPool, ProgramManager, AleoKeyProvider, AleoKeyProviderParams} from "@provablehq/sdk";
+await initThreadPool();
+const programName = "hello_hello.aleo"
+const hello_hello_program =`
+program ${programName};
+function hello:
+    input r0 as u32.public;
+    input r1 as u32.private;
+    add r0 r1 into r2;
+    output r2 as u32.private;`
+async function localProgramExecution(program, programName, aleoFunction, inputs) {
+    const programManager = new ProgramManager();
+    // Create a temporary account for the execution of the program
+    const account = new Account();
+    programManager.setAccount(account);
+    // Create a key provider in order to re-use the same key for each execution
+    const keyProvider = new AleoKeyProvider();
+    keyProvider.useCache(true);
+    programManager.setKeyProvider(keyProvider);
+    // Pre-synthesize the program keys and then cache them in memory using key provider
+    const keyPair = await programManager.synthesizeKeys(hello_hello_program, aleoFunction, inputs);
+    if (keyPair instanceof Error) {
+        throw new Error(`Failed to synthesize keys: ${keyPair.message}`);
+    } else {
+        programManager.keyProvider.cacheKeys(`${programName}:${aleoFunction}`, keyPair);
+    }
+    programManager.keyProvider.cacheKeys(`${programName}:${aleoFunction}`, keyPair);
+    // Specify parameters for the key provider to use search for program keys. In particular specify the cache key
+    // that was used to cache the keys in the previous step.
+    const keyProviderParams = new AleoKeyProviderParams({cacheKey: `${programName}:${aleoFunction}`});
+    // Execute once using the key provider params defined above. This will use the cached proving keys and make
+    // execution significantly faster.
+    let executionResponse = await programManager.run(
+        program,
+        aleoFunction,
+        inputs,
+        true,
+        undefined,
+        keyProviderParams,
+    );
+    console.log("hello_hello/hello executed - result:", executionResponse.getOutputs());
+    // Verify the execution using the verifying key that was generated earlier.
+    if (programManager.verifyExecution(executionResponse)) {
+        console.log("hello_hello/hello execution verified!");
+    } else {
+        throw("Execution failed verification!");
+    }
+}
+const start = Date.now();
+console.log("Starting execute!");
+await localProgramExecution(hello_hello_program, programName, "hello", ["5u32", "5u32"]);
+console.log("Execute finished!", Date.now() - start);

package/template-node-ts/tsconfig.json ADDED Viewed

@@ -0,0 +1,15 @@
+{
+  "compilerOptions": {
+    /* Basic Options */
+    "target": "es2017",
+    "module": "esnext",
+    /* Module Resolution Options */
+    "moduleResolution": "node",
+    "esModuleInterop": true,
+    /* Advanced Options */
+    "skipLibCheck": true,
+    "forceConsistentCasingInFileNames": true
+  }
+}

package/template-offline-public-transaction-ts/README.md ADDED Viewed

@@ -0,0 +1,52 @@
+# Offline Transaction Builder
+## 1. Overview
+### 1.1 Proving Keys for Zero Knowledge Function Execution
+To achieve zero knowledge execution, all Aleo functions require a `ProvingKey` and `VerifyingKey` in order to build a
+zero knowledge ZkSnark proof of execution. If a user does not possess these keys for a function, they are normally
+downloaded from the internet when the function is called.
+### 1.2 Key Providers
+They `KeyProvider` interface is designed to allow users to provide their own implementations for providing key material
+to Aleo function executions.
+### 1.3 Building Transactions Offline
+The `OfflineKeyProvider` enables Transaction Building without connection to the internet.
+The `OfflineKeyProvider` and `OfflineSearchParams` are concrete implementations of the `KeyProvider` and `KeySearchParams`
+interfaces. They are designed to fetch proving key material for Aleo functions from a local machine instead of contacting
+the internet for it. This provides a way to build Aleo execution transactions without being connected to the internet.
+This pathway is suitable for use-cases such as hardware wallets or air-gapped machines used
+for building secure transactions.
+### 1.4 Assumptions
+The key material in this example is assumed to be pre-downloaded onto the machine performing the
+construction of the offline transaction.
+## 2. Usage
+### 2.1 Pre-Download the Keys
+First run this command online to download the key material to disk:
+`npm start`
+Once this command is run, all proving keys for the `transfer_public`, `bond_public`, `unbond_public`, and
+`claim_unbond_public` functions will be downloaded to the `./keys` folder. The machine can then be disconnected from
+the internet and the `OfflineKeyProvider` will search this directory for the function proving keys when building the
+transaction instead of connecting to the internet. Alternatively you can skip the online step entirely by adding the proving key creating this directory manually and
+adding the key material yourself.
+### 2.2 Build the Transaction Offline
+Once the key material is downloaded, turn off your internet connection and run the following command:
+`npm start`
+You should see the transactions being built and the resulting transaction IDs printed to the console.
+## 3. Notes
+Node.js 20+ is recommended for best performance.

package/template-offline-public-transaction-ts/_gitignore ADDED Viewed

@@ -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?