Merge pull request #77 from Cardano-Forge/feat/MET-55-SEO

SEO
Cardano-Forge · Oct 21, 2024 · 53da77a · 53da77a
2 parents 24bc63f + facf35e
commit 53da77a
Show file tree

Hide file tree

Showing 57 changed files with 126 additions and 19 deletions.
diff --git a/client/TODO.md b/client/TODO.md
@@ -1,10 +1,2 @@
-- [x] upload zod validator + formater
-- [x] Asset view save in url and localstorage
-- [ ] image loading view + fallback
-- [x] Project Name, save in localstorage as file name (editable ?)
-- [-] Stats from data ~> keep state in localstorage
-- [x] results state ~> match asset
-- [ ] quick action state change
-- [x] multi select ~> state change
-- [x] reset project clear local storage
-- [x] remove view from localstorage
+- [ ]
+- [ ]
diff --git a/client/public/404.png b/client/public/404.png
diff --git a/.../(asset)/metadata/[id]/content/errors.tsx → .../(asset)/metadata/[id]/content/errors.tsx b/.../(asset)/metadata/[id]/content/errors.tsx → .../(asset)/metadata/[id]/content/errors.tsx
diff --git a/...et)/metadata/[id]/content/json-editor.tsx → ...et)/metadata/[id]/content/json-editor.tsx b/...et)/metadata/[id]/content/json-editor.tsx → ...et)/metadata/[id]/content/json-editor.tsx
diff --git a/.../(asset)/metadata/[id]/header/actions.tsx → .../(asset)/metadata/[id]/header/actions.tsx b/.../(asset)/metadata/[id]/header/actions.tsx → .../(asset)/metadata/[id]/header/actions.tsx
diff --git a/...pp/(asset)/metadata/[id]/header/index.tsx → ...t)/(asset)/metadata/[id]/header/index.tsx b/...pp/(asset)/metadata/[id]/header/index.tsx → ...t)/(asset)/metadata/[id]/header/index.tsx
diff --git a/...et)/metadata/[id]/page-asset-skeleton.tsx → ...et)/metadata/[id]/page-asset-skeleton.tsx b/...et)/metadata/[id]/page-asset-skeleton.tsx → ...et)/metadata/[id]/page-asset-skeleton.tsx
diff --git a/...nt/src/app/(asset)/metadata/[id]/page.tsx → ...metadraft)/(asset)/metadata/[id]/page.tsx b/...nt/src/app/(asset)/metadata/[id]/page.tsx → ...metadraft)/(asset)/metadata/[id]/page.tsx
diff --git a/client/src/app/(dev)/layout.tsx → client/src/app/(metadraft)/(dev)/layout.tsx b/client/src/app/(dev)/layout.tsx → client/src/app/(metadraft)/(dev)/layout.tsx
diff --git a/client/src/app/(dev)/style-guide/buttons.tsx → ...(metadraft)/(dev)/style-guide/buttons.tsx b/client/src/app/(dev)/style-guide/buttons.tsx → ...(metadraft)/(dev)/style-guide/buttons.tsx
diff --git a/...rc/app/(dev)/style-guide/home-buttons.tsx → ...draft)/(dev)/style-guide/home-buttons.tsx b/...rc/app/(dev)/style-guide/home-buttons.tsx → ...draft)/(dev)/style-guide/home-buttons.tsx
diff --git a/client/src/app/(dev)/style-guide/icons.tsx → ...p/(metadraft)/(dev)/style-guide/icons.tsx b/client/src/app/(dev)/style-guide/icons.tsx → ...p/(metadraft)/(dev)/style-guide/icons.tsx
diff --git a/...nt/src/app/(dev)/style-guide/messages.tsx → ...metadraft)/(dev)/style-guide/messages.tsx b/...nt/src/app/(dev)/style-guide/messages.tsx → ...metadraft)/(dev)/style-guide/messages.tsx
diff --git a/client/src/app/(dev)/style-guide/page.tsx → ...pp/(metadraft)/(dev)/style-guide/page.tsx b/client/src/app/(dev)/style-guide/page.tsx → ...pp/(metadraft)/(dev)/style-guide/page.tsx
diff --git a/...src/app/(dev)/style-guide/stats-guide.tsx → ...adraft)/(dev)/style-guide/stats-guide.tsx b/...src/app/(dev)/style-guide/stats-guide.tsx → ...adraft)/(dev)/style-guide/stats-guide.tsx
diff --git a/...src/app/(dev)/style-guide/steps-guide.tsx → ...adraft)/(dev)/style-guide/steps-guide.tsx b/...src/app/(dev)/style-guide/steps-guide.tsx → ...adraft)/(dev)/style-guide/steps-guide.tsx
diff --git a/...rc/app/(dev)/style-guide/typographies.tsx → ...draft)/(dev)/style-guide/typographies.tsx b/...rc/app/(dev)/style-guide/typographies.tsx → ...draft)/(dev)/style-guide/typographies.tsx
diff --git a/...dator)/data-validation/assets/actions.tsx → ...dator)/data-validation/assets/actions.tsx b/...dator)/data-validation/assets/actions.tsx → ...dator)/data-validation/assets/actions.tsx
diff --git a/...dator)/data-validation/assets/content.tsx → ...dator)/data-validation/assets/content.tsx b/...dator)/data-validation/assets/content.tsx → ...dator)/data-validation/assets/content.tsx
diff --git a/...idator)/data-validation/assets/footer.tsx → ...idator)/data-validation/assets/footer.tsx b/...idator)/data-validation/assets/footer.tsx → ...idator)/data-validation/assets/footer.tsx
diff --git a/...tor)/data-validation/assets/grid/card.tsx → ...tor)/data-validation/assets/grid/card.tsx b/...tor)/data-validation/assets/grid/card.tsx → ...tor)/data-validation/assets/grid/card.tsx
diff --git a/...or)/data-validation/assets/grid/index.tsx → ...or)/data-validation/assets/grid/index.tsx b/...or)/data-validation/assets/grid/index.tsx → ...or)/data-validation/assets/grid/index.tsx
diff --git a/...ata-validation/assets/grid/select-all.tsx → ...ata-validation/assets/grid/select-all.tsx b/...ata-validation/assets/grid/select-all.tsx → ...ata-validation/assets/grid/select-all.tsx
diff --git a/...idator)/data-validation/assets/header.tsx → ...idator)/data-validation/assets/header.tsx b/...idator)/data-validation/assets/header.tsx → ...idator)/data-validation/assets/header.tsx
diff --git a/...lidator)/data-validation/assets/index.tsx → ...lidator)/data-validation/assets/index.tsx b/...lidator)/data-validation/assets/index.tsx → ...lidator)/data-validation/assets/index.tsx
diff --git a/...or)/data-validation/assets/search-bar.tsx → ...or)/data-validation/assets/search-bar.tsx b/...or)/data-validation/assets/search-bar.tsx → ...or)/data-validation/assets/search-bar.tsx
diff --git a/...r)/data-validation/assets/table/index.tsx → ...r)/data-validation/assets/table/index.tsx b/...r)/data-validation/assets/table/index.tsx → ...r)/data-validation/assets/table/index.tsx
diff --git a/...)/data-validation/assets/table/status.tsx → ...)/data-validation/assets/table/status.tsx b/...)/data-validation/assets/table/status.tsx → ...)/data-validation/assets/table/status.tsx
diff --git a/...idator)/data-validation/page-skeleton.tsx → ...idator)/data-validation/page-skeleton.tsx b/...idator)/data-validation/page-skeleton.tsx → ...idator)/data-validation/page-skeleton.tsx
diff --git a/.../app/(validator)/data-validation/page.tsx → ...aft)/(validator)/data-validation/page.tsx b/.../app/(validator)/data-validation/page.tsx → ...aft)/(validator)/data-validation/page.tsx
diff --git a/...(validator)/data-validation/validator.tsx → ...(validator)/data-validation/validator.tsx b/...(validator)/data-validation/validator.tsx → ...(validator)/data-validation/validator.tsx
diff --git a/client/src/app/(validator)/layout.tsx → ...rc/app/(metadraft)/(validator)/layout.tsx b/client/src/app/(validator)/layout.tsx → ...rc/app/(metadraft)/(validator)/layout.tsx
diff --git a/...(validator)/metadata-structure/how-to.tsx → ...(validator)/metadata-structure/how-to.tsx b/...(validator)/metadata-structure/how-to.tsx → ...(validator)/metadata-structure/how-to.tsx
diff --git a/...ator)/metadata-structure/json-creator.tsx → ...ator)/metadata-structure/json-creator.tsx b/...ator)/metadata-structure/json-creator.tsx → ...ator)/metadata-structure/json-creator.tsx
diff --git a/...p/(validator)/metadata-structure/page.tsx → ...)/(validator)/metadata-structure/page.tsx b/...p/(validator)/metadata-structure/page.tsx → ...)/(validator)/metadata-structure/page.tsx
diff --git a/...p/(validator)/rules-selection/content.tsx → ...)/(validator)/rules-selection/content.tsx b/...p/(validator)/rules-selection/content.tsx → ...)/(validator)/rules-selection/content.tsx
diff --git a/...pp/(validator)/rules-selection/footer.tsx → ...t)/(validator)/rules-selection/footer.tsx b/...pp/(validator)/rules-selection/footer.tsx → ...t)/(validator)/rules-selection/footer.tsx
diff --git a/...pp/(validator)/rules-selection/header.tsx → ...t)/(validator)/rules-selection/header.tsx b/...pp/(validator)/rules-selection/header.tsx → ...t)/(validator)/rules-selection/header.tsx
diff --git a/.../app/(validator)/rules-selection/page.tsx → ...aft)/(validator)/rules-selection/page.tsx b/.../app/(validator)/rules-selection/page.tsx → ...aft)/(validator)/rules-selection/page.tsx
diff --git a/...)/rules-selection/rule-table-skeleton.tsx → ...)/rules-selection/rule-table-skeleton.tsx b/...)/rules-selection/rule-table-skeleton.tsx → ...)/rules-selection/rule-table-skeleton.tsx
diff --git a/...r)/summary/components/data-validation.tsx → ...r)/summary/components/data-validation.tsx b/...r)/summary/components/data-validation.tsx → ...r)/summary/components/data-validation.tsx
diff --git a/...summary/components/metadata-structure.tsx → ...summary/components/metadata-structure.tsx b/...summary/components/metadata-structure.tsx → ...summary/components/metadata-structure.tsx
diff --git a/...r)/summary/components/rules-selection.tsx → ...r)/summary/components/rules-selection.tsx b/...r)/summary/components/rules-selection.tsx → ...r)/summary/components/rules-selection.tsx
diff --git a/...r)/summary/components/step-components.tsx → ...r)/summary/components/step-components.tsx b/...r)/summary/components/step-components.tsx → ...r)/summary/components/step-components.tsx
diff --git a/...r)/summary/components/validator-stats.tsx → ...r)/summary/components/validator-stats.tsx b/...r)/summary/components/validator-stats.tsx → ...r)/summary/components/validator-stats.tsx
diff --git a/...t/src/app/(validator)/summary/content.tsx → ...etadraft)/(validator)/summary/content.tsx b/...t/src/app/(validator)/summary/content.tsx → ...etadraft)/(validator)/summary/content.tsx
diff --git a/...app/(validator)/summary/export-button.tsx → ...ft)/(validator)/summary/export-button.tsx b/...app/(validator)/summary/export-button.tsx → ...ft)/(validator)/summary/export-button.tsx
diff --git a/client/src/app/(validator)/summary/page.tsx → .../(metadraft)/(validator)/summary/page.tsx b/client/src/app/(validator)/summary/page.tsx → .../(metadraft)/(validator)/summary/page.tsx
diff --git a/client/src/app/(metadraft)/layout.tsx b/client/src/app/(metadraft)/layout.tsx
@@ -0,0 +1,16 @@
+import Header from "~/components/header";
+import { RxdbProvider } from "~/providers/rxdb.provider";
+import { ActiveProjectProvider } from "~/providers/active-project.provider";
+
+export default function RootLayout({
+  children,
+}: Readonly<{ children: React.ReactNode }>) {
+  return (
+    <RxdbProvider>
+      <ActiveProjectProvider>
+        <Header />
+        {children}
+      </ActiveProjectProvider>
+    </RxdbProvider>
+  );
+}
diff --git a/client/src/app/page.tsx → client/src/app/(metadraft)/page.tsx b/client/src/app/page.tsx → client/src/app/(metadraft)/page.tsx
diff --git a/client/src/app/error.tsx b/client/src/app/error.tsx
@@ -0,0 +1,46 @@
+"use client";
+
+import React, { useEffect } from "react";
+import Image from "next/image";
+
+import Header from "~/components/header";
+import { Typography } from "~/components/typography";
+import { Button } from "~/components/ui/button";
+
+export default function Error({
+  error,
+  // eslint-disable-next-line @typescript-eslint/unbound-method
+  reset,
+}: {
+  error: Error;
+  reset(): void;
+}) {
+  useEffect(() => {
+    console.error(error);
+  }, [error]);
+
+  return (
+    <main className="relative min-h-screen">
+      <Image
+        fill
+        alt="not-found"
+        src="/404.png"
+        className="absolute z-0"
+        style={{ objectFit: "cover", overflow: "hidden" }}
+      />
+      <div className="fixed w-full">
+        <Header />
+      </div>
+      <div className="fixed bottom-20 flex w-full flex-col items-center justify-center gap-4">
+        <Typography as="code" className="uppercase">
+          Something went wrong!
+        </Typography>
+        <div className="flex flex-row items-center justify-center">
+          <Button size={"sm"} className="w-20" onClick={reset}>
+            Try Again
+          </Button>
+        </div>
+      </div>
+    </main>
+  );
+}
diff --git a/client/src/app/favicon.ico b/client/src/app/favicon.ico
diff --git a/client/src/app/layout.tsx b/client/src/app/layout.tsx
@@ -3,9 +3,6 @@ import "~/styles/globals.css";
 import { Inter } from "next/font/google";
 
 import { type Metadata } from "next";
