ezekiel-cli 5.8.2

package/gui/v3/src/pages/ConstantPage.tsx

@@ -0,0 +1,3 @@
+export default function ConstantPage() {
+  return <div>Under construction</div>;
+}

package/gui/v3/src/pages/DatabasePage.tsx

@@ -0,0 +1,31 @@
+import { useSelectedTable } from "@/features/database/hooks/useSelectedTable";
+import { useTableQuery } from "@/features/database/hooks/useTables";
+
+import DatabaseLayout from "@/features/database/components/DatabaseLayout";
+import DatabaseLoader from "@/features/database/components/DatabaseLoader";
+import DatabaseNotFound from "@/features/database/components/DatabaseNotFound";
+
+export default function DatabasePage() {
+  const { data: tables, isLoading } = useTableQuery({
+    page: 1,
+    per_page: 100,
+    filter: {
+      name: {},
+    },
+    sort: { name: { order: "ASC" } },
+  });
+
+  const { selectedTable, setSelectedTable } = useSelectedTable(tables);
+
+  if (isLoading) return <DatabaseLoader />;
+  if (!tables?.results?.length)
+    return <DatabaseNotFound message="No tables found" />;
+
+  return (
+    <DatabaseLayout
+      tables={tables}
+      selectedTable={selectedTable}
+      setSelectedTable={setSelectedTable}
+    />
+  );
+}

package/gui/v3/src/pages/GraphqlPage.tsx

@@ -0,0 +1,9 @@
+import Graphiql from "@/features/graphiql/components/GraphiQL";
+
+export default function GraphqlPage() {
+  return (
+    <div className="absolute top-[80px] left-0 right-0 bottom-0">
+      <Graphiql />
+    </div>
+  );
+}

package/gui/v3/src/pages/HomePage.tsx

@@ -0,0 +1,36 @@
+import TileMenu from "@/features/menu/components/TileMenu";
+import { useMenuStore } from "@/features/menu/store";
+
+export default function HomePage() {
+  const { menuItems } = useMenuStore();
+  return (
+    <main className="flex flex-col items-center px-6">
+      <div className="flex flex-col items-center py-24">
+        <h1 className="text-[64px] font-semibold leading-[72px] tracking-[-1px] mb-6 text-center">
+          Welcome to the Insites CLI Tool
+        </h1>
+        <p className="text-1 text-base mb-10 text-center">
+          The Insites CLI Tool is a command line interface that helps you deploy
+          configuration files and assets to your Insites instance. It expects
+          you to follow a certain file structure to communicate correctly with
+          Insites API's.
+        </p>
+        <div className="flex items-center gap-10 self-stretch justify-center flex-wrap text-center">
+          {menuItems.map((menu, key) => {
+            return (
+              <TileMenu
+                key={key}
+                path={menu.path}
+                title={menu.title}
+                icon={menu.icon}
+                descriptions={menu.descriptions}
+                pinned={menu.pinned}
+                children={undefined}
+              ></TileMenu>
+            );
+          })}
+        </div>
+      </div>
+    </main>
+  );
+}

package/gui/v3/src/pages/LiquidPage.tsx

@@ -0,0 +1,5 @@
+import LiquidEditor from "@/features/liquid/components/LiquidEditor";
+
+export default function LiquidPage() {
+  return <LiquidEditor />;
+}

package/gui/v3/src/pages/LogsPage.tsx

@@ -0,0 +1,10 @@
+import LogsViewer from "@/features/logs/components/LogsViewer";
+
+export default function LogsPage() {
+  return (
+    <div className="flex flex-col gap-4 md:px-10 px-3">
+      <h1 className="text-4xl font-light mb-4">Logs</h1>
+      <LogsViewer />
+    </div>
+  );
+}

package/gui/v3/src/pages/Userspage.tsx

@@ -0,0 +1,5 @@
+import Users from "@/features/users/components/Users";
+
+export default function UsersPage() {
+  return <Users />;
+}

package/gui/v3/src/reportWebVitals.ts

