Compare commits
No commits in common. "main" and "dev" have entirely different histories.
25
.github/workflows/main.yml
vendored
Normal file
25
.github/workflows/main.yml
vendored
Normal file
@ -0,0 +1,25 @@
|
|||||||
|
name: main
|
||||||
|
|
||||||
|
on:
|
||||||
|
push:
|
||||||
|
branches: [ main ]
|
||||||
|
schedule:
|
||||||
|
- cron: 0 0 1 * *
|
||||||
|
|
||||||
|
env:
|
||||||
|
CARGO_TERM_COLOR: always
|
||||||
|
|
||||||
|
jobs:
|
||||||
|
cargo-test:
|
||||||
|
runs-on: ubuntu-latest
|
||||||
|
steps:
|
||||||
|
- name: Checkout source
|
||||||
|
uses: actions/checkout@v2
|
||||||
|
|
||||||
|
- uses: Swatinem/rust-cache@v1
|
||||||
|
|
||||||
|
- name: cargo test
|
||||||
|
uses: actions-rs/cargo@v1
|
||||||
|
with:
|
||||||
|
command: test
|
||||||
|
args: --workspace --all-features
|
||||||
35
.github/workflows/pr.yml
vendored
Normal file
35
.github/workflows/pr.yml
vendored
Normal file
@ -0,0 +1,35 @@
|
|||||||
|
name: PR
|
||||||
|
|
||||||
|
on:
|
||||||
|
pull_request:
|
||||||
|
branches: [ main ]
|
||||||
|
|
||||||
|
env:
|
||||||
|
CARGO_TERM_COLOR: always
|
||||||
|
|
||||||
|
jobs:
|
||||||
|
cargo-test-and-lint:
|
||||||
|
runs-on: ubuntu-latest
|
||||||
|
steps:
|
||||||
|
- name: Checkout source
|
||||||
|
uses: actions/checkout@v2
|
||||||
|
|
||||||
|
- uses: Swatinem/rust-cache@v1
|
||||||
|
|
||||||
|
- name: cargo test
|
||||||
|
uses: actions-rs/cargo@v1
|
||||||
|
with:
|
||||||
|
command: test
|
||||||
|
args: --workspace --all-features
|
||||||
|
|
||||||
|
- name: rustfmt
|
||||||
|
uses: actions-rs/cargo@v1
|
||||||
|
with:
|
||||||
|
command: fmt
|
||||||
|
args: --all -- --check
|
||||||
|
|
||||||
|
- name: clippy
|
||||||
|
uses: actions-rs/clippy-check@v1
|
||||||
|
with:
|
||||||
|
token: ${{ secrets.GITHUB_TOKEN }}
|
||||||
|
args: --all --all-features --tests -- -D warnings
|
||||||
2326
Cargo.lock
generated
Normal file
2326
Cargo.lock
generated
Normal file
File diff suppressed because it is too large
Load Diff
52
Cargo.toml
Normal file
52
Cargo.toml
Normal file
@ -0,0 +1,52 @@
|
|||||||
|
[package]
|
||||||
|
name = "yewprint-app"
|
||||||
|
version = "0.1.0"
|
||||||
|
authors = ["Gabriel Tofvesson <contact@w1zzrd.dev>"]
|
||||||
|
edition = "2021"
|
||||||
|
|
||||||
|
# See more keys and their definitions at https://doc.rust-lang.org/cargo/reference/manifest.html
|
||||||
|
|
||||||
|
[lib]
|
||||||
|
crate-type = ["cdylib"]
|
||||||
|
|
||||||
|
[dependencies]
|
||||||
|
# The `console_error_panic_hook` crate provides better debugging of panics by
|
||||||
|
# logging them with `console.error`. This is great for development, but requires
|
||||||
|
# all the `std::fmt` and `std::panicking` infrastructure, so isn't great for
|
||||||
|
# code size when deploying.
|
||||||
|
console_error_panic_hook = { version = "0.1.6", optional = true }
|
||||||
|
|
||||||
|
wasm-bindgen = "0.2"
|
||||||
|
web-sys = { version = "0.3", features = ["Window", "MediaQueryList", "DomTokenList"] }
|
||||||
|
js-sys = "0.3"
|
||||||
|
|
||||||
|
# `wee_alloc` is a tiny allocator for wasm that is only ~1K in code size
|
||||||
|
# compared to the default allocator's ~10K. It is slower than the default
|
||||||
|
# allocator, however.
|
||||||
|
#
|
||||||
|
# Unfortunately, `wee_alloc` requires nightly Rust when targeting wasm for now.
|
||||||
|
wee_alloc = { version = "0.4.5", optional = false }
|
||||||
|
|
||||||
|
yew = { version = "0.20.0", features = ["csr"] }
|
||||||
|
yew-router = { version = "0.17.0" }
|
||||||
|
#yewprint = "0.4.0"
|
||||||
|
gloo = "0.8.0"
|
||||||
|
gloo-events = "0.1"
|
||||||
|
futures = "0.3.25"
|
||||||
|
|
||||||
|
# Resource access
|
||||||
|
gloo-net = "0.2"
|
||||||
|
serde = { version = "1.0", features = ["derive"] }
|
||||||
|
wasm-bindgen-futures = "0.4"
|
||||||
|
|
||||||
|
comrak = "0.15"
|
||||||
|
|
||||||
|
[profile.release]
|
||||||
|
# Tell `rustc` to optimize for small code size.
|
||||||
|
# opt-level = "s"
|
||||||
|
lto = true
|
||||||
|
panic = "abort"
|
||||||
|
opt-level = "z"
|
||||||
|
|
||||||
|
[workspace]
|
||||||
|
members = ["xtask"]
|
||||||
201
LICENSE.Apache-2.0
Normal file
201
LICENSE.Apache-2.0
Normal file
@ -0,0 +1,201 @@
|
|||||||
|
Apache License
|
||||||
|
Version 2.0, January 2004
|
||||||
|
http://www.apache.org/licenses/
|
||||||
|
|
||||||
|
TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
|
||||||
|
|
||||||
|
1. Definitions.
|
||||||
|
|
||||||
|
"License" shall mean the terms and conditions for use, reproduction,
|
||||||
|
and distribution as defined by Sections 1 through 9 of this document.
|
||||||
|
|
||||||
|
"Licensor" shall mean the copyright owner or entity authorized by
|
||||||
|
the copyright owner that is granting the License.
|
||||||
|
|
||||||
|
"Legal Entity" shall mean the union of the acting entity and all
|
||||||
|
other entities that control, are controlled by, or are under common
|
||||||
|
control with that entity. For the purposes of this definition,
|
||||||
|
"control" means (i) the power, direct or indirect, to cause the
|
||||||
|
direction or management of such entity, whether by contract or
|
||||||
|
otherwise, or (ii) ownership of fifty percent (50%) or more of the
|
||||||
|
outstanding shares, or (iii) beneficial ownership of such entity.
|
||||||
|
|
||||||
|
"You" (or "Your") shall mean an individual or Legal Entity
|
||||||
|
exercising permissions granted by this License.
|
||||||
|
|
||||||
|
"Source" form shall mean the preferred form for making modifications,
|
||||||
|
including but not limited to software source code, documentation
|
||||||
|
source, and configuration files.
|
||||||
|
|
||||||
|
"Object" form shall mean any form resulting from mechanical
|
||||||
|
transformation or translation of a Source form, including but
|
||||||
|
not limited to compiled object code, generated documentation,
|
||||||
|
and conversions to other media types.
|
||||||
|
|
||||||
|
"Work" shall mean the work of authorship, whether in Source or
|
||||||
|
Object form, made available under the License, as indicated by a
|
||||||
|
copyright notice that is included in or attached to the work
|
||||||
|
(an example is provided in the Appendix below).
|
||||||
|
|
||||||
|
"Derivative Works" shall mean any work, whether in Source or Object
|
||||||
|
form, that is based on (or derived from) the Work and for which the
|
||||||
|
editorial revisions, annotations, elaborations, or other modifications
|
||||||
|
represent, as a whole, an original work of authorship. For the purposes
|
||||||
|
of this License, Derivative Works shall not include works that remain
|
||||||
|
separable from, or merely link (or bind by name) to the interfaces of,
|
||||||
|
the Work and Derivative Works thereof.
|
||||||
|
|
||||||
|
"Contribution" shall mean any work of authorship, including
|
||||||
|
the original version of the Work and any modifications or additions
|
||||||
|
to that Work or Derivative Works thereof, that is intentionally
|
||||||
|
submitted to Licensor for inclusion in the Work by the copyright owner
|
||||||
|
or by an individual or Legal Entity authorized to submit on behalf of
|
||||||
|
the copyright owner. For the purposes of this definition, "submitted"
|
||||||
|
means any form of electronic, verbal, or written communication sent
|
||||||
|
to the Licensor or its representatives, including but not limited to
|
||||||
|
communication on electronic mailing lists, source code control systems,
|
||||||
|
and issue tracking systems that are managed by, or on behalf of, the
|
||||||
|
Licensor for the purpose of discussing and improving the Work, but
|
||||||
|
excluding communication that is conspicuously marked or otherwise
|
||||||
|
designated in writing by the copyright owner as "Not a Contribution."
|
||||||
|
|
||||||
|
"Contributor" shall mean Licensor and any individual or Legal Entity
|
||||||
|
on behalf of whom a Contribution has been received by Licensor and
|
||||||
|
subsequently incorporated within the Work.
|
||||||
|
|
||||||
|
2. Grant of Copyright License. Subject to the terms and conditions of
|
||||||
|
this License, each Contributor hereby grants to You a perpetual,
|
||||||
|
worldwide, non-exclusive, no-charge, royalty-free, irrevocable
|
||||||
|
copyright license to reproduce, prepare Derivative Works of,
|
||||||
|
publicly display, publicly perform, sublicense, and distribute the
|
||||||
|
Work and such Derivative Works in Source or Object form.
|
||||||
|
|
||||||
|
3. Grant of Patent License. Subject to the terms and conditions of
|
||||||
|
this License, each Contributor hereby grants to You a perpetual,
|
||||||
|
worldwide, non-exclusive, no-charge, royalty-free, irrevocable
|
||||||
|
(except as stated in this section) patent license to make, have made,
|
||||||
|
use, offer to sell, sell, import, and otherwise transfer the Work,
|
||||||
|
where such license applies only to those patent claims licensable
|
||||||
|
by such Contributor that are necessarily infringed by their
|
||||||
|
Contribution(s) alone or by combination of their Contribution(s)
|
||||||
|
with the Work to which such Contribution(s) was submitted. If You
|
||||||
|
institute patent litigation against any entity (including a
|
||||||
|
cross-claim or counterclaim in a lawsuit) alleging that the Work
|
||||||
|
or a Contribution incorporated within the Work constitutes direct
|
||||||
|
or contributory patent infringement, then any patent licenses
|
||||||
|
granted to You under this License for that Work shall terminate
|
||||||
|
as of the date such litigation is filed.
|
||||||
|
|
||||||
|
4. Redistribution. You may reproduce and distribute copies of the
|
||||||
|
Work or Derivative Works thereof in any medium, with or without
|
||||||
|
modifications, and in Source or Object form, provided that You
|
||||||
|
meet the following conditions:
|
||||||
|
|
||||||
|
(a) You must give any other recipients of the Work or
|
||||||
|
Derivative Works a copy of this License; and
|
||||||
|
|
||||||
|
(b) You must cause any modified files to carry prominent notices
|
||||||
|
stating that You changed the files; and
|
||||||
|
|
||||||
|
(c) You must retain, in the Source form of any Derivative Works
|
||||||
|
that You distribute, all copyright, patent, trademark, and
|
||||||
|
attribution notices from the Source form of the Work,
|
||||||
|
excluding those notices that do not pertain to any part of
|
||||||
|
the Derivative Works; and
|
||||||
|
|
||||||
|
(d) If the Work includes a "NOTICE" text file as part of its
|
||||||
|
distribution, then any Derivative Works that You distribute must
|
||||||
|
include a readable copy of the attribution notices contained
|
||||||
|
within such NOTICE file, excluding those notices that do not
|
||||||
|
pertain to any part of the Derivative Works, in at least one
|
||||||
|
of the following places: within a NOTICE text file distributed
|
||||||
|
as part of the Derivative Works; within the Source form or
|
||||||
|
documentation, if provided along with the Derivative Works; or,
|
||||||
|
within a display generated by the Derivative Works, if and
|
||||||
|
wherever such third-party notices normally appear. The contents
|
||||||
|
of the NOTICE file are for informational purposes only and
|
||||||
|
do not modify the License. You may add Your own attribution
|
||||||
|
notices within Derivative Works that You distribute, alongside
|
||||||
|
or as an addendum to the NOTICE text from the Work, provided
|
||||||
|
that such additional attribution notices cannot be construed
|
||||||
|
as modifying the License.
|
||||||
|
|
||||||
|
You may add Your own copyright statement to Your modifications and
|
||||||
|
may provide additional or different license terms and conditions
|
||||||
|
for use, reproduction, or distribution of Your modifications, or
|
||||||
|
for any such Derivative Works as a whole, provided Your use,
|
||||||
|
reproduction, and distribution of the Work otherwise complies with
|
||||||
|
the conditions stated in this License.
|
||||||
|
|
||||||
|
5. Submission of Contributions. Unless You explicitly state otherwise,
|
||||||
|
any Contribution intentionally submitted for inclusion in the Work
|
||||||
|
by You to the Licensor shall be under the terms and conditions of
|
||||||
|
this License, without any additional terms or conditions.
|
||||||
|
Notwithstanding the above, nothing herein shall supersede or modify
|
||||||
|
the terms of any separate license agreement you may have executed
|
||||||
|
with Licensor regarding such Contributions.
|
||||||
|
|
||||||
|
6. Trademarks. This License does not grant permission to use the trade
|
||||||
|
names, trademarks, service marks, or product names of the Licensor,
|
||||||
|
except as required for reasonable and customary use in describing the
|
||||||
|
origin of the Work and reproducing the content of the NOTICE file.
|
||||||
|
|
||||||
|
7. Disclaimer of Warranty. Unless required by applicable law or
|
||||||
|
agreed to in writing, Licensor provides the Work (and each
|
||||||
|
Contributor provides its Contributions) on an "AS IS" BASIS,
|
||||||
|
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
|
||||||
|
implied, including, without limitation, any warranties or conditions
|
||||||
|
of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
|
||||||
|
PARTICULAR PURPOSE. You are solely responsible for determining the
|
||||||
|
appropriateness of using or redistributing the Work and assume any
|
||||||
|
risks associated with Your exercise of permissions under this License.
|
||||||
|
|
||||||
|
8. Limitation of Liability. In no event and under no legal theory,
|
||||||
|
whether in tort (including negligence), contract, or otherwise,
|
||||||
|
unless required by applicable law (such as deliberate and grossly
|
||||||
|
negligent acts) or agreed to in writing, shall any Contributor be
|
||||||
|
liable to You for damages, including any direct, indirect, special,
|
||||||
|
incidental, or consequential damages of any character arising as a
|
||||||
|
result of this License or out of the use or inability to use the
|
||||||
|
Work (including but not limited to damages for loss of goodwill,
|
||||||
|
work stoppage, computer failure or malfunction, or any and all
|
||||||
|
other commercial damages or losses), even if such Contributor
|
||||||
|
has been advised of the possibility of such damages.
|
||||||
|
|
||||||
|
9. Accepting Warranty or Additional Liability. While redistributing
|
||||||
|
the Work or Derivative Works thereof, You may choose to offer,
|
||||||
|
and charge a fee for, acceptance of support, warranty, indemnity,
|
||||||
|
or other liability obligations and/or rights consistent with this
|
||||||
|
License. However, in accepting such obligations, You may act only
|
||||||
|
on Your own behalf and on Your sole responsibility, not on behalf
|
||||||
|
of any other Contributor, and only if You agree to indemnify,
|
||||||
|
defend, and hold each Contributor harmless for any liability
|
||||||
|
incurred by, or claims asserted against, such Contributor by reason
|
||||||
|
of your accepting any such warranty or additional liability.
|
||||||
|
|
||||||
|
END OF TERMS AND CONDITIONS
|
||||||
|
|
||||||
|
APPENDIX: How to apply the Apache License to your work.
|
||||||
|
|
||||||
|
To apply the Apache License to your work, attach the following
|
||||||
|
boilerplate notice, with the fields enclosed by brackets "[]"
|
||||||
|
replaced with your own identifying information. (Don't include
|
||||||
|
the brackets!) The text should be enclosed in the appropriate
|
||||||
|
comment syntax for the file format. We also recommend that a
|
||||||
|
file or class name and description of purpose be included on the
|
||||||
|
same "printed page" as the copyright notice for easier
|
||||||
|
identification within third-party archives.
|
||||||
|
|
||||||
|
Copyright 2023 Gabriel Tofvesson <contact@w1zzrd.dev>
|
||||||
|
|
||||||
|
Licensed under the Apache License, Version 2.0 (the "License");
|
||||||
|
you may not use this file except in compliance with the License.
|
||||||
|
You may obtain a copy of the License at
|
||||||
|
|
||||||
|
http://www.apache.org/licenses/LICENSE-2.0
|
||||||
|
|
||||||
|
Unless required by applicable law or agreed to in writing, software
|
||||||
|
distributed under the License is distributed on an "AS IS" BASIS,
|
||||||
|
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
||||||
|
See the License for the specific language governing permissions and
|
||||||
|
limitations under the License.
|
||||||
21
LICENSE.MIT
Normal file
21
LICENSE.MIT
Normal file
@ -0,0 +1,21 @@
|
|||||||
|
MIT License
|
||||||
|
|
||||||
|
Copyright (c) 2023 Gabriel Tofvesson <contact@w1zzrd.dev>
|
||||||
|
|
||||||
|
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.
|
||||||
15
README.md
Normal file
15
README.md
Normal file
@ -0,0 +1,15 @@
|
|||||||
|
# yewprint-app
|
||||||
|
|
||||||
|
## Development Server
|
||||||
|
|
||||||
|
```
|
||||||
|
cargo xtask start
|
||||||
|
```
|
||||||
|
|
||||||
|
You can now go to http://localhost:8000
|
||||||
|
|
||||||
|
## Production Build
|
||||||
|
|
||||||
|
```
|
||||||
|
cargo xtask dist
|
||||||
|
```
|
||||||
941
app.js
941
app.js
@ -1,941 +0,0 @@
|
|||||||
|
|
||||||
let wasm;
|
|
||||||
|
|
||||||
const heap = new Array(32).fill(undefined);
|
|
||||||
|
|
||||||
heap.push(undefined, null, true, false);
|
|
||||||
|
|
||||||
function getObject(idx) { return heap[idx]; }
|
|
||||||
|
|
||||||
let heap_next = heap.length;
|
|
||||||
|
|
||||||
function dropObject(idx) {
|
|
||||||
if (idx < 36) return;
|
|
||||||
heap[idx] = heap_next;
|
|
||||||
heap_next = idx;
|
|
||||||
}
|
|
||||||
|
|
||||||
function takeObject(idx) {
|
|
||||||
const ret = getObject(idx);
|
|
||||||
dropObject(idx);
|
|
||||||
return ret;
|
|
||||||
}
|
|
||||||
|
|
||||||
function addHeapObject(obj) {
|
|
||||||
if (heap_next === heap.length) heap.push(heap.length + 1);
|
|
||||||
const idx = heap_next;
|
|
||||||
heap_next = heap[idx];
|
|
||||||
|
|
||||||
heap[idx] = obj;
|
|
||||||
return idx;
|
|
||||||
}
|
|
||||||
|
|
||||||
let WASM_VECTOR_LEN = 0;
|
|
||||||
|
|
||||||
let cachedUint8Memory0 = new Uint8Array();
|
|
||||||
|
|
||||||
function getUint8Memory0() {
|
|
||||||
if (cachedUint8Memory0.byteLength === 0) {
|
|
||||||
cachedUint8Memory0 = new Uint8Array(wasm.memory.buffer);
|
|
||||||
}
|
|
||||||
return cachedUint8Memory0;
|
|
||||||
}
|
|
||||||
|
|
||||||
const cachedTextEncoder = new TextEncoder('utf-8');
|
|
||||||
|
|
||||||
const encodeString = (typeof cachedTextEncoder.encodeInto === 'function'
|
|
||||||
? function (arg, view) {
|
|
||||||
return cachedTextEncoder.encodeInto(arg, view);
|
|
||||||
}
|
|
||||||
: function (arg, view) {
|
|
||||||
const buf = cachedTextEncoder.encode(arg);
|
|
||||||
view.set(buf);
|
|
||||||
return {
|
|
||||||
read: arg.length,
|
|
||||||
written: buf.length
|
|
||||||
};
|
|
||||||
});
|
|
||||||
|
|
||||||
function passStringToWasm0(arg, malloc, realloc) {
|
|
||||||
|
|
||||||
if (realloc === undefined) {
|
|
||||||
const buf = cachedTextEncoder.encode(arg);
|
|
||||||
const ptr = malloc(buf.length);
|
|
||||||
getUint8Memory0().subarray(ptr, ptr + buf.length).set(buf);
|
|
||||||
WASM_VECTOR_LEN = buf.length;
|
|
||||||
return ptr;
|
|
||||||
}
|
|
||||||
|
|
||||||
let len = arg.length;
|
|
||||||
let ptr = malloc(len);
|
|
||||||
|
|
||||||
const mem = getUint8Memory0();
|
|
||||||
|
|
||||||
let offset = 0;
|
|
||||||
|
|
||||||
for (; offset < len; offset++) {
|
|
||||||
const code = arg.charCodeAt(offset);
|
|
||||||
if (code > 0x7F) break;
|
|
||||||
mem[ptr + offset] = code;
|
|
||||||
}
|
|
||||||
|
|
||||||
if (offset !== len) {
|
|
||||||
if (offset !== 0) {
|
|
||||||
arg = arg.slice(offset);
|
|
||||||
}
|
|
||||||
ptr = realloc(ptr, len, len = offset + arg.length * 3);
|
|
||||||
const view = getUint8Memory0().subarray(ptr + offset, ptr + len);
|
|
||||||
const ret = encodeString(arg, view);
|
|
||||||
|
|
||||||
offset += ret.written;
|
|
||||||
}
|
|
||||||
|
|
||||||
WASM_VECTOR_LEN = offset;
|
|
||||||
return ptr;
|
|
||||||
}
|
|
||||||
|
|
||||||
function isLikeNone(x) {
|
|
||||||
return x === undefined || x === null;
|
|
||||||
}
|
|
||||||
|
|
||||||
let cachedInt32Memory0 = new Int32Array();
|
|
||||||
|
|
||||||
function getInt32Memory0() {
|
|
||||||
if (cachedInt32Memory0.byteLength === 0) {
|
|
||||||
cachedInt32Memory0 = new Int32Array(wasm.memory.buffer);
|
|
||||||
}
|
|
||||||
return cachedInt32Memory0;
|
|
||||||
}
|
|
||||||
|
|
||||||
const cachedTextDecoder = new TextDecoder('utf-8', { ignoreBOM: true, fatal: true });
|
|
||||||
|
|
||||||
cachedTextDecoder.decode();
|
|
||||||
|
|
||||||
function getStringFromWasm0(ptr, len) {
|
|
||||||
return cachedTextDecoder.decode(getUint8Memory0().subarray(ptr, ptr + len));
|
|
||||||
}
|
|
||||||
|
|
||||||
let cachedFloat64Memory0 = new Float64Array();
|
|
||||||
|
|
||||||
function getFloat64Memory0() {
|
|
||||||
if (cachedFloat64Memory0.byteLength === 0) {
|
|
||||||
cachedFloat64Memory0 = new Float64Array(wasm.memory.buffer);
|
|
||||||
}
|
|
||||||
return cachedFloat64Memory0;
|
|
||||||
}
|
|
||||||
|
|
||||||
function debugString(val) {
|
|
||||||
// primitive types
|
|
||||||
const type = typeof val;
|
|
||||||
if (type == 'number' || type == 'boolean' || val == null) {
|
|
||||||
return `${val}`;
|
|
||||||
}
|
|
||||||
if (type == 'string') {
|
|
||||||
return `"${val}"`;
|
|
||||||
}
|
|
||||||
if (type == 'symbol') {
|
|
||||||
const description = val.description;
|
|
||||||
if (description == null) {
|
|
||||||
return 'Symbol';
|
|
||||||
} else {
|
|
||||||
return `Symbol(${description})`;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
if (type == 'function') {
|
|
||||||
const name = val.name;
|
|
||||||
if (typeof name == 'string' && name.length > 0) {
|
|
||||||
return `Function(${name})`;
|
|
||||||
} else {
|
|
||||||
return 'Function';
|
|
||||||
}
|
|
||||||
}
|
|
||||||
// objects
|
|
||||||
if (Array.isArray(val)) {
|
|
||||||
const length = val.length;
|
|
||||||
let debug = '[';
|
|
||||||
if (length > 0) {
|
|
||||||
debug += debugString(val[0]);
|
|
||||||
}
|
|
||||||
for(let i = 1; i < length; i++) {
|
|
||||||
debug += ', ' + debugString(val[i]);
|
|
||||||
}
|
|
||||||
debug += ']';
|
|
||||||
return debug;
|
|
||||||
}
|
|
||||||
// Test for built-in
|
|
||||||
const builtInMatches = /\[object ([^\]]+)\]/.exec(toString.call(val));
|
|
||||||
let className;
|
|
||||||
if (builtInMatches.length > 1) {
|
|
||||||
className = builtInMatches[1];
|
|
||||||
} else {
|
|
||||||
// Failed to match the standard '[object ClassName]'
|
|
||||||
return toString.call(val);
|
|
||||||
}
|
|
||||||
if (className == 'Object') {
|
|
||||||
// we're a user defined class or Object
|
|
||||||
// JSON.stringify avoids problems with cycles, and is generally much
|
|
||||||
// easier than looping through ownProperties of `val`.
|
|
||||||
try {
|
|
||||||
return 'Object(' + JSON.stringify(val) + ')';
|
|
||||||
} catch (_) {
|
|
||||||
return 'Object';
|
|
||||||
}
|
|
||||||
}
|
|
||||||
// errors
|
|
||||||
if (val instanceof Error) {
|
|
||||||
return `${val.name}: ${val.message}\n${val.stack}`;
|
|
||||||
}
|
|
||||||
// TODO we could test for more things here, like `Set`s and `Map`s.
|
|
||||||
return className;
|
|
||||||
}
|
|
||||||
|
|
||||||
function makeMutClosure(arg0, arg1, dtor, f) {
|
|
||||||
const state = { a: arg0, b: arg1, cnt: 1, dtor };
|
|
||||||
const real = (...args) => {
|
|
||||||
// First up with a closure we increment the internal reference
|
|
||||||
// count. This ensures that the Rust closure environment won't
|
|
||||||
// be deallocated while we're invoking it.
|
|
||||||
state.cnt++;
|
|
||||||
const a = state.a;
|
|
||||||
state.a = 0;
|
|
||||||
try {
|
|
||||||
return f(a, state.b, ...args);
|
|
||||||
} finally {
|
|
||||||
if (--state.cnt === 0) {
|
|
||||||
wasm.__wbindgen_export_2.get(state.dtor)(a, state.b);
|
|
||||||
|
|
||||||
} else {
|
|
||||||
state.a = a;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
};
|
|
||||||
real.original = state;
|
|
||||||
|
|
||||||
return real;
|
|
||||||
}
|
|
||||||
|
|
||||||
let stack_pointer = 32;
|
|
||||||
|
|
||||||
function addBorrowedObject(obj) {
|
|
||||||
if (stack_pointer == 1) throw new Error('out of js stack');
|
|
||||||
heap[--stack_pointer] = obj;
|
|
||||||
return stack_pointer;
|
|
||||||
}
|
|
||||||
function __wbg_adapter_32(arg0, arg1, arg2) {
|
|
||||||
try {
|
|
||||||
wasm._dyn_core__ops__function__FnMut___A____Output___R_as_wasm_bindgen__closure__WasmClosure___describe__invoke__hd9fcefc6bb5eb4be(arg0, arg1, addBorrowedObject(arg2));
|
|
||||||
} finally {
|
|
||||||
heap[stack_pointer++] = undefined;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function __wbg_adapter_35(arg0, arg1, arg2) {
|
|
||||||
wasm._dyn_core__ops__function__FnMut__A____Output___R_as_wasm_bindgen__closure__WasmClosure___describe__invoke__hecf8e7fbcf7e70f4(arg0, arg1, addHeapObject(arg2));
|
|
||||||
}
|
|
||||||
|
|
||||||
let cachedUint32Memory0 = new Uint32Array();
|
|
||||||
|
|
||||||
function getUint32Memory0() {
|
|
||||||
if (cachedUint32Memory0.byteLength === 0) {
|
|
||||||
cachedUint32Memory0 = new Uint32Array(wasm.memory.buffer);
|
|
||||||
}
|
|
||||||
return cachedUint32Memory0;
|
|
||||||
}
|
|
||||||
|
|
||||||
function getArrayJsValueFromWasm0(ptr, len) {
|
|
||||||
const mem = getUint32Memory0();
|
|
||||||
const slice = mem.subarray(ptr / 4, ptr / 4 + len);
|
|
||||||
const result = [];
|
|
||||||
for (let i = 0; i < slice.length; i++) {
|
|
||||||
result.push(takeObject(slice[i]));
|
|
||||||
}
|
|
||||||
return result;
|
|
||||||
}
|
|
||||||
|
|
||||||
function handleError(f, args) {
|
|
||||||
try {
|
|
||||||
return f.apply(this, args);
|
|
||||||
} catch (e) {
|
|
||||||
wasm.__wbindgen_exn_store(addHeapObject(e));
|
|
||||||
}
|
|
||||||
}
|
|
||||||
/**
|
|
||||||
*/
|
|
||||||
export function run_app() {
|
|
||||||
wasm.run_app();
|
|
||||||
}
|
|
||||||
|
|
||||||
async function load(module, imports) {
|
|
||||||
if (typeof Response === 'function' && module instanceof Response) {
|
|
||||||
if (typeof WebAssembly.instantiateStreaming === 'function') {
|
|
||||||
try {
|
|
||||||
return await WebAssembly.instantiateStreaming(module, imports);
|
|
||||||
|
|
||||||
} catch (e) {
|
|
||||||
if (module.headers.get('Content-Type') != 'application/wasm') {
|
|
||||||
console.warn("`WebAssembly.instantiateStreaming` failed because your server does not serve wasm with `application/wasm` MIME type. Falling back to `WebAssembly.instantiate` which is slower. Original error:\n", e);
|
|
||||||
|
|
||||||
} else {
|
|
||||||
throw e;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
const bytes = await module.arrayBuffer();
|
|
||||||
return await WebAssembly.instantiate(bytes, imports);
|
|
||||||
|
|
||||||
} else {
|
|
||||||
const instance = await WebAssembly.instantiate(module, imports);
|
|
||||||
|
|
||||||
if (instance instanceof WebAssembly.Instance) {
|
|
||||||
return { instance, module };
|
|
||||||
|
|
||||||
} else {
|
|
||||||
return instance;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function getImports() {
|
|
||||||
const imports = {};
|
|
||||||
imports.wbg = {};
|
|
||||||
imports.wbg.__wbg_location_8cc8ccf27e342c0a = function(arg0) {
|
|
||||||
const ret = getObject(arg0).location;
|
|
||||||
return addHeapObject(ret);
|
|
||||||
};
|
|
||||||
imports.wbg.__wbg_history_2a104346a1208269 = function() { return handleError(function (arg0) {
|
|
||||||
const ret = getObject(arg0).history;
|
|
||||||
return addHeapObject(ret);
|
|
||||||
}, arguments) };
|
|
||||||
imports.wbg.__wbg_querySelector_3628dc2c3319e7e0 = function() { return handleError(function (arg0, arg1, arg2) {
|
|
||||||
const ret = getObject(arg0).querySelector(getStringFromWasm0(arg1, arg2));
|
|
||||||
return isLikeNone(ret) ? 0 : addHeapObject(ret);
|
|
||||||
}, arguments) };
|
|
||||||
imports.wbg.__wbg_href_90ff36b5040e3b76 = function(arg0, arg1) {
|
|
||||||
const ret = getObject(arg1).href;
|
|
||||||
const ptr0 = passStringToWasm0(ret, wasm.__wbindgen_malloc, wasm.__wbindgen_realloc);
|
|
||||||
const len0 = WASM_VECTOR_LEN;
|
|
||||||
getInt32Memory0()[arg0 / 4 + 1] = len0;
|
|
||||||
getInt32Memory0()[arg0 / 4 + 0] = ptr0;
|
|
||||||
};
|
|
||||||
imports.wbg.__wbg_matchMedia_0b5dc8aaf445df72 = function() { return handleError(function (arg0, arg1, arg2) {
|
|
||||||
const ret = getObject(arg0).matchMedia(getStringFromWasm0(arg1, arg2));
|
|
||||||
return isLikeNone(ret) ? 0 : addHeapObject(ret);
|
|
||||||
}, arguments) };
|
|
||||||
imports.wbg.__wbg_matches_0ffc2232d99a6034 = function(arg0) {
|
|
||||||
const ret = getObject(arg0).matches;
|
|
||||||
return ret;
|
|
||||||
};
|
|
||||||
imports.wbg.__wbg_new_abda76e883ba8a5f = function() {
|
|
||||||
const ret = new Error();
|
|
||||||
return addHeapObject(ret);
|
|
||||||
};
|
|
||||||
imports.wbg.__wbg_stack_658279fe44541cf6 = function(arg0, arg1) {
|
|
||||||
const ret = getObject(arg1).stack;
|
|
||||||
const ptr0 = passStringToWasm0(ret, wasm.__wbindgen_malloc, wasm.__wbindgen_realloc);
|
|
||||||
const len0 = WASM_VECTOR_LEN;
|
|
||||||
getInt32Memory0()[arg0 / 4 + 1] = len0;
|
|
||||||
getInt32Memory0()[arg0 / 4 + 0] = ptr0;
|
|
||||||
};
|
|
||||||
imports.wbg.__wbg_error_f851667af71bcfc6 = function(arg0, arg1) {
|
|
||||||
try {
|
|
||||||
console.error(getStringFromWasm0(arg0, arg1));
|
|
||||||
} finally {
|
|
||||||
wasm.__wbindgen_free(arg0, arg1);
|
|
||||||
}
|
|
||||||
};
|
|
||||||
imports.wbg.__wbindgen_object_drop_ref = function(arg0) {
|
|
||||||
takeObject(arg0);
|
|
||||||
};
|
|
||||||
imports.wbg.__wbg_new_0b9bfdd97583284e = function() {
|
|
||||||
const ret = new Object();
|
|
||||||
return addHeapObject(ret);
|
|
||||||
};
|
|
||||||
imports.wbg.__wbindgen_number_new = function(arg0) {
|
|
||||||
const ret = arg0;
|
|
||||||
return addHeapObject(ret);
|
|
||||||
};
|
|
||||||
imports.wbg.__wbg_set_ce5827ace4c694dc = function(arg0, arg1, arg2) {
|
|
||||||
getObject(arg0)[takeObject(arg1)] = takeObject(arg2);
|
|
||||||
};
|
|
||||||
imports.wbg.__wbg_state_4896ba54c2e3301e = function() { return handleError(function (arg0) {
|
|
||||||
const ret = getObject(arg0).state;
|
|
||||||
return addHeapObject(ret);
|
|
||||||
}, arguments) };
|
|
||||||
imports.wbg.__wbindgen_is_object = function(arg0) {
|
|
||||||
const val = getObject(arg0);
|
|
||||||
const ret = typeof(val) === 'object' && val !== null;
|
|
||||||
return ret;
|
|
||||||
};
|
|
||||||
imports.wbg.__wbg_get_723f83ba0c34871a = function(arg0, arg1) {
|
|
||||||
const ret = getObject(arg0)[takeObject(arg1)];
|
|
||||||
return addHeapObject(ret);
|
|
||||||
};
|
|
||||||
imports.wbg.__wbindgen_is_string = function(arg0) {
|
|
||||||
const ret = typeof(getObject(arg0)) === 'string';
|
|
||||||
return ret;
|
|
||||||
};
|
|
||||||
imports.wbg.__wbg_entries_65a76a413fc91037 = function(arg0) {
|
|
||||||
const ret = Object.entries(getObject(arg0));
|
|
||||||
return addHeapObject(ret);
|
|
||||||
};
|
|
||||||
imports.wbg.__wbg_length_6e3bbe7c8bd4dbd8 = function(arg0) {
|
|
||||||
const ret = getObject(arg0).length;
|
|
||||||
return ret;
|
|
||||||
};
|
|
||||||
imports.wbg.__wbg_get_57245cc7d7c7619d = function(arg0, arg1) {
|
|
||||||
const ret = getObject(arg0)[arg1 >>> 0];
|
|
||||||
return addHeapObject(ret);
|
|
||||||
};
|
|
||||||
imports.wbg.__wbindgen_string_get = function(arg0, arg1) {
|
|
||||||
const obj = getObject(arg1);
|
|
||||||
const ret = typeof(obj) === 'string' ? obj : undefined;
|
|
||||||
var ptr0 = isLikeNone(ret) ? 0 : passStringToWasm0(ret, wasm.__wbindgen_malloc, wasm.__wbindgen_realloc);
|
|
||||||
var len0 = WASM_VECTOR_LEN;
|
|
||||||
getInt32Memory0()[arg0 / 4 + 1] = len0;
|
|
||||||
getInt32Memory0()[arg0 / 4 + 0] = ptr0;
|
|
||||||
};
|
|
||||||
imports.wbg.__wbg_isSafeInteger_dfa0593e8d7ac35a = function(arg0) {
|
|
||||||
const ret = Number.isSafeInteger(getObject(arg0));
|
|
||||||
return ret;
|
|
||||||
};
|
|
||||||
imports.wbg.__wbg_search_4aac147f005678e5 = function() { return handleError(function (arg0, arg1) {
|
|
||||||
const ret = getObject(arg1).search;
|
|
||||||
const ptr0 = passStringToWasm0(ret, wasm.__wbindgen_malloc, wasm.__wbindgen_realloc);
|
|
||||||
const len0 = WASM_VECTOR_LEN;
|
|
||||||
getInt32Memory0()[arg0 / 4 + 1] = len0;
|
|
||||||
getInt32Memory0()[arg0 / 4 + 0] = ptr0;
|
|
||||||
}, arguments) };
|
|
||||||
imports.wbg.__wbg_hash_8565e7b1ae1f2be4 = function() { return handleError(function (arg0, arg1) {
|
|
||||||
const ret = getObject(arg1).hash;
|
|
||||||
const ptr0 = passStringToWasm0(ret, wasm.__wbindgen_malloc, wasm.__wbindgen_realloc);
|
|
||||||
const len0 = WASM_VECTOR_LEN;
|
|
||||||
getInt32Memory0()[arg0 / 4 + 1] = len0;
|
|
||||||
getInt32Memory0()[arg0 / 4 + 0] = ptr0;
|
|
||||||
}, arguments) };
|
|
||||||
imports.wbg.__wbg_newwithbase_41b4a8c94dd8c467 = function() { return handleError(function (arg0, arg1, arg2, arg3) {
|
|
||||||
const ret = new URL(getStringFromWasm0(arg0, arg1), getStringFromWasm0(arg2, arg3));
|
|
||||||
return addHeapObject(ret);
|
|
||||||
}, arguments) };
|
|
||||||
imports.wbg.__wbg_hash_5ca9e2d439e2b3e1 = function(arg0, arg1) {
|
|
||||||
const ret = getObject(arg1).hash;
|
|
||||||
const ptr0 = passStringToWasm0(ret, wasm.__wbindgen_malloc, wasm.__wbindgen_realloc);
|
|
||||||
const len0 = WASM_VECTOR_LEN;
|
|
||||||
getInt32Memory0()[arg0 / 4 + 1] = len0;
|
|
||||||
getInt32Memory0()[arg0 / 4 + 0] = ptr0;
|
|
||||||
};
|
|
||||||
imports.wbg.__wbindgen_object_clone_ref = function(arg0) {
|
|
||||||
const ret = getObject(arg0);
|
|
||||||
return addHeapObject(ret);
|
|
||||||
};
|
|
||||||
imports.wbg.__wbg_removeEventListener_b10f1a66647f3aa0 = function() { return handleError(function (arg0, arg1, arg2, arg3, arg4) {
|
|
||||||
getObject(arg0).removeEventListener(getStringFromWasm0(arg1, arg2), getObject(arg3), arg4 !== 0);
|
|
||||||
}, arguments) };
|
|
||||||
imports.wbg.__wbg_instanceof_Error_56b496a10a56de66 = function(arg0) {
|
|
||||||
let result;
|
|
||||||
try {
|
|
||||||
result = getObject(arg0) instanceof Error;
|
|
||||||
} catch {
|
|
||||||
result = false;
|
|
||||||
}
|
|
||||||
const ret = result;
|
|
||||||
return ret;
|
|
||||||
};
|
|
||||||
imports.wbg.__wbg_name_48eda3ae6aa697ca = function(arg0) {
|
|
||||||
const ret = getObject(arg0).name;
|
|
||||||
return addHeapObject(ret);
|
|
||||||
};
|
|
||||||
imports.wbg.__wbg_message_fe2af63ccc8985bc = function(arg0) {
|
|
||||||
const ret = getObject(arg0).message;
|
|
||||||
return addHeapObject(ret);
|
|
||||||
};
|
|
||||||
imports.wbg.__wbg_toString_73c9b562dccf34bd = function(arg0) {
|
|
||||||
const ret = getObject(arg0).toString();
|
|
||||||
return addHeapObject(ret);
|
|
||||||
};
|
|
||||||
imports.wbg.__wbg_new_2d0053ee81e4dd2a = function() { return handleError(function () {
|
|
||||||
const ret = new Headers();
|
|
||||||
return addHeapObject(ret);
|
|
||||||
}, arguments) };
|
|
||||||
imports.wbg.__wbg_new_ca4d3a3eca340210 = function() { return handleError(function () {
|
|
||||||
const ret = new URLSearchParams();
|
|
||||||
return addHeapObject(ret);
|
|
||||||
}, arguments) };
|
|
||||||
imports.wbg.__wbindgen_string_new = function(arg0, arg1) {
|
|
||||||
const ret = getStringFromWasm0(arg0, arg1);
|
|
||||||
return addHeapObject(ret);
|
|
||||||
};
|
|
||||||
imports.wbg.__wbg_document_3ead31dbcad65886 = function(arg0) {
|
|
||||||
const ret = getObject(arg0).document;
|
|
||||||
return isLikeNone(ret) ? 0 : addHeapObject(ret);
|
|
||||||
};
|
|
||||||
imports.wbg.__wbg_self_6d479506f72c6a71 = function() { return handleError(function () {
|
|
||||||
const ret = self.self;
|
|
||||||
return addHeapObject(ret);
|
|
||||||
}, arguments) };
|
|
||||||
imports.wbg.__wbg_window_f2557cc78490aceb = function() { return handleError(function () {
|
|
||||||
const ret = window.window;
|
|
||||||
return addHeapObject(ret);
|
|
||||||
}, arguments) };
|
|
||||||
imports.wbg.__wbg_globalThis_7f206bda628d5286 = function() { return handleError(function () {
|
|
||||||
const ret = globalThis.globalThis;
|
|
||||||
return addHeapObject(ret);
|
|
||||||
}, arguments) };
|
|
||||||
imports.wbg.__wbg_global_ba75c50d1cf384f4 = function() { return handleError(function () {
|
|
||||||
const ret = global.global;
|
|
||||||
return addHeapObject(ret);
|
|
||||||
}, arguments) };
|
|
||||||
imports.wbg.__wbindgen_is_undefined = function(arg0) {
|
|
||||||
const ret = getObject(arg0) === undefined;
|
|
||||||
return ret;
|
|
||||||
};
|
|
||||||
imports.wbg.__wbg_newnoargs_b5b063fc6c2f0376 = function(arg0, arg1) {
|
|
||||||
const ret = new Function(getStringFromWasm0(arg0, arg1));
|
|
||||||
return addHeapObject(ret);
|
|
||||||
};
|
|
||||||
imports.wbg.__wbg_call_97ae9d8645dc388b = function() { return handleError(function (arg0, arg1) {
|
|
||||||
const ret = getObject(arg0).call(getObject(arg1));
|
|
||||||
return addHeapObject(ret);
|
|
||||||
}, arguments) };
|
|
||||||
imports.wbg.__wbg_is_40a66842732708e7 = function(arg0, arg1) {
|
|
||||||
const ret = Object.is(getObject(arg0), getObject(arg1));
|
|
||||||
return ret;
|
|
||||||
};
|
|
||||||
imports.wbg.__wbg_toString_7be108a12ef03bc2 = function(arg0) {
|
|
||||||
const ret = getObject(arg0).toString();
|
|
||||||
return addHeapObject(ret);
|
|
||||||
};
|
|
||||||
imports.wbg.__wbg_length_9e1ae1900cb0fbd5 = function(arg0) {
|
|
||||||
const ret = getObject(arg0).length;
|
|
||||||
return ret;
|
|
||||||
};
|
|
||||||
imports.wbg.__wbindgen_memory = function() {
|
|
||||||
const ret = wasm.memory;
|
|
||||||
return addHeapObject(ret);
|
|
||||||
};
|
|
||||||
imports.wbg.__wbg_buffer_3f3d764d4747d564 = function(arg0) {
|
|
||||||
const ret = getObject(arg0).buffer;
|
|
||||||
return addHeapObject(ret);
|
|
||||||
};
|
|
||||||
imports.wbg.__wbg_new_8c3f0052272a457a = function(arg0) {
|
|
||||||
const ret = new Uint8Array(getObject(arg0));
|
|
||||||
return addHeapObject(ret);
|
|
||||||
};
|
|
||||||
imports.wbg.__wbg_set_83db9690f9353e79 = function(arg0, arg1, arg2) {
|
|
||||||
getObject(arg0).set(getObject(arg1), arg2 >>> 0);
|
|
||||||
};
|
|
||||||
imports.wbg.__wbg_get_765201544a2b6869 = function() { return handleError(function (arg0, arg1) {
|
|
||||||
const ret = Reflect.get(getObject(arg0), getObject(arg1));
|
|
||||||
return addHeapObject(ret);
|
|
||||||
}, arguments) };
|
|
||||||
imports.wbg.__wbg_set_bf3f89b92d5a34bf = function() { return handleError(function (arg0, arg1, arg2) {
|
|
||||||
const ret = Reflect.set(getObject(arg0), getObject(arg1), getObject(arg2));
|
|
||||||
return ret;
|
|
||||||
}, arguments) };
|
|
||||||
imports.wbg.__wbindgen_is_null = function(arg0) {
|
|
||||||
const ret = getObject(arg0) === null;
|
|
||||||
return ret;
|
|
||||||
};
|
|
||||||
imports.wbg.__wbindgen_boolean_get = function(arg0) {
|
|
||||||
const v = getObject(arg0);
|
|
||||||
const ret = typeof(v) === 'boolean' ? (v ? 1 : 0) : 2;
|
|
||||||
return ret;
|
|
||||||
};
|
|
||||||
imports.wbg.__wbg_instanceof_Uint8Array_971eeda69eb75003 = function(arg0) {
|
|
||||||
let result;
|
|
||||||
try {
|
|
||||||
result = getObject(arg0) instanceof Uint8Array;
|
|
||||||
} catch {
|
|
||||||
result = false;
|
|
||||||
}
|
|
||||||
const ret = result;
|
|
||||||
return ret;
|
|
||||||
};
|
|
||||||
imports.wbg.__wbg_instanceof_ArrayBuffer_e5e48f4762c5610b = function(arg0) {
|
|
||||||
let result;
|
|
||||||
try {
|
|
||||||
result = getObject(arg0) instanceof ArrayBuffer;
|
|
||||||
} catch {
|
|
||||||
result = false;
|
|
||||||
}
|
|
||||||
const ret = result;
|
|
||||||
return ret;
|
|
||||||
};
|
|
||||||
imports.wbg.__wbindgen_number_get = function(arg0, arg1) {
|
|
||||||
const obj = getObject(arg1);
|
|
||||||
const ret = typeof(obj) === 'number' ? obj : undefined;
|
|
||||||
getFloat64Memory0()[arg0 / 8 + 1] = isLikeNone(ret) ? 0 : ret;
|
|
||||||
getInt32Memory0()[arg0 / 4 + 0] = !isLikeNone(ret);
|
|
||||||
};
|
|
||||||
imports.wbg.__wbg_new_8d2af00bc1e329ee = function(arg0, arg1) {
|
|
||||||
const ret = new Error(getStringFromWasm0(arg0, arg1));
|
|
||||||
return addHeapObject(ret);
|
|
||||||
};
|
|
||||||
imports.wbg.__wbindgen_debug_string = function(arg0, arg1) {
|
|
||||||
const ret = debugString(getObject(arg1));
|
|
||||||
const ptr0 = passStringToWasm0(ret, wasm.__wbindgen_malloc, wasm.__wbindgen_realloc);
|
|
||||||
const len0 = WASM_VECTOR_LEN;
|
|
||||||
getInt32Memory0()[arg0 / 4 + 1] = len0;
|
|
||||||
getInt32Memory0()[arg0 / 4 + 0] = ptr0;
|
|
||||||
};
|
|
||||||
imports.wbg.__wbindgen_throw = function(arg0, arg1) {
|
|
||||||
throw new Error(getStringFromWasm0(arg0, arg1));
|
|
||||||
};
|
|
||||||
imports.wbg.__wbg_then_cedad20fbbd9418a = function(arg0, arg1, arg2) {
|
|
||||||
const ret = getObject(arg0).then(getObject(arg1), getObject(arg2));
|
|
||||||
return addHeapObject(ret);
|
|
||||||
};
|
|
||||||
imports.wbg.__wbg_resolve_99fe17964f31ffc0 = function(arg0) {
|
|
||||||
const ret = Promise.resolve(getObject(arg0));
|
|
||||||
return addHeapObject(ret);
|
|
||||||
};
|
|
||||||
imports.wbg.__wbindgen_cb_drop = function(arg0) {
|
|
||||||
const obj = takeObject(arg0).original;
|
|
||||||
if (obj.cnt-- == 1) {
|
|
||||||
obj.a = 0;
|
|
||||||
return true;
|
|
||||||
}
|
|
||||||
const ret = false;
|
|
||||||
return ret;
|
|
||||||
};
|
|
||||||
imports.wbg.__wbg_then_11f7a54d67b4bfad = function(arg0, arg1) {
|
|
||||||
const ret = getObject(arg0).then(getObject(arg1));
|
|
||||||
return addHeapObject(ret);
|
|
||||||
};
|
|
||||||
imports.wbg.__wbg_createElement_976dbb84fe1661b5 = function() { return handleError(function (arg0, arg1, arg2) {
|
|
||||||
const ret = getObject(arg0).createElement(getStringFromWasm0(arg1, arg2));
|
|
||||||
return addHeapObject(ret);
|
|
||||||
}, arguments) };
|
|
||||||
imports.wbg.__wbg_pathname_78a642e573bf8169 = function(arg0, arg1) {
|
|
||||||
const ret = getObject(arg1).pathname;
|
|
||||||
const ptr0 = passStringToWasm0(ret, wasm.__wbindgen_malloc, wasm.__wbindgen_realloc);
|
|
||||||
const len0 = WASM_VECTOR_LEN;
|
|
||||||
getInt32Memory0()[arg0 / 4 + 1] = len0;
|
|
||||||
getInt32Memory0()[arg0 / 4 + 0] = ptr0;
|
|
||||||
};
|
|
||||||
imports.wbg.__wbg_search_afb25c63fe262036 = function(arg0, arg1) {
|
|
||||||
const ret = getObject(arg1).search;
|
|
||||||
const ptr0 = passStringToWasm0(ret, wasm.__wbindgen_malloc, wasm.__wbindgen_realloc);
|
|
||||||
const len0 = WASM_VECTOR_LEN;
|
|
||||||
getInt32Memory0()[arg0 / 4 + 1] = len0;
|
|
||||||
getInt32Memory0()[arg0 / 4 + 0] = ptr0;
|
|
||||||
};
|
|
||||||
imports.wbg.__wbg_new_7d95b89914e4d377 = function() { return handleError(function (arg0, arg1) {
|
|
||||||
const ret = new URL(getStringFromWasm0(arg0, arg1));
|
|
||||||
return addHeapObject(ret);
|
|
||||||
}, arguments) };
|
|
||||||
imports.wbg.__wbg_setvalue_df64bc6794c098f2 = function(arg0, arg1, arg2) {
|
|
||||||
getObject(arg0).value = getStringFromWasm0(arg1, arg2);
|
|
||||||
};
|
|
||||||
imports.wbg.__wbg_instanceof_Window_acc97ff9f5d2c7b4 = function(arg0) {
|
|
||||||
let result;
|
|
||||||
try {
|
|
||||||
result = getObject(arg0) instanceof Window;
|
|
||||||
} catch {
|
|
||||||
result = false;
|
|
||||||
}
|
|
||||||
const ret = result;
|
|
||||||
return ret;
|
|
||||||
};
|
|
||||||
imports.wbg.__wbg_setchecked_f1e1f3e62cdca8e7 = function(arg0, arg1) {
|
|
||||||
getObject(arg0).checked = arg1 !== 0;
|
|
||||||
};
|
|
||||||
imports.wbg.__wbg_setvalue_e5b519cca37d82a7 = function(arg0, arg1, arg2) {
|
|
||||||
getObject(arg0).value = getStringFromWasm0(arg1, arg2);
|
|
||||||
};
|
|
||||||
imports.wbg.__wbg_removeAttribute_beaed7727852af78 = function() { return handleError(function (arg0, arg1, arg2) {
|
|
||||||
getObject(arg0).removeAttribute(getStringFromWasm0(arg1, arg2));
|
|
||||||
}, arguments) };
|
|
||||||
imports.wbg.__wbg_setAttribute_d8436c14a59ab1af = function() { return handleError(function (arg0, arg1, arg2, arg3, arg4) {
|
|
||||||
getObject(arg0).setAttribute(getStringFromWasm0(arg1, arg2), getStringFromWasm0(arg3, arg4));
|
|
||||||
}, arguments) };
|
|
||||||
imports.wbg.__wbg_addEventListener_1fc744729ac6dc27 = function() { return handleError(function (arg0, arg1, arg2, arg3, arg4) {
|
|
||||||
getObject(arg0).addEventListener(getStringFromWasm0(arg1, arg2), getObject(arg3), getObject(arg4));
|
|
||||||
}, arguments) };
|
|
||||||
imports.wbg.__wbg_nextSibling_62338ec2a05607b4 = function(arg0) {
|
|
||||||
const ret = getObject(arg0).nextSibling;
|
|
||||||
return isLikeNone(ret) ? 0 : addHeapObject(ret);
|
|
||||||
};
|
|
||||||
imports.wbg.__wbg_insertBefore_9f2d2defb9471006 = function() { return handleError(function (arg0, arg1, arg2) {
|
|
||||||
const ret = getObject(arg0).insertBefore(getObject(arg1), getObject(arg2));
|
|
||||||
return addHeapObject(ret);
|
|
||||||
}, arguments) };
|
|
||||||
imports.wbg.__wbg_removeChild_6751e9ca5d9aaf00 = function() { return handleError(function (arg0, arg1) {
|
|
||||||
const ret = getObject(arg0).removeChild(getObject(arg1));
|
|
||||||
return addHeapObject(ret);
|
|
||||||
}, arguments) };
|
|
||||||
imports.wbg.__wbg_pushState_38917fb88b4add30 = function() { return handleError(function (arg0, arg1, arg2, arg3, arg4, arg5) {
|
|
||||||
getObject(arg0).pushState(getObject(arg1), getStringFromWasm0(arg2, arg3), arg4 === 0 ? undefined : getStringFromWasm0(arg4, arg5));
|
|
||||||
}, arguments) };
|
|
||||||
imports.wbg.__wbg_href_bbb11e0e61ea410e = function() { return handleError(function (arg0, arg1) {
|
|
||||||
const ret = getObject(arg1).href;
|
|
||||||
const ptr0 = passStringToWasm0(ret, wasm.__wbindgen_malloc, wasm.__wbindgen_realloc);
|
|
||||||
const len0 = WASM_VECTOR_LEN;
|
|
||||||
getInt32Memory0()[arg0 / 4 + 1] = len0;
|
|
||||||
getInt32Memory0()[arg0 / 4 + 0] = ptr0;
|
|
||||||
}, arguments) };
|
|
||||||
imports.wbg.__wbg_pathname_4441d4d8fc4aba51 = function() { return handleError(function (arg0, arg1) {
|
|
||||||
const ret = getObject(arg1).pathname;
|
|
||||||
const ptr0 = passStringToWasm0(ret, wasm.__wbindgen_malloc, wasm.__wbindgen_realloc);
|
|
||||||
const len0 = WASM_VECTOR_LEN;
|
|
||||||
getInt32Memory0()[arg0 / 4 + 1] = len0;
|
|
||||||
getInt32Memory0()[arg0 / 4 + 0] = ptr0;
|
|
||||||
}, arguments) };
|
|
||||||
imports.wbg.__wbg_namespaceURI_e19c7be2c60e5b5c = function(arg0, arg1) {
|
|
||||||
const ret = getObject(arg1).namespaceURI;
|
|
||||||
var ptr0 = isLikeNone(ret) ? 0 : passStringToWasm0(ret, wasm.__wbindgen_malloc, wasm.__wbindgen_realloc);
|
|
||||||
var len0 = WASM_VECTOR_LEN;
|
|
||||||
getInt32Memory0()[arg0 / 4 + 1] = len0;
|
|
||||||
getInt32Memory0()[arg0 / 4 + 0] = ptr0;
|
|
||||||
};
|
|
||||||
imports.wbg.__wbg_createElementNS_1561aca8ee3693c0 = function() { return handleError(function (arg0, arg1, arg2, arg3, arg4) {
|
|
||||||
const ret = getObject(arg0).createElementNS(arg1 === 0 ? undefined : getStringFromWasm0(arg1, arg2), getStringFromWasm0(arg3, arg4));
|
|
||||||
return addHeapObject(ret);
|
|
||||||
}, arguments) };
|
|
||||||
imports.wbg.__wbg_parentElement_0cffb3ceb0f107bd = function(arg0) {
|
|
||||||
const ret = getObject(arg0).parentElement;
|
|
||||||
return isLikeNone(ret) ? 0 : addHeapObject(ret);
|
|
||||||
};
|
|
||||||
imports.wbg.__wbg_parentNode_e397bbbe28be7b28 = function(arg0) {
|
|
||||||
const ret = getObject(arg0).parentNode;
|
|
||||||
return isLikeNone(ret) ? 0 : addHeapObject(ret);
|
|
||||||
};
|
|
||||||
imports.wbg.__wbg_instanceof_ShadowRoot_76b32ccdae10a710 = function(arg0) {
|
|
||||||
let result;
|
|
||||||
try {
|
|
||||||
result = getObject(arg0) instanceof ShadowRoot;
|
|
||||||
} catch {
|
|
||||||
result = false;
|
|
||||||
}
|
|
||||||
const ret = result;
|
|
||||||
return ret;
|
|
||||||
};
|
|
||||||
imports.wbg.__wbg_host_57eec05a2624bc1b = function(arg0) {
|
|
||||||
const ret = getObject(arg0).host;
|
|
||||||
return addHeapObject(ret);
|
|
||||||
};
|
|
||||||
imports.wbg.__wbg_composedPath_160ed014dc4d787f = function(arg0) {
|
|
||||||
const ret = getObject(arg0).composedPath();
|
|
||||||
return addHeapObject(ret);
|
|
||||||
};
|
|
||||||
imports.wbg.__wbg_cachekey_b61393159c57fd7b = function(arg0, arg1) {
|
|
||||||
const ret = getObject(arg1).__yew_subtree_cache_key;
|
|
||||||
getInt32Memory0()[arg0 / 4 + 1] = isLikeNone(ret) ? 0 : ret;
|
|
||||||
getInt32Memory0()[arg0 / 4 + 0] = !isLikeNone(ret);
|
|
||||||
};
|
|
||||||
imports.wbg.__wbg_subtreeid_e348577f7ef777e3 = function(arg0, arg1) {
|
|
||||||
const ret = getObject(arg1).__yew_subtree_id;
|
|
||||||
getInt32Memory0()[arg0 / 4 + 1] = isLikeNone(ret) ? 0 : ret;
|
|
||||||
getInt32Memory0()[arg0 / 4 + 0] = !isLikeNone(ret);
|
|
||||||
};
|
|
||||||
imports.wbg.__wbg_bubbles_03eed164b4feeaf1 = function(arg0) {
|
|
||||||
const ret = getObject(arg0).bubbles;
|
|
||||||
return ret;
|
|
||||||
};
|
|
||||||
imports.wbg.__wbg_setsubtreeid_d32e6327eef1f7fc = function(arg0, arg1) {
|
|
||||||
getObject(arg0).__yew_subtree_id = arg1 >>> 0;
|
|
||||||
};
|
|
||||||
imports.wbg.__wbg_setcachekey_80183b7cfc421143 = function(arg0, arg1) {
|
|
||||||
getObject(arg0).__yew_subtree_cache_key = arg1 >>> 0;
|
|
||||||
};
|
|
||||||
imports.wbg.__wbg_cancelBubble_8c0bdf21c08f1717 = function(arg0) {
|
|
||||||
const ret = getObject(arg0).cancelBubble;
|
|
||||||
return ret;
|
|
||||||
};
|
|
||||||
imports.wbg.__wbg_listenerid_12315eee21527820 = function(arg0, arg1) {
|
|
||||||
const ret = getObject(arg1).__yew_listener_id;
|
|
||||||
getInt32Memory0()[arg0 / 4 + 1] = isLikeNone(ret) ? 0 : ret;
|
|
||||||
getInt32Memory0()[arg0 / 4 + 0] = !isLikeNone(ret);
|
|
||||||
};
|
|
||||||
imports.wbg.__wbg_setinnerHTML_32081d8a164e6dc4 = function(arg0, arg1, arg2) {
|
|
||||||
getObject(arg0).innerHTML = getStringFromWasm0(arg1, arg2);
|
|
||||||
};
|
|
||||||
imports.wbg.__wbg_children_67776b4810f38b6a = function(arg0) {
|
|
||||||
const ret = getObject(arg0).children;
|
|
||||||
return addHeapObject(ret);
|
|
||||||
};
|
|
||||||
imports.wbg.__wbg_from_7ce3cb27cb258569 = function(arg0) {
|
|
||||||
const ret = Array.from(getObject(arg0));
|
|
||||||
return addHeapObject(ret);
|
|
||||||
};
|
|
||||||
imports.wbg.__wbg_instanceof_Element_33bd126d58f2021b = function(arg0) {
|
|
||||||
let result;
|
|
||||||
try {
|
|
||||||
result = getObject(arg0) instanceof Element;
|
|
||||||
} catch {
|
|
||||||
result = false;
|
|
||||||
}
|
|
||||||
const ret = result;
|
|
||||||
return ret;
|
|
||||||
};
|
|
||||||
imports.wbg.__wbg_createTextNode_300f845fab76642f = function(arg0, arg1, arg2) {
|
|
||||||
const ret = getObject(arg0).createTextNode(getStringFromWasm0(arg1, arg2));
|
|
||||||
return addHeapObject(ret);
|
|
||||||
};
|
|
||||||
imports.wbg.__wbg_appendChild_e513ef0e5098dfdd = function() { return handleError(function (arg0, arg1) {
|
|
||||||
const ret = getObject(arg0).appendChild(getObject(arg1));
|
|
||||||
return addHeapObject(ret);
|
|
||||||
}, arguments) };
|
|
||||||
imports.wbg.__wbg_error_71d6845bf00a930f = function(arg0, arg1) {
|
|
||||||
var v0 = getArrayJsValueFromWasm0(arg0, arg1).slice();
|
|
||||||
wasm.__wbindgen_free(arg0, arg1 * 4);
|
|
||||||
console.error(...v0);
|
|
||||||
};
|
|
||||||
imports.wbg.__wbg_setnodeValue_4077cafeefd0725e = function(arg0, arg1, arg2) {
|
|
||||||
getObject(arg0).nodeValue = arg1 === 0 ? undefined : getStringFromWasm0(arg1, arg2);
|
|
||||||
};
|
|
||||||
imports.wbg.__wbg_value_b2a620d34c663701 = function(arg0, arg1) {
|
|
||||||
const ret = getObject(arg1).value;
|
|
||||||
const ptr0 = passStringToWasm0(ret, wasm.__wbindgen_malloc, wasm.__wbindgen_realloc);
|
|
||||||
const len0 = WASM_VECTOR_LEN;
|
|
||||||
getInt32Memory0()[arg0 / 4 + 1] = len0;
|
|
||||||
getInt32Memory0()[arg0 / 4 + 0] = ptr0;
|
|
||||||
};
|
|
||||||
imports.wbg.__wbg_value_ccb32485ee1b3928 = function(arg0, arg1) {
|
|
||||||
const ret = getObject(arg1).value;
|
|
||||||
const ptr0 = passStringToWasm0(ret, wasm.__wbindgen_malloc, wasm.__wbindgen_realloc);
|
|
||||||
const len0 = WASM_VECTOR_LEN;
|
|
||||||
getInt32Memory0()[arg0 / 4 + 1] = len0;
|
|
||||||
getInt32Memory0()[arg0 / 4 + 0] = ptr0;
|
|
||||||
};
|
|
||||||
imports.wbg.__wbg_setlistenerid_3183aae8fa5840fb = function(arg0, arg1) {
|
|
||||||
getObject(arg0).__yew_listener_id = arg1 >>> 0;
|
|
||||||
};
|
|
||||||
imports.wbg.__wbg_log_4cf38bb073e9467a = function(arg0, arg1) {
|
|
||||||
console.log(getStringFromWasm0(arg0, arg1));
|
|
||||||
};
|
|
||||||
imports.wbg.__wbg_text_1169d752cc697903 = function() { return handleError(function (arg0) {
|
|
||||||
const ret = getObject(arg0).text();
|
|
||||||
return addHeapObject(ret);
|
|
||||||
}, arguments) };
|
|
||||||
imports.wbg.__wbg_newwithstr_fdce36db91ec5f92 = function() { return handleError(function (arg0, arg1) {
|
|
||||||
const ret = new Request(getStringFromWasm0(arg0, arg1));
|
|
||||||
return addHeapObject(ret);
|
|
||||||
}, arguments) };
|
|
||||||
imports.wbg.__wbg_url_1c013f0875e97715 = function(arg0, arg1) {
|
|
||||||
const ret = getObject(arg1).url;
|
|
||||||
const ptr0 = passStringToWasm0(ret, wasm.__wbindgen_malloc, wasm.__wbindgen_realloc);
|
|
||||||
const len0 = WASM_VECTOR_LEN;
|
|
||||||
getInt32Memory0()[arg0 / 4 + 1] = len0;
|
|
||||||
getInt32Memory0()[arg0 / 4 + 0] = ptr0;
|
|
||||||
};
|
|
||||||
imports.wbg.__wbg_setsearch_40007c2a91333011 = function(arg0, arg1, arg2) {
|
|
||||||
getObject(arg0).search = getStringFromWasm0(arg1, arg2);
|
|
||||||
};
|
|
||||||
imports.wbg.__wbg_newwithstrandinit_05d7180788420c40 = function() { return handleError(function (arg0, arg1, arg2) {
|
|
||||||
const ret = new Request(getStringFromWasm0(arg0, arg1), getObject(arg2));
|
|
||||||
return addHeapObject(ret);
|
|
||||||
}, arguments) };
|
|
||||||
imports.wbg.__wbg_fetch_0fe04905cccfc2aa = function(arg0, arg1) {
|
|
||||||
const ret = getObject(arg0).fetch(getObject(arg1));
|
|
||||||
return addHeapObject(ret);
|
|
||||||
};
|
|
||||||
imports.wbg.__wbg_instanceof_WorkerGlobalScope_16bb97a4549a3f21 = function(arg0) {
|
|
||||||
let result;
|
|
||||||
try {
|
|
||||||
result = getObject(arg0) instanceof WorkerGlobalScope;
|
|
||||||
} catch {
|
|
||||||
result = false;
|
|
||||||
}
|
|
||||||
const ret = result;
|
|
||||||
return ret;
|
|
||||||
};
|
|
||||||
imports.wbg.__wbg_fetch_749a56934f95c96c = function(arg0, arg1) {
|
|
||||||
const ret = getObject(arg0).fetch(getObject(arg1));
|
|
||||||
return addHeapObject(ret);
|
|
||||||
};
|
|
||||||
imports.wbg.__wbg_instanceof_Response_eaa426220848a39e = function(arg0) {
|
|
||||||
let result;
|
|
||||||
try {
|
|
||||||
result = getObject(arg0) instanceof Response;
|
|
||||||
} catch {
|
|
||||||
result = false;
|
|
||||||
}
|
|
||||||
const ret = result;
|
|
||||||
return ret;
|
|
||||||
};
|
|
||||||
imports.wbg.__wbg_getElementsByTagName_617098e0ae766c3e = function(arg0, arg1, arg2) {
|
|
||||||
const ret = getObject(arg0).getElementsByTagName(getStringFromWasm0(arg1, arg2));
|
|
||||||
return addHeapObject(ret);
|
|
||||||
};
|
|
||||||
imports.wbg.__wbg_getwithindex_5571ba24207565a4 = function(arg0, arg1) {
|
|
||||||
const ret = getObject(arg0)[arg1 >>> 0];
|
|
||||||
return isLikeNone(ret) ? 0 : addHeapObject(ret);
|
|
||||||
};
|
|
||||||
imports.wbg.__wbg_body_3cb4b4042b9a632b = function(arg0) {
|
|
||||||
const ret = getObject(arg0).body;
|
|
||||||
return isLikeNone(ret) ? 0 : addHeapObject(ret);
|
|
||||||
};
|
|
||||||
imports.wbg.__wbg_lastChild_a2f5ed739809bb31 = function(arg0) {
|
|
||||||
const ret = getObject(arg0).lastChild;
|
|
||||||
return isLikeNone(ret) ? 0 : addHeapObject(ret);
|
|
||||||
};
|
|
||||||
imports.wbg.__wbg_sethash_d35570df091aa47e = function(arg0, arg1, arg2) {
|
|
||||||
getObject(arg0).hash = getStringFromWasm0(arg1, arg2);
|
|
||||||
};
|
|
||||||
imports.wbg.__wbg_href_9b462d09b5f8b378 = function(arg0, arg1) {
|
|
||||||
const ret = getObject(arg1).href;
|
|
||||||
const ptr0 = passStringToWasm0(ret, wasm.__wbindgen_malloc, wasm.__wbindgen_realloc);
|
|
||||||
const len0 = WASM_VECTOR_LEN;
|
|
||||||
getInt32Memory0()[arg0 / 4 + 1] = len0;
|
|
||||||
getInt32Memory0()[arg0 / 4 + 0] = ptr0;
|
|
||||||
};
|
|
||||||
imports.wbg.__wbindgen_closure_wrapper397 = function(arg0, arg1, arg2) {
|
|
||||||
const ret = makeMutClosure(arg0, arg1, 68, __wbg_adapter_32);
|
|
||||||
return addHeapObject(ret);
|
|
||||||
};
|
|
||||||
imports.wbg.__wbindgen_closure_wrapper2691 = function(arg0, arg1, arg2) {
|
|
||||||
const ret = makeMutClosure(arg0, arg1, 68, __wbg_adapter_35);
|
|
||||||
return addHeapObject(ret);
|
|
||||||
};
|
|
||||||
|
|
||||||
return imports;
|
|
||||||
}
|
|
||||||
|
|
||||||
function initMemory(imports, maybe_memory) {
|
|
||||||
|
|
||||||
}
|
|
||||||
|
|
||||||
function finalizeInit(instance, module) {
|
|
||||||
wasm = instance.exports;
|
|
||||||
init.__wbindgen_wasm_module = module;
|
|
||||||
cachedFloat64Memory0 = new Float64Array();
|
|
||||||
cachedInt32Memory0 = new Int32Array();
|
|
||||||
cachedUint32Memory0 = new Uint32Array();
|
|
||||||
cachedUint8Memory0 = new Uint8Array();
|
|
||||||
|
|
||||||
wasm.__wbindgen_start();
|
|
||||||
return wasm;
|
|
||||||
}
|
|
||||||
|
|
||||||
function initSync(module) {
|
|
||||||
const imports = getImports();
|
|
||||||
|
|
||||||
initMemory(imports);
|
|
||||||
|
|
||||||
if (!(module instanceof WebAssembly.Module)) {
|
|
||||||
module = new WebAssembly.Module(module);
|
|
||||||
}
|
|
||||||
|
|
||||||
const instance = new WebAssembly.Instance(module, imports);
|
|
||||||
|
|
||||||
return finalizeInit(instance, module);
|
|
||||||
}
|
|
||||||
|
|
||||||
async function init(input) {
|
|
||||||
|
|
||||||
const imports = getImports();
|
|
||||||
|
|
||||||
if (typeof input === 'string' || (typeof Request === 'function' && input instanceof Request) || (typeof URL === 'function' && input instanceof URL)) {
|
|
||||||
input = fetch(input);
|
|
||||||
}
|
|
||||||
|
|
||||||
initMemory(imports);
|
|
||||||
|
|
||||||
const { instance, module } = await load(await input, imports);
|
|
||||||
|
|
||||||
return finalizeInit(instance, module);
|
|
||||||
}
|
|
||||||
|
|
||||||
export { initSync }
|
|
||||||
export default init;
|
|
||||||
8357
blueprint.css
8357
blueprint.css
File diff suppressed because it is too large
Load Diff
3
netlify.toml
Normal file
3
netlify.toml
Normal file
@ -0,0 +1,3 @@
|
|||||||
|
[build]
|
||||||
|
publish = "target/release/dist"
|
||||||
|
command = "cargo xtask dist --release"
|
||||||
87
src/app.rs
Normal file
87
src/app.rs
Normal file
@ -0,0 +1,87 @@
|
|||||||
|
use gloo::utils::window;
|
||||||
|
use yew::prelude::*;
|
||||||
|
use yew_router::Routable;
|
||||||
|
use yew_router::prelude::Navigator;
|
||||||
|
use yew_router::prelude::use_navigator;
|
||||||
|
use crate::component::fa_icon::FontawesomeIcon;
|
||||||
|
use crate::page::Page;
|
||||||
|
use crate::page::PageRouter;
|
||||||
|
use crate::page::Pages;
|
||||||
|
use crate::theme::ThemeContext;
|
||||||
|
use crate::theme::ThemeMsg;
|
||||||
|
use crate::theme::ThemeProvider;
|
||||||
|
use crate::component::actionbar::{Actionbar, ActionbarOption};
|
||||||
|
use crate::theme::ThemeState;
|
||||||
|
|
||||||
|
|
||||||
|
#[function_component]
|
||||||
|
pub fn AppRoot() -> Html {
|
||||||
|
html! {
|
||||||
|
<ThemeProvider>
|
||||||
|
<PageRouter>
|
||||||
|
<ThemedApp />
|
||||||
|
</PageRouter>
|
||||||
|
</ThemeProvider>
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
#[function_component]
|
||||||
|
fn ThemedApp() -> Html {
|
||||||
|
let navigator = use_navigator().unwrap();
|
||||||
|
|
||||||
|
// Helper function for generating tabs
|
||||||
|
fn page_option(current: &Page, page: Page, navigator: Navigator, state: UseStateSetter<Page>) -> ActionbarOption {
|
||||||
|
let is_current = *current == page;
|
||||||
|
ActionbarOption::new(
|
||||||
|
page.name(),
|
||||||
|
match page {
|
||||||
|
Page::Home => FontawesomeIcon::House,
|
||||||
|
Page::Projects => FontawesomeIcon::Code,
|
||||||
|
Page::Socials => FontawesomeIcon::ShareNodes,
|
||||||
|
Page::Gallery => FontawesomeIcon::Camera,
|
||||||
|
Page::Contact => FontawesomeIcon::Envelope,
|
||||||
|
},
|
||||||
|
Callback::from(move |_| {
|
||||||
|
navigator.push(&page);
|
||||||
|
state.set(page);
|
||||||
|
}),
|
||||||
|
is_current
|
||||||
|
)
|
||||||
|
}
|
||||||
|
|
||||||
|
let ctx = use_context::<ThemeContext>().expect("No theme context supplied");
|
||||||
|
let theme_icon = if ctx.theme == ThemeState::Dark { FontawesomeIcon::Sun } else { FontawesomeIcon::Moon };
|
||||||
|
let page_state = use_state_eq(||
|
||||||
|
window()
|
||||||
|
.location()
|
||||||
|
.pathname()
|
||||||
|
.ok()
|
||||||
|
.and_then(|p| Page::recognize(&p))
|
||||||
|
.or(Some(Page::Home))
|
||||||
|
.unwrap()
|
||||||
|
);
|
||||||
|
let current_page = *page_state;
|
||||||
|
|
||||||
|
html! {
|
||||||
|
<>
|
||||||
|
<div class="main">
|
||||||
|
<Pages />
|
||||||
|
</div>
|
||||||
|
<Actionbar mobile_title="Menu" items={vec![
|
||||||
|
page_option(¤t_page, Page::Home, navigator.clone(), page_state.setter()),
|
||||||
|
page_option(¤t_page, Page::Projects, navigator.clone(), page_state.setter()),
|
||||||
|
page_option(¤t_page, Page::Socials, navigator.clone(), page_state.setter()),
|
||||||
|
page_option(¤t_page, Page::Gallery, navigator.clone(), page_state.setter()),
|
||||||
|
page_option(¤t_page, Page::Contact, navigator, page_state.setter()),
|
||||||
|
ActionbarOption::new_opt(
|
||||||
|
None,
|
||||||
|
Some(theme_icon),
|
||||||
|
Some(Callback::from(move |_| ctx.dispatch(ThemeMsg::Toggle))),
|
||||||
|
true,
|
||||||
|
false,
|
||||||
|
false
|
||||||
|
)
|
||||||
|
]}/>
|
||||||
|
</>
|
||||||
|
}
|
||||||
|
}
|
||||||
100
src/component/actionbar.rs
Normal file
100
src/component/actionbar.rs
Normal file
@ -0,0 +1,100 @@
|
|||||||
|
use yew::prelude::*;
|
||||||
|
use yew::virtual_dom::VNode;
|
||||||
|
|
||||||
|
use super::fa_icon::{FAIcon, FontawesomeIcon};
|
||||||
|
|
||||||
|
#[derive(PartialEq, Clone)]
|
||||||
|
pub struct ActionbarOption {
|
||||||
|
name: Option<String>,
|
||||||
|
icon: Option<FontawesomeIcon>,
|
||||||
|
onclick: Option<Callback<MouseEvent>>,
|
||||||
|
center_content: bool,
|
||||||
|
selected: bool,
|
||||||
|
fill: bool,
|
||||||
|
}
|
||||||
|
|
||||||
|
#[derive(PartialEq, Clone)]
|
||||||
|
struct ActionbarOptionState {
|
||||||
|
inner: ActionbarOption,
|
||||||
|
callback: UseStateSetter<bool>
|
||||||
|
}
|
||||||
|
|
||||||
|
impl Into<VNode> for ActionbarOption {
|
||||||
|
fn into(self) -> VNode {
|
||||||
|
/*
|
||||||
|
let classes = if self.center_content { classes!() } else { classes!("ab-navbutton") };
|
||||||
|
html! {
|
||||||
|
<Button fill=true large=true class={classes} icon={self.icon} onclick={self.onclick.unwrap_or_default()} active={self.selected}>{self.name}</Button>
|
||||||
|
}
|
||||||
|
*/
|
||||||
|
panic!("Stateless actionbar option")
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
impl ActionbarOption {
|
||||||
|
pub fn new_opt(name: Option<String>, icon: Option<FontawesomeIcon>, onclick: Option<Callback<MouseEvent>>, center_content: bool, selected: bool, fill: bool) -> ActionbarOption {
|
||||||
|
ActionbarOption { name, icon, onclick, center_content, selected, fill }
|
||||||
|
}
|
||||||
|
|
||||||
|
pub fn new(name: &str, icon: FontawesomeIcon, onclick: Callback<MouseEvent>, selected: bool) -> ActionbarOption {
|
||||||
|
ActionbarOption::new_opt(Some(name.to_owned()), Some(icon), Some(onclick), false, selected, true)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
impl Into<VNode> for ActionbarOptionState {
|
||||||
|
fn into(self) -> VNode {
|
||||||
|
let onclick = self.inner.onclick.unwrap_or_default();
|
||||||
|
html! {
|
||||||
|
<div
|
||||||
|
class={classes!(
|
||||||
|
if self.inner.selected { "current" } else { "" },
|
||||||
|
if self.inner.icon.is_some() && self.inner.name.is_some() { "" } else { "small" }
|
||||||
|
)}
|
||||||
|
onclick={Callback::from(move |e| {
|
||||||
|
self.callback.set(false);
|
||||||
|
onclick.emit(e)
|
||||||
|
})}>
|
||||||
|
<div>
|
||||||
|
{if let Some(icon) = self.inner.icon { html!{ <FAIcon icon={icon} /> } } else { html!{} }}
|
||||||
|
<span>{self.inner.name}</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
#[derive(Properties, PartialEq)]
|
||||||
|
pub struct ActionbarProps {
|
||||||
|
#[prop_or_default]
|
||||||
|
pub mobile_title: Option<String>,
|
||||||
|
pub items: Vec<ActionbarOption>
|
||||||
|
}
|
||||||
|
|
||||||
|
#[function_component]
|
||||||
|
pub fn Actionbar(props: &ActionbarProps) -> Html {
|
||||||
|
let expanded = use_state_eq(|| false);
|
||||||
|
let expanded_setter = expanded.setter();
|
||||||
|
let is_expanded = *expanded;
|
||||||
|
|
||||||
|
html! {
|
||||||
|
<div class="navbar">
|
||||||
|
<div style={if props.mobile_title.is_some() { "gap: 5px;" } else { "" }} onclick={Callback::from(move |_| expanded.set(!*expanded))}>
|
||||||
|
<FAIcon
|
||||||
|
icon={if is_expanded { FontawesomeIcon::ChevronUp } else { FontawesomeIcon::ChevronDown }} />
|
||||||
|
{
|
||||||
|
if let Some(ref title) = props.mobile_title {
|
||||||
|
html! {
|
||||||
|
<span>{title}</span>
|
||||||
|
}
|
||||||
|
} else { html! {} }
|
||||||
|
}
|
||||||
|
</div>
|
||||||
|
<div class={if is_expanded { "open" } else { "" }}></div>
|
||||||
|
<div>
|
||||||
|
{props.items.iter()
|
||||||
|
.map(move |opt| ActionbarOptionState { inner: (*opt).clone(), callback: expanded_setter.clone() })
|
||||||
|
.collect::<Html>()}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
}
|
||||||
|
}
|
||||||
30
src/component/card.rs
Normal file
30
src/component/card.rs
Normal file
@ -0,0 +1,30 @@
|
|||||||
|
use web_sys::MouseEvent;
|
||||||
|
use yew::{Html, function_component, html, Children, Properties, Classes, Callback, classes};
|
||||||
|
|
||||||
|
|
||||||
|
#[derive(Properties, PartialEq)]
|
||||||
|
pub struct CardProps {
|
||||||
|
#[prop_or_default]
|
||||||
|
pub children: Children,
|
||||||
|
|
||||||
|
#[prop_or_default]
|
||||||
|
pub style: String,
|
||||||
|
|
||||||
|
#[prop_or_default]
|
||||||
|
pub class: Classes,
|
||||||
|
|
||||||
|
#[prop_or_default]
|
||||||
|
pub onclick: Callback<MouseEvent>,
|
||||||
|
}
|
||||||
|
|
||||||
|
#[function_component]
|
||||||
|
pub fn Card(props: &CardProps) -> Html {
|
||||||
|
html! {
|
||||||
|
<div
|
||||||
|
class={classes!("card", props.class.clone())}
|
||||||
|
style={props.style.clone()}
|
||||||
|
onclick={props.onclick.clone()}>
|
||||||
|
{props.children.clone()}
|
||||||
|
</div>
|
||||||
|
}
|
||||||
|
}
|
||||||
377
src/component/fa_icon.rs
Normal file
377
src/component/fa_icon.rs
Normal file
@ -0,0 +1,377 @@
|
|||||||
|
use std::fmt::Display;
|
||||||
|
|
||||||
|
use web_sys::MouseEvent;
|
||||||
|
use yew::{Properties, function_component, Html, html, Callback, Classes, classes};
|
||||||
|
|
||||||
|
#[derive(PartialEq, Clone)]
|
||||||
|
pub enum FontawesomeIcon {
|
||||||
|
Rust,
|
||||||
|
GitHub,
|
||||||
|
Camera,
|
||||||
|
ShareNodes,
|
||||||
|
Sun,
|
||||||
|
Moon,
|
||||||
|
House,
|
||||||
|
Code,
|
||||||
|
Envelope,
|
||||||
|
ChevronDown,
|
||||||
|
ChevronUp,
|
||||||
|
ChevronLeft,
|
||||||
|
ChevronRight,
|
||||||
|
}
|
||||||
|
|
||||||
|
impl Display for FontawesomeIcon {
|
||||||
|
fn fmt(&self, f: &mut std::fmt::Formatter<'_>) -> std::fmt::Result {
|
||||||
|
f.write_str(match self {
|
||||||
|
Self::Rust => "fa-brands fa-rust",
|
||||||
|
Self::GitHub => "fa-brands fa-github",
|
||||||
|
Self::Camera => "fa-camera",
|
||||||
|
Self::ShareNodes => "fa-share-nodes",
|
||||||
|
Self::Sun => "fa-sun",
|
||||||
|
Self::Moon => "fa-moon",
|
||||||
|
Self::House => "fa-house",
|
||||||
|
Self::Code => "fa-code",
|
||||||
|
Self::Envelope => "fa-envelope",
|
||||||
|
Self::ChevronDown => "fa-chevron-down",
|
||||||
|
Self::ChevronUp => "fa-chevron-up",
|
||||||
|
Self::ChevronLeft => "fa-chevron-left",
|
||||||
|
Self::ChevronRight => "fa-chevron-right",
|
||||||
|
})
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
#[derive(PartialEq, Default)]
|
||||||
|
pub enum FontawesomeStyle {
|
||||||
|
#[default]
|
||||||
|
//Regular,
|
||||||
|
Solid,
|
||||||
|
Light,
|
||||||
|
DuoTone,
|
||||||
|
Thin,
|
||||||
|
Sharp,
|
||||||
|
}
|
||||||
|
|
||||||
|
impl Display for FontawesomeStyle {
|
||||||
|
fn fmt(&self, f: &mut std::fmt::Formatter<'_>) -> std::fmt::Result {
|
||||||
|
f.write_str(match self {
|
||||||
|
//Self::Regular => "fa-regular",
|
||||||
|
Self::Solid => "fa-solid",
|
||||||
|
Self::Light => "fa-light",
|
||||||
|
Self::DuoTone => "fa-duotone",
|
||||||
|
Self::Thin => "fa-thin",
|
||||||
|
Self::Sharp => "fa-sharp",
|
||||||
|
})
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
#[derive(PartialEq, Default)]
|
||||||
|
pub enum FontawesomeSize {
|
||||||
|
XXS,
|
||||||
|
XS,
|
||||||
|
S,
|
||||||
|
#[default]
|
||||||
|
Regular,
|
||||||
|
L,
|
||||||
|
XL,
|
||||||
|
XXL
|
||||||
|
}
|
||||||
|
|
||||||
|
impl Display for FontawesomeSize {
|
||||||
|
fn fmt(&self, f: &mut std::fmt::Formatter<'_>) -> std::fmt::Result {
|
||||||
|
f.write_str(match self {
|
||||||
|
Self::XXS => "fa-2xs",
|
||||||
|
Self::XS => "fa-xs",
|
||||||
|
Self::S => "fa-sm",
|
||||||
|
Self::Regular => "",
|
||||||
|
Self::L => "fa-lg",
|
||||||
|
Self::XL => "fa-xl",
|
||||||
|
Self::XXL => "fa-2xl"
|
||||||
|
})
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
#[derive(PartialEq, Default)]
|
||||||
|
pub enum FontawesomeSpinType {
|
||||||
|
#[default]
|
||||||
|
Regular,
|
||||||
|
Pulse
|
||||||
|
}
|
||||||
|
|
||||||
|
#[derive(PartialEq, Default)]
|
||||||
|
pub enum FontawesomeSpinDirection {
|
||||||
|
#[default]
|
||||||
|
Clockwise,
|
||||||
|
CounterClockwise
|
||||||
|
}
|
||||||
|
|
||||||
|
#[derive(PartialEq)]
|
||||||
|
pub enum FontawesomeAnimationType {
|
||||||
|
Beat {
|
||||||
|
scale: f32,
|
||||||
|
},
|
||||||
|
Fade {
|
||||||
|
opacity: f32,
|
||||||
|
},
|
||||||
|
BeatFade {
|
||||||
|
scale: f32,
|
||||||
|
opacity: f32,
|
||||||
|
},
|
||||||
|
Bounce {
|
||||||
|
rebound: f32,
|
||||||
|
height: f32,
|
||||||
|
squish_scale_x: f32,
|
||||||
|
squish_scale_y: f32,
|
||||||
|
jump_scale_x: f32,
|
||||||
|
jump_scale_y: f32,
|
||||||
|
land_scale_x: f32,
|
||||||
|
land_scale_y: f32,
|
||||||
|
},
|
||||||
|
Flip {
|
||||||
|
x: f32,
|
||||||
|
y: f32,
|
||||||
|
z: f32,
|
||||||
|
angle: f32,
|
||||||
|
},
|
||||||
|
Shake,
|
||||||
|
Spin {
|
||||||
|
spin_type: FontawesomeSpinType,
|
||||||
|
direction: FontawesomeSpinDirection
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
impl FontawesomeAnimationType {
|
||||||
|
fn class(&self) -> &'static str {
|
||||||
|
match self {
|
||||||
|
Self::Beat { scale: _ } => "fa-beat",
|
||||||
|
Self::Fade { opacity: _ } => "fa-fade",
|
||||||
|
Self::BeatFade { scale: _, opacity: _ } => "fa-beat-fade",
|
||||||
|
Self::Bounce { rebound: _, height: _, squish_scale_x: _, squish_scale_y: _, jump_scale_x: _, jump_scale_y: _, land_scale_x: _, land_scale_y: _ } => "fa-bounce",
|
||||||
|
Self::Flip { x: _, y: _, z: _, angle: _ } => "fa-flip",
|
||||||
|
Self::Shake => "fa-shake",
|
||||||
|
Self::Spin { spin_type, direction } =>
|
||||||
|
match direction {
|
||||||
|
FontawesomeSpinDirection::Clockwise =>
|
||||||
|
match spin_type {
|
||||||
|
FontawesomeSpinType::Regular => "fa-spin",
|
||||||
|
FontawesomeSpinType::Pulse => "fa-spin-pulse",
|
||||||
|
},
|
||||||
|
FontawesomeSpinDirection::CounterClockwise =>
|
||||||
|
match spin_type {
|
||||||
|
FontawesomeSpinType::Regular => "fa-spin fa-spin-reverse",
|
||||||
|
FontawesomeSpinType::Pulse => "fa-spin-pulse fa-spin-reverse",
|
||||||
|
},
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
fn style(&self) -> String {
|
||||||
|
match self {
|
||||||
|
Self::Beat { scale } => format!("--fa-beat-scale: {scale};"),
|
||||||
|
Self::Fade { opacity } => format!("--fa-fade-opacity: {opacity};"),
|
||||||
|
Self::BeatFade { scale, opacity } => format!("--fa-beat-fade-opacity: {opacity}; --fa-beat-fade-scale: {scale};"),
|
||||||
|
Self::Bounce {
|
||||||
|
rebound,
|
||||||
|
height,
|
||||||
|
squish_scale_x,
|
||||||
|
squish_scale_y,
|
||||||
|
jump_scale_x,
|
||||||
|
jump_scale_y,
|
||||||
|
land_scale_x,
|
||||||
|
land_scale_y
|
||||||
|
} => format!("--fa-bounce-rebound: {rebound}; --fa-bounce-height: {height}; --fa-bounce-start-scale-x: {squish_scale_x}; --fa-bounce-start-scale-y: {squish_scale_y}; --fa-bounce-jump-scale-x: {jump_scale_x}; --fa-bounce-jump-scale-y: {jump_scale_y}; --fa-bounce-land-scale-x: {land_scale_x}; --fa-bounce-land-scale-y: {land_scale_y};"),
|
||||||
|
Self::Flip { x, y, z, angle } => format!("--fa-flip-x: {x}; --fa-flip-y: {y}; --fa-flip-z: {z}; --fa-flip-angle: {angle};"),
|
||||||
|
_ => "".to_owned(),
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
#[derive(PartialEq)]
|
||||||
|
pub enum AnimationTime {
|
||||||
|
Seconds(f32),
|
||||||
|
Milliseconds(f32),
|
||||||
|
}
|
||||||
|
|
||||||
|
impl AnimationTime {
|
||||||
|
fn style_unit(&self) -> String {
|
||||||
|
match self {
|
||||||
|
Self::Seconds(seconds) => format!("{seconds}s"),
|
||||||
|
Self::Milliseconds(millis) => format!("{millis}ms"),
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
impl Default for AnimationTime {
|
||||||
|
fn default() -> Self {
|
||||||
|
Self::Seconds(0.0)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
impl Display for AnimationTime {
|
||||||
|
fn fmt(&self, f: &mut std::fmt::Formatter<'_>) -> std::fmt::Result {
|
||||||
|
f.write_str(&self.style_unit())
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
#[derive(PartialEq)]
|
||||||
|
pub enum AnimationDuration {
|
||||||
|
Time(AnimationTime),
|
||||||
|
Infinite
|
||||||
|
}
|
||||||
|
|
||||||
|
impl Default for AnimationDuration {
|
||||||
|
fn default() -> Self {
|
||||||
|
Self::Time(Default::default())
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
impl Display for AnimationDuration {
|
||||||
|
fn fmt(&self, f: &mut std::fmt::Formatter<'_>) -> std::fmt::Result {
|
||||||
|
f.write_str(&match self {
|
||||||
|
Self::Time(time) => time.style_unit(),
|
||||||
|
Self::Infinite => "infinite".to_owned(),
|
||||||
|
})
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
#[derive(PartialEq, Default)]
|
||||||
|
pub enum AnimationDirection {
|
||||||
|
#[default]
|
||||||
|
Normal,
|
||||||
|
Reverse,
|
||||||
|
Alternate,
|
||||||
|
AlternateReverse,
|
||||||
|
}
|
||||||
|
|
||||||
|
impl Display for AnimationDirection {
|
||||||
|
fn fmt(&self, f: &mut std::fmt::Formatter<'_>) -> std::fmt::Result {
|
||||||
|
f.write_str(match self {
|
||||||
|
Self::Normal => "normal",
|
||||||
|
Self::Reverse => "reverse",
|
||||||
|
Self::Alternate => "alternate",
|
||||||
|
Self::AlternateReverse => "alternate-reverse"
|
||||||
|
})
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
#[derive(PartialEq)]
|
||||||
|
pub enum AnimationStepType {
|
||||||
|
JumpStart,
|
||||||
|
JumpEnd,
|
||||||
|
JumpNone,
|
||||||
|
JumpBoth,
|
||||||
|
Start,
|
||||||
|
End
|
||||||
|
}
|
||||||
|
|
||||||
|
impl Display for AnimationStepType {
|
||||||
|
fn fmt(&self, f: &mut std::fmt::Formatter<'_>) -> std::fmt::Result {
|
||||||
|
f.write_str(match self {
|
||||||
|
Self::JumpStart => "jump-start",
|
||||||
|
Self::JumpEnd => "jump-end",
|
||||||
|
Self::JumpNone => "jump-none",
|
||||||
|
Self::JumpBoth => "jump-both",
|
||||||
|
Self::Start => "start",
|
||||||
|
Self::End => "end",
|
||||||
|
})
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
#[derive(PartialEq, Default)]
|
||||||
|
pub enum AnimationTiming {
|
||||||
|
#[default]
|
||||||
|
Ease,
|
||||||
|
Linear,
|
||||||
|
EaseIn,
|
||||||
|
EaseOut,
|
||||||
|
EaseInOut,
|
||||||
|
CubicBezier(f32, f32, f32, f32),
|
||||||
|
Steps(i32, AnimationStepType),
|
||||||
|
StepStart,
|
||||||
|
StepEnd,
|
||||||
|
}
|
||||||
|
|
||||||
|
impl Display for AnimationTiming {
|
||||||
|
fn fmt(&self, f: &mut std::fmt::Formatter<'_>) -> std::fmt::Result {
|
||||||
|
f.write_str(&
|
||||||
|
match self {
|
||||||
|
Self::Ease => "ease".to_owned(),
|
||||||
|
Self::Linear => "linear".to_owned(),
|
||||||
|
Self::EaseIn => "ease-in".to_owned(),
|
||||||
|
Self::EaseOut => "ease-out".to_owned(),
|
||||||
|
Self::EaseInOut => "ease-in-out".to_owned(),
|
||||||
|
Self::CubicBezier(p1, p2, p3, p4) => format!("cubic-bezier({p1}, {p2}, {p3}, {p4})"),
|
||||||
|
Self::Steps(count, step_type) => format!("steps({count}, {step_type})"),
|
||||||
|
Self::StepStart => "step-start".to_owned(),
|
||||||
|
Self::StepEnd => "step-end".to_owned(),
|
||||||
|
})
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
#[derive(PartialEq)]
|
||||||
|
pub struct FontawesomeAnimation {
|
||||||
|
duration: AnimationDuration,
|
||||||
|
delay: AnimationTime,
|
||||||
|
direction: AnimationDirection,
|
||||||
|
iterations: AnimationDuration,
|
||||||
|
timing: AnimationTiming,
|
||||||
|
anim_type: FontawesomeAnimationType
|
||||||
|
}
|
||||||
|
|
||||||
|
impl FontawesomeAnimation {
|
||||||
|
fn class(&self) -> &'static str {
|
||||||
|
self.anim_type.class()
|
||||||
|
}
|
||||||
|
|
||||||
|
fn style(&self) -> String {
|
||||||
|
format!(
|
||||||
|
"--fa-animation-delay: {}; --fa-animation-direction: {}; --fa-animation-duration: {}; --fa-animation-iteration-count: {}; --fa-animation-timing: {}; {}",
|
||||||
|
self.delay,
|
||||||
|
self.direction,
|
||||||
|
self.duration,
|
||||||
|
self.iterations,
|
||||||
|
self.timing,
|
||||||
|
self.anim_type.style()
|
||||||
|
)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
#[derive(Properties, PartialEq)]
|
||||||
|
pub struct FontawesomeProperties {
|
||||||
|
pub icon: FontawesomeIcon,
|
||||||
|
#[prop_or_default]
|
||||||
|
pub style: FontawesomeStyle,
|
||||||
|
#[prop_or_default]
|
||||||
|
pub size: FontawesomeSize,
|
||||||
|
#[prop_or_default]
|
||||||
|
pub animation: Option<FontawesomeAnimation>,
|
||||||
|
#[prop_or_default]
|
||||||
|
pub onclick: Callback<MouseEvent>,
|
||||||
|
#[prop_or_default]
|
||||||
|
pub class: Classes,
|
||||||
|
}
|
||||||
|
|
||||||
|
#[function_component]
|
||||||
|
pub fn FAIcon(props: &FontawesomeProperties) -> Html {
|
||||||
|
html! {
|
||||||
|
<i
|
||||||
|
onclick={props.onclick.clone()}
|
||||||
|
class={classes!(format!(
|
||||||
|
"{} {} {} {}",
|
||||||
|
props.icon,
|
||||||
|
props.style,
|
||||||
|
props.size,
|
||||||
|
match props.animation {
|
||||||
|
None => "",
|
||||||
|
Some(ref animation) => animation.class()
|
||||||
|
}
|
||||||
|
), props.class.clone())}
|
||||||
|
style={format!(
|
||||||
|
"{}",
|
||||||
|
match props.animation {
|
||||||
|
None => "".to_owned(),
|
||||||
|
Some(ref animation) => animation.style()
|
||||||
|
}
|
||||||
|
)}></i>
|
||||||
|
}
|
||||||
|
}
|
||||||
217
src/component/image_viewer.rs
Normal file
217
src/component/image_viewer.rs
Normal file
@ -0,0 +1,217 @@
|
|||||||
|
use web_sys::MouseEvent;
|
||||||
|
use yew::{function_component, Html, html, Callback, Properties, Component};
|
||||||
|
|
||||||
|
use crate::component::{overlay::Overlay, fa_icon::{FAIcon, FontawesomeIcon, FontawesomeSize}};
|
||||||
|
|
||||||
|
#[derive(PartialEq, Clone)]
|
||||||
|
pub struct ImageDescription {
|
||||||
|
link: String,
|
||||||
|
description: Option<&'static str>
|
||||||
|
}
|
||||||
|
|
||||||
|
impl ImageDescription {
|
||||||
|
pub fn new(link: impl Into<String>, description: &'static str) -> Self {
|
||||||
|
Self {
|
||||||
|
link: link.into(),
|
||||||
|
description: Some(description)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
pub fn new_blank(link: impl Into<String>) -> Self {
|
||||||
|
Self {
|
||||||
|
link: link.into(),
|
||||||
|
description: None
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
#[derive(Properties, PartialEq)]
|
||||||
|
pub struct DefaultImageViewerProps {
|
||||||
|
pub images: Vec<ImageDescription>,
|
||||||
|
pub open: bool,
|
||||||
|
#[prop_or_default]
|
||||||
|
pub infinite: bool,
|
||||||
|
pub onclose: Callback<()>,
|
||||||
|
}
|
||||||
|
|
||||||
|
/*
|
||||||
|
#[function_component]
|
||||||
|
pub fn DefaultImageViewer(props: &DefaultImageViewerProps) -> Html {
|
||||||
|
let selected_image = use_state_eq(|| 0);
|
||||||
|
let select_next = selected_image.setter();
|
||||||
|
let select_prev = selected_image.setter();
|
||||||
|
|
||||||
|
let has_next = props.infinite || *selected_image < props.images.len() - 1;
|
||||||
|
let has_prev = props.infinite || *selected_image > 0;
|
||||||
|
let next = (*selected_image + props.images.len() + 1) % props.images.len();
|
||||||
|
let prev = (*selected_image + props.images.len() - 1) % props.images.len();
|
||||||
|
let onclose = props.onclose.clone();
|
||||||
|
|
||||||
|
html! {
|
||||||
|
<ImageViewer
|
||||||
|
image={props.images[*selected_image].clone()}
|
||||||
|
open={props.open && !props.images.is_empty()}
|
||||||
|
onclose={Callback::from(move |_| onclose.emit(()))}
|
||||||
|
has_next={has_next}
|
||||||
|
has_prev={has_prev}
|
||||||
|
onnext={Callback::from(move |_| if has_next {
|
||||||
|
select_next.set(next);
|
||||||
|
})}
|
||||||
|
onprev={Callback::from(move |_| if has_prev {
|
||||||
|
select_prev.set(prev);
|
||||||
|
})}
|
||||||
|
/>
|
||||||
|
}
|
||||||
|
}
|
||||||
|
*/
|
||||||
|
|
||||||
|
pub enum DefaultImageViewerMessage {
|
||||||
|
Next,
|
||||||
|
Prev
|
||||||
|
}
|
||||||
|
|
||||||
|
pub struct DefaultImageViewer {
|
||||||
|
current: usize,
|
||||||
|
}
|
||||||
|
|
||||||
|
impl Component for DefaultImageViewer {
|
||||||
|
type Message = DefaultImageViewerMessage;
|
||||||
|
|
||||||
|
type Properties = DefaultImageViewerProps;
|
||||||
|
|
||||||
|
fn create(_ctx: &yew::Context<Self>) -> Self {
|
||||||
|
Self { current: 0 }
|
||||||
|
}
|
||||||
|
|
||||||
|
fn view(&self, ctx: &yew::Context<Self>) -> Html {
|
||||||
|
let DefaultImageViewerProps {
|
||||||
|
images,
|
||||||
|
open,
|
||||||
|
infinite,
|
||||||
|
onclose,
|
||||||
|
} = ctx.props();
|
||||||
|
|
||||||
|
let has_next = *infinite || self.current < images.len() - 1;
|
||||||
|
let has_prev = *infinite || self.current > 0;
|
||||||
|
let onclose = onclose.clone();
|
||||||
|
|
||||||
|
html! {
|
||||||
|
<ImageViewer
|
||||||
|
image={images[self.current].clone()}
|
||||||
|
open={*open && !images.is_empty()}
|
||||||
|
onclose={Callback::from(move |_| onclose.emit(()))}
|
||||||
|
has_next={has_next}
|
||||||
|
has_prev={has_prev}
|
||||||
|
onnext={if has_next { ctx.link().callback(|_| DefaultImageViewerMessage::Next)} else { Default::default() }}
|
||||||
|
onprev={if has_prev { ctx.link().callback(|_| DefaultImageViewerMessage::Prev)} else { Default::default() }}
|
||||||
|
/>
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
fn update(&mut self, ctx: &yew::Context<Self>, msg: Self::Message) -> bool {
|
||||||
|
let images = &ctx.props().images;
|
||||||
|
|
||||||
|
self.current = match msg {
|
||||||
|
DefaultImageViewerMessage::Next => {
|
||||||
|
if self.current == images.len() - 1 { 0 } else { self.current + 1 }
|
||||||
|
},
|
||||||
|
DefaultImageViewerMessage::Prev => {
|
||||||
|
if self.current == 0 { images.len() - 1 } else { self.current - 1 }
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
images.len() > 1
|
||||||
|
}
|
||||||
|
|
||||||
|
fn changed(&mut self, ctx: &yew::Context<Self>, old_props: &Self::Properties) -> bool {
|
||||||
|
ctx.props() != old_props
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
#[derive(Properties, PartialEq)]
|
||||||
|
pub struct ImageViewerProps {
|
||||||
|
pub image: Option<ImageDescription>,
|
||||||
|
pub open: bool,
|
||||||
|
#[prop_or_default]
|
||||||
|
pub has_prev: bool,
|
||||||
|
#[prop_or_default]
|
||||||
|
pub has_next: bool,
|
||||||
|
pub onclose: Callback<()>,
|
||||||
|
pub onnext: Callback<MouseEvent>,
|
||||||
|
pub onprev: Callback<MouseEvent>,
|
||||||
|
}
|
||||||
|
|
||||||
|
#[function_component]
|
||||||
|
pub fn ImageViewer(props: &ImageViewerProps) -> Html {
|
||||||
|
let onclose = props.onclose.clone();
|
||||||
|
html! {
|
||||||
|
<>
|
||||||
|
<Overlay
|
||||||
|
class="overlay-gallery"
|
||||||
|
open={props.open && props.image.is_some()}
|
||||||
|
onclick={Callback::from(move |_| onclose.emit(()))}>
|
||||||
|
<>
|
||||||
|
<div></div>
|
||||||
|
{
|
||||||
|
if let Some(image_desc) = props.image.as_ref() {
|
||||||
|
let onclose = props.onclose.clone();
|
||||||
|
Some(html! {
|
||||||
|
<>
|
||||||
|
<div>
|
||||||
|
<img
|
||||||
|
onclick={Callback::from(move |_| onclose.emit(()))}
|
||||||
|
src={
|
||||||
|
if image_desc.link.starts_with("https?://") {
|
||||||
|
image_desc.link.to_string()
|
||||||
|
} else {
|
||||||
|
format!("/img/{}", image_desc.link)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
/>
|
||||||
|
{
|
||||||
|
if let Some(description) = &image_desc.description {
|
||||||
|
Some(html! {
|
||||||
|
<div>{description}</div>
|
||||||
|
})
|
||||||
|
} else { None }
|
||||||
|
}
|
||||||
|
</div>
|
||||||
|
|
||||||
|
{
|
||||||
|
// Controls: Next
|
||||||
|
if props.has_next {
|
||||||
|
Some(html! {
|
||||||
|
<div class="overlay-gallery-next">
|
||||||
|
<FAIcon
|
||||||
|
icon={FontawesomeIcon::ChevronRight}
|
||||||
|
size={FontawesomeSize::XL}
|
||||||
|
onclick={props.onnext.clone()}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
})
|
||||||
|
} else { None }
|
||||||
|
}
|
||||||
|
|
||||||
|
{
|
||||||
|
// Controls: Prev
|
||||||
|
if props.has_prev {
|
||||||
|
Some(html! {
|
||||||
|
<div class="overlay-gallery-prev">
|
||||||
|
<FAIcon
|
||||||
|
icon={FontawesomeIcon::ChevronLeft}
|
||||||
|
size={FontawesomeSize::XL}
|
||||||
|
onclick={props.onprev.clone()}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
})
|
||||||
|
} else { None }
|
||||||
|
}
|
||||||
|
</>
|
||||||
|
})
|
||||||
|
} else { None }
|
||||||
|
}
|
||||||
|
</>
|
||||||
|
</Overlay>
|
||||||
|
</>
|
||||||
|
}
|
||||||
|
}
|
||||||
7
src/component/mod.rs
Normal file
7
src/component/mod.rs
Normal file
@ -0,0 +1,7 @@
|
|||||||
|
pub mod actionbar;
|
||||||
|
pub mod image_viewer;
|
||||||
|
pub mod cache;
|
||||||
|
pub mod fa_icon;
|
||||||
|
pub mod overlay;
|
||||||
|
pub mod card;
|
||||||
|
pub mod tag;
|
||||||
92
src/component/overlay.rs
Normal file
92
src/component/overlay.rs
Normal file
@ -0,0 +1,92 @@
|
|||||||
|
use web_sys::MouseEvent;
|
||||||
|
use yew::{Html, html, Properties, Children, Classes, classes, Callback, Component};
|
||||||
|
|
||||||
|
#[derive(Properties, PartialEq, Debug)]
|
||||||
|
pub struct OverlayProps {
|
||||||
|
pub open: bool,
|
||||||
|
|
||||||
|
#[prop_or_default]
|
||||||
|
pub noshade: bool,
|
||||||
|
|
||||||
|
#[prop_or_default]
|
||||||
|
pub center: bool,
|
||||||
|
|
||||||
|
#[prop_or_default]
|
||||||
|
pub children: Children,
|
||||||
|
|
||||||
|
#[prop_or_default]
|
||||||
|
pub class: Classes,
|
||||||
|
|
||||||
|
#[prop_or_default]
|
||||||
|
pub onclick: Callback<()>
|
||||||
|
}
|
||||||
|
|
||||||
|
#[derive(Debug)]
|
||||||
|
pub enum OverlayMessage {
|
||||||
|
ClickContent,
|
||||||
|
ClickRoot
|
||||||
|
}
|
||||||
|
|
||||||
|
pub struct Overlay {
|
||||||
|
should_notify: bool,
|
||||||
|
on_root_click: Callback<MouseEvent>,
|
||||||
|
on_child_click: Callback<MouseEvent>,
|
||||||
|
}
|
||||||
|
|
||||||
|
impl Component for Overlay {
|
||||||
|
type Message = OverlayMessage;
|
||||||
|
type Properties = OverlayProps;
|
||||||
|
|
||||||
|
fn create(ctx: &yew::Context<Self>) -> Self {
|
||||||
|
Self {
|
||||||
|
should_notify: true,
|
||||||
|
on_root_click: ctx.link().callback(|_| OverlayMessage::ClickRoot),
|
||||||
|
on_child_click: ctx.link().callback(|_| OverlayMessage::ClickContent)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
fn view(&self, ctx: &yew::Context<Self>) -> Html {
|
||||||
|
let OverlayProps {
|
||||||
|
open,
|
||||||
|
noshade,
|
||||||
|
center,
|
||||||
|
children,
|
||||||
|
class,
|
||||||
|
onclick: _,
|
||||||
|
} = ctx.props();
|
||||||
|
html! {
|
||||||
|
<div
|
||||||
|
onclick={self.on_root_click.clone()}
|
||||||
|
class={format!(
|
||||||
|
"overlay{}{}",
|
||||||
|
if *noshade { "" } else { " shade" },
|
||||||
|
if *open { "" } else { " hidden" }
|
||||||
|
)}>
|
||||||
|
<div
|
||||||
|
onclick={self.on_child_click.clone()}
|
||||||
|
class={classes!(if *center { "center" } else { "" }, class.clone())}>{children.clone()}</div>
|
||||||
|
</div>
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
fn update(&mut self, ctx: &yew::Context<Self>, msg: Self::Message) -> bool {
|
||||||
|
let mut notified = false;
|
||||||
|
match msg {
|
||||||
|
OverlayMessage::ClickContent => self.should_notify = false,
|
||||||
|
OverlayMessage::ClickRoot => {
|
||||||
|
if self.should_notify {
|
||||||
|
ctx.props().onclick.emit(());
|
||||||
|
notified = true;
|
||||||
|
}
|
||||||
|
|
||||||
|
self.should_notify = true;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
notified
|
||||||
|
}
|
||||||
|
|
||||||
|
fn changed(&mut self, ctx: &yew::Context<Self>, old_props: &Self::Properties) -> bool {
|
||||||
|
ctx.props() != old_props
|
||||||
|
}
|
||||||
|
}
|
||||||
35
src/component/tag.rs
Normal file
35
src/component/tag.rs
Normal file
@ -0,0 +1,35 @@
|
|||||||
|
use yew::{function_component, Properties, Html, html, classes};
|
||||||
|
|
||||||
|
#[derive(PartialEq, Default)]
|
||||||
|
pub enum TagColor {
|
||||||
|
#[default]
|
||||||
|
Blue,
|
||||||
|
Red,
|
||||||
|
Orange,
|
||||||
|
Green
|
||||||
|
}
|
||||||
|
|
||||||
|
impl TagColor {
|
||||||
|
fn as_class(&self) -> &'static str {
|
||||||
|
match self {
|
||||||
|
Self::Blue => "blue",
|
||||||
|
Self::Red => "red",
|
||||||
|
Self::Orange => "orange",
|
||||||
|
Self::Green => "green",
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
#[derive(Properties, PartialEq)]
|
||||||
|
pub struct TagProps {
|
||||||
|
#[prop_or_default]
|
||||||
|
pub color: TagColor,
|
||||||
|
pub text: String,
|
||||||
|
}
|
||||||
|
|
||||||
|
#[function_component]
|
||||||
|
pub fn Tag(props: &TagProps) -> Html {
|
||||||
|
html! {
|
||||||
|
<span class={classes!("tag", props.color.as_class())}><span>{props.text.clone()}</span></span>
|
||||||
|
}
|
||||||
|
}
|
||||||
22
src/lib.rs
Normal file
22
src/lib.rs
Normal file
@ -0,0 +1,22 @@
|
|||||||
|
mod util;
|
||||||
|
mod app;
|
||||||
|
mod theme;
|
||||||
|
mod component;
|
||||||
|
mod page;
|
||||||
|
|
||||||
|
use wasm_bindgen::prelude::*;
|
||||||
|
|
||||||
|
// When the `wee_alloc` feature is enabled, use `wee_alloc` as the global allocator.
|
||||||
|
// #[cfg(feature = "wee_alloc")]
|
||||||
|
#[global_allocator]
|
||||||
|
static ALLOC: wee_alloc::WeeAlloc = wee_alloc::WeeAlloc::INIT;
|
||||||
|
|
||||||
|
#[wasm_bindgen(start)]
|
||||||
|
pub fn run_app() -> Result<(), JsValue> {
|
||||||
|
#[cfg(feature = "console_error_panic_hook")]
|
||||||
|
console_error_panic_hook::set_once();
|
||||||
|
|
||||||
|
yew::Renderer::<app::AppRoot>::new().render();
|
||||||
|
|
||||||
|
Ok(())
|
||||||
|
}
|
||||||
8
src/page/contact.rs
Normal file
8
src/page/contact.rs
Normal file
@ -0,0 +1,8 @@
|
|||||||
|
use yew::{function_component, html, Html};
|
||||||
|
|
||||||
|
#[function_component]
|
||||||
|
pub fn Contact() -> Html {
|
||||||
|
html! {
|
||||||
|
<>{"Contact"}</>
|
||||||
|
}
|
||||||
|
}
|
||||||
63
src/page/gallery.rs
Normal file
63
src/page/gallery.rs
Normal file
@ -0,0 +1,63 @@
|
|||||||
|
use web_sys::MouseEvent;
|
||||||
|
use yew::{function_component, html, Html, Callback, use_state_eq};
|
||||||
|
|
||||||
|
use crate::component::image_viewer::{ImageDescription, ImageViewer};
|
||||||
|
|
||||||
|
const GALLERY: [&str; 13] = [
|
||||||
|
"gallery-1.jpg",
|
||||||
|
"gallery-2.jpg",
|
||||||
|
"gallery-3.jpg",
|
||||||
|
"gallery-4.jpg",
|
||||||
|
"gallery-5.jpg",
|
||||||
|
"gallery-6.jpg",
|
||||||
|
"gallery-7.jpg",
|
||||||
|
"gallery-8.jpg",
|
||||||
|
"gallery-9.png",
|
||||||
|
"gallery-10.jpg",
|
||||||
|
"gallery-11.jpg",
|
||||||
|
"gallery-12.jpg",
|
||||||
|
"gallery-13.jpg",
|
||||||
|
];
|
||||||
|
|
||||||
|
fn gallery_entry(link: &&str, onclick: Callback<MouseEvent>) -> Html {
|
||||||
|
html! {
|
||||||
|
<div><img src={format!("/img/{link}")} onclick={onclick}/></div>
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
#[function_component]
|
||||||
|
pub fn Gallery() -> Html {
|
||||||
|
let images = GALLERY.iter().map(|it| ImageDescription::new(it.to_string(), it)).collect::<Vec<ImageDescription>>();
|
||||||
|
let is_open = use_state_eq(|| false);
|
||||||
|
let selected_image = use_state_eq(|| 0);
|
||||||
|
let select_next = selected_image.setter();
|
||||||
|
let select_prev = selected_image.setter();
|
||||||
|
let next = (*selected_image + images.len() + 1) % images.len();
|
||||||
|
let prev = (*selected_image + images.len() - 1) % images.len();
|
||||||
|
|
||||||
|
html! {
|
||||||
|
<>
|
||||||
|
<div class="image-gallery">
|
||||||
|
{
|
||||||
|
GALLERY.iter().enumerate().map(|(index, img_str)| {
|
||||||
|
let select = selected_image.clone();
|
||||||
|
let open = is_open.clone();
|
||||||
|
gallery_entry(img_str, Callback::from(move |_| {
|
||||||
|
select.set(index);
|
||||||
|
open.set(true);
|
||||||
|
}))
|
||||||
|
}).collect::<Html>()
|
||||||
|
}
|
||||||
|
</div>
|
||||||
|
<ImageViewer
|
||||||
|
image={images[*selected_image].clone()}
|
||||||
|
open={*is_open && !images.is_empty()}
|
||||||
|
onclose={Callback::from(move |_| is_open.set(false))}
|
||||||
|
has_next=true
|
||||||
|
has_prev=true
|
||||||
|
onnext={Callback::from(move |_| select_next.set(next))}
|
||||||
|
onprev={Callback::from(move |_| select_prev.set(prev))}
|
||||||
|
/>
|
||||||
|
</>
|
||||||
|
}
|
||||||
|
}
|
||||||
235
src/page/home.rs
Normal file
235
src/page/home.rs
Normal file
@ -0,0 +1,235 @@
|
|||||||
|
use comrak::{markdown_to_html, ComrakOptions};
|
||||||
|
use gloo::utils::document;
|
||||||
|
use gloo_net::http::Request;
|
||||||
|
use serde::Deserialize;
|
||||||
|
use yew::{function_component, html, Html, UseStateHandle, use_effect_with_deps, Properties, Children, use_context, Callback, use_state_eq};
|
||||||
|
use crate::{util::log, theme::{ThemeContext, ThemeState}, component::{card::Card, tag::{Tag, TagColor}}};
|
||||||
|
|
||||||
|
#[derive(Debug)]
|
||||||
|
enum TagType {
|
||||||
|
NaturalLanguage, CodeLanguage, Interest
|
||||||
|
}
|
||||||
|
|
||||||
|
#[derive(PartialEq)]
|
||||||
|
struct ImageResource {
|
||||||
|
source: String,
|
||||||
|
clickable: bool
|
||||||
|
}
|
||||||
|
|
||||||
|
impl ImageResource {
|
||||||
|
pub fn new_link(link: String, clickable: bool) -> Self {
|
||||||
|
Self {
|
||||||
|
source: link,
|
||||||
|
clickable
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
#[derive(PartialEq)]
|
||||||
|
struct DescribedImage {
|
||||||
|
pub image: ImageResource,
|
||||||
|
pub description: &'static str
|
||||||
|
}
|
||||||
|
|
||||||
|
#[derive(Properties, PartialEq)]
|
||||||
|
struct HomeCardProps {
|
||||||
|
#[prop_or_default]
|
||||||
|
pub image: Option<DescribedImage>,
|
||||||
|
pub children: Children
|
||||||
|
}
|
||||||
|
|
||||||
|
#[derive(Clone, PartialEq, Deserialize)]
|
||||||
|
struct GithubEntry {
|
||||||
|
link: String,
|
||||||
|
title: String,
|
||||||
|
description: String
|
||||||
|
}
|
||||||
|
|
||||||
|
#[function_component]
|
||||||
|
pub fn Home() -> Html {
|
||||||
|
html! {
|
||||||
|
<>
|
||||||
|
<HomeTitle />
|
||||||
|
<hr />
|
||||||
|
<div class="home-content">
|
||||||
|
<Profile />
|
||||||
|
</div>
|
||||||
|
</>
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
#[function_component]
|
||||||
|
fn HomeTitle() -> Html {
|
||||||
|
html! {
|
||||||
|
<div class="home-title">
|
||||||
|
<h2>{"Gabriel Tofvesson"}</h2>
|
||||||
|
</div>
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
fn get_text_resource(file: String, on_result: impl (FnOnce(String) -> ()) + 'static) {
|
||||||
|
wasm_bindgen_futures::spawn_local(async move {
|
||||||
|
log(&format!("Fetching {file}"));
|
||||||
|
let response = Request::get(file.as_str()).send().await;
|
||||||
|
if let Ok(response) = response {
|
||||||
|
if let Ok(text) = response.text().await {
|
||||||
|
on_result(text);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
fn get_json_resource<T>(file: &'static str, on_result: impl FnOnce(Vec<T>) -> () + 'static) where T: for<'a> Deserialize<'a> {
|
||||||
|
wasm_bindgen_futures::spawn_local(async move {
|
||||||
|
log(&format!("Fetching {file}"));
|
||||||
|
let response = Request::get(file).send().await;
|
||||||
|
|
||||||
|
if let Ok(response) = response {
|
||||||
|
if let Ok(value) = response.json::<Vec<T>>().await {
|
||||||
|
on_result(value);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
#[function_component]
|
||||||
|
fn ProfileTags() -> Html {
|
||||||
|
let natural_languages: UseStateHandle<Vec<String>> = use_state_eq(|| vec![]);
|
||||||
|
let code_languages: UseStateHandle<Vec<String>> = use_state_eq(|| vec![]);
|
||||||
|
let interests: UseStateHandle<Vec<String>> = use_state_eq(|| vec![]);
|
||||||
|
|
||||||
|
|
||||||
|
// TODO: Cache results
|
||||||
|
{
|
||||||
|
let natural_languages = natural_languages.setter();
|
||||||
|
use_effect_with_deps(
|
||||||
|
move |_| get_json_resource(
|
||||||
|
"/res/languages.json",
|
||||||
|
move |it| natural_languages.set(it)
|
||||||
|
),
|
||||||
|
()
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
{
|
||||||
|
let code_languages = code_languages.setter();
|
||||||
|
use_effect_with_deps(
|
||||||
|
move |_| get_json_resource(
|
||||||
|
"/res/code.json",
|
||||||
|
move |it| code_languages.set(it)
|
||||||
|
),
|
||||||
|
()
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
{
|
||||||
|
let interests = interests.setter();
|
||||||
|
use_effect_with_deps(
|
||||||
|
move |_| get_json_resource(
|
||||||
|
"/res/interests.json",
|
||||||
|
move |it| interests.set(it)
|
||||||
|
),
|
||||||
|
()
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
let tags = vec![
|
||||||
|
natural_languages.iter().map(|it| (it, TagType::NaturalLanguage)).collect::<Vec<(&String, TagType)>>(),
|
||||||
|
code_languages.iter().map(|it| (it, TagType::CodeLanguage)).collect::<Vec<(&String, TagType)>>(),
|
||||||
|
interests.iter().map(|it| (it, TagType::Interest)).collect::<Vec<(&String, TagType)>>()
|
||||||
|
].into_iter().flatten().map(|(tag, tag_type)| {
|
||||||
|
html! {
|
||||||
|
<Tag
|
||||||
|
text={tag.clone()}
|
||||||
|
color={
|
||||||
|
match tag_type {
|
||||||
|
TagType::NaturalLanguage => TagColor::Blue,
|
||||||
|
TagType::CodeLanguage => TagColor::Orange,
|
||||||
|
TagType::Interest => TagColor::Green
|
||||||
|
}
|
||||||
|
}/>
|
||||||
|
}
|
||||||
|
}).collect::<Html>();
|
||||||
|
|
||||||
|
html! {
|
||||||
|
<div class="profiletags">{tags}</div>
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
#[function_component]
|
||||||
|
fn Profile() -> Html {
|
||||||
|
let profile_text = use_state_eq(|| "".to_owned());
|
||||||
|
{
|
||||||
|
let profile_text = profile_text.setter();
|
||||||
|
use_effect_with_deps(move |_| {
|
||||||
|
get_text_resource("/res/profile.md".to_owned(), move |text| profile_text.set(markdown_to_html(&text, &ComrakOptions::default())));
|
||||||
|
}, ());
|
||||||
|
}
|
||||||
|
|
||||||
|
html! {
|
||||||
|
<HomeCard image={DescribedImage{ image: ImageResource::new_link("profile.jpg".to_owned(), true), description: "About me" }}>
|
||||||
|
<ProfileTags />
|
||||||
|
{Html::from_html_unchecked(profile_text.to_string().into())}
|
||||||
|
</HomeCard>
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
#[function_component]
|
||||||
|
fn HomeCard(props: &HomeCardProps) -> Html {
|
||||||
|
html! {
|
||||||
|
<Card class="home-card">
|
||||||
|
{
|
||||||
|
if let Some(image) = &props.image {
|
||||||
|
html! {
|
||||||
|
<div class="home-tag">
|
||||||
|
<img
|
||||||
|
class="home-image circle"
|
||||||
|
src={if image.image.source.starts_with("https?://") {
|
||||||
|
image.image.source.to_string()
|
||||||
|
} else {
|
||||||
|
format!("/img/{}", image.image.source)
|
||||||
|
}} />
|
||||||
|
<b>{image.description}</b>
|
||||||
|
</div>
|
||||||
|
}
|
||||||
|
} else { html! {} }
|
||||||
|
}
|
||||||
|
<div class="home-info">
|
||||||
|
{props.children.clone()}
|
||||||
|
</div>
|
||||||
|
</Card>
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
#[function_component]
|
||||||
|
fn Github() -> Html {
|
||||||
|
let github_entries: UseStateHandle<Vec<GithubEntry>> = use_state_eq(|| vec![]);
|
||||||
|
{
|
||||||
|
let github_entries = github_entries.clone();
|
||||||
|
use_effect_with_deps(move |_| get_json_resource("/res/github.json", move |it| github_entries.set(it)), ());
|
||||||
|
}
|
||||||
|
|
||||||
|
let theme_state = use_context::<ThemeContext>().expect("Theme context");
|
||||||
|
html! {
|
||||||
|
<HomeCard image={ DescribedImage {
|
||||||
|
image: ImageResource::new_link(format!("github/github-mark{}.png", if theme_state.theme == ThemeState::Dark { "-white" } else { "" }), false),
|
||||||
|
description: "GitHub"
|
||||||
|
} }>
|
||||||
|
{
|
||||||
|
github_entries.iter().map(|it| {
|
||||||
|
let link = it.link.clone();
|
||||||
|
html! {
|
||||||
|
<Card onclick={Callback::from(move |_| {
|
||||||
|
if let Err(_) = document().location().unwrap().set_href(link.as_str()) {
|
||||||
|
log("Couldn't change href");
|
||||||
|
}
|
||||||
|
})}>
|
||||||
|
<h3>{it.title.clone()}</h3>
|
||||||
|
<p>{it.description.clone()}</p>
|
||||||
|
</Card>
|
||||||
|
}
|
||||||
|
}).collect::<Html>()
|
||||||
|
}
|
||||||
|
</HomeCard>
|
||||||
|
}
|
||||||
|
}
|
||||||
69
src/page/mod.rs
Normal file
69
src/page/mod.rs
Normal file
@ -0,0 +1,69 @@
|
|||||||
|
use yew::prelude::*;
|
||||||
|
use yew_router::prelude::*;
|
||||||
|
|
||||||
|
mod home;
|
||||||
|
mod projects;
|
||||||
|
mod contact;
|
||||||
|
mod socials;
|
||||||
|
mod gallery;
|
||||||
|
|
||||||
|
#[derive(PartialEq, Copy, Clone, Routable)]
|
||||||
|
pub enum Page {
|
||||||
|
#[at("/")]
|
||||||
|
Home,
|
||||||
|
|
||||||
|
#[at("/projects")]
|
||||||
|
Projects,
|
||||||
|
|
||||||
|
#[at("/socials")]
|
||||||
|
Socials,
|
||||||
|
|
||||||
|
#[at("/photos")]
|
||||||
|
Gallery,
|
||||||
|
|
||||||
|
#[at("/contacts")]
|
||||||
|
Contact,
|
||||||
|
}
|
||||||
|
|
||||||
|
fn switch(page: Page) -> Html {
|
||||||
|
match page {
|
||||||
|
Page::Home => html!{<home::Home />},
|
||||||
|
Page::Projects => html!{<projects::Projects />},
|
||||||
|
Page::Socials => html!{<socials::Socials />},
|
||||||
|
Page::Gallery => html!{<gallery::Gallery />},
|
||||||
|
Page::Contact => html!{<contact::Contact />},
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
#[derive(Properties, PartialEq)]
|
||||||
|
pub struct PageRouterProps {
|
||||||
|
pub children: Children
|
||||||
|
}
|
||||||
|
|
||||||
|
#[function_component]
|
||||||
|
pub fn PageRouter(props: &PageRouterProps) -> Html {
|
||||||
|
html! {
|
||||||
|
<BrowserRouter>
|
||||||
|
{props.children.clone()}
|
||||||
|
</BrowserRouter>
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
#[function_component]
|
||||||
|
pub fn Pages() -> Html {
|
||||||
|
html! {
|
||||||
|
<Switch<Page> render={switch} />
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
impl Page {
|
||||||
|
pub fn name(&self) -> &'static str{
|
||||||
|
match self {
|
||||||
|
Page::Home => "Home",
|
||||||
|
Page::Projects => "Projects",
|
||||||
|
Page::Socials => "Social Media",
|
||||||
|
Page::Gallery => "Gallery",
|
||||||
|
Page::Contact => "Contact"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
8
src/page/projects.rs
Normal file
8
src/page/projects.rs
Normal file
@ -0,0 +1,8 @@
|
|||||||
|
use yew::{function_component, html, Html};
|
||||||
|
|
||||||
|
#[function_component]
|
||||||
|
pub fn Projects() -> Html {
|
||||||
|
html! {
|
||||||
|
<>{"Projects"}</>
|
||||||
|
}
|
||||||
|
}
|
||||||
8
src/page/socials.rs
Normal file
8
src/page/socials.rs
Normal file
@ -0,0 +1,8 @@
|
|||||||
|
use yew::{function_component, html, Html};
|
||||||
|
|
||||||
|
#[function_component]
|
||||||
|
pub fn Socials() -> Html {
|
||||||
|
html! {
|
||||||
|
<>{"Social Media"}</>
|
||||||
|
}
|
||||||
|
}
|
||||||
95
src/theme.rs
Normal file
95
src/theme.rs
Normal file
@ -0,0 +1,95 @@
|
|||||||
|
use std::rc::Rc;
|
||||||
|
|
||||||
|
use gloo::utils::document;
|
||||||
|
use yew::{Children, Properties, Html, html};
|
||||||
|
use yew::prelude::*;
|
||||||
|
use crate::util::log;
|
||||||
|
|
||||||
|
fn set_global_dark(is_dark: bool) {
|
||||||
|
let root = document().get_elements_by_tag_name("html").get_with_index(0).expect("Root html tag");
|
||||||
|
|
||||||
|
if is_dark {
|
||||||
|
if let Err(_) = root.set_attribute("data-theme", "dark") {
|
||||||
|
log("Couldn't set attribute 'data-theme' on root");
|
||||||
|
}
|
||||||
|
} else {
|
||||||
|
if let Err(_) = root.remove_attribute("data-theme") {
|
||||||
|
log("Couldn't remove attribute 'data-theme' from root");
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
#[derive(Clone, Debug, PartialEq, Eq)]
|
||||||
|
pub struct ThemeCtx {
|
||||||
|
pub theme: ThemeState
|
||||||
|
}
|
||||||
|
|
||||||
|
impl Reducible for ThemeCtx {
|
||||||
|
type Action = ThemeMsg;
|
||||||
|
|
||||||
|
fn reduce(self: Rc<Self>, action: Self::Action) -> Rc<Self> {
|
||||||
|
let ctx: Rc<ThemeCtx> = ThemeCtx {
|
||||||
|
theme: match action {
|
||||||
|
//ThemeMsg::Dark => ThemeState::Dark,
|
||||||
|
//ThemeMsg::Light => ThemeState::Light,
|
||||||
|
ThemeMsg::Toggle => match self.theme {
|
||||||
|
ThemeState::Dark => ThemeState::Light,
|
||||||
|
ThemeState::Light => ThemeState::Dark
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}.into();
|
||||||
|
|
||||||
|
set_global_dark(
|
||||||
|
match &ctx.theme {
|
||||||
|
ThemeState::Dark => true,
|
||||||
|
ThemeState::Light => false
|
||||||
|
}
|
||||||
|
);
|
||||||
|
|
||||||
|
ctx
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
#[derive(PartialEq, Eq, PartialOrd, Ord, Clone, Debug)]
|
||||||
|
pub enum ThemeState {
|
||||||
|
Dark, Light
|
||||||
|
}
|
||||||
|
|
||||||
|
#[derive(PartialEq, Eq, PartialOrd, Ord, Clone, Debug)]
|
||||||
|
pub enum ThemeMsg {
|
||||||
|
//Dark,
|
||||||
|
//Light,
|
||||||
|
Toggle
|
||||||
|
}
|
||||||
|
|
||||||
|
#[derive(Properties, PartialEq, Debug)]
|
||||||
|
pub struct ThemeProps {
|
||||||
|
#[prop_or_default]
|
||||||
|
pub children: Children
|
||||||
|
}
|
||||||
|
|
||||||
|
pub type ThemeContext = UseReducerHandle<ThemeCtx>;
|
||||||
|
|
||||||
|
#[function_component]
|
||||||
|
pub fn ThemeProvider(props: &ThemeProps) -> Html {
|
||||||
|
let theme = use_reducer(|| {
|
||||||
|
let dark_mode = web_sys::window()
|
||||||
|
.and_then(|x| x.match_media("(prefers-color-scheme: dark)").ok().flatten())
|
||||||
|
.map(|x| x.matches())
|
||||||
|
.unwrap_or(true);
|
||||||
|
set_global_dark(dark_mode);
|
||||||
|
ThemeCtx {
|
||||||
|
theme: if dark_mode {
|
||||||
|
ThemeState::Dark
|
||||||
|
} else {
|
||||||
|
ThemeState::Light
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
html! {
|
||||||
|
<ContextProvider<ThemeContext> context={theme}>
|
||||||
|
{props.children.clone()}
|
||||||
|
</ContextProvider<ThemeContext>>
|
||||||
|
}
|
||||||
|
}
|
||||||
7
src/util.rs
Normal file
7
src/util.rs
Normal file
@ -0,0 +1,7 @@
|
|||||||
|
use wasm_bindgen::prelude::wasm_bindgen;
|
||||||
|
|
||||||
|
#[wasm_bindgen]
|
||||||
|
extern "C" {
|
||||||
|
#[wasm_bindgen(js_namespace = console)]
|
||||||
|
pub fn log(message: &str);
|
||||||
|
}
|
||||||
|
Before Width: | Height: | Size: 298 KiB After Width: | Height: | Size: 298 KiB |
|
Before Width: | Height: | Size: 393 KiB After Width: | Height: | Size: 393 KiB |
|
Before Width: | Height: | Size: 172 KiB After Width: | Height: | Size: 172 KiB |
|
Before Width: | Height: | Size: 513 KiB After Width: | Height: | Size: 513 KiB |
|
Before Width: | Height: | Size: 149 KiB After Width: | Height: | Size: 149 KiB |
|
Before Width: | Height: | Size: 311 KiB After Width: | Height: | Size: 311 KiB |
|
Before Width: | Height: | Size: 254 KiB After Width: | Height: | Size: 254 KiB |
|
Before Width: | Height: | Size: 291 KiB After Width: | Height: | Size: 291 KiB |
|
Before Width: | Height: | Size: 1.0 MiB After Width: | Height: | Size: 1.0 MiB |
|
Before Width: | Height: | Size: 4.8 MiB After Width: | Height: | Size: 4.8 MiB |
|
Before Width: | Height: | Size: 6.5 MiB After Width: | Height: | Size: 6.5 MiB |
|
Before Width: | Height: | Size: 4.2 MiB After Width: | Height: | Size: 4.2 MiB |
|
Before Width: | Height: | Size: 1.5 MiB After Width: | Height: | Size: 1.5 MiB |
|
Before Width: | Height: | Size: 4.7 KiB After Width: | Height: | Size: 4.7 KiB |
|
Before Width: | Height: | Size: 960 B After Width: | Height: | Size: 960 B |
|
Before Width: | Height: | Size: 6.2 KiB After Width: | Height: | Size: 6.2 KiB |
|
Before Width: | Height: | Size: 963 B After Width: | Height: | Size: 963 B |
|
Before Width: | Height: | Size: 779 KiB After Width: | Height: | Size: 779 KiB |
0
static/style/gallery.css
Normal file
0
static/style/gallery.css
Normal file
10
xtask/Cargo.toml
Normal file
10
xtask/Cargo.toml
Normal file
@ -0,0 +1,10 @@
|
|||||||
|
[package]
|
||||||
|
name = "xtask"
|
||||||
|
version = "0.1.0"
|
||||||
|
edition = "2021"
|
||||||
|
|
||||||
|
# See more keys and their definitions at https://doc.rust-lang.org/cargo/reference/manifest.html
|
||||||
|
|
||||||
|
[dependencies]
|
||||||
|
xtask-wasm = "0.1"
|
||||||
|
yewprint-css = "0.4.0"
|
||||||
44
xtask/src/main.rs
Normal file
44
xtask/src/main.rs
Normal file
@ -0,0 +1,44 @@
|
|||||||
|
use std::{path::Path, process};
|
||||||
|
use xtask_wasm::{anyhow::Result, clap, DistResult};
|
||||||
|
|
||||||
|
#[derive(clap::Parser)]
|
||||||
|
enum Cli {
|
||||||
|
Dist(xtask_wasm::Dist),
|
||||||
|
Watch(xtask_wasm::Watch),
|
||||||
|
Start(xtask_wasm::DevServer),
|
||||||
|
}
|
||||||
|
|
||||||
|
fn main() -> Result<()> {
|
||||||
|
let cli: Cli = clap::Parser::parse();
|
||||||
|
|
||||||
|
match cli {
|
||||||
|
Cli::Dist(args) => {
|
||||||
|
let DistResult { dist_dir, .. } =
|
||||||
|
args.static_dir_path("static").run("yewprint-app")?;
|
||||||
|
|
||||||
|
download_css(&dist_dir)?;
|
||||||
|
}
|
||||||
|
Cli::Watch(args) => {
|
||||||
|
let mut command = process::Command::new("cargo");
|
||||||
|
command.arg("check");
|
||||||
|
|
||||||
|
args.run(command)?;
|
||||||
|
}
|
||||||
|
Cli::Start(args) => {
|
||||||
|
args.arg("dist")
|
||||||
|
.start(xtask_wasm::default_dist_dir(false))?;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
Ok(())
|
||||||
|
}
|
||||||
|
|
||||||
|
fn download_css(path: &Path) -> Result<()> {
|
||||||
|
let css_path = path.join("blueprint.css");
|
||||||
|
|
||||||
|
if !css_path.exists() {
|
||||||
|
yewprint_css::download_css(&css_path)?;
|
||||||
|
}
|
||||||
|
|
||||||
|
Ok(())
|
||||||
|
}
|
||||||
Loading…
x
Reference in New Issue
Block a user