-import Header from "~/components/header";
-import { RxdbProvider } from "~/providers/rxdb.provider";
-import { ActiveProjectProvider } from "~/providers/active-project.provider";
 
 const inter = Inter({
   subsets: ["latin"],
@@ -24,12 +21,7 @@ export default function RootLayout({
   return (
     <html lang="en" className={`${inter.variable}`}>
       <body className="flex min-h-screen flex-col overflow-x-hidden bg-background antialiased">
-        <RxdbProvider>
-          <ActiveProjectProvider>
-            <Header />
-            {children}
-          </ActiveProjectProvider>
-        </RxdbProvider>
+        {children}
       </body>
     </html>
   );

diff --git a/client/src/app/manifest.ts b/client/src/app/manifest.ts
@@ -0,0 +1,17 @@
+import { type MetadataRoute } from "next";
+
+export default function manifest(): MetadataRoute.Manifest {
+  return {
+    name: "MetaDraft",
+    short_name: "MetaDraft",
+    description: "Metadata validator and tooling",
+    icons: [
+      {
+        src: "/favicon.ico",
+        sizes: "any",
+        type: "image/x-icon",
+      },
+    ],
+    display: "standalone",
+  };
+}
diff --git a/client/src/app/not-found.tsx b/client/src/app/not-found.tsx
@@ -0,0 +1,44 @@
+"use client";
+
+import Image from "next/image";
+import { useRouter } from "next/navigation";
+
+import Header from "~/components/header";
+import { Typography } from "~/components/typography";
+import { Button } from "~/components/ui/button";
+
+export default function NotFound() {
+  const router = useRouter();
+  return (
+    <main className="relative min-h-screen">
+      <Image
+        fill
+        alt="not-found"
+        src="/404.png"
+        className="absolute z-0"
+        style={{ objectFit: "cover", overflow: "hidden" }}
+      />
+      <div className="fixed w-full">
+        <Header />
+      </div>
+      <div className="fixed bottom-20 flex w-full flex-col items-center justify-center gap-4">
+        <Typography as="code" className="uppercase">
+          404 - Page Not found
+        </Typography>
+        <div className="flex flex-row items-center justify-center gap-4">
+          <Button
+            variant={"outline"}
+            size={"sm"}
+            className="w-20"
+            onClick={() => router.back()}
+          >
+            Back
+          </Button>
+          <Button size={"sm"} className="w-20" onClick={() => router.push("/")}>
+            Home
+          </Button>
+        </div>
+      </div>
+    </main>
+  );
+}
diff --git a/client/src/app/opengraph-image.jpg b/client/src/app/opengraph-image.jpg
diff --git a/client/src/app/twitter-image.jpg b/client/src/app/twitter-image.jpg