@osdk/create-widget 2.0.0-beta.9 → 2.1.0-beta.2

package/build/types/templates.d.ts.map

@@ -0,0 +1 @@
+{"mappings":"AAgBA,YAAY,aAAa,QAAQ;AAEjC,YAAY,oBAAoB,YAE5B;CACA,MAAM;CACN;AACD,IACC;CACA,MAAM;CACN;AACD;AAGH,iBAAiB,SAAS;CACxB;CACA;CACA;CACA;CACA;CACA;CACA;CACA,UACG,KAAK,qBAAoB,QAAQ;AAErC;AAED,iBAAiB,gBAAgB;CAC/B;CACA;AACD","names":[],"sources":["../../src/templates.ts"],"version":3,"file":"templates.d.ts"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@osdk/create-widget",
-  "version": "2.0.0-beta.9",
+  "version": "2.1.0-beta.2",
   "description": "",
   "access": "public",
   "license": "Apache-2.0",
@@ -25,10 +25,10 @@
     }
   },
   "dependencies": {
-    "consola": "^3.2.3",
-    "find-up": "^7.0.0",
-    "handlebars": "^4.7.8",
-    "yargs": "^17.7.2"
+    "consola": "3.2.3",
+    "find-up": "7.0.0",
+    "handlebars": "4.7.8",
+    "yargs": "17.7.2"
   },
   "devDependencies": {
     "@types/node": "^18.0.0",
@@ -38,10 +38,11 @@
     "redent": "^4.0.0",
     "tmp": "^0.2.3",
     "typescript": "~5.5.4",
-    "@osdk/create-widget.template.react.v2": "2.0.0-beta.9",
-    "@osdk/generator-utils": "2.1.0-beta.24",
-    "@osdk/monorepo.api-extractor": "~0.0.0",
-    "@osdk/monorepo.tsconfig": "~0.0.0"
+    "@osdk/create-widget.template.react.v2": "2.1.0-beta.2",
+    "@osdk/create-widget.template.minimal-react.v2": "2.1.0-beta.2",
+    "@osdk/generator-utils": "2.2.0-beta.6",
+    "@osdk/monorepo.tsconfig": "~0.1.0-beta.1",
+    "@osdk/monorepo.api-extractor": "~0.1.0-beta.1"
   },
   "publishConfig": {
     "access": "public"

package/build/esm/esm-BZYNTM45.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-BZYNTM45.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 --passWithNoTests\",\n    \"preview\": \"vite preview\"\n  },\n  \"dependencies\": {\n    \"{{osdkPackage}}\": \"latest\",\n    \"@osdk/client\": \"^2.0.0\",\n    \"@osdk/widget-client-react.unstable\": \"^1.0.0\",\n    \"@osdk/widget-client.unstable\": \"^1.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.unstable\": \"^1.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.21.0\",\n    \"@typescript-eslint/parser\": \"^8.21.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.21.0\",\n    \"vite\": \"^6.0.11\",\n    \"vitest\": \"^3.0.4\"\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  id: \"widgetId\",\n  name: \"Custom Widget\",\n  description: \"And 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.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.vite-plugin.unstable\";\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}]]);"]}