workspace setup, docs scaffolding

.gitignore

@@ -0,0 +1,68 @@
+# Node stuff
+node_modules
+yarn-debug.log*
+yarn-error.log*
+
+# OS ignores
+.DS_Store
+
+# Xcode
+**/ios/build/
+**/ios/derived_data/
+*.pbxuser
+!default.pbxuser
+*.mode1v3
+!default.mode1v3
+*.mode2v3
+!default.mode2v3
+*.perspectivev3
+!default.perspectivev3
+xcuserdata
+*.xccheckout
+*.moved-aside
+DerivedData
+*.hmap
+*.ipa
+*.xcuserstate
+*.xcworkspace
+Pods/
+
+# Android/IntelliJ
+**/android/build/
+**/android/app/build/
+.idea
+.gradle
+local.properties
+*.iml
+*.hprof
+
+# Builds
+.docusaurus
+.next
+cjs/
+dts/
+esm/
+lib/
+mjs/
+out/
+*.tsbuildinfo
+
+# Yarn
+.yarn/*
+!.yarn/patches
+!.yarn/releases
+!.yarn/plugins
+!.yarn/sdks
+!.yarn/versions
+.pnp.*
+
+# Env files
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+# GraphQL
+schema.graphql
+persisted_queries.json
+**/*.graphql.ts

.prettierignore

@@ -0,0 +1,15 @@
+*.graphql
+**/persisted_queries.json
+**/__generated__
+
+.docusaurus
+.next
+cjs/
+dts/
+esm/
+lib/
+mjs/
+out/
+package.json
+tsconfig.json
+tsconfig.*.json

apps/docs/README.md

@@ -0,0 +1,3 @@
+# Base Docs
+
+This the Docusaurus app for the Base docs. You can run the dev server locally with `yarn workspace docs dev`.

apps/docs/babel.config.js

@@ -0,0 +1,6 @@
+module.exports = {
+  presets: [
+    require.resolve('@docusaurus/core/lib/babel/preset'),
+    ['@babel/preset-react', { runtime: 'automatic' }],
+  ],
+};

apps/docs/blog/2019-05-28-first-blog-post.md

@@ -0,0 +1,8 @@
+---
+slug: first-blog-post
+title: First Blog Post
+authors: [batman]
+tags: [docusaurus]
+---
+
+Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque elementum dignissim ultricies. Fusce rhoncus ipsum tempor eros aliquam consequat. Lorem ipsum dolor sit amet

apps/docs/blog/authors.yml

@@ -0,0 +1,5 @@
+batman:
+  name: Bruce Wayne
+  title: Batman
+  url: https://github.com
+  image_url: https://github.com

apps/docs/docs/about/decentralization.md

@@ -0,0 +1,6 @@
+---
+title: Decentralization
+slug: /about/decentralization
+---
+
+Hello world!

apps/docs/docs/about/how-base-works.md

@@ -0,0 +1,6 @@
+---
+title: How Base works
+slug: /about/how-base-works
+---
+
+Hello world!

apps/docs/docs/about/roadmap.md

@@ -0,0 +1,6 @@
+---
+title: Roadmap
+slug: /about/roadmap
+---
+
+Hello world!

apps/docs/docs/community/community.md

@@ -0,0 +1,6 @@
+---
+title: Community
+slug: /community
+---
+
+Hello world!

apps/docs/docs/developers/building-on-base.md

@@ -0,0 +1,6 @@
+---
+title: Building on Base
+slug: /developers/building-on-base
+---
+
+Hello world!

apps/docs/docs/developers/tools.md

@@ -0,0 +1,6 @@
+---
+title: Tools
+slug: /developers/tools
+---
+
+Hello world!

apps/docs/docs/security/security.md

@@ -0,0 +1,6 @@
+---
+title: Security
+slug: /security
+---
+
+Hello world!

apps/docs/docs/security/vulnerabilities.md

@@ -0,0 +1,6 @@
+---
+title: Vulnerabilities
+slug: /security/vulnerabilities
+---
+
+Hello world!

apps/docs/docs/using-base/with-coinbase.md

@@ -0,0 +1,7 @@
+---
+title: Using Base with Coinbase
+sidebar_position: 2
+slug: /using-base/with-coinbase
+---
+
+Hello world!

apps/docs/docs/using-base/with-wallet.md

