@osdk/create-widget 0.0.0

package/README.md

@@ -0,0 +1,42 @@
+# @osdk/create-widget
+
+A CLI for bootstrapping OSDK widgets on top of popular frameworks
+
+The CLI may be run directly through npx with `npx @osdk/create-widget@latest` or with the alias `npm create @osdk/widget@latest`. When the NPM package is explicitly installed for example with `npm install -g @osdk/create-widget@latest` the `create-osdk-widget` binary is also available.
+
+## Running locally
+
+Run the following commands from the repository root:
+
+```sh
+pnpm install
+pnpm build
+cd packages/create-widget
+./bin/createWidget.mjs
+```
+
+Changes to templates require updating `examples/` which can be done with the `@osdk/example-generator` package.
+
+## Options
+
+The CLI can be run without any arguments and the user will be guided with interactive prompts to fill in required information. The prompts may be skipped by providing the relevant information in through arguments instead.
+
+```
+npx @osdk/create-widget [project] [--<option>]
+```
+
+| Option            | Description                                                   |
+| ----------------- | ------------------------------------------------------------- |
+| --overwrite       | Overwrite project directory if already exists [boolean]       |
+| --template        | Template name to use [string]                                 |
+| --sdkVersion      | The SDK version to use (1.x or 2.x), defaults to 2.x [string] |
+| --foundryUrl      | URL for the Foundry stack [string]                            |
+| --widget          | Widget resource identifier (rid) [string]                     |
+| --osdkPackage     | OSDK package name for application [string]                    |
+| --osdkRegistryUrl | URL for NPM registry to install OSDK package [string]         |
+
+## Templates
+
+| Template name | Description                                                                |
+| ------------- | -------------------------------------------------------------------------- |
+| react         | [React](https://react.dev/) with [Vite](https://vitejs.dev/guide/why.html) |

package/bin/createWidget.mjs

@@ -0,0 +1,5 @@
+#!/usr/bin/env node
+// @ts-check
+
+import { cli } from "../build/esm/index.js";
+cli();

package/build/browser/esm-RYPQIV5S.js

@@ -0,0 +1,363 @@
+// ../create-widget.template.react.v2/build/esm/generatedNoCheck/index.js
+var files = /* @__PURE__ */ new Map([["README.md.hbs", {
+  type: "raw",
+  body: `# {{project}}
+
+This project was generated with [\`@osdk/create-widget\`](https://www.npmjs.com/package/@osdk/create-widget) and demonstrates developing a custom widget to be embedded within Foundry UIs such as Workshop. It uses the Ontology SDK package \`{{osdkPackage}}\` with React on top of Vite. Check out the [Vite](https://vitejs.dev/guide/) docs for further configuration.
+
+## Developing
+
+Run the following command or equivalent with your preferred package manager to start a local development server on \`http://localhost:8080\`:
+
+\`\`\`sh
+npm run dev
+\`\`\`
+
+Development configuration is stored in \`.env.development\`.
+
+## Deploying
+
+Run the following command or equivalent with your preferred package manager to create a production build of your application:
+
+\`\`\`sh
+npm run build
+\`\`\`
+
+Production configuration is stored in \`.env.production\`.
+
+A \`foundry.config.json\` file is included in the root of this project to make deploying to Foundry website hosting with [\`@osdk/cli\`](https://www.npmjs.com/package/@osdk/cli) easier. If you are not using Foundry website hosting for your application you may delete this file.
+`
+}], [".gitignore", {
+  type: "raw",
+  body: `# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
+`
+}], ["eslint.config.mjs", {
+  "type": "base64",
+  "body": "Ly8gQHRzLWNoZWNrCmltcG9ydCBlc2xpbnQgZnJvbSAiQGVzbGludC9qcyI7CmltcG9ydCB0c1BhcnNlciBmcm9tICJAdHlwZXNjcmlwdC1lc2xpbnQvcGFyc2VyIjsKaW1wb3J0ICogYXMgaW1wb3J0UGx1Z2luIGZyb20gImVzbGludC1wbHVnaW4taW1wb3J0IjsKaW1wb3J0IGpzeEExMXlQbHVnaW4gZnJvbSAiZXNsaW50LXBsdWdpbi1qc3gtYTExeSI7CmltcG9ydCByZWFjdFBsdWdpbiBmcm9tICJlc2xpbnQtcGx1Z2luLXJlYWN0IjsKaW1wb3J0IHJlYWN0SG9va3NQbHVnaW4gZnJvbSAiZXNsaW50LXBsdWdpbi1yZWFjdC1ob29rcyI7CmltcG9ydCByZWFjdFJlZnJlc2ggZnJvbSAiZXNsaW50LXBsdWdpbi1yZWFjdC1yZWZyZXNoIjsKaW1wb3J0IGdsb2JhbHMgZnJvbSAiZ2xvYmFscyI7CmltcG9ydCB0c2VzbGludCBmcm9tICJ0eXBlc2NyaXB0LWVzbGludCI7CgpleHBvcnQgZGVmYXVsdCB0c2VzbGludC5jb25maWcoewogIGZpbGVzOiBbImVzbGludC5jb25maWcubWpzIiwgInNyYy8qKi8qLntqcyxtanMsY2pzLHRzLGpzeCx0c3h9Il0sCiAgc2V0dGluZ3M6IHsKICAgIHJlYWN0OiB7CiAgICAgIHZlcnNpb246ICJkZXRlY3QiLAogICAgfSwKCiAgICAiaW1wb3J0L3Jlc29sdmVyIjogewogICAgICBub2RlOiB7CiAgICAgICAgZXh0ZW5zaW9uczogWyIuanMiLCAiLmpzeCIsICIudHMiLCAiLnRzeCJdLAogICAgICB9LAogICAgfSwKICB9LAogIGxhbmd1YWdlT3B0aW9uczogewogICAgZ2xvYmFsczogewogICAgICAuLi5nbG9iYWxzLmJyb3dzZXIsCiAgICB9LAoKICAgIHBhcnNlcjogdHNQYXJzZXIsCiAgfSwKICBleHRlbmRzOiBbCiAgICBlc2xpbnQuY29uZmlncy5yZWNvbW1lbmRlZCwKICAgIC4uLnRzZXNsaW50LmNvbmZpZ3MucmVjb21tZW5kZWQsCiAgXSwKICBwbHVnaW5zOiB7CiAgICAicmVhY3QiOiAvKiogQHR5cGUgaW1wb3J0KCJlc2xpbnQiKS5FU0xpbnQuUGx1Z2luICovIChyZWFjdFBsdWdpbiksCiAgICAicmVhY3QtcmVmcmVzaCI6IHJlYWN0UmVmcmVzaCwKICAgICJyZWFjdC1ob29rcyI6CiAgICAgIC8qKiBAdHlwZSBpbXBvcnQoImVzbGludCIpLkVTTGludC5QbHVnaW4gKi8gKHJlYWN0SG9va3NQbHVnaW4pLAogICAgImpzeC1hMTF5IjoganN4QTExeVBsdWdpbiwKICAgICJpbXBvcnQiOiBpbXBvcnRQbHVnaW4sCiAgfSwKICBydWxlczogewogICAgLi4uKAogICAgICAvKiogQHR5cGUgaW1wb3J0KCJlc2xpbnQiKS5MaW50ZXIuUnVsZXNSZWNvcmQgKi8KICAgICAgKHJlYWN0UGx1Z2luLmNvbmZpZ3MuZmxhdD8ucmVjb21tZW5kZWQucnVsZXMpCiAgICApLAogICAgInJlYWN0LWhvb2tzL3J1bGVzLW9mLWhvb2tzIjogImVycm9yIiwKICAgICJyZWFjdC1ob29rcy9leGhhdXN0aXZlLWRlcHMiOiAid2FybiIsCiAgICAuLi5qc3hBMTF5UGx1Z2luLmNvbmZpZ3MucmVjb21tZW5kZWQucnVsZXMsCiAgICAicmVhY3QtcmVmcmVzaC9vbmx5LWV4cG9ydC1jb21wb25lbnRzIjogWyJ3YXJuIiwgewogICAgICBhbGxvd0NvbnN0YW50RXhwb3J0OiB0cnVlLAogICAgfV0sCgogICAgImltcG9ydC9uYW1lZCI6ICJlcnJvciIsCiAgICAiaW1wb3J0L2RlZmF1bHQiOiAiZXJyb3IiLAogICAgImltcG9ydC9uYW1lc3BhY2UiOiAiZXJyb3IiLAogICAgImltcG9ydC9uby1kdXBsaWNhdGVzIjogImVycm9yIiwKICAgICJpbXBvcnQvbm8tZXh0cmFuZW91cy1kZXBlbmRlbmNpZXMiOiAiZXJyb3IiLAoKICAgICJyZWFjdC9yZWFjdC1pbi1qc3gtc2NvcGUiOiAib2ZmIiwKICB9LAp9KTsK"
+}], ["index.html", {
+  type: "raw",
+  body: `<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Widget: Ontology SDK + React</title>
+  </head>
+  <body>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
+</html>
+`
+}], ["package.json.hbs", {
+  type: "raw",
+  body: `{
+  "name": "{{project}}",
+  "private": true,
+  "version": "0.0.0",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc && vite build",
+    "lint": "eslint . --report-unused-disable-directives --max-warnings 0",
+    "test": "vitest run",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "{{osdkPackage}}": "latest",
+    "@osdk/client": "workspace:~",
+    "@osdk/widget-client-react.unstable": "workspace:~",
+    "@osdk/widget-client.unstable": "workspace:~",
+    "@radix-ui/react-icons": "^1.3.1",
+    "@radix-ui/themes": "^3.1.4",
+    "react": "^18",
+    "react-dom": "^18",
+    "react-router-dom": "^6.23.1"
+  },
+  "devDependencies": {
+    "@eslint/compat": "^1.2.1",
+    "@eslint/js": "^9.13.0",
+    "@osdk/widget-manifest-vite-plugin": "workspace:~",
+    "@types/react": "^18",
+    "@types/react-dom": "^18",
+    "@typescript-eslint/eslint-plugin": "^8.11.0",
+    "@typescript-eslint/parser": "^8.11.0",
+    "@vitejs/plugin-react": "^4.2.0",
+    "eslint": "^9.13.0",
+    "eslint-plugin-import": "^2.31.0",
+    "eslint-plugin-jsx-a11y": "^6.10.1",
+    "eslint-plugin-react": "^7.37.2",
+    "eslint-plugin-react-hooks": "^5.0.0",
+    "eslint-plugin-react-refresh": "^0.4.14",
+    "globals": "^15.11.0",
+    "typescript": "~5.5.4",
+    "typescript-eslint": "^8.11.0",
+    "vite": "^5.4.8",
+    "vitest": "^2.1.2"
+  }
+}`
+}], ["src/context.ts", {
+  "type": "base64",
+  "body": "aW1wb3J0IHsgdXNlRm91bmRyeVdpZGdldENvbnRleHQgfSBmcm9tICJAb3Nkay93aWRnZXQtY2xpZW50LXJlYWN0LnVuc3RhYmxlIjsKaW1wb3J0IHR5cGUgTWFpbkNvbmZpZyBmcm9tICIuL21haW4uY29uZmlnLmpzIjsKCmV4cG9ydCBjb25zdCB1c2VXaWRnZXRDb250ZXh0ID0gdXNlRm91bmRyeVdpZGdldENvbnRleHQud2l0aFR5cGVzPAogIHR5cGVvZiBNYWluQ29uZmlnCj4oKTsK"
+}], ["src/main.config.ts.hbs", {
+  type: "raw",
+  body: `import { defineConfig } from "@osdk/widget-client.unstable";
+
+export default defineConfig({
+  type: "workshop",
+  rid: "{{widgetRid}}",
+  parameters: {
+    headerText: {
+      displayName: "Widget title",
+      type: "string",
+    },
+    todoItems: {
+      displayName: "Todo items",
+      type: "array",
+      subType: "string",
+    },
+  },
+  events: {
+    updateHeader: {
+      displayName: "Update header",
+      parameterUpdateIds: ["headerText"],
+    },
+    updateTodoItems: {
+      displayName: "Update todo items",
+      parameterUpdateIds: ["todoItems"],
+    },
+  },
+});
+`
+}], ["src/main.css", {
+  "type": "base64",
+  "body": ""
+}], ["src/main.tsx", {
+  type: "raw",
+  body: `import "@radix-ui/themes/styles.css";
+import "./main.css";
+
+import { FoundryWidget } from "@osdk/widget-client-react.unstable";
+import { Theme } from "@radix-ui/themes";
+import { createRoot } from "react-dom/client";
+import MainConfig from "./main.config.js";
+import { App } from "./widget.js";
+
+const root = document.querySelector("body")!;
+
+createRoot(root).render(
+  <Theme>
+    <FoundryWidget config={MainConfig}>
+      <App />
+    </FoundryWidget>
+  </Theme>,
+);
+`
+}], ["src/vite-env.d.ts", {
+  "type": "base64",
+  "body": "Ly8vIDxyZWZlcmVuY2UgdHlwZXM9InZpdGUvY2xpZW50IiAvPgo="
+}], ["src/widget.tsx.hbs", {
+  type: "raw",
+  body: `import { $Actions, $Objects, $Queries } from "{{osdkPackage}}";
+import {
+  Box,
+  Button,
+  Checkbox,
+  Container,
+  Flex,
+  Heading,
+  Skeleton,
+  Table,
+  Text,
+  TextField,
+} from "@radix-ui/themes";
+import React, { useCallback, useState } from "react";
+import { useWidgetContext } from "./context.js";
+
+export const App: React.FC = () => {
+  const { parameters, emitEvent } = useWidgetContext();
+  const { headerText, todoItems } = parameters.values;
+  const [newTodoItem, setNewTodoItem] = useState("");
+
+  const handleAddTodoItem = useCallback(() => {
+    emitEvent("updateTodoItems", {
+      parameterUpdates: {
+        todoItems: [...(todoItems ?? []), newTodoItem],
+      },
+    });
+    setNewTodoItem("");
+  }, [emitEvent, newTodoItem, todoItems]);
+
+  const handleNewTodoItemChange = useCallback(
+    (event: React.ChangeEvent<HTMLInputElement>) => {
+      setNewTodoItem(event.target.value);
+    },
+    []
+  );
+
+  const objectApiNames = Object.keys($Objects);
+  const actionApiNames = Object.keys($Actions);
+  const queryApiNames = Object.keys($Queries);
+
+  return (
+    <Box>
+      <Container size="1">
+        <Flex direction="column" gap="4">
+          <Flex p="5" direction="column" gap="2">
+            <Heading size="4">
+              {parameters.state === "loading"
+                  || parameters.state === "not-started"
+                ? <Skeleton>Hello, world!</Skeleton>
+                : headerText ?? "{{project}}"}
+            </Heading>
+
+            <Table.Root>
+              <Table.Header>
+                <Table.Row>
+                  <Table.ColumnHeaderCell>Finished</Table.ColumnHeaderCell>
+                  <Table.ColumnHeaderCell>Item</Table.ColumnHeaderCell>
+                </Table.Row>
+              </Table.Header>
+
+              <Table.Body>
+                {(parameters.state === "loading"
+                  || parameters.state === "not-started") && (
+                  <>
+                    <Table.Row>
+                      <Table.Cell>
+                        <Skeleton>
+                          <Checkbox />
+                        </Skeleton>
+                      </Table.Cell>
+                      <Table.Cell>
+                        <Skeleton>Loading cell</Skeleton>
+                      </Table.Cell>
+                    </Table.Row>
+                    <Table.Row>
+                      <Table.Cell>
+                        <Skeleton>
+                          <Checkbox />
+                        </Skeleton>
+                      </Table.Cell>
+                      <Table.Cell>
+                        <Skeleton>Loading cell</Skeleton>
+                      </Table.Cell>
+                    </Table.Row>
+                  </>
+                )}
+                {parameters.state === "loaded"
+                  && todoItems?.map((item, index) => (
+                    <Table.Row key={index}>
+                      <Table.Cell>
+                        <Checkbox />
+                      </Table.Cell>
+                      <Table.Cell>{item}</Table.Cell>
+                    </Table.Row>
+                  ))}
+                {parameters.state === "loaded"
+                  && (todoItems ?? []).length === 0 && (
+                  <Table.Row>
+                    <Table.Cell colSpan={2}>No items yet</Table.Cell>
+                  </Table.Row>
+                )}
+                <Table.Row>
+                  <Table.Cell colSpan={2}>
+                    <Flex gap="2">
+                      <TextField.Root
+                        value={newTodoItem}
+                        onChange={handleNewTodoItemChange}
+                        size="2"
+                        placeholder="Add item\u2026"
+                      />
+                      <Button onClick={handleAddTodoItem}>Add item</Button>
+                    </Flex>
+                  </Table.Cell>
+                </Table.Row>
+              </Table.Body>
+            </Table.Root>
+
+          </Flex>
+          <Box>
+            <Flex direction="column" gap="2">
+              <Text>
+                Try and of the following methods from your Ontology SDK
+              </Text>
+              <Flex direction="column" gap="1">
+                <Heading size="4">Objects ({objectApiNames.length})</Heading>
+                <pre>
+                  {objectApiNames.map((objectApiName) => (
+                    <div key={objectApiName}>client({objectApiName})</div>
+                  ))}
+                </pre>
+              </Flex>
+              <Flex direction="column" gap="1">
+                <Heading size="4">Actions ({actionApiNames.length})</Heading>
+                <pre>
+                  {actionApiNames.map((actionApiName) => (
+                    <div key={actionApiName}>client({actionApiName})</div>
+                  ))}
+                </pre>
+              </Flex>
+              <Flex direction="column" gap="1">
+                <Heading size="4">Queries ({queryApiNames.length})</Heading>
+                <pre>
+                  {queryApiNames.map((queryApiName) => (
+                    <div key={queryApiName}>client({queryApiName})</div>
+                  ))}
+                </pre>
+              </Flex>
+            </Flex>
+          </Box>
+        </Flex>
+      </Container>
+    </Box>
+  );
+};
+`
+}], ["tsconfig.json", {
+  "type": "base64",
+  "body": "ewogICJjb21waWxlck9wdGlvbnMiOiB7CiAgICAidGFyZ2V0IjogIkVTMjAyMCIsCiAgICAidXNlRGVmaW5lRm9yQ2xhc3NGaWVsZHMiOiB0cnVlLAogICAgImxpYiI6IFsiRVMyMDIwIiwgIkRPTSIsICJET00uSXRlcmFibGUiXSwKICAgICJtb2R1bGUiOiAiRVNOZXh0IiwKICAgICJza2lwTGliQ2hlY2siOiB0cnVlLAoKICAgIC8qIEJ1bmRsZXIgbW9kZSAqLwogICAgIm1vZHVsZVJlc29sdXRpb24iOiAiYnVuZGxlciIsCiAgICAiYWxsb3dJbXBvcnRpbmdUc0V4dGVuc2lvbnMiOiB0cnVlLAogICAgInJlc29sdmVKc29uTW9kdWxlIjogdHJ1ZSwKICAgICJpc29sYXRlZE1vZHVsZXMiOiB0cnVlLAogICAgIm5vRW1pdCI6IHRydWUsCiAgICAianN4IjogInJlYWN0LWpzeCIsCgogICAgLyogTGludGluZyAqLwogICAgInN0cmljdCI6IHRydWUsCiAgICAibm9VbnVzZWRMb2NhbHMiOiB0cnVlLAogICAgIm5vVW51c2VkUGFyYW1ldGVycyI6IHRydWUsCiAgICAibm9GYWxsdGhyb3VnaENhc2VzSW5Td2l0Y2giOiB0cnVlCiAgfSwKICAiaW5jbHVkZSI6IFsic3JjIl0sCiAgInJlZmVyZW5jZXMiOiBbeyAicGF0aCI6ICIuL3RzY29uZmlnLm5vZGUuanNvbiIgfV0KfQo="
+}], ["tsconfig.node.json", {
+  "type": "base64",
+  "body": "ewogICJjb21waWxlck9wdGlvbnMiOiB7CiAgICAiY29tcG9zaXRlIjogdHJ1ZSwKICAgICJza2lwTGliQ2hlY2siOiB0cnVlLAogICAgIm1vZHVsZSI6ICJFU05leHQiLAogICAgIm1vZHVsZVJlc29sdXRpb24iOiAiYnVuZGxlciIsCiAgICAiYWxsb3dTeW50aGV0aWNEZWZhdWx0SW1wb3J0cyI6IHRydWUKICB9LAogICJpbmNsdWRlIjogWyJ2aXRlLmNvbmZpZy50cyJdCn0K"
+}], ["vite.config.ts.hbs", {
+  type: "raw",
+  body: `import widgetManifestPlugin from "@osdk/widget-manifest-vite-plugin";
+import react from "@vitejs/plugin-react";
+import { defineConfig } from "vite";
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  plugins: [react(), widgetManifestPlugin()],
+  server: {
+    port: 8080,
+  },
+});
+`
+}]]);
+
+export { files };
+//# sourceMappingURL=esm-RYPQIV5S.js.map
+//# sourceMappingURL=esm-RYPQIV5S.js.map

package/build/browser/esm-RYPQIV5S.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../create-widget.template.react.v2/build/esm/generatedNoCheck/index.js"],"names":[],"mappings":"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","file":"esm-RYPQIV5S.js","sourcesContent":["export const files = new Map([[\"README.md.hbs\", {\n  type: \"raw\",\n  body: `# {{project}}\n\nThis project was generated with [\\`@osdk/create-widget\\`](https://www.npmjs.com/package/@osdk/create-widget) and demonstrates developing a custom widget to be embedded within Foundry UIs such as Workshop. It uses the Ontology SDK package \\`{{osdkPackage}}\\` with React on top of Vite. Check out the [Vite](https://vitejs.dev/guide/) docs for further configuration.\n\n## Developing\n\nRun the following command or equivalent with your preferred package manager to start a local development server on \\`http://localhost:8080\\`:\n\n\\`\\`\\`sh\nnpm run dev\n\\`\\`\\`\n\nDevelopment configuration is stored in \\`.env.development\\`.\n\n## Deploying\n\nRun the following command or equivalent with your preferred package manager to create a production build of your application:\n\n\\`\\`\\`sh\nnpm run build\n\\`\\`\\`\n\nProduction configuration is stored in \\`.env.production\\`.\n\nA \\`foundry.config.json\\` file is included in the root of this project to make deploying to Foundry website hosting with [\\`@osdk/cli\\`](https://www.npmjs.com/package/@osdk/cli) easier. If you are not using Foundry website hosting for your application you may delete this file.\n`\n}], [\".gitignore\", {\n  type: \"raw\",\n  body: `# Logs\nlogs\n*.log\nnpm-debug.log*\nyarn-debug.log*\nyarn-error.log*\npnpm-debug.log*\nlerna-debug.log*\n\nnode_modules\ndist\ndist-ssr\n*.local\n\n# Editor directories and files\n.vscode/*\n!.vscode/extensions.json\n.idea\n.DS_Store\n*.suo\n*.ntvs*\n*.njsproj\n*.sln\n*.sw?\n`\n}], [\"eslint.config.mjs\", {\n  \"type\": \"base64\",\n  \"body\": \"Ly8gQHRzLWNoZWNrCmltcG9ydCBlc2xpbnQgZnJvbSAiQGVzbGludC9qcyI7CmltcG9ydCB0c1BhcnNlciBmcm9tICJAdHlwZXNjcmlwdC1lc2xpbnQvcGFyc2VyIjsKaW1wb3J0ICogYXMgaW1wb3J0UGx1Z2luIGZyb20gImVzbGludC1wbHVnaW4taW1wb3J0IjsKaW1wb3J0IGpzeEExMXlQbHVnaW4gZnJvbSAiZXNsaW50LXBsdWdpbi1qc3gtYTExeSI7CmltcG9ydCByZWFjdFBsdWdpbiBmcm9tICJlc2xpbnQtcGx1Z2luLXJlYWN0IjsKaW1wb3J0IHJlYWN0SG9va3NQbHVnaW4gZnJvbSAiZXNsaW50LXBsdWdpbi1yZWFjdC1ob29rcyI7CmltcG9ydCByZWFjdFJlZnJlc2ggZnJvbSAiZXNsaW50LXBsdWdpbi1yZWFjdC1yZWZyZXNoIjsKaW1wb3J0IGdsb2JhbHMgZnJvbSAiZ2xvYmFscyI7CmltcG9ydCB0c2VzbGludCBmcm9tICJ0eXBlc2NyaXB0LWVzbGludCI7CgpleHBvcnQgZGVmYXVsdCB0c2VzbGludC5jb25maWcoewogIGZpbGVzOiBbImVzbGludC5jb25maWcubWpzIiwgInNyYy8qKi8qLntqcyxtanMsY2pzLHRzLGpzeCx0c3h9Il0sCiAgc2V0dGluZ3M6IHsKICAgIHJlYWN0OiB7CiAgICAgIHZlcnNpb246ICJkZXRlY3QiLAogICAgfSwKCiAgICAiaW1wb3J0L3Jlc29sdmVyIjogewogICAgICBub2RlOiB7CiAgICAgICAgZXh0ZW5zaW9uczogWyIuanMiLCAiLmpzeCIsICIudHMiLCAiLnRzeCJdLAogICAgICB9LAogICAgfSwKICB9LAogIGxhbmd1YWdlT3B0aW9uczogewogICAgZ2xvYmFsczogewogICAgICAuLi5nbG9iYWxzLmJyb3dzZXIsCiAgICB9LAoKICAgIHBhcnNlcjogdHNQYXJzZXIsCiAgfSwKICBleHRlbmRzOiBbCiAgICBlc2xpbnQuY29uZmlncy5yZWNvbW1lbmRlZCwKICAgIC4uLnRzZXNsaW50LmNvbmZpZ3MucmVjb21tZW5kZWQsCiAgXSwKICBwbHVnaW5zOiB7CiAgICAicmVhY3QiOiAvKiogQHR5cGUgaW1wb3J0KCJlc2xpbnQiKS5FU0xpbnQuUGx1Z2luICovIChyZWFjdFBsdWdpbiksCiAgICAicmVhY3QtcmVmcmVzaCI6IHJlYWN0UmVmcmVzaCwKICAgICJyZWFjdC1ob29rcyI6CiAgICAgIC8qKiBAdHlwZSBpbXBvcnQoImVzbGludCIpLkVTTGludC5QbHVnaW4gKi8gKHJlYWN0SG9va3NQbHVnaW4pLAogICAgImpzeC1hMTF5IjoganN4QTExeVBsdWdpbiwKICAgICJpbXBvcnQiOiBpbXBvcnRQbHVnaW4sCiAgfSwKICBydWxlczogewogICAgLi4uKAogICAgICAvKiogQHR5cGUgaW1wb3J0KCJlc2xpbnQiKS5MaW50ZXIuUnVsZXNSZWNvcmQgKi8KICAgICAgKHJlYWN0UGx1Z2luLmNvbmZpZ3MuZmxhdD8ucmVjb21tZW5kZWQucnVsZXMpCiAgICApLAogICAgInJlYWN0LWhvb2tzL3J1bGVzLW9mLWhvb2tzIjogImVycm9yIiwKICAgICJyZWFjdC1ob29rcy9leGhhdXN0aXZlLWRlcHMiOiAid2FybiIsCiAgICAuLi5qc3hBMTF5UGx1Z2luLmNvbmZpZ3MucmVjb21tZW5kZWQucnVsZXMsCiAgICAicmVhY3QtcmVmcmVzaC9vbmx5LWV4cG9ydC1jb21wb25lbnRzIjogWyJ3YXJuIiwgewogICAgICBhbGxvd0NvbnN0YW50RXhwb3J0OiB0cnVlLAogICAgfV0sCgogICAgImltcG9ydC9uYW1lZCI6ICJlcnJvciIsCiAgICAiaW1wb3J0L2RlZmF1bHQiOiAiZXJyb3IiLAogICAgImltcG9ydC9uYW1lc3BhY2UiOiAiZXJyb3IiLAogICAgImltcG9ydC9uby1kdXBsaWNhdGVzIjogImVycm9yIiwKICAgICJpbXBvcnQvbm8tZXh0cmFuZW91cy1kZXBlbmRlbmNpZXMiOiAiZXJyb3IiLAoKICAgICJyZWFjdC9yZWFjdC1pbi1qc3gtc2NvcGUiOiAib2ZmIiwKICB9LAp9KTsK\"\n}], [\"index.html\", {\n  type: \"raw\",\n  body: `<!doctype html>\n<html lang=\"en\">\n  <head>\n    <meta charset=\"UTF-8\" />\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" />\n    <title>Widget: Ontology SDK + React</title>\n  </head>\n  <body>\n    <script type=\"module\" src=\"/src/main.tsx\"></script>\n  </body>\n</html>\n`\n}], [\"package.json.hbs\", {\n  type: \"raw\",\n  body: `{\n  \"name\": \"{{project}}\",\n  \"private\": true,\n  \"version\": \"0.0.0\",\n  \"type\": \"module\",\n  \"scripts\": {\n    \"dev\": \"vite\",\n    \"build\": \"tsc && vite build\",\n    \"lint\": \"eslint . --report-unused-disable-directives --max-warnings 0\",\n    \"test\": \"vitest run\",\n    \"preview\": \"vite preview\"\n  },\n  \"dependencies\": {\n    \"{{osdkPackage}}\": \"latest\",\n    \"@osdk/client\": \"workspace:~\",\n    \"@osdk/widget-client-react.unstable\": \"workspace:~\",\n    \"@osdk/widget-client.unstable\": \"workspace:~\",\n    \"@radix-ui/react-icons\": \"^1.3.1\",\n    \"@radix-ui/themes\": \"^3.1.4\",\n    \"react\": \"^18\",\n    \"react-dom\": \"^18\",\n    \"react-router-dom\": \"^6.23.1\"\n  },\n  \"devDependencies\": {\n    \"@eslint/compat\": \"^1.2.1\",\n    \"@eslint/js\": \"^9.13.0\",\n    \"@osdk/widget-manifest-vite-plugin\": \"workspace:~\",\n    \"@types/react\": \"^18\",\n    \"@types/react-dom\": \"^18\",\n    \"@typescript-eslint/eslint-plugin\": \"^8.11.0\",\n    \"@typescript-eslint/parser\": \"^8.11.0\",\n    \"@vitejs/plugin-react\": \"^4.2.0\",\n    \"eslint\": \"^9.13.0\",\n    \"eslint-plugin-import\": \"^2.31.0\",\n    \"eslint-plugin-jsx-a11y\": \"^6.10.1\",\n    \"eslint-plugin-react\": \"^7.37.2\",\n    \"eslint-plugin-react-hooks\": \"^5.0.0\",\n    \"eslint-plugin-react-refresh\": \"^0.4.14\",\n    \"globals\": \"^15.11.0\",\n    \"typescript\": \"~5.5.4\",\n    \"typescript-eslint\": \"^8.11.0\",\n    \"vite\": \"^5.4.8\",\n    \"vitest\": \"^2.1.2\"\n  }\n}`\n}], [\"src/context.ts\", {\n  \"type\": \"base64\",\n  \"body\": \"aW1wb3J0IHsgdXNlRm91bmRyeVdpZGdldENvbnRleHQgfSBmcm9tICJAb3Nkay93aWRnZXQtY2xpZW50LXJlYWN0LnVuc3RhYmxlIjsKaW1wb3J0IHR5cGUgTWFpbkNvbmZpZyBmcm9tICIuL21haW4uY29uZmlnLmpzIjsKCmV4cG9ydCBjb25zdCB1c2VXaWRnZXRDb250ZXh0ID0gdXNlRm91bmRyeVdpZGdldENvbnRleHQud2l0aFR5cGVzPAogIHR5cGVvZiBNYWluQ29uZmlnCj4oKTsK\"\n}], [\"src/main.config.ts.hbs\", {\n  type: \"raw\",\n  body: `import { defineConfig } from \"@osdk/widget-client.unstable\";\n\nexport default defineConfig({\n  type: \"workshop\",\n  rid: \"{{widgetRid}}\",\n  parameters: {\n    headerText: {\n      displayName: \"Widget title\",\n      type: \"string\",\n    },\n    todoItems: {\n      displayName: \"Todo items\",\n      type: \"array\",\n      subType: \"string\",\n    },\n  },\n  events: {\n    updateHeader: {\n      displayName: \"Update header\",\n      parameterUpdateIds: [\"headerText\"],\n    },\n    updateTodoItems: {\n      displayName: \"Update todo items\",\n      parameterUpdateIds: [\"todoItems\"],\n    },\n  },\n});\n`\n}], [\"src/main.css\", {\n  \"type\": \"base64\",\n  \"body\": \"\"\n}], [\"src/main.tsx\", {\n  type: \"raw\",\n  body: `import \"@radix-ui/themes/styles.css\";\nimport \"./main.css\";\n\nimport { FoundryWidget } from \"@osdk/widget-client-react.unstable\";\nimport { Theme } from \"@radix-ui/themes\";\nimport { createRoot } from \"react-dom/client\";\nimport MainConfig from \"./main.config.js\";\nimport { App } from \"./widget.js\";\n\nconst root = document.querySelector(\"body\")!;\n\ncreateRoot(root).render(\n  <Theme>\n    <FoundryWidget config={MainConfig}>\n      <App />\n    </FoundryWidget>\n  </Theme>,\n);\n`\n}], [\"src/vite-env.d.ts\", {\n  \"type\": \"base64\",\n  \"body\": \"Ly8vIDxyZWZlcmVuY2UgdHlwZXM9InZpdGUvY2xpZW50IiAvPgo=\"\n}], [\"src/widget.tsx.hbs\", {\n  type: \"raw\",\n  body: `import { \\$Actions, \\$Objects, \\$Queries } from \"{{osdkPackage}}\";\nimport {\n  Box,\n  Button,\n  Checkbox,\n  Container,\n  Flex,\n  Heading,\n  Skeleton,\n  Table,\n  Text,\n  TextField,\n} from \"@radix-ui/themes\";\nimport React, { useCallback, useState } from \"react\";\nimport { useWidgetContext } from \"./context.js\";\n\nexport const App: React.FC = () => {\n  const { parameters, emitEvent } = useWidgetContext();\n  const { headerText, todoItems } = parameters.values;\n  const [newTodoItem, setNewTodoItem] = useState(\"\");\n\n  const handleAddTodoItem = useCallback(() => {\n    emitEvent(\"updateTodoItems\", {\n      parameterUpdates: {\n        todoItems: [...(todoItems ?? []), newTodoItem],\n      },\n    });\n    setNewTodoItem(\"\");\n  }, [emitEvent, newTodoItem, todoItems]);\n\n  const handleNewTodoItemChange = useCallback(\n    (event: React.ChangeEvent<HTMLInputElement>) => {\n      setNewTodoItem(event.target.value);\n    },\n    []\n  );\n\n  const objectApiNames = Object.keys(\\$Objects);\n  const actionApiNames = Object.keys(\\$Actions);\n  const queryApiNames = Object.keys(\\$Queries);\n\n  return (\n    <Box>\n      <Container size=\"1\">\n        <Flex direction=\"column\" gap=\"4\">\n          <Flex p=\"5\" direction=\"column\" gap=\"2\">\n            <Heading size=\"4\">\n              {parameters.state === \"loading\"\n                  || parameters.state === \"not-started\"\n                ? <Skeleton>Hello, world!</Skeleton>\n                : headerText ?? \"{{project}}\"}\n            </Heading>\n\n            <Table.Root>\n              <Table.Header>\n                <Table.Row>\n                  <Table.ColumnHeaderCell>Finished</Table.ColumnHeaderCell>\n                  <Table.ColumnHeaderCell>Item</Table.ColumnHeaderCell>\n                </Table.Row>\n              </Table.Header>\n\n              <Table.Body>\n                {(parameters.state === \"loading\"\n                  || parameters.state === \"not-started\") && (\n                  <>\n                    <Table.Row>\n                      <Table.Cell>\n                        <Skeleton>\n                          <Checkbox />\n                        </Skeleton>\n                      </Table.Cell>\n                      <Table.Cell>\n                        <Skeleton>Loading cell</Skeleton>\n                      </Table.Cell>\n                    </Table.Row>\n                    <Table.Row>\n                      <Table.Cell>\n                        <Skeleton>\n                          <Checkbox />\n                        </Skeleton>\n                      </Table.Cell>\n                      <Table.Cell>\n                        <Skeleton>Loading cell</Skeleton>\n                      </Table.Cell>\n                    </Table.Row>\n                  </>\n                )}\n                {parameters.state === \"loaded\"\n                  && todoItems?.map((item, index) => (\n                    <Table.Row key={index}>\n                      <Table.Cell>\n                        <Checkbox />\n                      </Table.Cell>\n                      <Table.Cell>{item}</Table.Cell>\n                    </Table.Row>\n                  ))}\n                {parameters.state === \"loaded\"\n                  && (todoItems ?? []).length === 0 && (\n                  <Table.Row>\n                    <Table.Cell colSpan={2}>No items yet</Table.Cell>\n                  </Table.Row>\n                )}\n                <Table.Row>\n                  <Table.Cell colSpan={2}>\n                    <Flex gap=\"2\">\n                      <TextField.Root\n                        value={newTodoItem}\n                        onChange={handleNewTodoItemChange}\n                        size=\"2\"\n                        placeholder=\"Add item…\"\n                      />\n                      <Button onClick={handleAddTodoItem}>Add item</Button>\n                    </Flex>\n                  </Table.Cell>\n                </Table.Row>\n              </Table.Body>\n            </Table.Root>\n\n          </Flex>\n          <Box>\n            <Flex direction=\"column\" gap=\"2\">\n              <Text>\n                Try and of the following methods from your Ontology SDK\n              </Text>\n              <Flex direction=\"column\" gap=\"1\">\n                <Heading size=\"4\">Objects ({objectApiNames.length})</Heading>\n                <pre>\n                  {objectApiNames.map((objectApiName) => (\n                    <div key={objectApiName}>client({objectApiName})</div>\n                  ))}\n                </pre>\n              </Flex>\n              <Flex direction=\"column\" gap=\"1\">\n                <Heading size=\"4\">Actions ({actionApiNames.length})</Heading>\n                <pre>\n                  {actionApiNames.map((actionApiName) => (\n                    <div key={actionApiName}>client({actionApiName})</div>\n                  ))}\n                </pre>\n              </Flex>\n              <Flex direction=\"column\" gap=\"1\">\n                <Heading size=\"4\">Queries ({queryApiNames.length})</Heading>\n                <pre>\n                  {queryApiNames.map((queryApiName) => (\n                    <div key={queryApiName}>client({queryApiName})</div>\n                  ))}\n                </pre>\n              </Flex>\n            </Flex>\n          </Box>\n        </Flex>\n      </Container>\n    </Box>\n  );\n};\n`\n}], [\"tsconfig.json\", {\n  \"type\": \"base64\",\n  \"body\": \"ewogICJjb21waWxlck9wdGlvbnMiOiB7CiAgICAidGFyZ2V0IjogIkVTMjAyMCIsCiAgICAidXNlRGVmaW5lRm9yQ2xhc3NGaWVsZHMiOiB0cnVlLAogICAgImxpYiI6IFsiRVMyMDIwIiwgIkRPTSIsICJET00uSXRlcmFibGUiXSwKICAgICJtb2R1bGUiOiAiRVNOZXh0IiwKICAgICJza2lwTGliQ2hlY2siOiB0cnVlLAoKICAgIC8qIEJ1bmRsZXIgbW9kZSAqLwogICAgIm1vZHVsZVJlc29sdXRpb24iOiAiYnVuZGxlciIsCiAgICAiYWxsb3dJbXBvcnRpbmdUc0V4dGVuc2lvbnMiOiB0cnVlLAogICAgInJlc29sdmVKc29uTW9kdWxlIjogdHJ1ZSwKICAgICJpc29sYXRlZE1vZHVsZXMiOiB0cnVlLAogICAgIm5vRW1pdCI6IHRydWUsCiAgICAianN4IjogInJlYWN0LWpzeCIsCgogICAgLyogTGludGluZyAqLwogICAgInN0cmljdCI6IHRydWUsCiAgICAibm9VbnVzZWRMb2NhbHMiOiB0cnVlLAogICAgIm5vVW51c2VkUGFyYW1ldGVycyI6IHRydWUsCiAgICAibm9GYWxsdGhyb3VnaENhc2VzSW5Td2l0Y2giOiB0cnVlCiAgfSwKICAiaW5jbHVkZSI6IFsic3JjIl0sCiAgInJlZmVyZW5jZXMiOiBbeyAicGF0aCI6ICIuL3RzY29uZmlnLm5vZGUuanNvbiIgfV0KfQo=\"\n}], [\"tsconfig.node.json\", {\n  \"type\": \"base64\",\n  \"body\": \"ewogICJjb21waWxlck9wdGlvbnMiOiB7CiAgICAiY29tcG9zaXRlIjogdHJ1ZSwKICAgICJza2lwTGliQ2hlY2siOiB0cnVlLAogICAgIm1vZHVsZSI6ICJFU05leHQiLAogICAgIm1vZHVsZVJlc29sdXRpb24iOiAiYnVuZGxlciIsCiAgICAiYWxsb3dTeW50aGV0aWNEZWZhdWx0SW1wb3J0cyI6IHRydWUKICB9LAogICJpbmNsdWRlIjogWyJ2aXRlLmNvbmZpZy50cyJdCn0K\"\n}], [\"vite.config.ts.hbs\", {\n  type: \"raw\",\n  body: `import widgetManifestPlugin from \"@osdk/widget-manifest-vite-plugin\";\nimport react from \"@vitejs/plugin-react\";\nimport { defineConfig } from \"vite\";\n\n// https://vitejs.dev/config/\nexport default defineConfig({\n  plugins: [react(), widgetManifestPlugin()],\n  server: {\n    port: 8080,\n  },\n});\n`\n}]]);"]}