office-viewer-react 1.0.0

package/dist/server/assets/login-DvbAXNSQ.js

@@ -0,0 +1,81 @@
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import { Link } from "@tanstack/react-router";
+import { useForm } from "react-hook-form";
+import { zodResolver } from "@hookform/resolvers/zod";
+import { z } from "zod";
+import { useState } from "react";
+import { Loader2 } from "lucide-react";
+import { B as BrandMark, F as Form, a as FormField, b as FormItem, c as FormLabel, d as FormControl, I as Input, e as FormMessage, P as PasswordInput, f as Button, T as TrustIndicators } from "./form-CD9otjw-.js";
+import "./LogoIcon-Dx0LU3or.js";
+import "@radix-ui/react-slot";
+import "class-variance-authority";
+import "clsx";
+import "tailwind-merge";
+import "@radix-ui/react-label";
+const loginSchema = z.object({
+  email: z.string().email("Please enter a valid email address"),
+  password: z.string().min(6, "Password must be at least 6 characters")
+});
+function LoginPage() {
+  const [isLoading, setIsLoading] = useState(false);
+  const form = useForm({
+    resolver: zodResolver(loginSchema),
+    defaultValues: {
+      email: "",
+      password: ""
+    }
+  });
+  async function onSubmit(_values) {
+    setIsLoading(true);
+    try {
+    } finally {
+      setIsLoading(false);
+    }
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "flex min-h-screen flex-col items-center justify-center px-4 py-16", style: {
+    backgroundColor: "oklch(0.965 0.006 256)",
+    backgroundImage: "radial-gradient(rgba(15,23,42,0.045) 1px, transparent 1px)",
+    backgroundSize: "24px 24px"
+  }, children: [
+    /* @__PURE__ */ jsx("div", { className: "mb-10", children: /* @__PURE__ */ jsx(BrandMark, {}) }),
+    /* @__PURE__ */ jsxs("div", { className: "w-full max-w-xl overflow-hidden rounded-2xl border border-slate-200/80 bg-white", style: {
+      boxShadow: "0 1px 2px rgba(15,23,42,0.04), 0 4px 12px rgba(15,23,42,0.06), 0 16px 40px rgba(15,23,42,0.08)"
+    }, children: [
+      /* @__PURE__ */ jsxs("div", { className: "px-8 pb-8 pt-10 sm:px-12 sm:pt-12", children: [
+        /* @__PURE__ */ jsxs("div", { className: "mb-8", children: [
+          /* @__PURE__ */ jsx("h1", { className: "text-3xl font-bold tracking-tight text-slate-900", children: "Welcome back" }),
+          /* @__PURE__ */ jsx("p", { className: "mt-2 text-[15px] text-slate-500", children: "Sign in to your Office Viewer account" })
+        ] }),
+        /* @__PURE__ */ jsx(Form, { ...form, children: /* @__PURE__ */ jsxs("form", { onSubmit: form.handleSubmit(onSubmit), className: "space-y-5", noValidate: true, children: [
+          /* @__PURE__ */ jsx(FormField, { control: form.control, name: "email", render: ({
+            field
+          }) => /* @__PURE__ */ jsxs(FormItem, { children: [
+            /* @__PURE__ */ jsx(FormLabel, { className: "text-sm font-medium text-slate-700", children: "Email address" }),
+            /* @__PURE__ */ jsx(FormControl, { children: /* @__PURE__ */ jsx(Input, { type: "email", placeholder: "you@example.com", autoComplete: "email", className: "h-11", ...field }) }),
+            /* @__PURE__ */ jsx(FormMessage, {})
+          ] }) }),
+          /* @__PURE__ */ jsx(FormField, { control: form.control, name: "password", render: ({
+            field
+          }) => /* @__PURE__ */ jsxs(FormItem, { children: [
+            /* @__PURE__ */ jsx(FormLabel, { className: "text-sm font-medium text-slate-700", children: "Password" }),
+            /* @__PURE__ */ jsx(FormControl, { children: /* @__PURE__ */ jsx(PasswordInput, { placeholder: "Enter your password", autoComplete: "current-password", className: "h-11", ...field }) }),
+            /* @__PURE__ */ jsx(FormMessage, {})
+          ] }) }),
+          /* @__PURE__ */ jsx(Button, { type: "submit", disabled: isLoading, className: "mt-2 h-12 w-full rounded-xl bg-blue-600 font-semibold text-white shadow-sm transition-colors hover:bg-blue-700", children: isLoading ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }),
+            "Signing in…"
+          ] }) : "Sign in" })
+        ] }) })
+      ] }),
+      /* @__PURE__ */ jsx(TrustIndicators, {})
+    ] }),
+    /* @__PURE__ */ jsxs("p", { className: "mt-7 text-sm text-slate-500", children: [
+      "Don't have an account?",
+      " ",
+      /* @__PURE__ */ jsx(Link, { to: "/register", className: "font-semibold text-blue-600 transition-colors hover:text-blue-700", children: "Create one" })
+    ] })
+  ] });
+}
+export {
+  LoginPage as component
+};

