create-leo-app 0.7.2 → 0.7.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-leo-app",
-  "version": "0.7.2",
+  "version": "0.7.3",
   "type": "module",
   "license": "GPL-3.0",
   "collaborators": [
@@ -11,7 +11,15 @@
   },
   "files": [
     "index.js",
-    "template-*",
+    "template-extension",
+    "template-nextjs-ts",
+    "template-node-ts",
+    "template-node",
+    "template-offline-public-transaction-ts",
+    "template-react-leo",
+    "template-react-managed-worker",
+    "template-react-ts",
+    "template-vanilla",
     "dist"
   ],
   "scripts": {

package/template-extension/README.md

@@ -0,0 +1,4 @@
+# Chrome Extension + Aleo
+
+> > [!NOTE]
+> This is an experimental template not recommended for use

package/template-extension/package.json

@@ -0,0 +1,15 @@
+{
+  "name": "extension-starter",
+  "private": true,
+  "version": "0.0.0",
+  "type": "module",
+  "scripts": {
+    "build": "rimraf static/js && rollup --config"
+  },
+  "devDependencies": {
+    "@provablehq/sdk": "^0.7.0",
+    "@web/rollup-plugin-import-meta-assets": "^2.1.0",
+    "rimraf": "^5.0.1",
+    "rollup": "^4.0.0"
+  }
+}

package/template-extension/rollup.config.js

@@ -0,0 +1,21 @@
+import { nodeResolve } from "@rollup/plugin-node-resolve";
+import { importMetaAssets } from "@web/rollup-plugin-import-meta-assets";
+
+export default {
+    input: {
+        service_worker: "./src/service_worker.js",
+        offscreen: "./src/offscreen.js",
+        worker: "./src/worker.js",
+    },
+    output: {
+        dir: "static/js",
+        format: "es",
+        sourcemap: true,
+    },
+    plugins: [
+        nodeResolve(),
+        importMetaAssets({
+            exclude: "./src/offscreen.js",
+        }),
+    ],
+};

package/template-extension/src/offscreen.js

@@ -0,0 +1 @@
+new Worker(new URL("worker.js", import.meta.url), { type: "module" });

package/template-extension/src/service_worker.js

@@ -0,0 +1,20 @@
+async function createOffscreen(path) {
+    const offscreenUrl = chrome.runtime.getURL(path);
+
+    const existingContexts = await chrome.runtime.getContexts({
+        contextTypes: ["OFFSCREEN_DOCUMENT"],
+        documentUrls: [offscreenUrl]
+    });
+
+    if (existingContexts.length > 0) {
+        return;
+    }
+
+    await chrome.offscreen.createDocument({
+        url: offscreenUrl,
+        reasons: ["WORKERS"],
+        justification: "Top-level await and Workers cannot be used in service workers, but they are necessary to use the Aleo SDK.",
+    });
+}
+
+createOffscreen("offscreen.html");

package/template-extension/src/worker.js

@@ -0,0 +1,34 @@
+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, 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();
+}
+
+const start = Date.now();
+console.log("Starting execute!");
+const result = await localProgramExecution(hello_hello_program, "hello", ["5u32", "5u32"]);
+console.log(result);
+console.log("Execute finished!", Date.now() - start);

package/template-extension/static/manifest.json

@@ -0,0 +1,16 @@
+{
+  "manifest_version": 3,
+  "name": "extension-starter",
+  "version": "0.1.0",
+  "description": "Example for using Aleo in a Chrome / Firefox extension",
+  "background": {
+    "service_worker": "./js/service_worker.js",
+    "type": "module"
+  },
+  "permissions": [
+    "offscreen"
+  ],
+  "content_security_policy": {
+    "extension_pages": "default-src 'self' 'wasm-unsafe-eval'; connect-src https://s3-us-west-1.amazonaws.com/mainnet.parameters/powers-of-beta-15.usrs.eb7040c"
+  }
+}

package/template-extension/static/offscreen.html

@@ -0,0 +1,9 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+  </head>
+  <body>
+    <script type="module" src="js/offscreen.js"></script>
+  </body>
+</html>

package/template-nextjs-ts/README.md

