Add first Svelte app

Bebb-Protocol-and-Apps · Feb 16, 2023 · b219f39 · b219f39
1 parent bdeff5e
commit b219f39
Show file tree

Hide file tree

Showing 80 changed files with 3,481 additions and 2,750 deletions.
diff --git a/.gitignore b/.gitignore
@@ -106,4 +106,9 @@ dist
 # TernJS port file
 .tern-port
 
-.dfx
+.dfx
+
+.DS_Store
+dist-ssr
+*.local
+.vessel
diff --git a/.prettierrc b/.prettierrc
@@ -0,0 +1,5 @@
+{
+  "singleQuote": false,
+  "trailingComma": "all",
+  "semi": true
+}
diff --git a/README.md b/README.md
@@ -31,6 +31,8 @@ dfx start --background
 # Install dependencies
 npm install
 
+npm run dev
+
 # Deploys your canisters to the replica and generates your candid interface
 Local:
 dfx deploy --argument "(
@@ -46,6 +48,8 @@ dfx deploy --argument "(
   }
 )"
 
+npm run vite
+
 dfx deploy --network ic --argument "(
   principal\"$(dfx identity get-principal)\",
   record {
@@ -84,6 +88,8 @@ npm start
 
 Which will start a server at `http://localhost:8080`, proxying API requests to the replica at port 8000.
 
+Fund wallet with cycles (from ICP): https://medium.com/dfinity/internet-computer-basics-part-3-funding-a-cycles-wallet-a724efebd111
+
 Top up cycles:
 dfx identity --network=ic get-wallet
 dfx wallet --network ic balance
@@ -92,6 +98,11 @@ dfx canister --network ic status PersonalWebSpace_frontend
 dfx canister --network ic --wallet 3v5vy-2aaaa-aaaai-aapla-cai deposit-cycles 3000000000000 PersonalWebSpace_backend
 dfx canister --network ic --wallet 3v5vy-2aaaa-aaaai-aapla-cai deposit-cycles 300000000000 PersonalWebSpace_frontend
 
+2023-02-16:
+  topped up 7T cycles each for new balances:
+  PersonalWebSpace_backend Balance: 10_896_387_427_956 Cycles
+  PersonalWebSpace_frontend Balance: 10_220_358_949_308 Cycles
+
 ### Note on frontend environment variables
 
 If you are hosting frontend code somewhere without using DFX, you may need to make one of the following adjustments to ensure your project does not fetch the root key in production:

diff --git a/dfx.json b/dfx.json
@@ -9,26 +9,16 @@
         "PersonalWebSpace_backend"
       ],
       "frontend": {
-        "entrypoint": "src/PersonalWebSpace_frontend/src/index.html"
+        "entrypoint": "dist/index.html"
       },
-      "source": [
-        "src/PersonalWebSpace_frontend/assets",
-        "dist/PersonalWebSpace_frontend/"
-      ],
+      "source": ["dist/"],
       "type": "assets"
     }
   },
   "defaults": {
     "build": {
-      "args": "",
-      "packtool": ""
-    }
-  },
-  "dfx": "0.11.1",
-  "networks": {
-    "local": {
-      "bind": "127.0.0.1:8000",
-      "type": "ephemeral"
+      "packtool": "vessel sources",
+      "args": ""
     }
   },
   "version": 1

diff --git a/index.html b/index.html
@@ -0,0 +1,20 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <title>Open Internet Metaverse App</title>
+  <meta name='author' content='Alex Agudelo, Patrick Friedrich'>
+  <meta name='description' content='Users can create and edit their Personal Web Spaces on this web app. Each Personal Web Space is itself an NFT hosted on the Internet Computer blockchain platform, contains all data to be rendered and displayed as a 3D webpage in any browser and can be viewed at a unique URL. On this web app, Users can see which spaces they own and how they look when displayed as a webpage. They can then go ahead and edit their spaces (and thus the displayed 3D webpage).'>
+  <meta name='robots' content='index, follow'>
+  <meta charset='UTF-8'>
+  <meta name='viewport' content='width=device-width, initial-scale=1'>
+  <script src="https://aframe.io/releases/1.3.0/aframe.min.js"></script>
+  <script src="//cdn.rawgit.com/donmccurdy/aframe-extras/v3.8.3/dist/aframe-extras.min.js"></script>
+</head>
+
+<body>
+  <div id="root"></div>
+  <script type="module" src="/src/PersonalWebSpace_frontend/main.ts"></script>
+</body>
+
+</html>