package/dist/server/assets/register-C2G9K9kP.js

@@ -0,0 +1,102 @@
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import { Link } from "@tanstack/react-router";
+import { useForm } from "react-hook-form";
+import { zodResolver } from "@hookform/resolvers/zod";
+import { z } from "zod";
+import { useState } from "react";
+import { Loader2 } from "lucide-react";
+import { B as BrandMark, F as Form, a as FormField, b as FormItem, c as FormLabel, d as FormControl, I as Input, e as FormMessage, P as PasswordInput, f as Button, T as TrustIndicators } from "./form-CD9otjw-.js";
+import "./LogoIcon-Dx0LU3or.js";
+import "@radix-ui/react-slot";
+import "class-variance-authority";
+import "clsx";
+import "tailwind-merge";
+import "@radix-ui/react-label";
+const registerSchema = z.object({
+  fullName: z.string().min(2, "Name must be at least 2 characters").max(100, "Name is too long"),
+  email: z.string().email("Please enter a valid email address"),
+  password: z.string().min(8, "Password must be at least 8 characters").regex(/[A-Z]/, "Must contain at least one uppercase letter").regex(/[0-9]/, "Must contain at least one number"),
+  confirmPassword: z.string()
+}).refine((d) => d.password === d.confirmPassword, {
+  path: ["confirmPassword"],
+  message: "Passwords do not match"
+});
+function RegisterPage() {
+  const [isLoading, setIsLoading] = useState(false);
+  const form = useForm({
+    resolver: zodResolver(registerSchema),
+    defaultValues: {
+      fullName: "",
+      email: "",
+      password: "",
+      confirmPassword: ""
+    }
+  });
+  async function onSubmit(_values) {
+    setIsLoading(true);
+    try {
+    } finally {
+      setIsLoading(false);
+    }
+  }
+  return /* @__PURE__ */ jsxs("div", { className: "flex min-h-screen flex-col items-center justify-center px-4 py-16", style: {
+    backgroundColor: "oklch(0.965 0.006 256)",
+    backgroundImage: "radial-gradient(rgba(15,23,42,0.045) 1px, transparent 1px)",
+    backgroundSize: "24px 24px"
+  }, children: [
+    /* @__PURE__ */ jsx("div", { className: "mb-10", children: /* @__PURE__ */ jsx(BrandMark, {}) }),
+    /* @__PURE__ */ jsxs("div", { className: "w-full max-w-xl overflow-hidden rounded-2xl border border-slate-200/80 bg-white", style: {
+      boxShadow: "0 1px 2px rgba(15,23,42,0.04), 0 4px 12px rgba(15,23,42,0.06), 0 16px 40px rgba(15,23,42,0.08)"
+    }, children: [
+      /* @__PURE__ */ jsxs("div", { className: "px-8 pb-8 pt-10 sm:px-12 sm:pt-12", children: [
+        /* @__PURE__ */ jsxs("div", { className: "mb-8", children: [
+          /* @__PURE__ */ jsx("h1", { className: "text-3xl font-bold tracking-tight text-slate-900", children: "Create your account" }),
+          /* @__PURE__ */ jsx("p", { className: "mt-2 text-[15px] text-slate-500", children: "Start viewing Word, Excel & PowerPoint files" })
+        ] }),
+        /* @__PURE__ */ jsx(Form, { ...form, children: /* @__PURE__ */ jsxs("form", { onSubmit: form.handleSubmit(onSubmit), className: "space-y-5", noValidate: true, children: [
+          /* @__PURE__ */ jsx(FormField, { control: form.control, name: "fullName", render: ({
+            field
+          }) => /* @__PURE__ */ jsxs(FormItem, { children: [
+            /* @__PURE__ */ jsx(FormLabel, { className: "text-sm font-medium text-slate-700", children: "Full name" }),
+            /* @__PURE__ */ jsx(FormControl, { children: /* @__PURE__ */ jsx(Input, { type: "text", placeholder: "Jane Smith", autoComplete: "name", className: "h-11", ...field }) }),
+            /* @__PURE__ */ jsx(FormMessage, {})
+          ] }) }),
+          /* @__PURE__ */ jsx(FormField, { control: form.control, name: "email", render: ({
+            field
+          }) => /* @__PURE__ */ jsxs(FormItem, { children: [
+            /* @__PURE__ */ jsx(FormLabel, { className: "text-sm font-medium text-slate-700", children: "Email address" }),
+            /* @__PURE__ */ jsx(FormControl, { children: /* @__PURE__ */ jsx(Input, { type: "email", placeholder: "you@example.com", autoComplete: "email", className: "h-11", ...field }) }),
+            /* @__PURE__ */ jsx(FormMessage, {})
+          ] }) }),
+          /* @__PURE__ */ jsx(FormField, { control: form.control, name: "password", render: ({
+            field
+          }) => /* @__PURE__ */ jsxs(FormItem, { children: [
+            /* @__PURE__ */ jsx(FormLabel, { className: "text-sm font-medium text-slate-700", children: "Password" }),
+            /* @__PURE__ */ jsx(FormControl, { children: /* @__PURE__ */ jsx(PasswordInput, { placeholder: "Min. 8 characters", autoComplete: "new-password", className: "h-11", ...field }) }),
+            /* @__PURE__ */ jsx(FormMessage, {})
+          ] }) }),
+          /* @__PURE__ */ jsx(FormField, { control: form.control, name: "confirmPassword", render: ({
+            field
+          }) => /* @__PURE__ */ jsxs(FormItem, { children: [
+            /* @__PURE__ */ jsx(FormLabel, { className: "text-sm font-medium text-slate-700", children: "Confirm password" }),
+            /* @__PURE__ */ jsx(FormControl, { children: /* @__PURE__ */ jsx(PasswordInput, { placeholder: "Re-enter your password", autoComplete: "new-password", className: "h-11", ...field }) }),
+            /* @__PURE__ */ jsx(FormMessage, {})
+          ] }) }),
+          /* @__PURE__ */ jsx(Button, { type: "submit", disabled: isLoading, className: "mt-2 h-12 w-full rounded-xl bg-blue-600 font-semibold text-white shadow-sm transition-colors hover:bg-blue-700", children: isLoading ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(Loader2, { className: "mr-2 h-4 w-4 animate-spin" }),
+            "Creating account…"
+          ] }) : "Create account" })
+        ] }) })
+      ] }),
+      /* @__PURE__ */ jsx(TrustIndicators, {})
+    ] }),
+    /* @__PURE__ */ jsxs("p", { className: "mt-7 text-sm text-slate-500", children: [
+      "Already have an account?",
+      " ",
+      /* @__PURE__ */ jsx(Link, { to: "/login", className: "font-semibold text-blue-600 transition-colors hover:text-blue-700", children: "Sign in" })
+    ] })
+  ] });
+}
+export {
+  RegisterPage as component
+};

