Update react template per discussion

.changeset/fast-experts-cross.md

@@ -0,0 +1,2 @@
+---
+---

examples/example-react-sdk-2.x/src/AuthCallback.tsx

@@ -1,6 +1,6 @@
 import { useEffect, useState } from "react";
 import { useNavigate } from "react-router-dom";
-import { auth } from "./client";
+import { auth } from "./main";
 
 /**
  * Component to render at `/auth/callback`

examples/example-react-sdk-2.x/src/Home.tsx

@@ -1,39 +1,11 @@
 import { $Objects, $Actions, $Queries } from "@osdk/e2e.generated.catchall";
 import css from "./Home.module.css";
 import Layout from "./Layout";
-
 // import { useOsdkClient } from "@osdk/react";
-// import React from "react";
-// import { Osdk } from "@osdk/client";
 
 function Home() {
-
   // const client = useOsdkClient();
-
-  // const [objects, setObjects] = React.useState<$Objects.Todo.OsdkInstance[]>();
-  // const [isLoading, setIsLoading] = React.useState(true);
-
-  // React.useEffect(() => {
-  //   client($Objects.Todo).fetchPage().then((page) => {
-  //     setObjects(page.data);
-  //     setIsLoading(false);
-  //   });
-  // }, []);
-
-  // if (isLoading) {
-  //   return <Layout>Loading...</Layout>;
-  // } else {
-  //   return (
-  //     <Layout>
-  //       <ul>
-  //       {objects?.map((o) => (
-  //         <li>{o.$primaryKey} - {o.$title}</li>
-  //       ))}
-  //       </ul>
-  //     </Layout>
-  //   )
-  // }
-
+  // See API Docs on Developer console on how to use the client object to access the ontology resource
 
   const objectApiNames = Object.keys($Objects);
   const actionApiNames = Object.keys($Actions);

examples/example-react-sdk-2.x/src/main.tsx

@@ -5,7 +5,8 @@ import createClientAndAuth from "./createClientAndAuth";
 import "./index.css";
 import { router } from "./router";
 
-const { client } = createClientAndAuth();
+const { client, auth } = createClientAndAuth();
+export { auth };
 
 ReactDOM.createRoot(document.getElementById("root")!).render(
   <OsdkProvider client={client}>

packages/create-app.template.react.beta/templates/src/AuthCallback.tsx

@@ -1,6 +1,6 @@
 import { useEffect, useState } from "react";
 import { useNavigate } from "react-router-dom";
-import { auth } from "./client";
+import { auth } from "./main";
 
 /**
  * Component to render at `/auth/callback`

packages/create-app.template.react.beta/templates/src/Home.tsx.hbs

@@ -1,39 +1,11 @@
 import { $Objects, $Actions, $Queries } from "{{osdkPackage}}";
 import css from "./Home.module.css";
 import Layout from "./Layout";
-
 // import { useOsdkClient } from "@osdk/react";
-// import React from "react";
-// import { Osdk } from "@osdk/client";
 
 function Home() {
-
   // const client = useOsdkClient();
-
-  // const [objects, setObjects] = React.useState<$Objects.Todo.OsdkInstance[]>();
-  // const [isLoading, setIsLoading] = React.useState(true);
-
-  // React.useEffect(() => {
-  //   client($Objects.Todo).fetchPage().then((page) => {
-  //     setObjects(page.data);
-  //     setIsLoading(false);
-  //   });
-  // }, []);
-
-  // if (isLoading) {
-  //   return <Layout>Loading...</Layout>;
-  // } else {
-  //   return (
-  //     <Layout>
-  //       <ul>
-  //       {objects?.map((o) => (
-  //         <li>{o.$primaryKey} - {o.$title}</li>
-  //       ))}
-  //       </ul>
-  //     </Layout>
-  //   )
-  // }
-
+  // See API Docs on Developer console on how to use the client object to access the ontology resource
 
   const objectApiNames = Object.keys($Objects);
   const actionApiNames = Object.keys($Actions);

packages/create-app.template.react.beta/templates/src/main.tsx

@@ -5,7 +5,8 @@ import createClientAndAuth from "./createClientAndAuth";
 import "./index.css";
 import { router } from "./router";
 
-const { client } = createClientAndAuth();
+const { client, auth } = createClientAndAuth();
+export { auth };
 
 ReactDOM.createRoot(document.getElementById("root")!).render(
   <OsdkProvider client={client}>

packages/example-generator/README.md

@@ -2,4 +2,4 @@
 
 Generates examples packages for `@osdk/create-app` and `@osdk/create-widget`.
 
-Run `pnpm generate` to generate packages and `pnpm check` to verify if they are up to date.
+Run `pnpm generate` to generate packages and `turbo check` to verify if they are up to date.

packages/example-generator/src/run.ts

@@ -217,10 +217,10 @@ async function checkExamples(
       for (const q of compareResult.diffSet ?? []) {
         if (q.state !== "equal") {
           const aPath = q.path1 && q.name1
-            ? path.join(q.path1, q.relativePath, q.name1)
+            ? path.join(q.path1, q.name1)
             : null;
           const bPath = q.path2 && q.name2
-            ? path.join(q.path2, q.relativePath, q.name2)
+            ? path.join(q.path2, q.name2)
             : null;
 
           const aContents = getContents(aPath);

turbo.json

@@ -181,6 +181,7 @@
       "inputs": [
         "bin/**",
         "src/**",
+        "templates/**",
         "tsup.config.js",
         "tsconfig.json",
         "tsconfig.cjs.json"