Skip to content

Commit 2a3a735

Browse files
talkoltalkol
committed
Added full page loading indicator until wasm loads
1 parent 756743a commit 2a3a735

31 files changed

+525
-230
lines changed

‎docs/01-a-simple-counter.html‎

Lines changed: 12 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -32,16 +32,16 @@
3232
/>
3333
-->
3434
<meta http-equiv="content-security-policy" content="">
35-
<link href="./_app/immutable/assets/_layout-5d535c94.css" rel="stylesheet">
35+
<link href="./_app/immutable/assets/_layout-e2caa7e1.css" rel="stylesheet">
3636
<link href="./_app/immutable/assets/app-fd9a8d0c.css" rel="stylesheet">
37-
<link rel="modulepreload" href="./_app/immutable/start-f9cf923a.js">
37+
<link rel="modulepreload" href="./_app/immutable/start-ec30e318.js">
3838
<link rel="modulepreload" href="./_app/immutable/chunks/index-1d4083c1.js">
3939
<link rel="modulepreload" href="./_app/immutable/chunks/singletons-644a2fdc.js">
4040
<link rel="modulepreload" href="./_app/immutable/chunks/index-2985fbf4.js">
4141
<link rel="modulepreload" href="./_app/immutable/components/layout.svelte-4be16cb6.js">
4242
<link rel="modulepreload" href="./_app/immutable/modules/pages/_layout.ts-9cbb603b.js">
4343
<link rel="modulepreload" href="./_app/immutable/chunks/_layout-da46b06b.js">
44-
<link rel="modulepreload" href="./_app/immutable/components/pages/(examples)/_layout.svelte-ac2f4def.js">
44+
<link rel="modulepreload" href="./_app/immutable/components/pages/(examples)/_layout.svelte-ea089cab.js">
4545
<link rel="modulepreload" href="./_app/immutable/chunks/store-3208a846.js">
4646
<link rel="modulepreload" href="./_app/immutable/chunks/examples-77cabd49.js">
4747
<link rel="modulepreload" href="./_app/immutable/components/pages/(examples)/01-a-simple-counter/_page.svelte-1dc40524.js">
@@ -51,6 +51,11 @@
5151
<div style="display: contents">
5252

5353

54+
<div class="pageLoader"><div class="sk-folding-cube"><div class="sk-cube1 sk-cube"></div>
55+
<div class="sk-cube2 sk-cube"></div>
56+
<div class="sk-cube4 sk-cube"></div>
57+
<div class="sk-cube3 sk-cube"></div></div></div>
58+
5459

5560
<div class="split vertical svelte-9dft0e" style="--primary-size:47%;--min-primary-size:0;--min-secondary-size:0;--splitter-size:7px"><div class="primary svelte-9dft0e"><div slot="primary" class="panelMarkdown" style="position: absolute; top: 0; bottom: 0; left: 0; right: 0; overflow: scroll;"><!-- HTML_TAG_START --><!-- HTML_TAG_END -->
5661
<div class="navMarkdown">
@@ -103,14 +108,14 @@
103108
</div>
104109

105110

106-
<script type="module" data-sveltekit-hydrate="igyk4u">
107-
import { start } from "./_app/immutable/start-f9cf923a.js";
111+
<script type="module" data-sveltekit-hydrate="obbuui">
112+
import { start } from "./_app/immutable/start-ec30e318.js";
108113

