yewstack / yew-playground Goto Github PK

View Code? Open in Web Editor NEW

13.0 13.0 3.0 217 KB

Home Page: https://play.yew.rs

License: Apache License 2.0

HTML 2.46% Rust 91.82% Dockerfile 3.84% SCSS 1.51% JavaScript 0.38%

yew-playground's People

Contributors

Stargazers

Watchers

Forkers

philipdaquin dmgolembiowski aleb2000

yew-playground's Issues

Trunk: no such file or directory

use yew::prelude::*;

#[function_component]
fn App() -> Html {
    html! { "hello world" }
}

fn main() {
    yew::Renderer::<App>::new().render();
}

the result:

upstream connect error or disconnect/reset before headers. reset reason: remote reset

Blocked loading mixed active conten

The compile request has an http location header which is blocked by Firefox as it is mixed active content at least that's how I under stand it. I have the error message below
Blocked loading mixed active content “http://playground-backend-iob5vy5ctq-uw.a.run.app/api/run?code=%0Ause+yew%3A%3Aprelude%3A%3A%2A%3B%0A%0A%23%5Bfunction_component%28App%29%5D%0Afn+app%28%29+-%3E+Html+%7B%0A++++html%21+%7B+%22hello+world%22+%7D%0A%7D%0A%0Afn+main%28%29+%7B%0A++++yew%3A%3Astart_app%3A%3A%3CApp%3E%28%29%3B%0A%7D%0A”

Use service metadata files to deploy to cloud run

The current deployments are configured using cloud run console and are not defined in a declarative way. Custom metadata YAML files should be used for app-compiler and backend services

Better split view for preview

At the moment, the split view after running code cannot be closed or re-sized.

The split view that shows "hello world" should be able to closed and resized

Run workflows every 6 weeks

Rust is released every 6 weeks. The compiler that builds the Yew application should be re-deployed every 6 weeks with the new Rust version

How to paint on canvas?

Hello.
I would like to paint on canvas. It's possible to do it with yew.rs?
I need to create a simple diagram editor on my page. I looking for rust frontend tools for this.

Playground crashes when running more than once

I'm using Firefox version: 105.0.1 on mac os X

I've recorded it breaking so hopefully that's enough information.

Screen.Recording.2022-10-08.at.7.31.55.PM.mov

Error message when running code in Yew Playground

Hello,

