Merge branch 'main' into MET-432--Uploading-PythonRuntime-files-

Author: destifo

examples/typegraphs/temporal.py

@@ -0,0 +1,24 @@
+from typegraph import t, typegraph, Policy, Graph
+from typegraph.providers.temporal import TemporalRuntime
+import os
+
+
+@typegraph()
+def temporal(g: Graph):
+    public = Policy.public()
+    temporal = TemporalRuntime(
+        "<name>", "<host_secret>", namespace_secret="<ns_secret>"
+    )
+
+    workflow_id = os.getenv("ID_FROM_ENV")
+    arg = t.struct({"some_field": t.string()})
+
+    g.expose(
+        public,
+        start=temporal.start_workflow("<workflow_type>", arg),
+        query=temporal.query_workflow("<query_type>", arg, t.string()),
+        signal=temporal.signal_workflow("<signal_name>", arg),
+        describe=temporal.describe_workflow().reduce({"workflow_id": workflow_id})
+        if workflow_id
+        else temporal.describe_workflow(),
+    )

examples/typegraphs/temporal.ts

@@ -0,0 +1,33 @@
+import { Policy, t, typegraph } from "@typegraph/sdk/index.js";
+import { TemporalRuntime } from "@typegraph/sdk/providers/temporal.js";
+
+// skip:start
+function getEnvVariable(key: string, defaultValue?: string): string | undefined {
+  const glob = globalThis as any;
+  const value = glob?.process
+    ? glob?.process.env?.[key]
+    : glob?.Deno.env.get(key);
+  return value ?? defaultValue;
+}
+// skip:end
+
+typegraph({ name: "temporal" }, (g: any) => {
+  const pub = Policy.public();
+  const temporal = new TemporalRuntime({
+    name: "<name>",
+    hostSecret: "<host_secret>",
+    namespaceSecret: "<ns_secret>",
+  });
+
+  const workflow_id = getEnvVariable("ID_FROM_ENV");
+  const arg = t.struct({ some_field: t.string() });
+
+  g.expose({
+    start: temporal.startWorkflow("<workflow_type>", arg),
+    query: temporal.queryWorkflow("<query_type>", arg, t.string()),
+    signal: temporal.signalWorkflow("<signal_name>", arg),
+    describe: workflow_id
+      ? temporal.describeWorkflow().reduce({ workflow_id })
+      : temporal.describeWorkflow(),
+  }, pub);
+});

website/docs/reference/runtimes/graphql/index.mdx

@@ -4,7 +4,7 @@ import TGExample from "@site/src/components/TGExample";
 
 ## GraphQL runtime
 
-You currently have a single model to describe messages sent in the chat-based app. A reasonable next step is to add a user model and make a link between the two. While you can store users in the same database, it's wiser to avoid data duplication and re-use your service for user management available at [GraphQLZero](https://graphqlzero.almansi.me) endpoint. Let's introduce the [GraphQL](https://spec.graphql.org/October2021/) runtime that allows remote GraphQL queries.
+While you can store users in the same database, it's wiser to avoid data duplication and re-use your service for user management available at [GraphQLZero](https://graphqlzero.almansi.me) endpoint. Let's introduce the [GraphQL](https://spec.graphql.org/October2021/) runtime that allows remote GraphQL queries.
 
 Update `typegraph.py` with the highlighted lines below:
 

website/docs/reference/runtimes/temporal/index.mdx

@@ -1,6 +1,5 @@
 
-import SDKTabs from "@site/src/components/SDKTabs";
-import TabItem from "@theme/TabItem";
+import TGExample from "@site/src/components/TGExample";
 
 # Temporal
 
@@ -20,63 +19,15 @@ An interesting use case is to dynamically describe the operations you want to ex
 
 Here is a simple example of a typegraph that takes some value from an environment variable.
 
-<SDKTabs>
-    <TabItem value="python">
-```python
-from typegraph import t, typegraph, Policy, Graph
-from typegraph.providers.temporal import TemporalRuntime
-import os
 
-@typegraph()
-def temporal(g: Graph):
-    public = Policy.public()
-    temporal = TemporalRuntime(
-        "<name>", "<host_secret>", namespace_secret="<ns_secret>"
-    )
+<TGExample
+    typegraph="temporal"
+    python={require("../../../../../examples/typegraphs/temporal.py")}
+    typescript={require("!!code-loader!../../../../../examples/typegraphs/temporal.ts")}
+    disablePlayground={true}
+    query={{content: ""}}
+/>
 
-    workflow_id = os.getenv("ID_FROM_ENV")
-    arg = t.struct({"some_field": t.string()})
-
-    g.expose(
-        public,
-        start=temporal.start_workflow("<workflow_type>", arg),
-        query=temporal.query_workflow("<query_type>", arg, t.string()),
-        signal=temporal.signal_workflow("<signal_name>", arg),
-        describe=temporal.describe_workflow().reduce(
-            {"workflow_id": workflow_id }
-        ) if id else temporal.describe_workflow(),
-    )
-
-```
-    </TabItem>
-    <TabItem value="typescript">
-```typescript
-import { Policy, t, typegraph } from "@typegraph/sdk/index.js";
-import { TemporalRuntime } from "@typegraph/sdk/providers/temporal.js";
-
-typegraph({ name: "temporal" }, (g) => {
-  const public = Policy.public();
-  const temporal = new TemporalRuntime({
-    name: "<name>",
-    hostSecret: "<host_secret>",
-    namespaceSecret: "<ns_secret>",
-  });
-
-  const workflow_id = process.env.ID_FROM_ENV;
-  const arg = t.struct({ some_field: t.string() });
-
-  g.expose({
-    start: temporal.startWorkflow("<workflow_type>", arg),
-    query: temporal.queryWorkflow("<query_type>", arg, t.string()),
-    signal: temporal.signalWorkflow("<signal_name>", arg),
-    describe: workflow_id
-      ? temporal.describeWorkflow().reduce({ workflow_id })
-      : temporal.describeWorkflow(),
-  }, public);
-});
-```
-    </TabItem>
-</SDKTabs>
 
 
 <!-- TODO: setup a test temporal cluster and workflow for demo purposes -->

website/src/components/MiniQL/index.tsx

@@ -34,6 +34,7 @@ export interface MiniQLProps {
   panel?: Panel;
   noTool?: boolean;
   defaultMode?: keyof typeof modes | null;
+  disablePlayground: boolean
 }
 
 function Loader() {
@@ -55,6 +56,7 @@ function MiniQLBrowser({
   panel = "",
   noTool = false,
   defaultMode = null,
+  disablePlayground = false,
 }: MiniQLProps) {
   const {
     siteConfig: {
@@ -125,7 +127,7 @@ function MiniQLBrowser({
               </ChoicePicker>
             </div>
           ) : null}
-          {!defaultMode || mode === "playground" ? (
+          {!disablePlayground && (!defaultMode || mode === "playground") ? (
             <div className="flex flex-col graphiql-container">
               <div className="flex-1 graphiql-session">
                 <GraphiQLInterface defaultTab={panel} noTool={noTool} />