From 49b9e61a594837f4ebcb8be7dc063810b0f78215 Mon Sep 17 00:00:00 2001
From: Niko <info@parlepeuple.fr>
Date: Sun, 4 Jun 2023 00:11:30 +0300
Subject: [PATCH] dev env is ready

---
 README.md             |  6 +++---
 ng-app/README.md      |  8 ++++++++
 ng-app/src/App.svelte |  7 +++++--
 pnpm-lock.yaml        | 48 +++++++++++++++++++++++++++++++++++++++++++
 pnpm-workspace.yaml   |  3 ++-
 5 files changed, 66 insertions(+), 6 deletions(-)

diff --git a/README.md b/README.md
index c90e419..aa5f7a9 100644
--- a/README.md
+++ b/README.md
@@ -54,10 +54,10 @@ The crates are organized as follow :
 - stores-lmdb : lmdb backed stores
 - ngcli : CLI tool to manipulate the repos
 - ngd : binary executable of the daemon (that can run a broker, verifier and/or Rust services)
-- ngone : server for nextgraph.one (boostrap into the right app)
-- ng-sdk-js : contains the JS SDK, with example apps: web app, react app, or node service.
-- ng-app : all the native apps, based on Tauri, and the web app.
 - ng-wallet : keeps the secret keys of all identities of the user in a safe wallet
+- [ng-sdk-js](ng-sdk-js/README.md) : contains the JS SDK, with example apps: web app, react app, or node service.
+- [ng-app](ng-app/README.md) : all the native apps, based on Tauri, and the web app.
+- [ngone](ngone/README.md) : server for nextgraph.one (boostrap into the right app)
 
 ### Run
 
diff --git a/ng-app/README.md b/ng-app/README.md
index 910e521..e1f03bc 100644
--- a/ng-app/README.md
+++ b/ng-app/README.md
@@ -6,6 +6,14 @@ All the apps are using an embedded WebView that renders a Svelte app.
 
 ## Install
 
+prerequisites: compile the local SDK
+
+```
+cd ../ng-sdk-js
+wasm-pack build --target bundler
+cd ../ng-app
+```
+
 ```
 cargo install tauri-cli --version "^2.0.0-alpha"
 npm install -g pnpm
diff --git a/ng-app/src/App.svelte b/ng-app/src/App.svelte
index 79c3155..66c12d4 100644
--- a/ng-app/src/App.svelte
+++ b/ng-app/src/App.svelte
@@ -10,14 +10,17 @@
 -->
 
 <script lang="ts">
-  import * as ng2 from "ng-sdk-js";
   import Router from "svelte-spa-router";
 
   import Home from "./routes/Home.svelte";
   import Test from "./routes/Test.svelte";
   import NotFound from "./routes/NotFound.svelte";
 
-  ng2.test();
+  if (import.meta.env.NG_APP_WEB) {
+    import("ng-sdk-js").then((ng2) => {
+      ng2.test();
+    });
+  }
 
   const routes = {
     // Exact path
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 770b32b..f03fcc5 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -2,6 +2,9 @@ lockfileVersion: 5.4
 
 importers:
 
+  .:
+    specifiers: {}
+
   ng-app:
     specifiers:
       '@popperjs/core': ^2.11.8
@@ -61,6 +64,19 @@ importers:
       vite-plugin-svelte-svg: 2.2.1_svelte@3.59.1+vite@4.3.9
       vite-plugin-wasm: 3.2.2_vite@4.3.9
 
+  ng-sdk-js/pkg:
+    specifiers: {}
+
+  ngone/web:
+    specifiers:
+      '@sveltejs/vite-plugin-svelte': ^2.0.4
+      svelte: ^3.58.0
+      vite: ^4.3.9
+    devDependencies:
+      '@sveltejs/vite-plugin-svelte': 2.4.1_svelte@3.59.1+vite@4.3.9
+      svelte: 3.59.1
+      vite: 4.3.9
+
 packages:
 
   /@alloc/quick-lru/5.2.0:
@@ -1814,6 +1830,38 @@ packages:
       vite: 4.3.9_@types+node@18.16.16
     dev: true
 
+  /vite/4.3.9:
+    resolution: {integrity: sha512-qsTNZjO9NoJNW7KnOrgYwczm0WctJ8m/yqYAMAK9Lxt4SoySUfS5S8ia9K7JHpa3KEeMfyF8LoJ3c5NeBJy6pg==}
+    engines: {node: ^14.18.0 || >=16.0.0}
+    hasBin: true
+    peerDependencies:
+      '@types/node': '>= 14'
+      less: '*'
+      sass: '*'
+      stylus: '*'
+      sugarss: '*'
+      terser: ^5.4.0
+    peerDependenciesMeta:
+      '@types/node':
+        optional: true
+      less:
+        optional: true
+      sass:
+        optional: true
+      stylus:
+        optional: true
+      sugarss:
+        optional: true
+      terser:
+        optional: true
+    dependencies:
+      esbuild: 0.17.19
+      postcss: 8.4.24
+      rollup: 3.23.0
+    optionalDependencies:
+      fsevents: 2.3.2
+    dev: true
+
   /vite/4.3.9_@types+node@18.16.16:
     resolution: {integrity: sha512-qsTNZjO9NoJNW7KnOrgYwczm0WctJ8m/yqYAMAK9Lxt4SoySUfS5S8ia9K7JHpa3KEeMfyF8LoJ3c5NeBJy6pg==}
     engines: {node: ^14.18.0 || >=16.0.0}
diff --git a/pnpm-workspace.yaml b/pnpm-workspace.yaml
index 727dd42..05b882b 100644
--- a/pnpm-workspace.yaml
+++ b/pnpm-workspace.yaml
@@ -1,3 +1,4 @@
 packages:
   - ng-sdk-js/pkg
-  - ng-app
\ No newline at end of file
+  - ng-app
+  - ngone/web
\ No newline at end of file