I recently visited the Yew website (https://yew.rs/) using the Microsoft Edge browser and clicked on the "Playground" link, which took me to the Yew Playground website (https://play.yew.rs/). When I tried to run the initial code by clicking the "Run" button, I received the following error message: "upstream connect error or disconnect/reset before headers. reset reason: remote reset."

I tried running the code again, but the same error message appeared. I also tried refreshing the page and clearing my browser cache, but the error persisted. Can you please help me understand what is causing this error and how it can be resolved?

Thank you.

panicked at 'called `Result::unwrap()`

open web https://play.yew.rs/
hit run
saw error

frontend-9c1e7497971807bd.js:477 panicked at 'called `Result::unwrap()` on an `Err` value: Document { obj: Node { obj: EventTarget { obj: Object { obj: JsValue(HTMLDocument) } } } }', frontend/src/components/output.rs:37:10

Stack:

Error
    at imports.wbg.__wbg_new_693216e109162396 (https://play.yew.rs/frontend-9c1e7497971807bd.js:465:21)
    at console_error_panic_hook::hook::he42531c51af29639 (https://play.yew.rs/frontend-9c1e7497971807bd_bg.wasm:wasm-function[622]:0x8a439)
    at core::ops::function::Fn::call::h36807db53c4fcbb3 (https://play.yew.rs/frontend-9c1e7497971807bd_bg.wasm:wasm-function[2282]:0xc3be4)
    at std::panicking::rust_panic_with_hook::h65683428b700e4c5 (https://play.yew.rs/frontend-9c1e7497971807bd_bg.wasm:wasm-function[1152]:0xb0844)
    at std::panicking::begin_panic_handler::{{closure}}::hec008f7f14bce203 (https://play.yew.rs/frontend-9c1e7497971807bd_bg.wasm:wasm-function[1306]:0xb7159)
    at std::sys_common::backtrace::__rust_end_short_backtrace::h39b07efc89446123 (https://play.yew.rs/frontend-9c1e7497971807bd_bg.wasm:wasm-function[1938]:0xc290d)
    at rust_begin_unwind (https://play.yew.rs/frontend-9c1e7497971807bd_bg.wasm:wasm-function[1698]:0xc06d0)
    at core::panicking::panic_fmt::he85aa48e726ad588 (https://play.yew.rs/frontend-9c1e7497971807bd_bg.wasm:wasm-function[1702]:0xc07c4)
    at core::result::unwrap_failed::h50a1e99c2b37aa54 (https://play.yew.rs/frontend-9c1e7497971807bd_bg.wasm:wasm-function[1349]:0xb882c)
    at frontend::components::output::load_into_iframe::h78c8c4fe110fd8b5 (https://play.yew.rs/frontend-9c1e7497971807bd_bg.wasm:wasm-function[356]:0x63cc8)


imports.wbg.__wbg_error_09919627ac0992f5 @ frontend-9c1e7497971807bd.js:477
frontend-9c1e7497971807bd_bg.wasm:0xb086b Uncaught RuntimeError: unreachable
    at std::panicking::rust_panic_with_hook::h65683428b700e4c5 (frontend-9c1e7497971807bd_bg.wasm:0xb086b)
    at std::panicking::begin_panic_handler::{{closure}}::hec008f7f14bce203 (frontend-9c1e7497971807bd_bg.wasm:0xb7159)
    at std::sys_common::backtrace::__rust_end_short_backtrace::h39b07efc89446123 (frontend-9c1e7497971807bd_bg.wasm:0xc290d)
    at rust_begin_unwind (frontend-9c1e7497971807bd_bg.wasm:0xc06d0)
    at core::panicking::panic_fmt::he85aa48e726ad588 (frontend-9c1e7497971807bd_bg.wasm:0xc07c4)
    at core::result::unwrap_failed::h50a1e99c2b37aa54 (frontend-9c1e7497971807bd_bg.wasm:0xb882c)
    at frontend::components::output::load_into_iframe::h78c8c4fe110fd8b5 (frontend-9c1e7497971807bd_bg.wasm:0x63cc8)
    at <frontend::components::output::Output as yew::functional::FunctionProvider>::run::inner::{{closure}}::hce4aa896fc2bae86 (frontend-9c1e7497971807bd_bg.wasm:0x2a7a7)
    at <yew::html::listener::events::onblur::Wrapper as yew::virtual_dom::listeners::Listener>::handle::ha384f714249cb4d1 (frontend-9c1e7497971807bd_bg.wasm:0xc16bd)
    at yew::dom_bundle::subtree_root::SubtreeData::add_listener::{{closure}}::hf7e5cf08d883084f (frontend-9c1e7497971807bd_bg.wasm:0x32931)

Add support for using wasm-bindgen snippets

Recommend Projects

React

A declarative, efficient, and flexible JavaScript library for building user interfaces.
Vue.js

🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript

TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
TensorFlow

An Open Source Machine Learning Framework for Everyone
Django

The Web framework for perfectionists with deadlines.
Laravel

A PHP framework for web artisans
D3

Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

javascript

JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
web

Some thing interesting about web. New door for the world.
server

A server is a program made to process requests and deliver data to clients.
Machine learning

Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Visualization

Some thing interesting about visualization, use data art
Game

Some thing interesting about game, make everyone happy.

Recommend Org

Facebook

We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft

Open source projects and samples from Microsoft.
Google

Google ❤️ Open Source for everyone.
Alibaba

Alibaba Open Source for everyone
D3

Data-Driven Documents codes.
Tencent

China tencent open source team.