Spaces:

enzostvs
/

deepsite

Running

App Files Files Community

564

enzostvs HF Staff commited on Jan 15

Commit

0e97e36

1 Parent(s): 44ed7dd

fix

Browse files

Files changed (9) hide show

app/deepsite/layout.tsx +0 -108
app/layout.tsx +3 -3
components/editor/project-settings.tsx +1 -1
components/not-authorized.tsx +1 -1
components/providers/session.tsx +3 -1
components/public/navigation.tsx +1 -1
components/viewer/blank-page.tsx +1 -1
lib/auth.ts +1 -0
next.config.ts +2 -0

app/deepsite/layout.tsx DELETED Viewed

@@ -1,108 +0,0 @@
-import type { Metadata, Viewport } from "next";
-import { Geist, Geist_Mono } from "next/font/google";
-import { NextStepProvider } from "nextstepjs";
-import Script from "next/script";
-import "@/app/globals.css";
-import { ThemeProvider } from "@/components/providers/theme";
-import { AuthProvider } from "@/components/providers/session";
-import { Toaster } from "@/components/ui/sonner";
-import { ReactQueryProvider } from "@/components/providers/react-query";
-import { generateSEO, generateStructuredData } from "@/lib/seo";
-import { NotAuthorizedDomain } from "@/components/not-authorized";
-const geistSans = Geist({
-  variable: "--font-geist-sans",
-  subsets: ["latin"],
-});
-const geistMono = Geist_Mono({
-  variable: "--font-geist-mono",
-  subsets: ["latin"],
-});
-export const metadata: Metadata = {
-  ...generateSEO({
-    title: "DeepSite | Build with AI ✨",
-    description:
-      "DeepSite is a web development tool that helps you build websites with AI, no code required. Let's deploy your website with DeepSite and enjoy the magic of AI.",
-    path: "/",
-  }),
-  appleWebApp: {
-    capable: true,
-    title: "DeepSite",
-    statusBarStyle: "black-translucent",
-  },
-  icons: {
-    icon: "/logo.svg",
-    shortcut: "/logo.svg",
-    apple: "/logo.svg",
-  },
-  verification: {
-    google: process.env.GOOGLE_SITE_VERIFICATION,
-  },
-};
-export const viewport: Viewport = {
-  initialScale: 1,
-  maximumScale: 1,
-  themeColor: "#4f46e5",
-};
-export default async function RootLayout({
-  children,
-}: Readonly<{
-  children: React.ReactNode;
-}>) {
-  const structuredData = generateStructuredData("WebApplication", {
-    name: "DeepSite",
-    description: "Build websites with AI, no code required",
-    url: "https://huggingface.co/deepsite",
-  });
-  const organizationData = generateStructuredData("Organization", {
-    name: "DeepSite",
-    url: "https://huggingface.co/deepsite",
-  });
-  return (
-    <html lang="en" suppressHydrationWarning>
-      <body
-        className={`${geistSans.variable} ${geistMono.variable} antialiased`}
-      >
-        <script
-          type="application/ld+json"
-          dangerouslySetInnerHTML={{
-            __html: JSON.stringify(structuredData),
-          }}
-        />
-        <script
-          type="application/ld+json"
-          dangerouslySetInnerHTML={{
-            __html: JSON.stringify(organizationData),
-          }}
-        />
-        <Script
-          defer
-          data-domain="deepsite.hf.co"
-          src="https://plausible.io/js/script.js"
-        />
-        <Toaster richColors />
-        <AuthProvider>
-          <ReactQueryProvider>
-            <ThemeProvider
-              attribute="class"
-              defaultTheme="dark"
-              enableSystem
-              disableTransitionOnChange
-            >
-              <NextStepProvider>
-                {children}
-                <NotAuthorizedDomain />
-              </NextStepProvider>
-            </ThemeProvider>
-          </ReactQueryProvider>
-        </AuthProvider>
-      </body>
-    </html>
-  );
-}

app/layout.tsx CHANGED Viewed