@@ -0,0 +1,19 @@
+This is a [Next.js](https://nextjs.org/) example project showing Aleo
+integration via Web Workers.
+
+This template is based off the default TypeScript configuration from
+[`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app)
+
+## Getting Started
+
+First, run the development server:
+
+```bash
+yarn dev
+```
+
+Open [http://localhost:3000](http://localhost:3000) with your browser to see the
+result.
+
+You can start editing the page by modifying `app/page.tsx`. The page
+auto-updates as you edit the file.

package/template-nextjs-ts/_gitignore

@@ -0,0 +1,35 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+
+# testing
+/coverage
+
+# next.js
+/.next/
+/out/
+
+# production
+/build
+
+# misc
+.DS_Store
+*.pem
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# local env files
+.env*.local
+
+# vercel
+.vercel
+
+# typescript
+*.tsbuildinfo
+next-env.d.ts

package/template-nextjs-ts/next-env.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="next" />
+/// <reference types="next/image-types/global" />
+
+// NOTE: This file should not be edited
+// see https://nextjs.org/docs/basic-features/typescript for more information.

package/template-nextjs-ts/next.config.js

@@ -0,0 +1,32 @@
+const TerserPlugin = require("terser-webpack-plugin")
+/** @type {import('next').NextConfig} */
+const nextConfig = {
+    async headers() {
+        return [
+            {
+                source: '/:path*',
+                headers: [
+                    {
+                        key: 'Cross-Origin-Opener-Policy',
+                        value: 'same-origin',
+                    },
+                    {
+                        key: 'Cross-Origin-Embedder-Policy',
+                        value: 'require-corp',
+                    },
+                ],
+            },
+        ]
+    },
+    webpack: (config) => {
+        config.experiments = { ...config.experiments, topLevelAwait: true };
+        config.optimization = { ...config.optimization, minimize: true, minimizer: [new TerserPlugin({
+                terserOptions: {
+                    module: true,
+                }
+            })], }
+        return config;
+    },
+}
+
+module.exports = nextConfig

package/template-nextjs-ts/node_modules/@types/node/LICENSE

@@ -0,0 +1,21 @@
+    MIT License
+
+    Copyright (c) Microsoft Corporation.
+
+    Permission is hereby granted, free of charge, to any person obtaining a copy
+    of this software and associated documentation files (the "Software"), to deal
+    in the Software without restriction, including without limitation the rights
+    to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+    copies of the Software, and to permit persons to whom the Software is
+    furnished to do so, subject to the following conditions:
+
+    The above copyright notice and this permission notice shall be included in all
+    copies or substantial portions of the Software.
+
+    THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+    IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+    FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+    AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+    LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+    OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+    SOFTWARE

package/template-nextjs-ts/node_modules/@types/node/README.md

@@ -0,0 +1,15 @@
+# Installation
+> `npm install --save @types/node`
+
+# Summary
+This package contains type definitions for node (https://nodejs.org/).
+
+# Details
+Files were exported from https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/types/node/v20.
+
+### Additional Details
+ * Last updated: Wed, 04 Sep 2024 21:35:57 GMT
+ * Dependencies: [undici-types](https://npmjs.com/package/undici-types)
+
+# Credits
+These definitions were written by [Microsoft TypeScript](https://github.com/Microsoft), [Alberto Schiabel](https://github.com/jkomyno), [Alvis HT Tang](https://github.com/alvis), [Andrew Makarov](https://github.com/r3nya), [Benjamin Toueg](https://github.com/btoueg), [Chigozirim C.](https://github.com/smac89), [David Junger](https://github.com/touffy), [Deividas Bakanas](https://github.com/DeividasBakanas), [Eugene Y. Q. Shen](https://github.com/eyqs), [Hannes Magnusson](https://github.com/Hannes-Magnusson-CK), [Huw](https://github.com/hoo29), [Kelvin Jin](https://github.com/kjin), [Klaus Meinhardt](https://github.com/ajafff), [Lishude](https://github.com/islishude), [Mariusz Wiktorczyk](https://github.com/mwiktorczyk), [Mohsen Azimi](https://github.com/mohsen1), [Nikita Galkin](https://github.com/galkin), [Parambir Singh](https://github.com/parambirs), [Sebastian Silbermann](https://github.com/eps1lon), [Thomas den Hollander](https://github.com/ThomasdenH), [Wilco Bakker](https://github.com/WilcoBakker), [wwwy3y3](https://github.com/wwwy3y3), [Samuel Ainsworth](https://github.com/samuela), [Kyle Uehlein](https://github.com/kuehlein), [Thanik Bhongbhibhat](https://github.com/bhongy), [Marcin Kopacz](https://github.com/chyzwar), [Trivikram Kamat](https://github.com/trivikr), [Junxiao Shi](https://github.com/yoursunny), [Ilia Baryshnikov](https://github.com/qwelias), [ExE Boss](https://github.com/ExE-Boss), [Piotr Błażejewicz](https://github.com/peterblazejewicz), [Anna Henningsen](https://github.com/addaleax), [Victor Perin](https://github.com/victorperin), [Yongsheng Zhang](https://github.com/ZYSzys), [NodeJS Contributors](https://github.com/NodeJS), [Linus Unnebäck](https://github.com/LinusU), [wafuwafu13](https://github.com/wafuwafu13), [Matteo Collina](https://github.com/mcollina), and [Dmitry Semigradsky](https://github.com/Semigradsky).

package/template-nextjs-ts/node_modules/@types/node/assert/strict.d.ts

@@ -0,0 +1,8 @@
+declare module "assert/strict" {
+    import { strict } from "node:assert";
+    export = strict;
+}
+declare module "node:assert/strict" {
+    import { strict } from "node:assert";
+    export = strict;
+}