Merge pull request #8 from syncosaurus/diagrams

Diagrams
syncosaurus · Apr 23, 2024 · 82ab0d2 · 82ab0d2
2 parents ad2b677 + af112f5
commit 82ab0d2
Show file tree

Hide file tree

Showing 50 changed files with 1,542 additions and 240 deletions.
diff --git a/blog/2019-05-28-first-blog-post.md b/blog/2019-05-28-first-blog-post.md
diff --git a/blog/2019-05-29-long-blog-post.md b/blog/2019-05-29-long-blog-post.md
diff --git a/blog/2021-08-01-mdx-blog-post.mdx b/blog/2021-08-01-mdx-blog-post.mdx
diff --git a/blog/2021-08-26-welcome/docusaurus-plushie-banner.jpeg b/blog/2021-08-26-welcome/docusaurus-plushie-banner.jpeg
diff --git a/blog/2021-08-26-welcome/index.md b/blog/2021-08-26-welcome/index.md
diff --git a/blog/authors.yml b/blog/authors.yml
diff --git a/docs/index.md b/docs/index.md
@@ -1,5 +1,6 @@
 ---
 slug: /
+title: Introduction
 sidebar_position: 1
 ---
 

diff --git a/docusaurus.config.js b/docusaurus.config.js
@@ -7,14 +7,12 @@
 import 'dotenv/config'
 import { themes as prismThemes } from 'prism-react-renderer'
 import tailwindPlugin from './plugins/tailwind-config.cjs'
-import remarkMath from 'remark-math'
-import rehypeKatex from 'rehype-katex'
 
 /** @type {import('@docusaurus/types').Config} */
 const config = {
   title: 'Syncosaurus',
   tagline:
-    'Syncosaurus is a React-and-Javascript-based framework for building real-time, collaborative React applications backed by the Cloudflare edge network of Workers and Durable Objects.',
+    "A performant, collaborative, real-time Javascript framework that enables developers to focus on their application's features and business logic, instead of the complexities of state synchronization and conflict resolution.",
   favicon: 'img/favicon.ico',
 
   // Set the production url of your site here
@@ -53,9 +51,7 @@ const config = {
           sidebarPath: './sidebars.js',
           sidebarCollapsed: false,
         },
-        blog: {
-          showReadingTime: true,
-        },
+        blog: false,
         theme: {
           customCss: './src/css/custom.css',
         },
@@ -66,8 +62,6 @@ const config = {
   themeConfig:
     /** @type {import('@docusaurus/preset-classic').ThemeConfig} */
     ({
-      // Replace with your project's social card
-      image: 'img/docusaurus-social-card.jpg',
       navbar: {
         title: 'Syncosaurus',
         logo: {
@@ -80,7 +74,7 @@ const config = {
           { type: 'doc', label: 'Docs', docId: 'index', position: 'right' },
           {
             to: 'https://github.com/syncosaurus',
-            label: 'GitHub',
+            label: 'Github',
             position: 'right',
           },
         ],
@@ -101,9 +95,13 @@ const config = {
                 to: '/case-study',
               },
               {
-                label: 'Team',
+                label: 'The Team',
                 to: '/team',
               },
+              {
+                label: 'Docs',
+                to: '/docs',
+              },
               {
                 label: 'GitHub',
                 to: 'https://github.com/syncosaurus',

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -14,6 +14,7 @@
     "write-heading-ids": "docusaurus write-heading-ids"
   },
   "dependencies": {
+    "@babel/plugin-syntax-jsx": "^7.24.1",
     "@docusaurus/core": "3.2.1",
     "@docusaurus/preset-classic": "3.2.1",
     "@emotion/styled": "^11.11.5",

diff --git a/src/components/Diagrams/allDiagrams.js b/src/components/Diagrams/allDiagrams.js
@@ -0,0 +1,33 @@
+import {Websockets, AbsoluteUpdates, Centralized, ConflictEdits, CRDT, DeltaUpdate, LongPolling, NewClientConnection, ONMessaging, ON2Messaging, OptimisticUI, OT, P2P, RelativeUpdate, StateUpdates, SyncingModel1, SyncingModel2, SyncingModel3, SyncingModel4, TimeDrivenMessages, WhiteboardDemo, WhiteboardDemoLatency } from '@site/src/components/Diagrams/index.js'
+
+const AllDiagrams = () => {
+
+  return (
+    <>
+    <Websockets />
+    <AbsoluteUpdates />
+    <Centralized />
+    <ConflictEdits />
+    <CRDT />
+    <DeltaUpdate />
+    <LongPolling />
+    <NewClientConnection />
+    <ONMessaging />
+    <ON2Messaging />
+    <OptimisticUI />
+    <OT />
+    <P2P />
+    <RelativeUpdate />
+    <StateUpdates />
+    <SyncingModel1 />
+    <SyncingModel2 />
+    <SyncingModel3 />
+    <SyncingModel4 />
+    <TimeDrivenMessages />
+    <WhiteboardDemo />
+    <WhiteboardDemoLatency />
+    </>
+  )
+}
+
+export default AllDiagrams