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