@@ -34,9 +34,9 @@ export const metadata: Metadata = {
     statusBarStyle: "black-translucent",
   },
   icons: {
-    icon: "/logo.svg",
-    shortcut: "/logo.svg",
-    apple: "/logo.svg",
   },
   verification: {
     google: process.env.GOOGLE_SITE_VERIFICATION,

     statusBarStyle: "black-translucent",
   },
   icons: {
+    icon: "/deepsite/logo.svg",
+    shortcut: "/deepsite/logo.svg",
+    apple: "/deepsite/logo.svg",
   },
   verification: {
     google: process.env.GOOGLE_SITE_VERIFICATION,

components/editor/project-settings.tsx CHANGED Viewed

@@ -98,7 +98,7 @@ export const ProjectSettings = ({
               <span className="text-3xl">{project?.cardData?.emoji}</span>
             ) : (
               <Image
-                src="/logo.svg"
                 alt="DeepSite"
                 width={100}
                 height={100}

               <span className="text-3xl">{project?.cardData?.emoji}</span>
             ) : (
               <Image
+                src="/deepsite/logo.svg"
                 alt="DeepSite"
                 width={100}
                 height={100}

components/not-authorized.tsx CHANGED Viewed

@@ -104,7 +104,7 @@ export const NotAuthorizedDomain = () => {
         <DialogTitle className="hidden" />
         <div className="max-w-md mx-auto text-center px-6 py-12">
           <Image
-            src="/logo.svg"
             alt="DeepSite"
             width={48}
             height={48}

         <DialogTitle className="hidden" />
         <div className="max-w-md mx-auto text-center px-6 py-12">
           <Image
+            src="/deepsite/logo.svg"
             alt="DeepSite"
             width={48}
             height={48}

components/providers/session.tsx CHANGED Viewed

@@ -3,5 +3,7 @@
 import { SessionProvider } from "next-auth/react";
 export function AuthProvider({ children }: { children: React.ReactNode }) {
-  return <SessionProvider>{children}</SessionProvider>;
 }

 import { SessionProvider } from "next-auth/react";
 export function AuthProvider({ children }: { children: React.ReactNode }) {
+  return (
+    <SessionProvider basePath="/deepsite/api/auth">{children}</SessionProvider>
+  );
 }

components/public/navigation.tsx CHANGED Viewed

@@ -10,7 +10,7 @@ export function Navigation() {
       <div className="flex items-center justify-start gap-4">
         <Link href="/" className="flex items-center gap-2">
           <Image
-            src="/logo.svg"
             alt="DeepSite"
             width={100}
             height={100}

       <div className="flex items-center justify-start gap-4">
         <Link href="/" className="flex items-center gap-2">
           <Image
+            src="/deepsite/logo.svg"
             alt="DeepSite"
             width={100}
             height={100}

components/viewer/blank-page.tsx CHANGED Viewed

@@ -24,7 +24,7 @@ export function BlankPage() {
     <div className="bg-card max-w-lg w-full px-10 py-6 z-1 rounded-xl shadow-accent-foreground mx-auto">
       <header className="flex flex-col items-center justify-center">
         <Image
-          src="/logo.svg"
           alt="DeepSite"
           width={56}
           height={56}

     <div className="bg-card max-w-lg w-full px-10 py-6 z-1 rounded-xl shadow-accent-foreground mx-auto">
       <header className="flex flex-col items-center justify-center">
         <Image
+          src="/deepsite/logo.svg"
           alt="DeepSite"
           width={56}
           height={56}

lib/auth.ts CHANGED Viewed

@@ -2,6 +2,7 @@ import NextAuth from "next-auth";
 import type { NextAuthConfig } from "next-auth";
 export const authConfig = {
   providers: [
     {
       id: "huggingface",

 import type { NextAuthConfig } from "next-auth";
 export const authConfig = {
+  basePath: "/deepsite/api/auth",
   providers: [
     {
       id: "huggingface",

next.config.ts CHANGED Viewed

@@ -1,6 +1,8 @@
 import type { NextConfig } from "next";
 const nextConfig: NextConfig = {
   async redirects() {
     return [
       {

 import type { NextConfig } from "next";
 const nextConfig: NextConfig = {
+  basePath: "/deepsite",
+  assetPrefix: "/deepsite",
   async redirects() {
     return [
       {