Added an example using react-aria/toast

gsoft-inc · Dec 5, 2023 · 22828d9 · 22828d9
1 parent 4bfa48c
commit 22828d9
Show file tree

Hide file tree

Showing 12 changed files with 326 additions and 10 deletions.
diff --git a/packages/core/src/runtime/RuntimeContext.ts b/packages/core/src/runtime/RuntimeContext.ts
@@ -8,7 +8,7 @@ export function useRuntime() {
     const runtime = useContext(RuntimeContext);
 
     if (isNil(runtime)) {
-        throw new Error("[squide] The useRuntime function is called before a Runtime instance has been provided.");
+        throw new Error("[squide] The useRuntime function is called before a Runtime instance has been provided. Did you forgot to ");
     }
 
     return runtime;

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/samples/basic/another-remote-module/package.json b/samples/basic/another-remote-module/package.json
@@ -36,6 +36,8 @@
     "dependencies": {
         "@basic/shared": "workspace:*",
         "@basic/shell": "workspace:*",
+        "@react-aria/toast": "3.0.0-beta.7",
+        "@react-stately/toast": "3.0.0-beta.1",
         "@squide/fakes": "workspace:*",
         "@squide/firefly": "workspace:*",
         "react": "18.2.0",

diff --git a/samples/basic/host/package.json b/samples/basic/host/package.json
@@ -39,6 +39,8 @@
         "@basic/local-module": "workspace:*",
         "@basic/shared": "workspace:*",
         "@basic/shell": "workspace:*",
+        "@react-aria/toast": "3.0.0-beta.7",
+        "@react-stately/toast": "3.0.0-beta.1",
         "@squide/fakes": "workspace:*",
         "@squide/firefly": "workspace:*",
         "react": "18.2.0",

diff --git a/samples/basic/local-module/package.json b/samples/basic/local-module/package.json
@@ -22,6 +22,8 @@
     "peerDependencies": {
         "@basic/shared": "*",
         "@basic/shell": "*",
+        "@react-aria/toast": "*",
+        "@react-stately/toast": "*",
         "@squide/firefly": "*",
         "react": "*",
         "react-dom": "*",
@@ -32,6 +34,8 @@
         "@squide/webpack-configs": "workspace:*",
         "@swc/core": "1.3.99",
         "@swc/helpers": "0.5.3",
+        "@react-aria/toast": "3.0.0-beta.7",
+        "@react-stately/toast": "3.0.0-beta.1",
         "@types/react": "18.2.39",
         "@types/react-dom": "18.2.17",
         "@types/webpack": "5.28.5",

diff --git a/samples/basic/local-module/src/MessagePage.tsx b/samples/basic/local-module/src/MessagePage.tsx
@@ -1,4 +1,4 @@
-import { useApplicationEventBusDispatcher } from "@basic/shared";
+import { useApplicationEventBusDispatcher, useShowToast } from "@basic/shared";
 import { useCallback, useState, type ChangeEvent } from "react";
 import { Link } from "react-router-dom";
 
@@ -10,11 +10,13 @@ export function MessagePage() {
     }, []);
 
     const dispatch = useApplicationEventBusDispatcher();
+    const showToast = useShowToast();
 
     const handleSendMessage = useCallback(() => {
         dispatch("write-to-host", message);
+        showToast(message);
         setMessage("");
-    }, [dispatch, setMessage, message]);
+    }, [dispatch, showToast, setMessage, message]);
 
     return (
         <>
@@ -33,7 +35,7 @@ export function MessagePage() {
             <textarea value={message} onChange={handleTextChange} />
             <br />
             <button type="button" onClick={handleSendMessage}>Send</button>
-            <p>Hint: have a look at your console log once the message has been sent :)</p>
+            <p>Hint: have a look at your console log and at bottom right corner of your screen once the message has been sent :)</p>
             <Link to="/">Go back to home</Link>
         </>
     );

diff --git a/samples/basic/remote-module/package.json b/samples/basic/remote-module/package.json
@@ -36,6 +36,8 @@
     "dependencies": {
         "@basic/shared": "workspace:*",
         "@basic/shell": "workspace:*",
+        "@react-aria/toast": "3.0.0-beta.7",
+        "@react-stately/toast": "3.0.0-beta.1",
         "@squide/fakes": "workspace:*",
         "@squide/firefly": "workspace:*",
         "react": "18.2.0",