-
-
-
-
-
-
-
- );
- }
-
- return (
- Select cell to view details
-
-
- );
-};
-
-const BasicInfo = ({
- alias,
- resources,
-}: {
- alias: string;
- resources: Resource[];
-}) => {
- const resource = resources.find((r) => r.alias === alias);
-
- if (!resource) {
- return {selectedAlias}
-Something went wrong
; - } - - return ( -
-
- );
-};
-
-const ScheduledJobs = ({ alias }: { alias: string }) => {
- const scheduledJobs = useScheduledJobsQuery();
-
- if (scheduledJobs.status === "loading") {
- return null;
- }
-
- if (scheduledJobs.status === "error") {
- return
- Defined at {resource.path}
-
Something went wrong
; - } - - const scheduledJobsForAlias = scheduledJobs.data[alias]?.schedules ?? []; - - return ( -
-
- );
-};
diff --git a/core/morph/frontend/template/src/admin/datapipeline/ResourceNode.tsx b/core/morph/frontend/template/src/admin/datapipeline/ResourceNode.tsx
deleted file mode 100644
index 048d6d3..0000000
--- a/core/morph/frontend/template/src/admin/datapipeline/ResourceNode.tsx
+++ /dev/null
@@ -1,79 +0,0 @@
-import { tv } from "tailwind-variants";
-import { Resource } from "../common/useResourcesQuery";
-import {
- Handle,
- Node,
- NodeProps,
- Position,
- useOnSelectionChange,
-} from "@xyflow/react";
-import React from "react";
-import databaseIcon from "../../assets/icons/database.svg";
-import pythonIcon from "../../assets/icons/python.svg";
-
-export type ResourceNode = Node<
- {
- resource: Resource;
- },
- "resource"
->;
-
-const useSelected = (id: string) => {
- const [selected, setSelected] = React.useState(false);
-
- useOnSelectionChange({
- onChange: React.useCallback(({ nodes }) => {
- setSelected(nodes.some((node) => node.id === id));
- }, []),
- });
-
- return selected;
-};
-
-const ResourceNode = ({ id, data }: NodePropsScheduled Jobs
- {scheduledJobsForAlias.length === 0 && ( -No scheduled jobs
- )} - {scheduledJobsForAlias.map((job, i) => ( -
-
- )} -
- ))}
- {`${job.cron} (${ - job.timezone ?? "UTC" - })`}
- - {job.variables ? ( -
-
- Variables
-
-
-
-
-
- ) : (
-
- No variables
-
- )}
-
- {i < scheduledJobsForAlias.length - 1 && (
- | Key | -Value | -
|---|---|
| {key} | -{String(value)} | -
- )} -
-
- );
-};
-
-const Icon = ({ resource }: { resource: Resource }) => {
- if (resource.path.endsWith(".py")) {
- return
-
- );
-};
-
-export default ErrorPage;
diff --git a/core/morph/frontend/template/src/main.tsx b/core/morph/frontend/template/src/main.tsx
deleted file mode 100644
index 1eb916c..0000000
--- a/core/morph/frontend/template/src/main.tsx
+++ /dev/null
@@ -1,123 +0,0 @@
-import "vite/modulepreload-polyfill";
-import { createRoot } from "react-dom/client";
-import { createInertiaApp, Head } from "@inertiajs/react";
-import React, { StrictMode, useMemo } from "react";
-import { PageSkeleton } from "./page-skeleton.tsx";
-import "@morph-data/components/css";
-import { MDXComponents } from "mdx/types";
-import type { Toc } from "@stefanprobst/rehype-extract-toc";
-import { AdminPage } from "./admin/AdminPage.tsx";
-import { ErrorPage } from "./error-page.tsx";
-import { useRefresh } from "@morph-data/components";
-import { mdxComponents } from "./mdx-componens.tsx";
-
-type MDXProps = {
- children?: React.ReactNode;
- components?: MDXComponents;
-};
-
-export type MDXComponent = (props: MDXProps) => JSX.Element;
-
-type PageModule = {
- default: MDXComponent;
- title?: string;
- tableOfContents?: Toc;
-}; // types MDX default export
-type Pages = RecordPage Not Found
-Oops! The page you're looking for doesn't exist or has been moved.
-Please select an exsiting page from below.
-
- {/* {props.routes.map((route) => (
-
-
-
- ))} */}
-
- Trouble shoot
-
-
- Newly added files are not displayed.
-
-
- You need to re-start mdx dev server.
--
-
- 1. Close preview window on code editor -
-
- 2. Stop process with putting{" "}
-
- Ctrl + C -{" "} - to the terminal -
- - - 3. Open preview window on code editor again - -
-
- );
-}
-
-type PageSkeletonProps = React.PropsWithChildren<{
- routes: Array<{ path: string; title: string }>;
- title: string;
- showAdminPage: boolean;
- toc?: TocEntries;
-}>;
-
-export const PageSkeleton: React.FCSomething went wrong:
-{error.message}
-
-
-
-
-
-
-
-
- {props.routes.map((route) => (
-
-
-
- {route.title}
-
-
-
- ))}
- {props.showAdminPage && (
- <>
- Admin Page
-
-
- )}
-
-
-
- {props.title}
-
-
- Made with
-
- 
-
-
-
-
-
-
-
-
- {props.children}
-
-
- 404
+Page not found
+ + ); +} diff --git a/core/morph/include/starter_template/src/pages/_app.tsx b/core/morph/include/starter_template/src/pages/_app.tsx new file mode 100644 index 0000000..57f0dc1 --- /dev/null +++ b/core/morph/include/starter_template/src/pages/_app.tsx @@ -0,0 +1,82 @@ +import { Head } from "@morph-data/frontend/components"; +import { TableOfContents } from "./_components/table-of-contents"; +import { Header } from "./_components/header"; +import { + usePageMeta, + MdxComponentsProvider, + Outlet, + useRefresh, + extractComponents, +} from "@morph-data/frontend/components"; +import { ErrorBoundary } from "react-error-boundary"; +import { Callout } from "@/pages/_components/ui/callout"; + +import "./index.css"; + +const uiComponents = extractComponents( + import.meta.glob("./_components/ui/**/*.tsx", { + eager: true, + }) +); + +const morphComponents = extractComponents( + import.meta.glob("./_components/*.tsx", { + eager: true, + }) +); + +export default function App() { + const pageMeta = usePageMeta(); + + useRefresh(); + + return ( + <> + +
+
+
+
+
+
+
+
+
+ (
+
+ {typeof error.message === "string"
+ ? error.message
+ : "Something went wrong"}
+
+ )}
+ >
+
+
+
+
+ {children}
;
+};
+
+const DropDownMenu = () => {
+ const pages = usePages();
+
+ return (
+ {title}
;
+};
+
+const Spacer = () => ;
+
+const MorphLogo = () => (
+
+ Made with
+
+
+
+
+);
+
+export const Header = {
+ Root,
+ DropDownMenu,
+ PageTitle,
+ Spacer,
+ MorphLogo,
+};
diff --git a/core/morph/include/starter_template/src/pages/_components/table-of-contents.tsx b/core/morph/include/starter_template/src/pages/_components/table-of-contents.tsx
new file mode 100644
index 0000000..25ba07c
--- /dev/null
+++ b/core/morph/include/starter_template/src/pages/_components/table-of-contents.tsx
@@ -0,0 +1,64 @@
+import {
+ HoverCard,
+ HoverCardTrigger,
+ HoverCardContent,
+} from "@/pages/_components/ui/hover-card";
+import { Button } from "@/pages/_components/ui/button";
+import { LucideTableOfContents } from "lucide-react";
+import { cn } from "@/pages/_lib/utils";
+import { Toc } from "@morph-data/frontend/components";
+
+export interface TocProps {
+ toc?: Toc;
+ className?: string;
+}
+
+export const TableOfContents: React.FC
+
+
+
+
+ {toc.map((entry) => (
+
+
+
+
+
+
+
+
+
+
+
+ );
+};
+
+const Heading = ({ entry }: { entry: Toc[number] }) => {
+ return (
+ <>
+
+ {entry.value}
+
+ {entry.children?.map((child) => (
+
+ {toc.map((entry) => (
+
+