Close #73: add playground links

samchon · May 16, 2024 · 282c83b · 282c83b
1 parent 85c45c7
commit 282c83b
Show file tree

Hide file tree

Showing 7 changed files with 53 additions and 9 deletions.
diff --git a/README.md b/README.md
@@ -87,6 +87,17 @@ If you wanna use `TGrid` in `NestJS`, read `Nestia` guide documents, too.
 
 
 
+## Playground
+You can quickly experience `TGrid` on the playground websites:
+
+  - [Remote Function Call](https://stackblitz.com/~/github.com/samchon/tgrid.example.remote-function-call?file=src/client.ts&view=editor)
+  - [Remote Object Call](https://stackblitz.com/~/github.com/samchon/tgrid.example.remote-object-call?file=src/client.ts&view=editor)
+  - [Object Oriented Network](https://stackblitz.com/~/github.com/samchon/tgrid.example.object-oriented-network?file=src/composite.ts&view=editor)
+  - [WebSocket Protocool](https://stackblitz.com/~/github.com/samchon/tgrid.example.websocket?file=src/client.ts&view=editor)
+  - [Worker Protocol](https://stackblitz.com/~/github.com/samchon/tgrid.example.worker?file=src/client.ts&view=editor)
+  - [NestJS WebSocket](https://stackblitz.com/~/github.com/samchon/tgrid.example.nestjs?file=src/calculate.test.ts&view=editor)
+
+
 ## Guide Documents
 Check out the document in the [website](https://tgrid.com/docs):
 

diff --git a/website/next.config.js b/website/next.config.js
@@ -6,6 +6,7 @@ const withNextra = require("nextra")({
 /** @type {import('next').NextConfig} */
 const config = {
   ...withNextra(),
+  output: "export",
   exportTrailingSlash: true,
   images: {
     unoptimized: true,

diff --git a/website/package-lock.json b/website/package-lock.json
diff --git a/website/package.json b/website/package.json
@@ -4,7 +4,7 @@
   "description": "Typia Guide Documents",
   "private": true,
   "scripts": {
-    "build": "rimraf .next && rimraf out && typedoc && next build && next export && next-sitemap",
+    "build": "rimraf .next && rimraf out && typedoc && next build && next-sitemap",
     "deploy": "node build/deploy",
     "dev": "next dev",
     "prepare": "typedoc"

diff --git a/website/pages/_meta.json b/website/pages/_meta.json
@@ -14,6 +14,38 @@
   },
   "playground": {
     "title": "💻 Playground",
-    "type": "page"
+    "type": "menu",
+    "items": {
+      "remote-function-call": {
+        "title": "Remote Function Call",
+        "href": "https://stackblitz.com/~/github.com/samchon/tgrid.example.remote-function-call?file=src/client.ts&view=editor",
+        "newWindow": true
+      },
+      "remote-object-call": {
+        "title": "Remote Object Call",
+        "href": "https://stackblitz.com/~/github.com/samchon/tgrid.example.remote-object-call?file=src/client.ts&view=editor",
+        "newWindow": true
+      },
+      "object-oriented-network": {
+        "title": "Object Oriented Network",
+        "href": "https://stackblitz.com/~/github.com/samchon/tgrid.example.object-oriented-network?file=src/composite.ts&view=editor",
+        "newWindow": true
+      },
+      "websocket": {
+        "title": "WebSocket Protocol",
+        "href": "https://stackblitz.com/~/github.com/samchon/tgrid.example.websocket?file=src/client.ts&view=editor",
+        "newWindow": true
+      },
+      "worker": {
+        "title": "Worker Protocol",
+        "href": "https://stackblitz.com/~/github.com/samchon/tgrid.example.worker?file=src/client.ts&view=editor",
+        "newWindow": true
+      },
+      "nestjs": {
+        "title": "NestJS WebSocket",
+        "href": "https://stackblitz.com/~/github.com/samchon/tgrid.example.nestjs?file=src/calculate.test.ts&view=editor",
+        "newWindow": true
+      }
+    }
   }
 }
diff --git a/website/src/movies/home/HomeHeroMovie.tsx b/website/src/movies/home/HomeHeroMovie.tsx
@@ -70,9 +70,9 @@ const HomeHeroMovie = () => (
     >
       <React.Fragment>
         <span style={{ color: PURPLE }}>{"await "}</span>
-        <span style={{ color: CYAN }}>driver</span>
+        <span style={{ color: CYAN }}>remote</span>
         <span style={{ color: "gray" }}>{"."}</span>
-        <span style={{ color: YELLOW }}>{"method("}</span>
+        <span style={{ color: YELLOW }}>{"function("}</span>
         <span style={{ color: "gray" }}>{"...params"}</span>
         <span style={{ color: YELLOW }}>{")"}</span>
       </React.Fragment>

diff --git a/website/src/movies/home/HomeStrengthMovie.tsx b/website/src/movies/home/HomeStrengthMovie.tsx
@@ -14,9 +14,9 @@ const sections: HomeStrengthSectionMovie.Props[] = [
     subTitle: (
       <React.Fragment>
         <span style={{ color: PURPLE }}>{"await "}</span>
-        <span style={{ color: CYAN }}>driver</span>
+        <span style={{ color: CYAN }}>remote</span>
         <span style={{ color: "gray" }}>{"."}</span>
-        <span style={{ color: YELLOW }}>{"method("}</span>
+        <span style={{ color: YELLOW }}>{"function("}</span>
         <span style={{ color: "gray" }}>{"...params"}</span>
         <span style={{ color: YELLOW }}>{")"}</span>
       </React.Fragment>
@@ -67,7 +67,7 @@ const sections: HomeStrengthSectionMovie.Props[] = [
           {" "}
           <span style={{ color: CYAN }}>remote</span>
           <span style={{ color: "gray" }}>{"."}</span>
-          <span style={{ color: YELLOW }}>{"method("}</span>
+          <span style={{ color: YELLOW }}>{"function("}</span>
           <span style={{ color: "gray" }}>{"...params"}</span>
           <span style={{ color: YELLOW }}>{")"}</span>
         </p>