109114
start({
110115
assets: "",
111116
env: {},
112-
target: document.querySelector('[data-sveltekit-hydrate="igyk4u"]').parentNode,
113-
version: "1678493947313",
117+
target: document.querySelector('[data-sveltekit-hydrate="obbuui"]').parentNode,
118+
version: "1678496914612",
114119
hydrate: {
115120
node_ids: [0, 2, 5],
116121
data: [null,null,null],

‎docs/01-hello-world.html‎

Lines changed: 12 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -32,16 +32,16 @@
3232
/>
3333
-->
3434
<meta http-equiv="content-security-policy" content="">
35-
<link href="./_app/immutable/assets/_layout-5d535c94.css" rel="stylesheet">
35+
<link href="./_app/immutable/assets/_layout-e2caa7e1.css" rel="stylesheet">
3636
<link href="./_app/immutable/assets/app-fd9a8d0c.css" rel="stylesheet">
37-
<link rel="modulepreload" href="./_app/immutable/start-f9cf923a.js">
37+
<link rel="modulepreload" href="./_app/immutable/start-ec30e318.js">
3838
<link rel="modulepreload" href="./_app/immutable/chunks/index-1d4083c1.js">
3939
<link rel="modulepreload" href="./_app/immutable/chunks/singletons-644a2fdc.js">
4040
<link rel="modulepreload" href="./_app/immutable/chunks/index-2985fbf4.js">
4141
<link rel="modulepreload" href="./_app/immutable/components/layout.svelte-4be16cb6.js">
4242
<link rel="modulepreload" href="./_app/immutable/modules/pages/_layout.ts-9cbb603b.js">
4343
<link rel="modulepreload" href="./_app/immutable/chunks/_layout-da46b06b.js">
44-
<link rel="modulepreload" href="./_app/immutable/components/pages/(examples)/_layout.svelte-ac2f4def.js">
44+
<link rel="modulepreload" href="./_app/immutable/components/pages/(examples)/_layout.svelte-ea089cab.js">
4545
<link rel="modulepreload" href="./_app/immutable/chunks/store-3208a846.js">
4646
<link rel="modulepreload" href="./_app/immutable/chunks/examples-77cabd49.js">
4747
<link rel="modulepreload" href="./_app/immutable/components/pages/(examples)/01-hello-world/_page.svelte-785a22a5.js">
@@ -51,6 +51,11 @@
5151
<div style="display: contents">
5252

5353

54+
<div class="pageLoader"><div class="sk-folding-cube"><div class="sk-cube1 sk-cube"></div>
55+
<div class="sk-cube2 sk-cube"></div>
56+
<div class="sk-cube4 sk-cube"></div>
57+
<div class="sk-cube3 sk-cube"></div></div></div>
58+
5459

5560
<div class="split vertical svelte-9dft0e" style="--primary-size:47%;--min-primary-size:0;--min-secondary-size:0;--splitter-size:7px"><div class="primary svelte-9dft0e"><div slot="primary" class="panelMarkdown" style="position: absolute; top: 0; bottom: 0; left: 0; right: 0; overflow: scroll;"><!-- HTML_TAG_START --><h1 id="a-simple-counter">A Simple Counter</h1>
5661
<p>This contract has a state variable that persists between contract calls, the counter value. When persisted, it&#39;s encoded as a <code>uint32</code> - a 32-bit unsigned integer. Contracts pay rent in proportion to the amount of persistent space they consume, so compact representations are encouraged.</p>
@@ -110,14 +115,14 @@ <h2 id="receiving-messages">Receiving messages</h2>
110115
</div>
111116

112117

113-
<script type="module" data-sveltekit-hydrate="6e5cs8">
114-
import { start } from "./_app/immutable/start-f9cf923a.js";
118+
<script type="module" data-sveltekit-hydrate="1b4ca9o">
119+
import { start } from "./_app/immutable/start-ec30e318.js";
115120

116121
start({
117122
assets: "",
118123
env: {},
119-
target: document.querySelector('[data-sveltekit-hydrate="6e5cs8"]').parentNode,
120-
version: "1678493947313",
124+
target: document.querySelector('[data-sveltekit-hydrate="1b4ca9o"]').parentNode,
125+
version: "1678496914612",
121126
hydrate: {
122127
node_ids: [0, 2, 6],
123128
data: [null,null,null],

‎docs/01-the-deployable-trait.html‎

Lines changed: 12 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -32,16 +32,16 @@
3232
/>
3333
-->
3434
<meta http-equiv="content-security-policy" content="">
35-
<link href="./_app/immutable/assets/_layout-5d535c94.css" rel="stylesheet">
35+
<link href="./_app/immutable/assets/_layout-e2caa7e1.css" rel="stylesheet">
3636
<link href="./_app/immutable/assets/app-fd9a8d0c.css" rel="stylesheet">
37-
<link rel="modulepreload" href="./_app/immutable/start-f9cf923a.js">
37+
<link rel="modulepreload" href="./_app/immutable/start-ec30e318.js">
3838
<link rel="modulepreload" href="./_app/immutable/chunks/index-1d4083c1.js">
3939
<link rel="modulepreload" href="./_app/immutable/chunks/singletons-644a2fdc.js">
4040
<link rel="modulepreload" href="./_app/immutable/chunks/index-2985fbf4.js">
4141
<link rel="modulepreload" href="./_app/immutable/components/layout.svelte-4be16cb6.js">
4242
<link rel="modulepreload" href="./_app/immutable/modules/pages/_layout.ts-9cbb603b.js">
4343
<link rel="modulepreload" href="./_app/immutable/chunks/_layout-da46b06b.js">
44-
<link rel="modulepreload" href="./_app/immutable/components/pages/(examples)/_layout.svelte-ac2f4def.js">
44+
<link rel="modulepreload" href="./_app/immutable/components/pages/(examples)/_layout.svelte-ea089cab.js">
4545
<link rel="modulepreload" href="./_app/immutable/chunks/store-3208a846.js">
4646
<link rel="modulepreload" href="./_app/immutable/chunks/examples-77cabd49.js">
4747
<link rel="modulepreload" href="./_app/immutable/components/pages/(examples)/01-the-deployable-trait/_page.svelte-6fb9f5d4.js">
@@ -51,6 +51,11 @@
5151
<div style="display: contents">
5252

5353

54+
<div class="pageLoader"><div class="sk-folding-cube"><div class="sk-cube1 sk-cube"></div>
55+
<div class="sk-cube2 sk-cube"></div>
56+
<div class="sk-cube4 sk-cube"></div>
57+
<div class="sk-cube3 sk-cube"></div></div></div>
58+
5459

5560
<div class="split vertical svelte-9dft0e" style="--primary-size:47%;--min-primary-size:0;--min-secondary-size:0;--splitter-size:7px"><div class="primary svelte-9dft0e"><div slot="primary" class="panelMarkdown" style="position: absolute; top: 0; bottom: 0; left: 0; right: 0; overflow: scroll;"><!-- HTML_TAG_START --><h1 id="hello-world">Hello World</h1>
5661
<p>This is probably the simplest possible Tact program. It will provide callers with the classic output &quot;hello world&quot;.</p>
@@ -115,14 +120,14 @@ <h2 id="a-simple-interaction">A simple interaction</h2>
115120
</div>
116121

117122

118-
<script type="module" data-sveltekit-hydrate="7gw5we">
119-
import { start } from "./_app/immutable/start-f9cf923a.js";
123+
<script type="module" data-sveltekit-hydrate="5brffe">
124+
import { start } from "./_app/immutable/start-ec30e318.js";
120125

121126
start({
122127
assets: "",
123128
env: {},
124-
target: document.querySelector('[data-sveltekit-hydrate="7gw5we"]').parentNode,
125-
version: "1678493947313",
129+
target: document.querySelector('[data-sveltekit-hydrate="5brffe"]').parentNode,
130+
version: "1678496914612",
126131
hydrate: {
127132
node_ids: [0, 2, 7],
128133
data: [null,null,null],

‎docs/02-addresses.html‎

Lines changed: 12 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -32,16 +32,16 @@
3232
/>
3333
-->
3434
<meta http-equiv="content-security-policy" content="">
35-
<link href="./_app/immutable/assets/_layout-5d535c94.css" rel="stylesheet">
35+
<link href="./_app/immutable/assets/_layout-e2caa7e1.css" rel="stylesheet">
3636
<link href="./_app/immutable/assets/app-fd9a8d0c.css" rel="stylesheet">
37-
<link rel="modulepreload" href="./_app/immutable/start-f9cf923a.js">
37+
<link rel="modulepreload" href="./_app/immutable/start-ec30e318.js">
3838
<link rel="modulepreload" href="./_app/immutable/chunks/index-1d4083c1.js">
3939
<link rel="modulepreload" href="./_app/immutable/chunks/singletons-644a2fdc.js">
4040
<link rel="modulepreload" href="./_app/immutable/chunks/index-2985fbf4.js">
4141
<link rel="modulepreload" href="./_app/immutable/components/layout.svelte-4be16cb6.js">
4242
<link rel="modulepreload" href="./_app/immutable/modules/pages/_layout.ts-9cbb603b.js">
4343
<link rel="modulepreload" href="./_app/immutable/chunks/_layout-da46b06b.js">
44-
<link rel="modulepreload" href="./_app/immutable/components/pages/(examples)/_layout.svelte-ac2f4def.js">
44+
<link rel="modulepreload" href="./_app/immutable/components/pages/(examples)/_layout.svelte-ea089cab.js">
4545
<link rel="modulepreload" href="./_app/immutable/chunks/store-3208a846.js">
4646
<link rel="modulepreload" href="./_app/immutable/chunks/examples-77cabd49.js">
4747
<link rel="modulepreload" href="./_app/immutable/components/pages/(examples)/02-addresses/_page.svelte-9a9b860a.js">
@@ -51,6 +51,11 @@
5151
<div style="display: contents">
5252

5353

54+
<div class="pageLoader"><div class="sk-folding-cube"><div class="sk-cube1 sk-cube"></div>
55+
<div class="sk-cube2 sk-cube"></div>
56+
<div class="sk-cube4 sk-cube"></div>
57+
<div class="sk-cube3 sk-cube"></div></div></div>
58+
5459

5560
<div class="split vertical svelte-9dft0e" style="--primary-size:47%;--min-primary-size:0;--min-secondary-size:0;--splitter-size:7px"><div class="primary svelte-9dft0e"><div slot="primary" class="panelMarkdown" style="position: absolute; top: 0; bottom: 0; left: 0; right: 0; overflow: scroll;"><!-- HTML_TAG_START --><h1 id="the-deployable-trait">The Deployable Trait</h1>
5661
<p>Tact doesn&#39;t support classical class inheritance, but contracts can implement <em>traits</em>. One of the commonly used traits is <code>Deployable</code>. It implements a simple receiver for the <code>Deploy</code> message which helps deploy contracts in a standard way.</p>
@@ -149,14 +154,14 @@
149154
</div>
150155

151156

152-
<script type="module" data-sveltekit-hydrate="164wix8">
153-
import { start } from "./_app/immutable/start-f9cf923a.js";
157+
<script type="module" data-sveltekit-hydrate="1f5b1ag">
158+
import { start } from "./_app/immutable/start-ec30e318.js";
154159

155160
start({
156161
assets: "",
157162
env: {},
158-
target: document.querySelector('[data-sveltekit-hydrate="164wix8"]').parentNode,
159-
version: "1678493947313",
163+
target: document.querySelector('[data-sveltekit-hydrate="1f5b1ag"]').parentNode,
164+
version: "1678496914612",
160165
hydrate: {
161166
node_ids: [0, 2, 8],
162167
data: [null,null,null],

‎docs/02-bools.html‎

Lines changed: 12 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -32,16 +32,16 @@
3232
/>
3333
-->
3434
<meta http-equiv="content-security-policy" content="">
35-
<link href="./_app/immutable/assets/_layout-5d535c94.css" rel="stylesheet">
35+
<link href="./_app/immutable/assets/_layout-e2caa7e1.css" rel="stylesheet">
3636
<link href="./_app/immutable/assets/app-fd9a8d0c.css" rel="stylesheet">
37-
<link rel="modulepreload" href="./_app/immutable/start-f9cf923a.js">
37+
<link rel="modulepreload" href="./_app/immutable/start-ec30e318.js">
3838
<link rel="modulepreload" href="./_app/immutable/chunks/index-1d4083c1.js">
3939
<link rel="modulepreload" href="./_app/immutable/chunks/singletons-644a2fdc.js">
4040
<link rel="modulepreload" href="./_app/immutable/chunks/index-2985fbf4.js">
4141
<link rel="modulepreload" href="./_app/immutable/components/layout.svelte-4be16cb6.js">
4242
<link rel="modulepreload" href="./_app/immutable/modules/pages/_layout.ts-9cbb603b.js">
4343
<link rel="modulepreload" href="./_app/immutable/chunks/_layout-da46b06b.js">
44-
<link rel="modulepreload" href="./_app/immutable/components/pages/(examples)/_layout.svelte-ac2f4def.js">
44+
<link rel="modulepreload" href="./_app/immutable/components/pages/(examples)/_layout.svelte-ea089cab.js">
4545
<link rel="modulepreload" href="./_app/immutable/chunks/store-3208a846.js">
4646
<link rel="modulepreload" href="./_app/immutable/chunks/examples-77cabd49.js">
4747
<link rel="modulepreload" href="./_app/immutable/components/pages/(examples)/02-bools/_page.svelte-e87bb537.js">
@@ -51,6 +51,11 @@
5151
<div style="display: contents">
5252

5353

54+
<div class="pageLoader"><div class="sk-folding-cube"><div class="sk-cube1 sk-cube"></div>
55+
<div class="sk-cube2 sk-cube"></div>
56+
<div class="sk-cube4 sk-cube"></div>
57+
<div class="sk-cube3 sk-cube"></div></div></div>
58+
5459

5560
<div class="split vertical svelte-9dft0e" style="--primary-size:47%;--min-primary-size:0;--min-secondary-size:0;--splitter-size:7px"><div class="primary svelte-9dft0e"><div slot="primary" class="panelMarkdown" style="position: absolute; top: 0; bottom: 0; left: 0; right: 0; overflow: scroll;"><!-- HTML_TAG_START --><h1 id="addresses">Addresses</h1>
5661
<p><code>Address</code> is another primitive data type. It represents standard addresses on the TON blockchain. Every smart contract on TON is identifiable by its address. Think of this as a unique id.</p>
@@ -148,14 +153,14 @@
148153
</div>
149154

150155

151-
<script type="module" data-sveltekit-hydrate="ygps5r">
152-
import { start } from "./_app/immutable/start-f9cf923a.js";
156+
<script type="module" data-sveltekit-hydrate="ky403v">
157+
import { start } from "./_app/immutable/start-ec30e318.js";
153158

154159
start({
155160
assets: "",
156161
env: {},
157-
target: document.querySelector('[data-sveltekit-hydrate="ygps5r"]').parentNode,
158-
version: "1678493947313",
162+
target: document.querySelector('[data-sveltekit-hydrate="ky403v"]').parentNode,
163+
version: "1678496914612",
159164
hydrate: {
160165
node_ids: [0, 2, 9],
161166
data: [null,null,null],

‎docs/02-constants.html‎

Lines changed: 12 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -32,16 +32,16 @@
3232
/>
3333
-->
3434
<meta http-equiv="content-security-policy" content="">
35-
<link href="./_app/immutable/assets/_layout-5d535c94.css" rel="stylesheet">
35+
<link href="./_app/immutable/assets/_layout-e2caa7e1.css" rel="stylesheet">
3636
<link href="./_app/immutable/assets/app-fd9a8d0c.css" rel="stylesheet">
37-
<link rel="modulepreload" href="./_app/immutable/start-f9cf923a.js">
37+
<link rel="modulepreload" href="./_app/immutable/start-ec30e318.js">
3838
<link rel="modulepreload" href="./_app/immutable/chunks/index-1d4083c1.js">
3939
<link rel="modulepreload" href="./_app/immutable/chunks/singletons-644a2fdc.js">
4040
<link rel="modulepreload" href="./_app/immutable/chunks/index-2985fbf4.js">
4141
<link rel="modulepreload" href="./_app/immutable/components/layout.svelte-4be16cb6.js">
4242
<link rel="modulepreload" href="./_app/immutable/modules/pages/_layout.ts-9cbb603b.js">
4343
<link rel="modulepreload" href="./_app/immutable/chunks/_layout-da46b06b.js">
44-
<link rel="modulepreload" href="./_app/immutable/components/pages/(examples)/_layout.svelte-ac2f4def.js">
44+
<link rel="modulepreload" href="./_app/immutable/components/pages/(examples)/_layout.svelte-ea089cab.js">
4545
<link rel="modulepreload" href="./_app/immutable/chunks/store-3208a846.js">
4646
<link rel="modulepreload" href="./_app/immutable/chunks/examples-77cabd49.js">
4747
<link rel="modulepreload" href="./_app/immutable/components/pages/(examples)/02-constants/_page.svelte-631e52a6.js">
@@ -51,6 +51,11 @@
5151
<div style="display: contents">
5252

5353

54+
<div class="pageLoader"><div class="sk-folding-cube"><div class="sk-cube1 sk-cube"></div>
55+
<div class="sk-cube2 sk-cube"></div>
56+
<div class="sk-cube4 sk-cube"></div>
57+
<div class="sk-cube3 sk-cube"></div></div></div>
58+
5459

5560
<div class="split vertical svelte-9dft0e" style="--primary-size:47%;--min-primary-size:0;--min-secondary-size:0;--splitter-size:7px"><div class="primary svelte-9dft0e"><div slot="primary" class="panelMarkdown" style="position: absolute; top: 0; bottom: 0; left: 0; right: 0; overflow: scroll;"><!-- HTML_TAG_START --><h1 id="bools">Bools</h1>
5661
<p>This primitive data type can hold the values <code>true</code> or <code>false</code>.</p>
@@ -131,14 +136,14 @@
131136
</div>
132137

133138

134-
<script type="module" data-sveltekit-hydrate="889evm">
135-
import { start } from "./_app/immutable/start-f9cf923a.js";
139+
<script type="module" data-sveltekit-hydrate="1cqc0ly">
140+
import { start } from "./_app/immutable/start-ec30e318.js";
136141

137142
start({
138143
assets: "",
139144
env: {},
140-
target: document.querySelector('[data-sveltekit-hydrate="889evm"]').parentNode,
141-
version: "1678493947313",
145+
target: document.querySelector('[data-sveltekit-hydrate="1cqc0ly"]').parentNode,
146+
version: "1678496914612",
142147
hydrate: {
143148
node_ids: [0, 2, 10],
144149
data: [null,null,null],

0 commit comments

Comments
 (0)