@osdk/create-widget 3.1.0-beta.2 → 3.1.0-beta.3

package/CHANGELOG.md

@@ -1,5 +1,7 @@
 # @osdk/create-widget
 
+## 3.1.0-beta.3
+
 ## 3.1.0-beta.2
 
 ## 3.0.0-beta.6

package/build/esm/{esm-CYR4XNBC.js → esm-EV4JD4K7.js}

@@ -152,6 +152,8 @@ import {
 } from "@radix-ui/themes";
 import React, { useCallback, useState } from "react";
 import { useWidgetContext } from "./context.js";
+// import { client } from "./client.js";
+// View the API documentation for your widget set to learn how to use the Ontology SDK.
 
 export const Widget: React.FC = () => {
   const { parameters, emitEvent } = useWidgetContext();
@@ -293,6 +295,17 @@ export const Widget: React.FC = () => {
   );
 };
 `
+}], ["src/client.ts.hbs", {
+  type: "raw",
+  body: `import { $ontologyRid } from "{{osdkPackage}}";
+import { createClient } from "@osdk/client";
+
+export const client = createClient(
+  window.location.origin,
+  $ontologyRid,
+  () => Promise.resolve("widgets-auth"),
+);
+`
 }], ["src/context.ts", {
   "type": "base64",
   "body": "aW1wb3J0IHsgdXNlRm91bmRyeVdpZGdldENvbnRleHQgfSBmcm9tICJAb3Nkay93aWRnZXQuY2xpZW50LXJlYWN0IjsKaW1wb3J0IHR5cGUgTWFpbkNvbmZpZyBmcm9tICIuL21haW4uY29uZmlnLmpzIjsKCmV4cG9ydCBjb25zdCB1c2VXaWRnZXRDb250ZXh0ID0gdXNlRm91bmRyeVdpZGdldENvbnRleHQud2l0aFR5cGVzPAogIHR5cGVvZiBNYWluQ29uZmlnCj4oKTsK"
@@ -388,5 +401,5 @@ export default defineConfig({
 }]]);
 
 export { files };
-//# sourceMappingURL=esm-CYR4XNBC.js.map
-//# sourceMappingURL=esm-CYR4XNBC.js.map
+//# sourceMappingURL=esm-EV4JD4K7.js.map
+//# sourceMappingURL=esm-EV4JD4K7.js.map

package/build/esm/esm-EV4JD4K7.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-EV4JD4K7.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 custom widgets 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. The Vite plugin [\\`@osdk/widget.vite-plugin\\`](https://www.npmjs.com/package/@osdk/widget.vite-plugin) automatically generates a \\`widgets.config.json\\` manifest file containing metadata about widgets inside this project during the build command.\n\n## Developing\n\nRun the following command or equivalent with your preferred package manager to start a local development server and follow the instructions printed to set up developer mode in Foundry:\n\n\\`\\`\\`sh\nnpm run dev\n\\`\\`\\`\n\n\n## Deploying\n\nA \\`foundry.config.json\\` file is included in the root of this project containing the deployment configuration to Foundry.\n\nRun the following command or equivalent with your preferred package manager to create a production build of your widgets:\n\n\\`\\`\\`sh\nnpm run build\n\\`\\`\\`\n\nA \\`.palantir/widgets.config.json\\` manifest file containing metadata about your widgets is created during the build.\n\nRun the following command or equivalent with your preferred package manager to deploy the production build of your widgets:\n\n\\`\\`\\`sh\nnpx @osdk/cli@latest widgetset deploy\n\\`\\`\\`\n\nBy default the \\`package-json\\` strategy is used for determining the version for your widgets from the \\`version\\` field in this project's \\`package.json\\` file. Remember to update this field and rerun the build command to update the manifest file when deploying a new version.\n\nIf you prefer to infer the version from a git tag, you can use the \\`git-describe\\` strategy by setting the \\`autoVersion\\` field in the \\`foundry.config.json\\` file to:\n\n\\`\\`\\`json\n{\n  \"type\": \"git-describe\",\n  \"tagPrefix\": \"\"\n}\n\\`\\`\\`\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    <div id=\"root\"></div>\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 --passWithNoTests\",\n    \"preview\": \"vite preview\"\n  },\n  \"dependencies\": {\n    \"{{osdkPackage}}\": \"latest\",\n    \"@osdk/client\": \"^2.0.0\",\n    \"@osdk/widget.client-react\": \"^3.0.0\",\n    \"@osdk/widget.client\": \"^3.0.0\",\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    \"@osdk/widget.vite-plugin\": \"^3.0.0\",\n    \"@eslint/compat\": \"^1.2.1\",\n    \"@eslint/js\": \"^9.13.0\",\n    \"@types/react\": \"^18\",\n    \"@types/react-dom\": \"^18\",\n    \"@typescript-eslint/eslint-plugin\": \"^8.32.0\",\n    \"@typescript-eslint/parser\": \"^8.32.0\",\n    \"@vitejs/plugin-react\": \"^4.2.0\",\n    \"eslint\": \"^9.19.0\",\n    \"eslint-plugin-import\": \"^2.31.0\",\n    \"eslint-plugin-jsx-a11y\": \"^6.10.1\",\n    \"eslint-plugin-react\": \"^7.37.5\",\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.32.0\",\n    \"vite\": \"^6.3.5\",\n    \"vitest\": \"^3.0.5\"\n  }\n}`\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// import { client } from \"./client.js\";\n// View the API documentation for your widget set to learn how to use the Ontology SDK.\n\nexport const Widget: 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 any 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}], [\"src/client.ts.hbs\", {\n  type: \"raw\",\n  body: `import { \\$ontologyRid } from \"{{osdkPackage}}\";\nimport { createClient } from \"@osdk/client\";\n\nexport const client = createClient(\n  window.location.origin,\n  \\$ontologyRid,\n  () => Promise.resolve(\"widgets-auth\"),\n);\n`\n}], [\"src/context.ts\", {\n  \"type\": \"base64\",\n  \"body\": \"aW1wb3J0IHsgdXNlRm91bmRyeVdpZGdldENvbnRleHQgfSBmcm9tICJAb3Nkay93aWRnZXQuY2xpZW50LXJlYWN0IjsKaW1wb3J0IHR5cGUgTWFpbkNvbmZpZyBmcm9tICIuL21haW4uY29uZmlnLmpzIjsKCmV4cG9ydCBjb25zdCB1c2VXaWRnZXRDb250ZXh0ID0gdXNlRm91bmRyeVdpZGdldENvbnRleHQud2l0aFR5cGVzPAogIHR5cGVvZiBNYWluQ29uZmlnCj4oKTsK\"\n}], [\"src/main.config.ts.hbs\", {\n  type: \"raw\",\n  body: `import { defineConfig } from \"@osdk/widget.client\";\n\n// Any updates to the widget configuration in this file such as new parameters\n// and events will not be reflected in dev mode. Publish a new version of the\n// widget set to start developing against configuration changes.\n\nexport default defineConfig({\n  id: \"widgetId\",\n  name: \"Custom Widget\",\n  description: \"An example custom widget implementation\",\n  type: \"workshop\",\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\";\nimport { Theme } from \"@radix-ui/themes\";\nimport { createRoot } from \"react-dom/client\";\nimport MainConfig from \"./main.config.js\";\nimport { Widget } from \"./Widget.js\";\n\nconst root = document.getElementById(\"root\")!;\n\ncreateRoot(root).render(\n  <Theme>\n    <FoundryWidget config={MainConfig}>\n      <Widget />\n    </FoundryWidget>\n  </Theme>,\n);\n`\n}], [\"src/vite-env.d.ts\", {\n  \"type\": \"base64\",\n  \"body\": \"Ly8vIDxyZWZlcmVuY2UgdHlwZXM9InZpdGUvY2xpZW50IiAvPgo=\"\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 foundryWidgetPlugin from \"@osdk/widget.vite-plugin\";\nimport react from \"@vitejs/plugin-react\";\nimport { defineConfig } from \"vite\";\n\n// https://vitejs.dev/config/\nexport default defineConfig({\n  plugins: [react(), foundryWidgetPlugin()],\n  server: {\n    port: 8080,\n    cors: true,\n  },\n  build: {\n    rollupOptions: {\n      input: [\"./index.html\"],\n    },\n  },\n});\n`\n}]]);"]}