@@ -0,0 +1,13 @@
+const reportWebVitals = (onPerfEntry?: () => void) => {
+  if (onPerfEntry && onPerfEntry instanceof Function) {
+    import('web-vitals').then(({ onCLS, onINP, onFCP, onLCP, onTTFB }) => {
+      onCLS(onPerfEntry)
+      onINP(onPerfEntry)
+      onFCP(onPerfEntry)
+      onLCP(onPerfEntry)
+      onTTFB(onPerfEntry)
+    })
+  }
+}
+
+export default reportWebVitals

package/gui/v3/src/routeTree.gen.ts

@@ -0,0 +1,189 @@
+/* eslint-disable */
+
+// @ts-nocheck
+
+// noinspection JSUnusedGlobalSymbols
+
+// This file was automatically generated by TanStack Router.
+// You should NOT make any changes in this file as it will be overwritten.
+// Additionally, you should also exclude this file from your linter and/or formatter to prevent it from being checked or modified.
+
+import { Route as rootRouteImport } from './routes/__root'
+import { Route as UsersRouteImport } from './routes/users'
+import { Route as LogsRouteImport } from './routes/logs'
+import { Route as LiquidRouteImport } from './routes/liquid'
+import { Route as GraphqlRouteImport } from './routes/graphql'
+import { Route as DatabaseRouteImport } from './routes/database'
+import { Route as ConstantsRouteImport } from './routes/constants'
+import { Route as IndexRouteImport } from './routes/index'
+
+const UsersRoute = UsersRouteImport.update({
+  id: '/users',
+  path: '/users',
+  getParentRoute: () => rootRouteImport,
+} as any)
+const LogsRoute = LogsRouteImport.update({
+  id: '/logs',
+  path: '/logs',
+  getParentRoute: () => rootRouteImport,
+} as any)
+const LiquidRoute = LiquidRouteImport.update({
+  id: '/liquid',
+  path: '/liquid',
+  getParentRoute: () => rootRouteImport,
+} as any)
+const GraphqlRoute = GraphqlRouteImport.update({
+  id: '/graphql',
+  path: '/graphql',
+  getParentRoute: () => rootRouteImport,
+} as any)
+const DatabaseRoute = DatabaseRouteImport.update({
+  id: '/database',
+  path: '/database',
+  getParentRoute: () => rootRouteImport,
+} as any)
+const ConstantsRoute = ConstantsRouteImport.update({
+  id: '/constants',
+  path: '/constants',
+  getParentRoute: () => rootRouteImport,
+} as any)
+const IndexRoute = IndexRouteImport.update({
+  id: '/',
+  path: '/',
+  getParentRoute: () => rootRouteImport,
+} as any)
+
+export interface FileRoutesByFullPath {
+  '/': typeof IndexRoute
+  '/constants': typeof ConstantsRoute
+  '/database': typeof DatabaseRoute
+  '/graphql': typeof GraphqlRoute
+  '/liquid': typeof LiquidRoute
+  '/logs': typeof LogsRoute
+  '/users': typeof UsersRoute
+}
+export interface FileRoutesByTo {
+  '/': typeof IndexRoute
+  '/constants': typeof ConstantsRoute
+  '/database': typeof DatabaseRoute
+  '/graphql': typeof GraphqlRoute
+  '/liquid': typeof LiquidRoute
+  '/logs': typeof LogsRoute
+  '/users': typeof UsersRoute
+}
+export interface FileRoutesById {
+  __root__: typeof rootRouteImport
+  '/': typeof IndexRoute
+  '/constants': typeof ConstantsRoute
+  '/database': typeof DatabaseRoute
+  '/graphql': typeof GraphqlRoute
+  '/liquid': typeof LiquidRoute
+  '/logs': typeof LogsRoute
+  '/users': typeof UsersRoute
+}
+export interface FileRouteTypes {
+  fileRoutesByFullPath: FileRoutesByFullPath
+  fullPaths:
+    | '/'
+    | '/constants'
+    | '/database'
+    | '/graphql'
+    | '/liquid'
+    | '/logs'
+    | '/users'
+  fileRoutesByTo: FileRoutesByTo
+  to:
+    | '/'
+    | '/constants'
+    | '/database'
+    | '/graphql'
+    | '/liquid'
+    | '/logs'
+    | '/users'
+  id:
+    | '__root__'
+    | '/'
+    | '/constants'
+    | '/database'
+    | '/graphql'
+    | '/liquid'
+    | '/logs'
+    | '/users'
+  fileRoutesById: FileRoutesById
+}
+export interface RootRouteChildren {
+  IndexRoute: typeof IndexRoute
+  ConstantsRoute: typeof ConstantsRoute
+  DatabaseRoute: typeof DatabaseRoute
+  GraphqlRoute: typeof GraphqlRoute
+  LiquidRoute: typeof LiquidRoute
+  LogsRoute: typeof LogsRoute
+  UsersRoute: typeof UsersRoute
+}
+
+declare module '@tanstack/react-router' {
+  interface FileRoutesByPath {
+    '/users': {
+      id: '/users'
+      path: '/users'
+      fullPath: '/users'
+      preLoaderRoute: typeof UsersRouteImport
+      parentRoute: typeof rootRouteImport
+    }
+    '/logs': {
+      id: '/logs'
+      path: '/logs'
+      fullPath: '/logs'
+      preLoaderRoute: typeof LogsRouteImport
+      parentRoute: typeof rootRouteImport
+    }
+    '/liquid': {
+      id: '/liquid'
+      path: '/liquid'
+      fullPath: '/liquid'
+      preLoaderRoute: typeof LiquidRouteImport
+      parentRoute: typeof rootRouteImport
+    }
+    '/graphql': {
+      id: '/graphql'
+      path: '/graphql'
+      fullPath: '/graphql'
+      preLoaderRoute: typeof GraphqlRouteImport
+      parentRoute: typeof rootRouteImport
+    }
+    '/database': {
+      id: '/database'
+      path: '/database'
+      fullPath: '/database'
+      preLoaderRoute: typeof DatabaseRouteImport
+      parentRoute: typeof rootRouteImport
+    }
+    '/constants': {
+      id: '/constants'
+      path: '/constants'
+      fullPath: '/constants'
+      preLoaderRoute: typeof ConstantsRouteImport
+      parentRoute: typeof rootRouteImport
+    }
+    '/': {
+      id: '/'
+      path: '/'
+      fullPath: '/'
+      preLoaderRoute: typeof IndexRouteImport
+      parentRoute: typeof rootRouteImport
+    }
+  }
+}
+
+const rootRouteChildren: RootRouteChildren = {
+  IndexRoute: IndexRoute,
+  ConstantsRoute: ConstantsRoute,
+  DatabaseRoute: DatabaseRoute,
+  GraphqlRoute: GraphqlRoute,
+  LiquidRoute: LiquidRoute,
+  LogsRoute: LogsRoute,
+  UsersRoute: UsersRoute,
+}
+export const routeTree = rootRouteImport
+  ._addFileChildren(rootRouteChildren)
+  ._addFileTypes<FileRouteTypes>()

