create-leo-app 0.7.2 → 0.7.3

package/template-vanilla/public/aleo.svg

@@ -0,0 +1,76 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="896.000000pt" height="896.000000pt" viewBox="0 0 896.000000 896.000000"
+ preserveAspectRatio="xMidYMid meet">
+<metadata>
+Created by potrace 1.14, written by Peter Selinger 2001-2017
+</metadata>
+<g transform="translate(0.000000,896.000000) scale(0.100000,-0.100000)"
+fill="#ffffff" stroke="none">
+<path d="M3504 8848 c-21 -62 -39 -117 -40 -123 -2 -8 -162 -483 -179 -533 -2
+-7 -5 -16 -6 -20 -1 -4 -15 -43 -31 -87 -16 -44 -29 -81 -29 -82 0 -2 -2 -8
+-4 -15 -19 -54 -224 -669 -256 -768 -22 -69 -44 -134 -49 -145 -5 -11 -36
+-103 -70 -205 -33 -102 -63 -192 -67 -200 -3 -8 -7 -19 -8 -25 -4 -13 -125
+-376 -132 -395 -4 -8 -7 -17 -8 -20 -4 -18 -48 -149 -55 -165 -5 -11 -32 -92
+-60 -180 -28 -88 -56 -169 -61 -180 -6 -12 -12 -30 -14 -40 -2 -11 -4 -20 -4
+-20 -2 0 -371 -1097 -376 -1115 -2 -8 -15 -46 -28 -85 -13 -38 -54 -162 -91
+-275 -37 -113 -71 -214 -76 -225 -16 -38 -70 -205 -70 -216 0 -6 6 -9 14 -6 7
+3 19 0 25 -6 6 -6 11 -7 11 -2 0 10 996 12 1006 3 4 -5 -29 -117 -45 -153 -5
+-11 -19 -51 -32 -90 -12 -38 -24 -74 -28 -80 -3 -5 -6 -12 -6 -15 -1 -21 -82
+-247 -90 -252 -5 -4 -7 -8 -3 -8 3 0 -22 -82 -56 -182 l-63 -182 -529 1 c-445
+0 -528 3 -525 14 2 8 6 26 9 41 2 16 8 28 11 28 4 0 8 6 8 13 0 6 26 91 59
+187 32 96 59 177 60 180 0 3 3 12 7 20 6 15 29 87 34 105 1 6 16 48 33 95 17
+47 35 101 41 120 6 19 12 40 13 45 2 6 4 13 5 17 1 4 8 26 17 49 8 23 12 44 9
+47 -5 5 -1044 6 -1050 1 -3 -4 -164 -474 -170 -499 -2 -8 -35 -108 -74 -221
+-38 -114 -71 -215 -73 -225 -3 -17 23 -18 517 -19 286 -1 523 -3 527 -3 3 -1
+-34 -120 -83 -265 -49 -144 -91 -271 -94 -282 -3 -11 -29 -91 -59 -178 -30
+-86 -55 -158 -55 -160 0 -1 -2 -9 -5 -17 -15 -41 -297 -885 -302 -905 -2 -5
+-22 -64 -44 -130 -23 -66 -43 -127 -45 -135 -2 -8 -9 -28 -16 -45 -7 -16 -13
+-32 -14 -35 -1 -3 -8 -25 -15 -50 -7 -25 -14 -47 -15 -50 -1 -3 -7 -18 -14
+-34 -6 -16 -13 -36 -15 -45 -2 -9 -6 -24 -10 -33 -4 -9 -9 -22 -10 -30 -2 -7
+-6 -20 -9 -28 -14 -34 -107 -314 -107 -322 0 -4 238 -8 530 -8 l529 0 12 23
+c7 12 11 22 10 22 -1 0 0 7 3 15 3 8 39 119 81 245 42 127 79 237 82 245 3 8
+7 22 9 31 2 9 9 29 15 45 13 32 16 39 22 69 3 11 15 45 27 75 12 30 24 66 27
+79 2 14 7 29 11 35 3 6 7 16 8 21 2 12 102 313 111 335 4 8 7 17 8 20 1 3 4
+12 7 20 3 8 40 121 82 250 43 129 81 244 86 255 8 18 87 254 93 280 2 6 13 42
+26 80 30 91 31 95 30 98 -1 2 12 38 37 102 4 11 8 22 9 25 0 3 16 50 34 105
+33 101 40 123 41 128 0 1 13 36 28 77 l28 75 2003 1 2003 0 9 -20 c19 -48 695
+-2069 704 -2106 2 -8 4 -16 5 -17 2 -2 3 -6 5 -10 1 -5 4 -15 8 -23 3 -8 29
+-87 57 -175 28 -88 55 -169 60 -180 16 -37 61 -184 58 -188 -2 -2 3 -11 11
+-20 12 -15 64 -17 561 -17 l548 0 -5 23 c-3 12 -10 28 -16 35 -5 6 -7 12 -3
+12 3 0 -3 21 -13 48 -10 26 -19 49 -19 52 -1 7 -11 38 -28 83 -8 20 -14 38
+-13 40 0 1 -2 9 -5 17 -3 8 -46 139 -96 290 -50 151 -94 282 -97 290 -4 8 -7
+17 -7 20 -3 13 -108 327 -115 345 -10 24 -72 206 -75 220 -4 20 -117 360 -126
+380 -8 18 -212 630 -216 648 -1 4 -3 9 -4 12 -1 3 -3 8 -5 13 -1 4 -4 14 -8
+22 -10 28 -51 155 -53 168 -1 8 -6 21 -10 30 -4 9 -8 20 -9 25 -2 4 -3 8 -4
+10 -2 4 -173 512 -177 527 -2 8 -31 96 -65 195 -34 99 -61 186 -62 193 0 6 -3
+12 -7 12 -4 0 -7 6 -7 13 0 10 -413 1255 -430 1297 -3 8 -7 20 -9 25 -3 14
+-104 317 -111 335 -4 8 -7 17 -7 20 -5 16 -68 208 -75 225 -9 20 -50 141 -55
+160 -6 26 -18 62 -26 80 -5 11 -13 36 -19 55 -5 19 -17 55 -26 80 -9 25 -18
+52 -20 60 -2 8 -20 62 -40 120 -20 58 -38 112 -40 120 -6 24 -246 743 -255
+765 -8 17 -73 211 -76 225 0 3 -3 12 -7 20 -7 19 -71 213 -72 220 0 3 -6 15
+-13 28 -7 12 -10 22 -7 22 3 0 -1 16 -9 35 -9 20 -15 38 -16 40 0 3 0 6 0 8 0
+1 -30 88 -65 192 -36 105 -67 197 -69 205 -2 9 -52 159 -111 335 -59 176 -108
+325 -110 330 -1 6 -5 17 -8 25 -18 42 -35 100 -30 100 3 0 1 6 -4 13 -5 6 -15
+31 -23 55 l-13 42 -1013 0 -1012 0 -38 -112z m1289 -858 c4 -4 159 -465 162
+-480 5 -27 120 -358 127 -367 6 -7 8 -13 5 -13 -3 0 15 -60 39 -132 25 -73 47
+-140 49 -148 4 -21 55 -170 65 -195 8 -19 33 -94 35 -105 2 -11 37 -116 45
+-135 9 -21 32 -92 36 -110 1 -5 13 -41 26 -80 14 -38 37 -108 52 -155 15 -47
+30 -92 33 -100 4 -8 7 -17 8 -20 1 -3 4 -12 7 -20 3 -8 18 -53 32 -100 15 -47
+30 -92 33 -100 4 -8 7 -18 8 -22 2 -5 4 -10 5 -13 1 -3 3 -8 4 -12 3 -15 28
+-88 36 -108 4 -11 14 -40 21 -65 7 -25 16 -49 19 -55 6 -8 33 -99 35 -115 1
+-5 25 -74 45 -125 4 -11 13 -38 19 -60 7 -22 16 -49 20 -60 5 -11 14 -38 20
+-60 7 -22 16 -49 21 -60 5 -11 23 -67 41 -125 17 -58 35 -109 39 -115 3 -5 12
+-30 19 -55 6 -25 16 -54 20 -65 5 -11 14 -38 20 -60 7 -22 16 -49 21 -60 9
+-21 91 -272 95 -289 1 -6 5 -18 8 -26 22 -55 44 -130 39 -134 -3 -3 -1 -6 5
+-6 5 0 10 -6 10 -12 0 -7 21 -75 47 -150 25 -76 46 -142 46 -147 0 -5 -696 -9
+-1675 -9 -991 0 -1675 4 -1675 9 0 5 23 77 51 160 28 83 52 156 54 162 1 7 5
+20 8 30 4 9 10 25 14 35 3 9 7 22 9 27 1 6 91 276 199 600 109 325 198 595
+200 600 1 6 5 19 9 30 24 63 34 91 36 100 1 6 4 15 6 20 29 83 116 344 118
+355 4 13 138 421 152 460 3 8 5 15 5 15 0 0 79 234 175 520 96 286 176 528
+179 538 2 10 25 80 51 155 26 75 47 143 47 150 0 6 3 12 7 12 4 0 7 6 7 13 0
+18 86 271 95 277 8 7 505 6 511 0z"/>
+</g>
+</svg>