package/build/esm/index.js

@@ -160,7 +160,7 @@ var TEMPLATES = [
     buildDirectory: "./dist",
     requiresOsdk: true,
     files: {
-      "2.x": getPackageFiles(import('./esm-CYR4XNBC.js'))
+      "2.x": getPackageFiles(import('./esm-EV4JD4K7.js'))
     }
   },
   // Minimal React
@@ -358,7 +358,7 @@ async function run({
 
 // src/cli.ts
 async function cli(args = process.argv) {
-  const base = yargs(hideBin(args)).version("3.1.0-beta.2").wrap(Math.min(150, yargs().terminalWidth())).strict().help().command("$0 [project] [--<option>]", "Create a new OSDK widget set based on framework templates. Information may be provided through options to skip interactive prompts.", (yargs2) => yargs2.positional("project", {
+  const base = yargs(hideBin(args)).version("3.1.0-beta.3").wrap(Math.min(150, yargs().terminalWidth())).strict().help().command("$0 [project] [--<option>]", "Create a new OSDK widget set based on framework templates. Information may be provided through options to skip interactive prompts.", (yargs2) => yargs2.positional("project", {
     type: "string",
     describe: "Project name to create"
   }).option("overwrite", {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@osdk/create-widget",
-  "version": "3.1.0-beta.2",
+  "version": "3.1.0-beta.3",
   "description": "",
   "access": "public",
   "license": "Apache-2.0",
@@ -38,9 +38,9 @@
     "redent": "^4.0.0",
     "tmp": "^0.2.3",
     "typescript": "~5.5.4",
-    "@osdk/create-widget.template.minimal-react.v2": "3.1.0-beta.2",
-    "@osdk/create-widget.template.react.v2": "3.1.0-beta.2",
-    "@osdk/generator-utils": "2.4.0-beta.10",
+    "@osdk/create-widget.template.minimal-react.v2": "3.1.0-beta.3",
+    "@osdk/create-widget.template.react.v2": "3.1.0-beta.3",
+    "@osdk/generator-utils": "2.4.0-beta.14",
     "@osdk/monorepo.tsconfig": "~0.3.0-beta.1",
     "@osdk/monorepo.api-extractor": "~0.3.0-beta.1"
   },

package/build/esm/esm-CYR4XNBC.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../create-widget.template.react.v2/build/esm/generatedNoCheck/index.js"],"names":[],"mappings":"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","file":"esm-CYR4XNBC.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 custom widgets 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. The Vite plugin [\\`@osdk/widget.vite-plugin\\`](https://www.npmjs.com/package/@osdk/widget.vite-plugin) automatically generates a \\`widgets.config.json\\` manifest file containing metadata about widgets inside this project during the build command.\n\n## Developing\n\nRun the following command or equivalent with your preferred package manager to start a local development server and follow the instructions printed to set up developer mode in Foundry:\n\n\\`\\`\\`sh\nnpm run dev\n\\`\\`\\`\n\n\n## Deploying\n\nA \\`foundry.config.json\\` file is included in the root of this project containing the deployment configuration to Foundry.\n\nRun the following command or equivalent with your preferred package manager to create a production build of your widgets:\n\n\\`\\`\\`sh\nnpm run build\n\\`\\`\\`\n\nA \\`.palantir/widgets.config.json\\` manifest file containing metadata about your widgets is created during the build.\n\nRun the following command or equivalent with your preferred package manager to deploy the production build of your widgets:\n\n\\`\\`\\`sh\nnpx @osdk/cli@latest widgetset deploy\n\\`\\`\\`\n\nBy default the \\`package-json\\` strategy is used for determining the version for your widgets from the \\`version\\` field in this project's \\`package.json\\` file. Remember to update this field and rerun the build command to update the manifest file when deploying a new version.\n\nIf you prefer to infer the version from a git tag, you can use the \\`git-describe\\` strategy by setting the \\`autoVersion\\` field in the \\`foundry.config.json\\` file to:\n\n\\`\\`\\`json\n{\n  \"type\": \"git-describe\",\n  \"tagPrefix\": \"\"\n}\n\\`\\`\\`\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    <div id=\"root\"></div>\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 --passWithNoTests\",\n    \"preview\": \"vite preview\"\n  },\n  \"dependencies\": {\n    \"{{osdkPackage}}\": \"latest\",\n    \"@osdk/client\": \"^2.0.0\",\n    \"@osdk/widget.client-react\": \"^3.0.0\",\n    \"@osdk/widget.client\": \"^3.0.0\",\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    \"@osdk/widget.vite-plugin\": \"^3.0.0\",\n    \"@eslint/compat\": \"^1.2.1\",\n    \"@eslint/js\": \"^9.13.0\",\n    \"@types/react\": \"^18\",\n    \"@types/react-dom\": \"^18\",\n    \"@typescript-eslint/eslint-plugin\": \"^8.32.0\",\n    \"@typescript-eslint/parser\": \"^8.32.0\",\n    \"@vitejs/plugin-react\": \"^4.2.0\",\n    \"eslint\": \"^9.19.0\",\n    \"eslint-plugin-import\": \"^2.31.0\",\n    \"eslint-plugin-jsx-a11y\": \"^6.10.1\",\n    \"eslint-plugin-react\": \"^7.37.5\",\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.32.0\",\n    \"vite\": \"^6.3.5\",\n    \"vitest\": \"^3.0.5\"\n  }\n}`\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 Widget: 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 any 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}], [\"src/context.ts\", {\n  \"type\": \"base64\",\n  \"body\": \"aW1wb3J0IHsgdXNlRm91bmRyeVdpZGdldENvbnRleHQgfSBmcm9tICJAb3Nkay93aWRnZXQuY2xpZW50LXJlYWN0IjsKaW1wb3J0IHR5cGUgTWFpbkNvbmZpZyBmcm9tICIuL21haW4uY29uZmlnLmpzIjsKCmV4cG9ydCBjb25zdCB1c2VXaWRnZXRDb250ZXh0ID0gdXNlRm91bmRyeVdpZGdldENvbnRleHQud2l0aFR5cGVzPAogIHR5cGVvZiBNYWluQ29uZmlnCj4oKTsK\"\n}], [\"src/main.config.ts.hbs\", {\n  type: \"raw\",\n  body: `import { defineConfig } from \"@osdk/widget.client\";\n\n// Any updates to the widget configuration in this file such as new parameters\n// and events will not be reflected in dev mode. Publish a new version of the\n// widget set to start developing against configuration changes.\n\nexport default defineConfig({\n  id: \"widgetId\",\n  name: \"Custom Widget\",\n  description: \"An example custom widget implementation\",\n  type: \"workshop\",\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\";\nimport { Theme } from \"@radix-ui/themes\";\nimport { createRoot } from \"react-dom/client\";\nimport MainConfig from \"./main.config.js\";\nimport { Widget } from \"./Widget.js\";\n\nconst root = document.getElementById(\"root\")!;\n\ncreateRoot(root).render(\n  <Theme>\n    <FoundryWidget config={MainConfig}>\n      <Widget />\n    </FoundryWidget>\n  </Theme>,\n);\n`\n}], [\"src/vite-env.d.ts\", {\n  \"type\": \"base64\",\n  \"body\": \"Ly8vIDxyZWZlcmVuY2UgdHlwZXM9InZpdGUvY2xpZW50IiAvPgo=\"\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 foundryWidgetPlugin from \"@osdk/widget.vite-plugin\";\nimport react from \"@vitejs/plugin-react\";\nimport { defineConfig } from \"vite\";\n\n// https://vitejs.dev/config/\nexport default defineConfig({\n  plugins: [react(), foundryWidgetPlugin()],\n  server: {\n    port: 8080,\n    cors: true,\n  },\n  build: {\n    rollupOptions: {\n      input: [\"./index.html\"],\n    },\n  },\n});\n`\n}]]);"]}