Enable public website sharing.

pages/404.js

@@ -4,7 +4,9 @@ import Layout from 'components/layout/Layout';
 export default function Custom404() {
   return (
     <Layout>
-      <h1>oops! not found</h1>
+      <div className="row justify-content-center">
+        <h1>oops! page not found</h1>
+      </div>
     </Layout>
   );
 }

pages/api/share/[id].js

@@ -0,0 +1,18 @@
+import { getWebsiteByShareId } from 'lib/queries';
+import { ok, notFound, methodNotAllowed } from 'lib/response';
+
+export default async (req, res) => {
+  const { id } = req.query;
+
+  if (req.method === 'GET') {
+    const website = await getWebsiteByShareId(id);
+
+    if (website) {
+      return ok(res, website);
+    }
+
+    return notFound(res);
+  }
+
+  return methodNotAllowed(res);
+};

pages/api/user.js

@@ -1,13 +0,0 @@
-import { parseSecureToken } from 'lib/crypto';
-import { ok, badRequest } from 'lib/response';
-
-export default async (req, res) => {
-  const { token } = req.body;
-
-  try {
-    const payload = await parseSecureToken(token);
-    return ok(res, payload);
-  } catch {
-    return badRequest(res);
-  }
-};

pages/api/website.js

@@ -1,22 +1,31 @@
 import { updateWebsite, createWebsite, getWebsiteById } from 'lib/queries';
 import { useAuth } from 'lib/middleware';
-import { uuid } from 'lib/crypto';
+import { uuid, getRandomChars } from 'lib/crypto';
 import { ok, unauthorized, methodNotAllowed } from 'lib/response';
 
 export default async (req, res) => {
   await useAuth(req, res);
 
   const { user_id, is_admin } = req.auth;
-  const { website_id } = req.body;
+  const { website_id, make_public } = req.body;
 
   if (req.method === 'POST') {
     const { name, domain } = req.body;
 
     if (website_id) {
-      const website = getWebsiteById(website_id);
+      const website = await getWebsiteById(website_id);
 
       if (website.user_id === user_id || is_admin) {
-        await updateWebsite(website_id, { name, domain });
+        let { share_id } = website;
+        console.log('exising id', share_id, website);
+
+        if (make_public) {
+          share_id = share_id ? share_id : getRandomChars(8);
+        } else {
+          share_id = null;
+        }
+
+        await updateWebsite(website_id, { name, domain, share_id });
 
         return ok(res);
       }
@@ -24,7 +33,8 @@ export default async (req, res) => {
       return unauthorized(res);
     } else {
       const website_uuid = uuid();
-      const website = await createWebsite(user_id, { website_uuid, name, domain });
+      const share_id = make_public ? getRandomChars(8) : null;
+      const website = await createWebsite(user_id, { website_uuid, name, domain, share_id });
 
       return ok(res, website);
     }

pages/api/website/[id]/index.js

@@ -3,9 +3,6 @@ import { useAuth } from 'lib/middleware';
 import { methodNotAllowed, ok, unauthorized } from 'lib/response';
 
 export default async (req, res) => {
-  await useAuth(req, res);
-
-  const { user_id, is_admin } = req.auth;
   const { id } = req.query;
   const website_id = +id;
 
@@ -16,6 +13,9 @@ export default async (req, res) => {
   }
 
   if (req.method === 'DELETE') {
+    await useAuth(req, res);
+    const { user_id, is_admin } = req.auth;
+
     const website = await getWebsiteById(website_id);
 
     if (website.user_id === user_id || is_admin) {

pages/api/website/[id]/metrics.js

@@ -1,10 +1,7 @@
 import { getMetrics } from 'lib/queries';
-import { useAuth } from 'lib/middleware';
 import { ok } from 'lib/response';
 
 export default async (req, res) => {
-  await useAuth(req, res);
-
   const { id, start_at, end_at } = req.query;
 
   const metrics = await getMetrics(+id, new Date(+start_at), new Date(+end_at));

pages/api/website/[id]/pageviews.js

@@ -1,13 +1,10 @@
 import moment from 'moment-timezone';
 import { getPageviews } from 'lib/queries';
-import { useAuth } from 'lib/middleware';
 import { ok, badRequest } from 'lib/response';
 
 const unitTypes = ['month', 'hour', 'day'];
 
 export default async (req, res) => {
-  await useAuth(req, res);
-
   const { id, start_at, end_at, unit, tz } = req.query;
 
   if (!moment.tz.zone(tz) || !unitTypes.includes(unit)) {

pages/api/website/[id]/rankings.js

@@ -1,13 +1,10 @@
 import { getRankings } from 'lib/queries';
-import { useAuth } from 'lib/middleware';
 import { ok, badRequest } from 'lib/response';
 
 const sessionColumns = ['browser', 'os', 'device', 'country'];
 const pageviewColumns = ['url', 'referrer'];
 
 export default async (req, res) => {
-  await useAuth(req, res);
-
   const { id, type, start_at, end_at } = req.query;
 
   if (!sessionColumns.includes(type) && !pageviewColumns.includes(type)) {

pages/share/[...id].js

@@ -0,0 +1,39 @@
+import React, { useState, useEffect } from 'react';
+import { useRouter } from 'next/router';
+import Layout from 'components/layout/Layout';
+import WebsiteDetails from 'components/WebsiteDetails';
+import NotFound from 'pages/404';
+import { get } from 'lib/web';
+
+export default function SharePage() {
+  const [websiteId, setWebsiteId] = useState();
+  const [notFound, setNotFound] = useState(false);
+  const router = useRouter();
+  const { id } = router.query;
+
+  async function loadData() {
+    const website = await get(`/api/share/${id?.[0]}`);
+
+    if (website) {
+      setWebsiteId(website.website_id);
+    } else {
+      setNotFound(true);
+    }
+  }
+
+  useEffect(() => {
+    if (id) {
+      loadData();
+    }
+  }, [id]);
+
+  if (!id || notFound) {
+    return <NotFound />;
+  }
+
+  return (
+    <Layout>
+      <WebsiteDetails websiteId={websiteId} />
+    </Layout>
+  );
+}

pages/website/[...id].js

@@ -13,9 +13,11 @@ export default function DetailsPage() {
     return null;
   }
 
+  const [websiteId] = id;
+
   return (
     <Layout>
-      <WebsiteDetails websiteId={+id[0]} />
+      <WebsiteDetails websiteId={websiteId} />
     </Layout>
   );
 }