package/gui/v3/src/routes/__root.tsx

@@ -0,0 +1,6 @@
+import { createRootRoute } from "@tanstack/react-router";
+import Layout from "@/components/layout/Layout";
+
+export const Route = createRootRoute({
+  component: () => <Layout />,
+});

package/gui/v3/src/routes/constants.tsx

@@ -0,0 +1,7 @@
+import { createFileRoute } from '@tanstack/react-router'
+import ConstantPage from '@/pages/ConstantPage'
+
+export const Route = createFileRoute('/constants')({
+  component: ConstantPage,
+})
+

package/gui/v3/src/routes/database.tsx

@@ -0,0 +1,6 @@
+import { createFileRoute } from "@tanstack/react-router";
+import DatabasePage from "@/pages/DatabasePage";
+
+export const Route = createFileRoute("/database")({
+  component: DatabasePage,
+});

package/gui/v3/src/routes/graphql.tsx

@@ -0,0 +1,6 @@
+import { createFileRoute } from "@tanstack/react-router";
+import GraphqlPage from "@/pages/GraphqlPage";
+
+export const Route = createFileRoute("/graphql")({
+  component: GraphqlPage,
+});

package/gui/v3/src/routes/index.tsx

@@ -0,0 +1,6 @@
+import { createFileRoute } from "@tanstack/react-router";
+import HomePage from "@/pages/HomePage";
+
+export const Route = createFileRoute("/")({
+  component: HomePage,
+});

