npm - @osdk/create-app - Versions diffs - 0.16.0 → 0.16.2 - Mend

@osdk/create-app 0.16.0 → 0.16.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (26) hide show

package/CHANGELOG.md CHANGED Viewed

@@ -1,5 +1,20 @@
 # @osdk/create-app
+## 0.16.2
+### Patch Changes
+- 524f1fe: Update global layout styles
+- 524f1fe: Remove platform specific commands in template scripts
+- 524f1fe: React/Vue router respects vite base path
+## 0.16.1
+### Patch Changes
+- 1ee2d4f: Fix runtime warnings on AipNow template
+- 843f932: update the mock objects to the new TypeScript 1.1.1 syntax version
 ## 0.16.0
 ### Minor Changes

package/build/js/index.browser.mjs CHANGED Viewed

@@ -451,7 +451,7 @@ async function run({
 // src/cli.ts
 async function cli(args = process.argv) {
-  const base = yargs(hideBin(args)).version("0.16.0").wrap(Math.min(150, yargs().terminalWidth())).strict().help().command("$0 [project] [--<option>]", "Create a new OSDK application based on framework templates. Information may be provided through options to skip interactive prompts.", (yargs2) => yargs2.positional("project", {
+  const base = yargs(hideBin(args)).version("0.16.2").wrap(Math.min(150, yargs().terminalWidth())).strict().help().command("$0 [project] [--<option>]", "Create a new OSDK application 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/build/js/index.cjs CHANGED Viewed

@@ -461,7 +461,7 @@ async function run({
 // src/cli.ts
 async function cli(args = process.argv) {
-  const base = yargs__default.default(helpers.hideBin(args)).version("0.16.0").wrap(Math.min(150, yargs__default.default().terminalWidth())).strict().help().command("$0 [project] [--<option>]", "Create a new OSDK application based on framework templates. Information may be provided through options to skip interactive prompts.", (yargs2) => yargs2.positional("project", {
+  const base = yargs__default.default(helpers.hideBin(args)).version("0.16.2").wrap(Math.min(150, yargs__default.default().terminalWidth())).strict().help().command("$0 [project] [--<option>]", "Create a new OSDK application 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/build/js/index.mjs CHANGED Viewed

@@ -451,7 +451,7 @@ async function run({
 // src/cli.ts
 async function cli(args = process.argv) {
-  const base = yargs(hideBin(args)).version("0.16.0").wrap(Math.min(150, yargs().terminalWidth())).strict().help().command("$0 [project] [--<option>]", "Create a new OSDK application based on framework templates. Information may be provided through options to skip interactive prompts.", (yargs2) => yargs2.positional("project", {
+  const base = yargs(hideBin(args)).version("0.16.2").wrap(Math.min(150, yargs().terminalWidth())).strict().help().command("$0 [project] [--<option>]", "Create a new OSDK application 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 CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@osdk/create-app",
-  "version": "0.16.0",
+  "version": "0.16.2",
   "description": "",
   "access": "public",
   "license": "Apache-2.0",

package/templates/template-next-static-export/src/app/globals.css CHANGED Viewed

@@ -13,6 +13,12 @@
   -moz-osx-font-smoothing: grayscale;
 }
+#root-container {
+  display: flex;
+  flex: 1;
+  align-items: center;
+}
 #root {
   max-width: 1280px;
   margin: 0 auto;
@@ -32,7 +38,7 @@ a:hover {
 body {
   margin: 0;
   display: flex;
-  place-items: center;
+  flex-direction: column;
   min-width: 320px;
   min-height: 100vh;
 }

package/templates/template-next-static-export/src/app/layout.tsx CHANGED Viewed

@@ -15,31 +15,33 @@ function RootLayout({ children }: { children: React.ReactNode }) {
   return (
     <html lang="en">
       <body className={inter.className}>
-        <div id="root">
-          <a
-            href="https://www.palantir.com/docs/foundry/ontology-sdk/overview/"
-            target="_blank"
-          >
-            <Image
-              src="/palantir.svg"
-              alt="Palantir logo"
-              className={css.logo}
-              width={16}
-              height={16}
-              priority
-            />
-          </a>
-          <a href="https://nextjs.org/" target="_blank">
-            <Image
-              src="/next.svg"
-              alt="Next logo"
-              className={css.logo}
-              width={16}
-              height={16}
-              priority
-            />
-          </a>
-          {children}
+        <div id="root-container">
+          <div id="root">
+            <a
+              href="https://www.palantir.com/docs/foundry/ontology-sdk/overview/"
+              target="_blank"
+            >
+              <Image
+                src="/palantir.svg"
+                alt="Palantir logo"
+                className={css.logo}
+                width={16}
+                height={16}
+                priority
+              />
+            </a>
+            <a href="https://nextjs.org/" target="_blank">
+              <Image
+                src="/next.svg"
+                alt="Next logo"
+                className={css.logo}
+                width={16}
+                height={16}
+                priority
+              />
+            </a>
+            {children}
+          </div>
         </div>
       </body>
     </html>

package/templates/template-react/index.html CHANGED Viewed

@@ -7,7 +7,9 @@
     <title>Ontology SDK + React</title>
   </head>
   <body>
-    <div id="root"></div>
+    <div id="root-container">
+      <div id="root"></div>
+    </div>
     <script type="module" src="/src/main.tsx"></script>
   </body>
 </html>

package/templates/template-react/package.json.hbs CHANGED Viewed

@@ -6,7 +6,7 @@
   "scripts": {
     "dev": "vite",
     "build": "tsc && vite build",
-    "lint": "ESLINT_USE_FLAT_CONFIG=false eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
+    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
     "preview": "vite preview"
   },
   "dependencies": {

package/templates/template-react/src/index.css CHANGED Viewed

@@ -13,6 +13,12 @@
   -moz-osx-font-smoothing: grayscale;
 }
+#root-container {
+  display: flex;
+  flex: 1;
+  align-items: center;
+}
 #root {
   max-width: 1280px;
   margin: 0 auto;
@@ -32,7 +38,7 @@ a:hover {
 body {
   margin: 0;
   display: flex;
-  place-items: center;
+  flex-direction: column;
   min-width: 320px;
   min-height: 100vh;
 }

package/templates/template-react/src/main.tsx CHANGED Viewed

@@ -6,27 +6,30 @@ import Home from "./Home";
 import Login from "./Login";
 import "./index.css";
-const router = createBrowserRouter([
-  {
-    path: "/",
-    element: <AuthenticatedRoute />,
-    children: [
-      {
-        path: "/",
-        element: <Home />,
-      },
-    ],
-  },
-  {
-    path: "/login",
-    element: <Login />,
-  },
-  {
-    // This is the route defined in your application's redirect URL
-    path: "/auth/callback",
-    element: <AuthCallback />,
-  },
-]);
+const router = createBrowserRouter(
+  [
+    {
+      path: "/",
+      element: <AuthenticatedRoute />,
+      children: [
+        {
+          path: "/",
+          element: <Home />,
+        },
+      ],
+    },
+    {
+      path: "/login",
+      element: <Login />,
+    },
+    {
+      // This is the route defined in your application's redirect URL
+      path: "/auth/callback",
+      element: <AuthCallback />,
+    },
+  ],
+  { basename: import.meta.env.BASE_URL },
+);
 ReactDOM.createRoot(document.getElementById("root")!).render(
   <RouterProvider router={router} />,

package/templates/template-tutorial-todo-app/index.html CHANGED Viewed

@@ -7,7 +7,9 @@
     <title>Ontology SDK Tutorial - Todo App</title>
   </head>
   <body>
-    <div id="root"></div>
+    <div id="root-container">
+      <div id="root"></div>
+    </div>
     <script type="module" src="/src/main.tsx"></script>
   </body>
 </html>

package/templates/template-tutorial-todo-app/package.json.hbs CHANGED Viewed

@@ -6,7 +6,7 @@
   "scripts": {
     "dev": "vite",
     "build": "tsc && vite build",
-    "lint": "ESLINT_USE_FLAT_CONFIG=false eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
+    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
     "preview": "vite preview"
   },
   "dependencies": {

package/templates/template-tutorial-todo-app/src/CreateProjectDialog.tsx CHANGED Viewed

@@ -39,10 +39,10 @@ function CreateProjectDialog({
     <Dialog
       isOpen={isOpen}
       buttons={[
-        <button disabled={isCreating} onClick={handleSubmit}>
+        <button disabled={isCreating} onClick={handleSubmit} key="create">
           Create project
         </button>,
-        <button disabled={isCreating} onClick={onClose}>
+        <button disabled={isCreating} onClick={onClose} key="cancel">
           Cancel
         </button>,
       ]}

package/templates/template-tutorial-todo-app/src/CreateTaskDialog.tsx CHANGED Viewed

@@ -35,10 +35,10 @@ function CreateTaskDialog({ project, isOpen, onClose }: CreateTaskDialogProps) {
     <Dialog
       isOpen={isOpen}
       buttons={[
-        <button disabled={isCreating} onClick={handleSubmit}>
+        <button disabled={isCreating} onClick={handleSubmit} key="create">
           Create task
         </button>,
-        <button disabled={isCreating} onClick={onClose}>
+        <button disabled={isCreating} onClick={onClose} key="cancel">
           Cancel
         </button>,
       ]}

package/templates/template-tutorial-todo-app/src/DeleteProjectDialog.tsx CHANGED Viewed

@@ -31,10 +31,10 @@ function DeleteProjectDialog({
     <Dialog
       isOpen={isOpen}
       buttons={[
-        <button disabled={isDeleting} onClick={handleSubmit}>
+        <button disabled={isDeleting} onClick={handleSubmit} key="delete">
           Delete
         </button>,
-        <button disabled={isDeleting} onClick={onClose}>
+        <button disabled={isDeleting} onClick={onClose} key="cancel">
           Cancel
         </button>,
       ]}

package/templates/template-tutorial-todo-app/src/ProjectSelect.tsx CHANGED Viewed

@@ -24,7 +24,7 @@ function ProjectSelect({
   return (
     <select value={project?.id} onChange={handleSelect}>
-      <option hidden disabled selected>
+      <option hidden disabled value="">
         -- select a project --
       </option>

package/templates/template-tutorial-todo-app/src/index.css CHANGED Viewed

@@ -13,6 +13,12 @@
   -moz-osx-font-smoothing: grayscale;
 }
+#root-container {
+  display: flex;
+  flex: 1;
+  align-items: center;
+}
 #root {
   max-width: 1280px;
   margin: 2rem auto;
@@ -31,6 +37,7 @@ a:hover {
 body {
   margin: 0;
   display: flex;
+  flex-direction: column;
   min-width: 320px;
   min-height: 100vh;
 }

package/templates/template-tutorial-todo-app/src/main.tsx CHANGED Viewed

@@ -6,27 +6,30 @@ import Home from "./Home";
 import Login from "./Login";
 import "./index.css";
-const router = createBrowserRouter([
-  {
-    path: "/",
-    element: <AuthenticatedRoute />,
-    children: [
-      {
-        path: "/",
-        element: <Home />,
-      },
-    ],
-  },
-  {
-    path: "/login",
-    element: <Login />,
-  },
-  {
-    // This is the route defined in your application's redirect URL
-    path: "/auth/callback",
-    element: <AuthCallback />,
-  },
-]);
+const router = createBrowserRouter(
+  [
+    {
+      path: "/",
+      element: <AuthenticatedRoute />,
+      children: [
+        {
+          path: "/",
+          element: <Home />,
+        },
+      ],
+    },
+    {
+      path: "/login",
+      element: <Login />,
+    },
+    {
+      // This is the route defined in your application's redirect URL
+      path: "/auth/callback",
+      element: <AuthCallback />,
+    },
+  ],
+  { basename: import.meta.env.BASE_URL },
+);
 ReactDOM.createRoot(document.getElementById("root")!).render(
   <RouterProvider router={router} />,

package/templates/template-tutorial-todo-app/src/mocks.ts CHANGED Viewed

@@ -1,54 +1,54 @@
 export interface MockProject {
-  __apiName: string;
-  __primaryKey: string;
+  $apiName: string;
+  $primaryKey: string;
   id: string;
   name: string;
   tasks: MockTask[];
 }
 export interface MockTask {
-  __apiName: string;
-  __primaryKey: string;
+  $apiName: string;
+  $primaryKey: string;
   id: string;
   title: string;
 }
 const projects: MockProject[] = [
   {
-    __apiName: "MockProject",
-    __primaryKey: "1",
+    $apiName: "MockProject",
+    $primaryKey: "1",
     id: "1",
     name: "Fake Project",
     tasks: [
       {
-        __apiName: "MockTask",
-        __primaryKey: "1",
+        $apiName: "MockTask",
+        $primaryKey: "1",
         id: "1",
         title: "Try to",
       },
       {
-        __apiName: "MockTask",
-        __primaryKey: "2",
+        $apiName: "MockTask",
+        $primaryKey: "2",
         id: "2",
         title: "Implement this",
       },
       {
-        __apiName: "MockTask",
-        __primaryKey: "3",
+        $apiName: "MockTask",
+        $primaryKey: "3",
         id: "3",
         title: "With the Ontology SDK!",
       },
     ],
   },
   {
-    __apiName: "MockProject",
-    __primaryKey: "2",
+    $apiName: "MockProject",
+    $primaryKey: "2",
     id: "2",
     name: "Yet Another Fake Project",
     tasks: [
       {
-        __apiName: "MockTask",
-        __primaryKey: "4",
+        $apiName: "MockTask",
+        $primaryKey: "4",
         id: "4",
         title: "More tasks here",
       },
@@ -78,12 +78,12 @@ async function createProject({
   name,
 }: {
   name: string;
-}): Promise<MockTask["__primaryKey"]> {
+}): Promise<MockTask["$primaryKey"]> {
   await delay();
   const id = randomId();
   projects.push({
-    __apiName: "MockProject",
-    __primaryKey: id,
+    $apiName: "MockProject",
+    $primaryKey: id,
     id,
     name,
     tasks: [],
@@ -105,14 +105,14 @@ async function createTask({
 }: {
   title: string;
   projectId: string;
-}): Promise<MockTask["__primaryKey"]> {
+}): Promise<MockTask["$primaryKey"]> {
   await delay();
   const project = projects.find((p) => p.id === projectId);
   if (project == null) {
     throw new Error(`Project ${projectId} not found!`);
   }
   const id = randomId();
-  project.tasks.unshift({ __apiName: "MockTask", __primaryKey: id, id, title });
+  project.tasks.unshift({ $apiName: "MockTask", $primaryKey: id, id, title });
   return id;
 }

package/templates/template-tutorial-todo-app/src/useProjectTasks.ts CHANGED Viewed

@@ -16,7 +16,7 @@ export function useProjectTasks(project: MockProject | undefined) {
   const createTask: (
     title: string,
-  ) => Promise<MockTask["__primaryKey"] | undefined> = useCallback(
+  ) => Promise<MockTask["$primaryKey"] | undefined> = useCallback(
     async (title) => {
       if (project == null) {
         return undefined;
@@ -24,7 +24,7 @@ export function useProjectTasks(project: MockProject | undefined) {
       // Try to implement this with the Ontology SDK!
       const id = await Mocks.createTask({
         title,
-        projectId: project.__primaryKey,
+        projectId: project.$primaryKey,
       });
       await mutate();
       return id;
@@ -38,7 +38,7 @@ export function useProjectTasks(project: MockProject | undefined) {
         return;
       }
       // Try to implement this with the Ontology SDK!
-      await Mocks.deleteTask(task.__primaryKey);
+      await Mocks.deleteTask(task.$primaryKey);
       await mutate();
     },
     [project, mutate],

package/templates/template-tutorial-todo-app/src/useProjects.ts CHANGED Viewed

@@ -10,7 +10,7 @@ function useProjects() {
     return Mocks.getProjects();
   });
-  const createProject: (name: string) => Promise<MockProject["__primaryKey"]> =
+  const createProject: (name: string) => Promise<MockProject["$primaryKey"]> =
     useCallback(
       async (name) => {
         // Try to implement this with the Ontology SDK!
@@ -24,7 +24,7 @@ function useProjects() {
   const deleteProject: (project: MockProject) => Promise<void> = useCallback(
     async (project) => {
       // Try to implement this with the Ontology SDK!
-      await Mocks.deleteProject(project.__primaryKey);
+      await Mocks.deleteProject(project.$primaryKey);
       await mutate();
     },
     [mutate],

package/templates/template-vue/index.html CHANGED Viewed

@@ -7,7 +7,9 @@
     <title>Ontology SDK + Vue</title>
   </head>
   <body>
-    <div id="app"></div>
+    <div id="app-container">
+      <div id="app"></div>
+    </div>
     <script type="module" src="/src/main.ts"></script>
   </body>
 </html>

package/templates/template-vue/src/Home.vue.hbs CHANGED Viewed

@@ -14,21 +14,15 @@ const queryApiNames = Object.keys(client.ontology.queries);
   <div class="methods">
     <div>
       <h2>Objects (\{{ objectApiNames.length }})</h2>
-      <pre v-for="objectApiName in objectApiNames" key="objectApiName">
-        client.ontology.objects.\{{ objectApiName }}
-      </pre>
+      <pre v-for="objectApiName in objectApiNames" key="objectApiName">client.ontology.objects.\{{ objectApiName }}</pre>
     </div>
     <div>
       <h2>Actions (\{{ actionApiNames.length }})</h2>
-      <pre v-for="actionApiName in actionApiNames" key="actionApiName">
-        client.ontology.actions.\{{ actionApiName }}
-      </pre>
+      <pre v-for="actionApiName in actionApiNames" key="actionApiName">client.ontology.actions.\{{ actionApiName }}</pre>
     </div>
     <div>
       <h2>Queries (\{{ queryApiNames.length }})</h2>
-      <pre v-for="queryApiName in queryApiNames" key="queryApiName">
-        client.ontology.queries.\{{ queryApiName }}
-      </pre>
+      <pre v-for="queryApiName in queryApiNames" key="queryApiName">client.ontology.queries.\{{ queryApiName }}</pre>
     </div>
   </div>
 </template>

package/templates/template-vue/src/main.ts CHANGED Viewed

@@ -14,7 +14,7 @@ const routes = [
 ];
 const router = createRouter({
-  history: createWebHistory(),
+  history: createWebHistory(import.meta.env.BASE_URL),
   routes,
 });

package/templates/template-vue/src/style.css CHANGED Viewed

@@ -13,6 +13,12 @@
   -moz-osx-font-smoothing: grayscale;
 }
+#app-container {
+  display: flex;
+  flex: 1;
+  align-items: center;
+}
 #app {
   max-width: 1280px;
   margin: 0 auto;
@@ -32,7 +38,7 @@ a:hover {
 body {
   margin: 0;
   display: flex;
-  place-items: center;
+  flex-direction: column;
   min-width: 320px;
   min-height: 100vh;
 }