package/template-vanilla/public/vite.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>

package/template-vanilla/style.css

@@ -0,0 +1,97 @@
+:root {
+    font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
+    line-height: 1.5;
+    font-weight: 400;
+
+    color-scheme: light dark;
+    color: rgba(255, 255, 255, 0.87);
+    background-color: #242424;
+
+    font-synthesis: none;
+    text-rendering: optimizeLegibility;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+    -webkit-text-size-adjust: 100%;
+}
+
+a {
+    font-weight: 500;
+    color: #646cff;
+    text-decoration: inherit;
+}
+a:hover {
+    color: #535bf2;
+}
+
+body {
+    margin: 0;
+    display: flex;
+    place-items: center;
+    min-width: 320px;
+    min-height: 100vh;
+}
+
+h1 {
+    font-size: 3.2em;
+    line-height: 1.1;
+}
+
+#app {
+    max-width: 1280px;
+    margin: 0 auto;
+    padding: 2rem;
+    text-align: center;
+}
+
+.logo {
+    height: 6em;
+    padding: 1.5em;
+    will-change: filter;
+    transition: filter 300ms;
+}
+.logo:hover {
+    filter: drop-shadow(0 0 2em #646cffaa);
+}
+.logo.vanilla:hover {
+    filter: drop-shadow(0 0 2em #f7df1eaa);
+}
+
+.card {
+    padding: 2em;
+}
+
+.read-the-docs {
+    color: #888;
+}
+
+button {
+    border-radius: 8px;
+    border: 1px solid transparent;
+    padding: 0.6em 1.2em;
+    font-size: 1em;
+    font-weight: 500;
+    font-family: inherit;
+    background-color: #1a1a1a;
+    cursor: pointer;
+    transition: border-color 0.25s;
+}
+button:hover {
+    border-color: #646cff;
+}
+button:focus,
+button:focus-visible {
+    outline: 4px auto -webkit-focus-ring-color;
+}
+
+@media (prefers-color-scheme: light) {
+    :root {
+        color: #213547;
+        background-color: #ffffff;
+    }
+    a:hover {
+        color: #747bff;
+    }
+    button {
+        background-color: #f9f9f9;
+    }
+}

package/template-vanilla/vite.config.js

@@ -0,0 +1,12 @@
+import { defineConfig } from "vite";
+export default defineConfig({
+    optimizeDeps: {
+        exclude: ["@provablehq/wasm", "@provablehq/sdk"],
+    },
+    server: {
+        headers: {
+            "Cross-Origin-Opener-Policy": "same-origin",
+            "Cross-Origin-Embedder-Policy": "require-corp",
+        },
+    },
+});

package/template-vanilla/worker.js

@@ -0,0 +1,95 @@
+import {
+  Account,
+  ProgramManager,
+  PrivateKey,
+  initThreadPool,
+  AleoKeyProvider,
+  AleoNetworkClient,
+  NetworkRecordProvider,
+} from "@provablehq/sdk";
+
+await initThreadPool();
+
+// A program name must be unique. To deploy the program, you should change the name from hello_hello.aleo to something else that is unique.
+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, aleoFunction, inputs) {
+    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();
+}
+
+async function deployProgram(program) {
+  const keyProvider = new AleoKeyProvider();
+  keyProvider.useCache(true);
+
+  // Create a record provider that will be used to find records and transaction data for Aleo programs
+  const networkClient = new AleoNetworkClient("https://api.explorer.provable.com/v1");
+
+  // Use existing account with funds
+  const account = new Account({
+    privateKey: "user1PrivateKey",
+  });
+
+  const recordProvider = new NetworkRecordProvider(account, networkClient);
+
+  // Initialize a program manager to talk to the Aleo network with the configured key and record providers
+  const programManager = new ProgramManager(
+    "https://api.explorer.provable.com/v1",
+    keyProvider,
+    recordProvider,
+  );
+
+  programManager.setAccount(account);
+
+  // Define a fee to pay to deploy the program
+  const fee = 1.9; // 1.9 Aleo credits
+
+  // Deploy the program to the Aleo network
+  const tx_id = await programManager.deploy(program, fee);
+
+  // Optional: Pass in fee record manually to avoid long scan times
+  // const feeRecord = "{  owner: aleo1xxx...xxx.private,  microcredits: 2000000u64.private,  _nonce: 123...789group.public}";
+  // const tx_id = await programManager.deploy(program, fee, undefined, feeRecord);
+
+  return tx_id;
+}
+
+onmessage = async function (e) {
+    if (e.data === "execute") {
+        const result = await localProgramExecution(hello_hello_program, "hello", ["5u32", "5u32"]);
+        postMessage(result);
+    } else if (e.data === "key") {
+        const result = getPrivateKey();
+        postMessage(result);
+    } else if (e.data === "deploy") {
+    try {
+        const result = await deployProgram(hello_hello_program);
+        postMessage(result);
+      } catch (error) {
+        postMessage({ error: error.message });
+    }
+  }
+
+};