uttk
uttk
## :bookmark_tabs: Summary Fixed Git Graph to allow `useMaxWidth` option to be set. Resolves #3651 ## :straight_ruler: Design Decisions Describe the way your implementation works or what design decisions you...
**Describe the bug** `useMaxWidth` option doesn't work with Git Graph. **To Reproduce** Steps to reproduce the behavior: 1. Run `mermaid.initialize({ gitGraph: { useMaxWidth: true } })` 2. Render git graph...
以下のURLより、開発の様子を確認できます。 https://zenn.dev/uttk/scraps/cb2e1da8aed1a6
以下のドキュメントを参考に。 https://developer.mozilla.org/en-US/docs/Web/API/AbortController
**TODO** - [ ] github actionsを使ってリリースできるようにする。 - [x] changelogを作成する ( [Conventional Commits](https://www.conventionalcommits.org/ja/v1.0.0/)を使うかは要件等 ) - [ ] Webページを作成する ( [Docusaurus v2](https://v2.docusaurus.io/)が良さげ ) - [x] ~~Projectsの作成 ( ロードマップとして使うと思う )~~ - [x] issuesの管理どうするか考える...
## watch APIの挙動について watch APIは、非同期処理の実行状態を常に監視し、状態に変更があればコンポーネントの描画更新する。 実行する非同期処理が実行中の場合は、read APIと同じように非同期処理を実行しない。また、read APIと同じようにフィールドに書くことが出来る。 read APIは、一度しか通信状況を反映しないが、watch APIは非同期処理の処理状態が変更されるたびに、コンポーネントを再描画する。 例えば、以下のソースコードで start APIを実行すると、read APIでは以下の流れになる。 1. 最初のマウント 2. 処理状態が完了なり、コンポーネントが再描画される 3. start APIで実行した非同期処理が完了になり、コンポーネントが再描画される。 しかし、watch APIでは以下のような流れで、4回描画更新される。 1. 最初のマウント 2. 処理状態が完了なり、コンポーネントが再描画される 3. start...
## start APIの挙動について start APIは、非同期処理を実行し結果をキャッシュして、実行したコンポーネントを描画更新する。 実行する非同期処理が実行中の場合は、read APIと同じように非同期処理を実行しないが、キャッシュが存在していても非同期処理を実行して、キャッシュを最新のものにしてからコンポーネントを描画更新する。そのため、コンポーネントのフィールドに書くと無限ループが発生していしまうため、**フィールドで実行した場合にはエラーを投げる。** ```tsx const SampleComponent = () => { const { apis } = useTrela(); const ref = apis.anyAsyncFunc(); // 非同期処理の参照を取得 // ref.start(); ref.start(); return...
## read APIの挙動について read APIは、非同期処理を実行し結果をキャッシュして、実行されたコンポーネントを描画更新する。 実行する非同期処理が実行中の場合やキャッシュされた値がある場合は、非同期処理を実行せず既に実行済みの結果をキャッシュした値を返す。 ```tsx const SampleComponent = () => { const { apis } = useTrela(); const [ result, isLoading ] = apis.anyAsyncFunc().read(); const [ result2, isLoading2...
`` は、``をラップしたコンポーネント。 使い方や、挙動は``と同じ挙動をするが、それをTrelaに伝える役割を果たす。 **サンプルコード** ```tsx // LazyComponentが投げるPromiseが完了するまで、を表示する const Sample = () => ( ); // Trelaを用いて非同期処理を実行しているコンポーネント const LazyComponent = () => { const { apis } = useTrela(); // 通常はPromiseを投げないが、内にある時だけPromiseを投げるようになる...
I'm trying to use quickjs-emscripten inside a Service Worker that is written as an ECMAScript module (ESM). However, it fails to execute due to the use of dynamic import() inside...