@@ -0,0 +1,7 @@
+---
+title: Using Base with your wallet
+sidebar_position: 1
+slug: /using-base/with-your-wallet
+---
+
+Hello world!

apps/docs/docusaurus.config.js

@@ -0,0 +1,97 @@
+const githubTheme = require('prism-react-renderer/themes/github');
+const draculaTheme = require('prism-react-renderer/themes/dracula');
+
+const baseConfig = {
+  baseUrl: '/',
+  favicon: 'img/favicon.ico',
+  onBrokenLinks: 'throw',
+  onBrokenMarkdownLinks: 'warn',
+  organizationName: 'base',
+  projectName: 'web',
+  themeConfig: {
+    docs: {
+      sidebar: {
+        autoCollapseCategories: true,
+        hideable: true,
+      },
+    },
+    prism: {
+      theme: githubTheme,
+      darkTheme: draculaTheme,
+    },
+  },
+};
+
+const APP_TITLE = `Base`;
+const PRODUCT_NAME = 'Base';
+
+const config = {
+  ...baseConfig,
+  title: APP_TITLE,
+  tagline: '',
+  url: 'https://docs.base.org',
+
+  presets: [
+    [
+      'classic',
+      {
+        docs: {
+          sidebarPath: require.resolve('./sidebars.js'),
+        },
+        theme: {
+          customCss: require.resolve('./src/css/custom.css'),
+        },
+      },
+    ],
+  ],
+
+  themeConfig: {
+    ...baseConfig.themeConfig,
+    navbar: {
+      title: PRODUCT_NAME,
+      logo: {
+        alt: PRODUCT_NAME,
+        src: 'img/logo.svg',
+      },
+      items: [
+        {
+          type: 'doc',
+          docId: 'about/how-base-works',
+          position: 'left',
+          label: `About ${PRODUCT_NAME}`,
+        },
+        {
+          type: 'doc',
+          docId: 'using-base/with-wallet',
+          position: 'left',
+          label: `Using ${PRODUCT_NAME}`,
+        },
+        {
+          type: 'doc',
+          docId: 'developers/building-on-base',
+          position: 'left',
+          label: `Developers`,
+        },
+        {
+          type: 'doc',
+          docId: 'security/security',
+          position: 'left',
+          label: `Security`,
+        },
+        {
+          type: 'doc',
+          docId: 'community/community',
+          position: 'left',
+          label: `Community`,
+        },
+      ],
+    },
+    footer: {
+      style: 'dark',
+      links: [],
+      copyright: `© ${new Date().getFullYear()} Coinbase`,
+    },
+  },
+};
+
+module.exports = config;

apps/docs/docusaurus.d.ts

@@ -0,0 +1,5 @@
+/* eslint-disable @typescript-eslint/triple-slash-reference */
+
+/// <reference types="@docusaurus/module-type-aliases" />
+/// <reference types="@docusaurus/plugin-content-blog" />
+/// <reference types="@docusaurus/plugin-content-pages" />

apps/docs/package.json

@@ -0,0 +1,27 @@
+{
+  "name": "docs",
+  "version": "0.0.0",
+  "private": true,
+  "scripts": {
+    "dev": "docusaurus start"
+  },
+  "dependencies": {
+    "@docusaurus/core": "2.2.0",
+    "@docusaurus/preset-classic": "2.2.0",
+    "prism-react-renderer": "^1.3.5",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0"
+  },
+  "browserslist": {
+    "production": [
+      ">0.5%",
+      "not dead",
+      "not op_mini all"
+    ],
+    "development": [
+      "last 1 chrome version",
+      "last 1 firefox version",
+      "last 1 safari version"
+    ]
+  }
+}

apps/docs/sidebars.js

@@ -0,0 +1,7 @@
+module.exports = {
+  about: ['about/how-base-works', 'about/decentralization', 'about/roadmap'],
+  security: ['security/security', 'security/vulnerabilities'],
+  'using-base': ['using-base/with-wallet', 'using-base/with-coinbase'],
+  community: ['community/community'],
+  developers: ['developers/building-on-base', 'developers/tools'],
+};

apps/docs/src/components/HomepageFeatures.module.css

@@ -0,0 +1,11 @@
+.features {
+  display: flex;
+  align-items: center;
+  padding: 2rem 0;
+  width: 100%;
+}
+
+.featureSvg {
+  height: 200px;
+  width: 200px;
+}