package/dist/server/assets/router-F5YKPXkV.js

@@ -0,0 +1,229 @@
+import { QueryClientProvider, QueryClient } from "@tanstack/react-query";
+import { createRootRouteWithContext, useRouter, Link, Outlet, HeadContent, Scripts, createFileRoute, lazyRouteComponent, createRouter } from "@tanstack/react-router";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useEffect } from "react";
+import { z } from "zod";
+const appCss = "/assets/styles-3a3CPFIV.css";
+function reportLovableError(error, context = {}) {
+  if (typeof window === "undefined") return;
+  window.__lovableEvents?.captureException?.(
+    error,
+    {
+      source: "react_error_boundary",
+      route: window.location.pathname,
+      ...context
+    },
+    {
+      mechanism: "react_error_boundary",
+      handled: false,
+      severity: "error"
+    }
+  );
+}
+function NotFoundComponent() {
+  return /* @__PURE__ */ jsx("div", { className: "flex min-h-screen items-center justify-center bg-background px-4", children: /* @__PURE__ */ jsxs("div", { className: "max-w-md text-center", children: [
+    /* @__PURE__ */ jsx("h1", { className: "text-7xl font-bold text-foreground", children: "404" }),
+    /* @__PURE__ */ jsx("h2", { className: "mt-4 text-xl font-semibold text-foreground", children: "Page not found" }),
+    /* @__PURE__ */ jsx("p", { className: "mt-2 text-sm text-muted-foreground", children: "The page you're looking for doesn't exist or has been moved." }),
+    /* @__PURE__ */ jsx("div", { className: "mt-6", children: /* @__PURE__ */ jsx(
+      Link,
+      {
+        to: "/",
+        className: "inline-flex items-center justify-center rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground transition-colors hover:bg-primary/90",
+        children: "Go home"
+      }
+    ) })
+  ] }) });
+}
+function ErrorComponent({ error, reset }) {
+  console.error(error);
+  const router = useRouter();
+  useEffect(() => {
+    reportLovableError(error, { boundary: "tanstack_root_error_component" });
+  }, [error]);
+  return /* @__PURE__ */ jsx("div", { className: "flex min-h-screen items-center justify-center bg-background px-4", children: /* @__PURE__ */ jsxs("div", { className: "max-w-md text-center", children: [
+    /* @__PURE__ */ jsx("h1", { className: "text-xl font-semibold tracking-tight text-foreground", children: "This page didn't load" }),
+    /* @__PURE__ */ jsx("p", { className: "mt-2 text-sm text-muted-foreground", children: "Something went wrong on our end. You can try refreshing or head back home." }),
+    /* @__PURE__ */ jsxs("div", { className: "mt-6 flex flex-wrap justify-center gap-2", children: [
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          onClick: () => {
+            router.invalidate();
+            reset();
+          },
+          className: "inline-flex items-center justify-center rounded-md bg-primary px-4 py-2 text-sm font-medium text-primary-foreground transition-colors hover:bg-primary/90",
+          children: "Try again"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "a",
+        {
+          href: "/",
+          className: "inline-flex items-center justify-center rounded-md border border-input bg-background px-4 py-2 text-sm font-medium text-foreground transition-colors hover:bg-accent",
+          children: "Go home"
+        }
+      )
+    ] })
+  ] }) });
+}
+const Route$4 = createRootRouteWithContext()({
+  head: () => ({
+    meta: [
+      { charSet: "utf-8" },
+      { name: "viewport", content: "width=device-width, initial-scale=1" },
+      { title: "Lovable App" },
+      { name: "description", content: "DocuView Pro is a React application for viewing DOCX, PPT, and Excel files." },
+      { name: "author", content: "Lovable" },
+      { property: "og:title", content: "Lovable App" },
+      { property: "og:description", content: "DocuView Pro is a React application for viewing DOCX, PPT, and Excel files." },
+      { property: "og:type", content: "website" },
+      { name: "twitter:card", content: "summary" },
+      { name: "twitter:site", content: "@Lovable" },
+      { name: "twitter:title", content: "Lovable App" },
+      { name: "twitter:description", content: "DocuView Pro is a React application for viewing DOCX, PPT, and Excel files." },
+      { property: "og:image", content: "https://pub-bb2e103a32db4e198524a2e9ed8f35b4.r2.dev/3a4a2296-566c-4b14-b351-3fbc08c7a9b9/id-preview-34571cfb--04b9844d-0c11-4bad-b6b9-9106cb808514.lovable.app-1780657852368.png" },
+      { name: "twitter:image", content: "https://pub-bb2e103a32db4e198524a2e9ed8f35b4.r2.dev/3a4a2296-566c-4b14-b351-3fbc08c7a9b9/id-preview-34571cfb--04b9844d-0c11-4bad-b6b9-9106cb808514.lovable.app-1780657852368.png" }
+    ],
+    links: [
+      {
+        rel: "stylesheet",
+        href: appCss
+      }
+    ]
+  }),
+  shellComponent: RootShell,
+  component: RootComponent,
+  notFoundComponent: NotFoundComponent,
+  errorComponent: ErrorComponent
+});
+function RootShell({ children }) {
+  return /* @__PURE__ */ jsxs("html", { lang: "en", children: [
+    /* @__PURE__ */ jsx("head", { children: /* @__PURE__ */ jsx(HeadContent, {}) }),
+    /* @__PURE__ */ jsxs("body", { children: [
+      children,
+      /* @__PURE__ */ jsx(Scripts, {})
+    ] })
+  ] });
+}
+function RootComponent() {
+  const { queryClient } = Route$4.useRouteContext();
+  return /* @__PURE__ */ jsx(QueryClientProvider, { client: queryClient, children: /* @__PURE__ */ jsx(Outlet, {}) });
+}
+const BASE_URL = "";
+const Route$3 = createFileRoute("/sitemap.xml")({
+  server: {
+    handlers: {
+      GET: async () => {
+        const xml = [
+          `<?xml version="1.0" encoding="UTF-8"?>`,
+          `<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">`,
+          `  <url>`,
+          `    <loc>${BASE_URL}/</loc>`,
+          `    <changefreq>weekly</changefreq>`,
+          `    <priority>1.0</priority>`,
+          `  </url>`,
+          `</urlset>`
+        ].join("\n");
+        return new Response(xml, {
+          headers: { "Content-Type": "application/xml", "Cache-Control": "public, max-age=3600" }
+        });
+      }
+    }
+  }
+});
+const $$splitComponentImporter$2 = () => import("./register-C2G9K9kP.js");
+const Route$2 = createFileRoute("/register")({
+  head: () => ({
+    meta: [{
+      title: "Create Account — Office Viewer"
+    }, {
+      name: "description",
+      content: "Create your Office Viewer account."
+    }]
+  }),
+  component: lazyRouteComponent($$splitComponentImporter$2, "component")
+});
+z.object({
+  fullName: z.string().min(2, "Name must be at least 2 characters").max(100, "Name is too long"),
+  email: z.string().email("Please enter a valid email address"),
+  password: z.string().min(8, "Password must be at least 8 characters").regex(/[A-Z]/, "Must contain at least one uppercase letter").regex(/[0-9]/, "Must contain at least one number"),
+  confirmPassword: z.string()
+}).refine((d) => d.password === d.confirmPassword, {
+  path: ["confirmPassword"],
+  message: "Passwords do not match"
+});
+const $$splitComponentImporter$1 = () => import("./login-DvbAXNSQ.js");
+const Route$1 = createFileRoute("/login")({
+  head: () => ({
+    meta: [{
+      title: "Sign In — Office Viewer"
+    }, {
+      name: "description",
+      content: "Sign in to your Office Viewer account."
+    }]
+  }),
+  component: lazyRouteComponent($$splitComponentImporter$1, "component")
+});
+z.object({
+  email: z.string().email("Please enter a valid email address"),
+  password: z.string().min(6, "Password must be at least 6 characters")
+});
+const $$splitComponentImporter = () => import("./index-gQHSGxNv.js");
+const Route = createFileRoute("/")({
+  head: () => ({
+    meta: [{
+      title: "Office Viewer — Word, Excel & PowerPoint"
+    }, {
+      name: "description",
+      content: "Upload and view Word, Excel and PowerPoint files directly in your browser. Nothing is uploaded — everything renders locally."
+    }, {
+      property: "og:title",
+      content: "Office Viewer"
+    }, {
+      property: "og:description",
+      content: "View Word, Excel and PowerPoint files directly in your browser."
+    }]
+  }),
+  component: lazyRouteComponent($$splitComponentImporter, "component")
+});
+const SitemapDotxmlRoute = Route$3.update({
+  id: "/sitemap.xml",
+  path: "/sitemap.xml",
+  getParentRoute: () => Route$4
+});
+const RegisterRoute = Route$2.update({
+  id: "/register",
+  path: "/register",
+  getParentRoute: () => Route$4
+});
+const LoginRoute = Route$1.update({
+  id: "/login",
+  path: "/login",
+  getParentRoute: () => Route$4
+});
+const IndexRoute = Route.update({
+  id: "/",
+  path: "/",
+  getParentRoute: () => Route$4
+});
+const rootRouteChildren = {
+  IndexRoute,
+  LoginRoute,
+  RegisterRoute,
+  SitemapDotxmlRoute
+};
+const routeTree = Route$4._addFileChildren(rootRouteChildren)._addFileTypes();
+const getRouter = () => {
+  const queryClient = new QueryClient();
+  const router = createRouter({
+    routeTree,
+    context: { queryClient },
+    scrollRestoration: true,
+    defaultPreloadStaleTime: 0
+  });
+  return router;
+};
+export {
+  getRouter
+};