package/gui/v3/src/routes/liquid.tsx

@@ -0,0 +1,6 @@
+import { createFileRoute } from "@tanstack/react-router";
+import LiquidPage from "@/pages/LiquidPage";
+
+export const Route = createFileRoute("/liquid")({
+  component: LiquidPage,
+});

package/gui/v3/src/routes/logs.tsx

@@ -0,0 +1,6 @@
+import LogsPage from "@/pages/LogsPage";
+import { createFileRoute } from "@tanstack/react-router";
+
+export const Route = createFileRoute("/logs")({
+  component: LogsPage,
+});

package/gui/v3/src/routes/users.tsx

@@ -0,0 +1,6 @@
+import { createFileRoute } from "@tanstack/react-router";
+import UsersPage from "@/pages/Userspage";
+
+export const Route = createFileRoute("/users")({
+  component: UsersPage,
+});

package/gui/v3/src/styles.css

@@ -0,0 +1,247 @@
+@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
+@import "tailwindcss";
+
+@plugin "tailwindcss-animate";
+
+@custom-variant dark (&:is(.dark *));
+
+body {
+  @apply m-0;
+  font-family:
+    "Poppins",
+    -apple-system,
+    BlinkMacSystemFont,
+    "Segoe UI",
+    "Roboto",
+    "Oxygen",
+    "Ubuntu",
+    "Cantarell",
+    "Fira Sans",
+    "Droid Sans",
+    "Helvetica Neue",
+    sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+code {
+  font-family:
+    source-code-pro, Menlo, Monaco, Consolas, "Courier New", monospace;
+}
+
+:root {
+  --background: oklch(1 0 0);
+  --foreground: oklch(0.141 0.005 285.823);
+  --card: oklch(1 0 0);
+  --card-foreground: oklch(0.141 0.005 285.823);
+  --popover: oklch(1 0 0);
+  --popover-foreground: oklch(0.141 0.005 285.823);
+  --primary: oklch(0.21 0.006 285.885);
+  --primary-foreground: oklch(0.985 0 0);
+  --secondary: oklch(0.967 0.001 286.375);
+  --secondary-foreground: oklch(0.21 0.006 285.885);
+  --muted: oklch(0.967 0.001 286.375);
+  --muted-foreground: oklch(0.552 0.016 285.938);
+  --accent: oklch(0.967 0.001 286.375);
+  --accent-foreground: oklch(0.21 0.006 285.885);
+  --destructive: oklch(0.577 0.245 27.325);
+  --destructive-foreground: oklch(0.577 0.245 27.325);
+  --border: oklch(0.92 0.004 286.32);
+  --input: oklch(0.92 0.004 286.32);
+  --ring: oklch(0.871 0.006 286.286);
+  --chart-1: oklch(0.646 0.222 41.116);
+  --chart-2: oklch(0.6 0.118 184.704);
+  --chart-3: oklch(0.398 0.07 227.392);
+  --chart-4: oklch(0.828 0.189 84.429);
+  --chart-5: oklch(0.769 0.188 70.08);
+  --radius: 0.625rem;
+  --sidebar: oklch(0.985 0 0);
+  --sidebar-foreground: oklch(0.141 0.005 285.823);
+  --sidebar-primary: oklch(0.21 0.006 285.885);
+  --sidebar-primary-foreground: oklch(0.985 0 0);
+  --sidebar-accent: oklch(0.967 0.001 286.375);
+  --sidebar-accent-foreground: oklch(0.21 0.006 285.885);
+  --sidebar-border: oklch(0.92 0.004 286.32);
+  --sidebar-ring: oklch(0.871 0.006 286.286);
+
+  --ins-text-1: #000000;
+  --ins-text-3: #545454;
+
+  --ins-sidebar: #fdfdfd;
+  --ins-logo: #181818;
+
+  --ins-ui-1: #f8f8f8;
+  --ins-ui-2: #84848f;
+  --ins-ui-3: #dfdfdf;
+  --ins-ui-4: #f7f7f7;
+  --ins-ui-5: #fdfdfd;
+
+  --ins-header-bg: #fdfdfd;
+  --card-bg: #ffffff;
+  --ins-alert-warning: #ec9c00;
+  --ins-alert-warning-light: rgba(251, 172, 19, 0.08);
+  --ins-alert-negative: #df1f1f;
+  --ins-alert-negative-light: #df1f1f14;
+
+  --iia-main: #436cf2;
+  --iia-main-light: #436cf214;
+
+  --ins-text-buttonlabel: #ffffff;
+}
+
+.dark {
+  --background: oklch(0.141 0.005 285.823);
+  --foreground: oklch(0.985 0 0);
+  --card: oklch(0.141 0.005 285.823);
+  --card-foreground: oklch(0.985 0 0);
+  --popover: oklch(0.141 0.005 285.823);
+  --popover-foreground: oklch(0.985 0 0);
+  --primary: oklch(0.985 0 0);
+  --primary-foreground: oklch(0.21 0.006 285.885);
+  --secondary: oklch(0.274 0.006 286.033);
+  --secondary-foreground: oklch(0.985 0 0);
+  --muted: oklch(0.274 0.006 286.033);
+  --muted-foreground: oklch(0.705 0.015 286.067);
+  --accent: oklch(0.274 0.006 286.033);
+  --accent-foreground: oklch(0.985 0 0);
+  --destructive: oklch(0.396 0.141 25.723);
+  --destructive-foreground: oklch(0.637 0.237 25.331);
+  --border: oklch(0.274 0.006 286.033);
+  --input: oklch(0.274 0.006 286.033);
+  --ring: oklch(0.442 0.017 285.786);
+  --chart-1: oklch(0.488 0.243 264.376);
+  --chart-2: oklch(0.696 0.17 162.48);
+  --chart-3: oklch(0.769 0.188 70.08);
+  --chart-4: oklch(0.627 0.265 303.9);
+  --chart-5: oklch(0.645 0.246 16.439);
+  --sidebar: oklch(0.21 0.006 285.885);
+  --sidebar-foreground: oklch(0.985 0 0);
+  --sidebar-primary: oklch(0.488 0.243 264.376);
+  --sidebar-primary-foreground: oklch(0.985 0 0);
+  --sidebar-accent: oklch(0.274 0.006 286.033);
+  --sidebar-accent-foreground: oklch(0.985 0 0);
+  --sidebar-border: oklch(0.274 0.006 286.033);
+  --sidebar-ring: oklch(0.442 0.017 285.786);
+
+  --ins-text-1: #ffffff;
+  --ins-text-3: #e0e0e0;
+
+  --ins-sidebar: #141414;
+  --ins-logo: #ffffff;
+
+  --ins-ui-1: #2e2e2e;
+  --ins-ui-2: #cccccc;
+  --ins-ui-3: #3d3d3d;
+  --ins-ui-4: #0f0f0f;
+  --ins-ui-5: #1f1f1f;
+
+  --ins-header-bg: hsl(0, 0%, 8%);
+  --card-bg: #2e2e2e;
+
+  --ins-alert-warning: #d9991d;
+  --ins-alert-warning-light: rgba(251, 172, 19, 0.08);
+  --ins-alert-negative: #e74e3b;
+  --ins-alert-negative-light: #fb30240a;
+}
+
+@media (prefers-color-scheme: dark) {
+  :root {
+    --ins-text-1: #ffffff;
+    --ins-text-3: #e0e0e0;
+
+    --ins-sidebar: #141414;
+    --ins-logo: #ffffff;
+
+    --ins-ui-1: #2e2e2e;
+    --ins-ui-2: #cccccc;
+    --ins-ui-3: #3d3d3d;
+    --ins-ui-4: #0f0f0f;
+    --ins-ui-5: #1f1f1f;
+
+    --ins-header-bg: hsl(0, 0%, 8%);
+    --card-bg: #2e2e2e;
+
+    --ins-alert-warning: #d9991d;
+    --ins-alert-warning-light: rgba(251, 172, 19, 0.08);
+    --ins-alert-negative: #e74e3b;
+    --ins-alert-negative-light: #fb30240a;
+  }
+}
+
+@theme inline {
+  --color-background: var(--background);
+  --color-foreground: var(--foreground);
+  --color-card: var(--card);
+  --color-card-foreground: var(--card-foreground);
+  --color-popover: var(--popover);
+  --color-popover-foreground: var(--popover-foreground);
+  --color-primary: var(--primary);
+  --color-primary-foreground: var(--primary-foreground);
+  --color-secondary: var(--secondary);
+  --color-secondary-foreground: var(--secondary-foreground);
+  --color-muted: var(--muted);
+  --color-muted-foreground: var(--muted-foreground);
+  --color-accent: var(--accent);
+  --color-accent-foreground: var(--accent-foreground);
+  --color-destructive: var(--destructive);
+  --color-destructive-foreground: var(--destructive-foreground);
+  --color-border: var(--border);
+  --color-input: var(--input);
+  --color-ring: var(--ring);
+  --color-chart-1: var(--chart-1);
+  --color-chart-2: var(--chart-2);
+  --color-chart-3: var(--chart-3);
+  --color-chart-4: var(--chart-4);
+  --color-chart-5: var(--chart-5);
+  --radius-sm: calc(var(--radius) - 4px);
+  --radius-md: calc(var(--radius) - 2px);
+  --radius-lg: var(--radius);
+  --radius-xl: calc(var(--radius) + 4px);
+  --color-sidebar: var(--sidebar);
+  --color-sidebar-foreground: var(--sidebar-foreground);
+  --color-sidebar-primary: var(--sidebar-primary);
+  --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
+  --color-sidebar-accent: var(--sidebar-accent);
+  --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
+  --color-sidebar-border: var(--sidebar-border);
+  --color-sidebar-ring: var(--sidebar-ring);
+}
+
+@layer base {
+  * {
+    @apply border-border outline-ring/50;
+  }
+  body {
+    @apply bg-background text-foreground;
+  }
+}
+
+::-webkit-scrollbar {
+  width: 7px !important;
+  height: 7px !important;
+}
+
+::-webkit-scrollbar-track {
+  background-color: transparent;
+}
+
+::-webkit-scrollbar-thumb {
+  background-color: color-mix(
+    in srgb,
+    var(--ins-ui-2, #84848f) 50%,
+    transparent 95%
+  );
+  border-radius: 10px;
+}
+
+::-webkit-scrollbar-thumb:hover {
+  background-color: color-mix(
+    in srgb,
+    var(--ins-ui-2, #84848f) 85%,
+    transparent 70%
+  );
+}
+
+.code-editor .cm-editor {
+  height: 100%;
+}

package/gui/v3/tsconfig.json

@@ -0,0 +1,28 @@
+{
+  "include": ["**/*.ts", "**/*.tsx"],
+  "compilerOptions": {
+    "target": "ES2022",
+    "jsx": "react-jsx",
+    "module": "ESNext",
+    "lib": ["ES2022", "DOM", "DOM.Iterable"],
+    "types": ["vite/client"],
+
+    /* Bundler mode */
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "verbatimModuleSyntax": true,
+    "noEmit": true,
+
+    /* Linting */
+    "skipLibCheck": true,
+    "strict": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noFallthroughCasesInSwitch": true,
+    "noUncheckedSideEffectImports": true,
+    "baseUrl": ".",
+    "paths": {
+      "@/*": ["./src/*"],
+    }
+  }
+}