Feat: Base Docs V2 (#1784)

* fresh slate

* fresh import

* linter settings

* working local build

* add file-loader

* linter fixes

* scratch updates

* theme working, banner not working

* save

* remove log

* fresh slate

* fresh import

* linter settings

* working local build

* add file-loader

* linter fixes

* scratch updates

* theme working, banner not working

* save

* remove log

* fix cookie banner with polyfil

* cca draft

* logevent

* Remove dead code

* Fix typo in quickstart

* optimize large gif

* add csp

* move ga to vocs config

* QA fixes

* linter

---------

Co-authored-by: dschlabach <[email protected]>
Co-authored-by: eric-brown <[email protected]>

Author: 3 people

Diff for: .eslintrc.js

@@ -12,6 +12,7 @@ module.exports = {
       ],
       rules: {
         'import/no-extraneous-dependencies': 'off',
+        'import/extensions': 'off',
       },
     },
   ],
@@ -29,6 +30,7 @@ module.exports = {
     'import/extensions': ['error', 'never'],
     'react/destructuring-assignment': 'off',
     'react/jsx-filename-extension': ['error', { extensions: ['.jsx', '.tsx', '.mdx'] }],
+    'react/react-in-jsx-scope': 'off',
 
     // We utilize prop spreading
     'react/jsx-props-no-spreading': 'off',

Diff for: apps/base-docs/.env.example

@@ -1 +1,16 @@
+node_modules/
+docs/dist/
+docs/build/
+./vocs.config.tsx.timestamp*
+
+# Yarn
+.yarn/*
+!.yarn/patches
+!.yarn/releases
+!.yarn/plugins
+!.yarn/sdks
+!.yarn/versions
+
+# Environment variables
+.env*.local
 .env

Diff for: apps/base-docs/.eslintignore

@@ -0,0 +1 @@
+18 

Diff for: apps/base-docs/.gitignore

@@ -1,3 +1 @@
-# Base Docs
-
-This the Docusaurus app for the Base docs. You can run the dev server locally with `yarn workspace @app/base-docs dev`.
+This is a [Vocs](https://vocs.dev) project bootstrapped with the Vocs CLI.

Diff for: apps/base-docs/.nvmrc

@@ -0,0 +1,73 @@
+import { google } from '@googleapis/sheets';
+import type { VercelRequest, VercelResponse } from '@vercel/node';
+
+// Initialize Google Sheets client
+const getGoogleSheetsClient = () => {
+  try {
+    const credentials = JSON.parse(
+      Buffer.from(process.env.GOOGLE_SERVICE_ACCOUNT_KEY || '', 'base64').toString(),
+    );
+
+    const auth = new google.auth.GoogleAuth({
+      credentials,
+      scopes: ['https://www.googleapis.com/auth/spreadsheets'],
+    });
+
+    return google.sheets({ version: 'v4', auth });
+  } catch (error) {
+    console.error('Failed to initialize Google Sheets client:', error);
+    throw new Error('Failed to initialize Google Sheets client');
+  }
+};
+
+type FeedbackPayload = {
+  likeOrDislike: boolean;
+  options: string[];
+  comment: string;
+  url: string;
+  ipAddress: string;
+  timestamp: number;
+};
+
+export default async function handler(req: VercelRequest, res: VercelResponse) {
+  if (req.method !== 'POST') {
+    return res.status(405).json({ error: 'Method not allowed' });
+  }
+
+  try {
+    const { likeOrDislike, options, comment, url, ipAddress, timestamp } =
+      req.body as FeedbackPayload;
+
+    const sheets = getGoogleSheetsClient();
+    const spreadsheetId = process.env.GOOGLE_SHEETS_ID;
+
+    if (!spreadsheetId) {
+      throw new Error('GOOGLE_SHEETS_ID environment variable is not set');
+    }
+
+    // Format the row data
+    const rowData = [
+      new Date(timestamp).toISOString(),
+      url,
+      ipAddress,
+      likeOrDislike ? 'Like' : 'Dislike',
+      options.join(', '),
+      comment,
+    ];
+
+    // Append the row to the sheet
+    await sheets.spreadsheets.values.append({
+      spreadsheetId,
+      range: 'Sheet1!A:F', // Adjust range based on your sheet's structure
+      valueInputOption: 'USER_ENTERED',
+      requestBody: {
+        values: [rowData],
+      },
+    });
+
+    return res.status(200).json({ success: true });
+  } catch (error) {
+    console.error('Error submitting feedback:', error);
+    return res.status(500).json({ error: 'Failed to submit feedback' });
+  }
+}