just show a coming soon page for now on logstruct.com

Author: ndbroadbent

bin/all bin/all_checkbin/all renamed to bin/all_check

@@ -0,0 +1,32 @@
+#!/usr/bin/env bash
+
+set -e
+
+echo "===> Running Sorbet"
+bin/typecheck
+
+echo "===> Running LogStruct TypeScript Export"
+scripts/export_typescript_types.rb
+
+echo "===> Running TypeScript"
+(cd site && npx tsc --noEmit)
+
+echo "===> Running RuboCop"
+bin/rubocop -A
+
+echo "===> Running Prettier"
+bin/prettier --write
+
+echo "===> Running ESLint"
+(cd site && npm run lint -- --fix)
+
+echo "===> Running CSpell Spellcheck"
+bin/spellcheck
+
+echo "===> Running Ruby tests"
+bin/test
+
+echo "===> Running TypeScript tests"
+(cd site && npm test)
+
+echo "All checks passed! ✅"

bin/all_write

@@ -0,0 +1,16 @@
+'use client';
+
+export default function ComingSoon() {
+  return (
+    <div className="container mx-auto px-4 flex flex-col items-center justify-center min-h-[80vh] text-center">
+      <h1 className="text-4xl font-bold tracking-tight sm:text-5xl md:text-6xl mb-8">
+        Coming Soon
+      </h1>
+      <p className="text-xl text-neutral-600 dark:text-neutral-400 max-w-2xl mx-auto mb-12">
+        LogStruct is a new way to add type-safe, structured JSON logging to any
+        Rails app. We&apos;re currently in development and will be launching
+        soon!
+      </p>
+    </div>
+  );
+}

site/app/coming-soon.tsx

@@ -3,8 +3,11 @@ import { Geist, Geist_Mono } from 'next/font/google';
 import Script from 'next/script';
 import './globals.css';
 import { MainNav } from '@/components/main-nav';
+import { EmptyNav } from '@/components/empty-nav';
 import { SiteFooter } from '@/components/site-footer';
 import { ThemeProvider } from '@/components/theme-provider';
+import { isComingSoon } from '@/lib/config';
+import ComingSoonContent from './coming-soon';
 
 const geistSans = Geist({
   variable: '--font-geist-sans',
@@ -52,10 +55,12 @@ export default function RootLayout({
           <div className="relative flex min-h-screen flex-col bg-white dark:bg-neutral-950">
             <header className="sticky top-0 z-50 w-full border-b border-neutral-200 bg-white dark:border-neutral-800 dark:bg-neutral-950">
               <div className="container flex h-16 items-center px-4 sm:px-6 lg:px-8">
-                <MainNav />
+                {isComingSoon ? <EmptyNav /> : <MainNav />}
               </div>
             </header>
-            <main className="flex-1">{children}</main>
+            <main className="flex-1">
+              {isComingSoon ? <ComingSoonContent /> : children}
+            </main>
             <SiteFooter />
           </div>
         </ThemeProvider>

site/app/layout.tsx

@@ -12,13 +12,11 @@ export default function Home() {
           <h1 className="text-4xl font-bold tracking-tight sm:text-5xl leading-tight xl:mt-2">
             Zero-configuration JSON logging for Ruby on Rails
           </h1>
-          <h2 className="text-2xl font-bold tracking-tight sm:text-3xl leading-tight text-neutral-600 dark:text-neutral-400">
-            (Coming soon!)
-          </h2>
           <p className="text-lg text-neutral-600 dark:text-neutral-400 my-10">
-            LogStruct adds structured JSON logging to any Rails app. Just add
-            the gem to your Gemfile, and your Rails app will print beautiful
-            JSON logs that are easy to search, filter, and visualize.
+            LogStruct is a new way to add type-safe, structured JSON logging to
+            any Rails app. Just add the gem to your Gemfile, and your Rails app
+            will print beautiful JSON logs that are easy to search, filter, and
+            visualize.
           </p>
           <div className="flex flex-col space-y-4 sm:flex-row sm:space-x-4 sm:space-y-0 mt-6">
             <Button asChild size="lg">

site/app/page.tsx

@@ -0,0 +1,23 @@
+'use client';
+
+import Link from 'next/link';
+
+export function EmptyNav() {
+  return (
+    <div className="mr-4 flex w-full items-center justify-between">
+      <div className="flex items-end space-x-2">
+        <Link href="/" className="font-bold text-xl leading-none">
+          LogStruct
+        </Link>
+        <a
+          href="https://docspring.com"
+          target="_blank"
+          rel="noopener noreferrer"
+          className="text-xs text-neutral-500 hover:text-neutral-700 dark:hover:text-neutral-300"
+        >
+          by DocSpring
+        </a>
+      </div>
+    </div>
+  );
+}

site/components/empty-nav.tsx

@@ -10,6 +10,7 @@ import {
   DropdownMenuItem,
   DropdownMenuTrigger,
 } from '@/components/ui/dropdown-menu';
+import { isComingSoon } from '@/lib/config';
 
 function ThemeToggle() {
   const { setTheme } = useTheme();
@@ -76,22 +77,24 @@ export function SiteFooter() {
           </p>
         </div>
         <div className="flex items-center space-x-4 mt-6 md:mt-0">
-          <Link
-            href="https://github.com/DocSpring/logstruct"
-            target="_blank"
-            rel="noreferrer"
-            className="rounded-md p-1 text-neutral-600 hover:text-neutral-900 dark:text-neutral-400 dark:hover:text-neutral-100"
-          >
-            <svg
-              xmlns="http://www.w3.org/2000/svg"
-              viewBox="0 0 24 24"
-              className="h-5 w-5"
-              fill="currentColor"
+          {isComingSoon ? null : (
+            <Link
+              href="https://github.com/DocSpring/logstruct"
+              target="_blank"
+              rel="noreferrer"
+              className="rounded-md p-1 text-neutral-600 hover:text-neutral-900 dark:text-neutral-400 dark:hover:text-neutral-100"
             >
-              <path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z" />
-            </svg>
-            <span className="sr-only">GitHub</span>
-          </Link>
+              <svg
+                xmlns="http://www.w3.org/2000/svg"
+                viewBox="0 0 24 24"
+                className="h-5 w-5"
+                fill="currentColor"
+              >
+                <path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z" />
+              </svg>
+              <span className="sr-only">GitHub</span>
+            </Link>
+          )}
           <ThemeToggle />
         </div>
       </div>

site/components/site-footer.tsx

@@ -0,0 +1,12 @@
+// Site configuration
+
+/**
+ * Determines if the site should show the "coming soon" page
+ * - In production: always true
+ * - In development: controlled by NEXT_PUBLIC_SHOW_COMING_SOON env variable
+ */
+export const isComingSoon =
+  // Always show coming soon page in production
+  process.env.NODE_ENV === 'production' ||
+  // In development, use the environment variable to toggle
+  process.env.NEXT_PUBLIC_SHOW_COMING_SOON === 'true';