Add LiveObjects product to site navigation

This was added by searching for "livesync" in "src" folder and adding
corresponding "liveObjects" sections where necessary.

Author: VeskeR

src/components/ProductNavigation/ProductNavigation.tsx

@@ -28,6 +28,7 @@ const ProductNavigation = ({ currentProduct = 'channels' }: { currentProduct?: s
   const onChannels = currentProduct === 'channels';
   const onLiveSync = currentProduct === 'livesync';
   const onChat = currentProduct === 'chat';
+  const onLiveObjects = currentProduct === 'liveobjects';
   const onAssetTracking = currentProduct === 'asset-tracking';
 
   return (
@@ -50,6 +51,9 @@ const ProductNavigation = ({ currentProduct = 'channels' }: { currentProduct?: s
       <Item to="/docs/products/chat" active={onChat}>
         Chat
       </Item>
+      <Item to="/docs/products/chat" active={onLiveObjects}>
+        LiveObjects
+      </Item>
       <Item to="/docs/products/asset-tracking" active={onAssetTracking}>
         Asset Tracking
       </Item>

src/components/common/meta-title.test.ts

@@ -7,6 +7,7 @@ describe('getMetaTitle', () => {
       ['spaces', 'Ably Spaces', 'Setup'],
       ['livesync', 'Ably LiveSync', 'Begin'],
       ['chat', 'Ably Chat', 'Emojis'],
+      ['liveobjects', 'Ably LiveObjects', 'Setup'],
       ['asset-tracking', 'Ably Asset Tracking', 'Examples'],
       ['api-reference', 'API References', 'Setup'],
       ['pub_sub', 'Ably Pub/Sub', 'Authentication'],

src/components/common/meta-title.ts

@@ -6,6 +6,7 @@ export const getMetaTitle = (title: string, product: ProductName): string => {
     spaces: 'Ably Spaces',
     livesync: 'Ably LiveSync',
     chat: 'Ably Chat',
+    liveobjects: 'Ably LiveObjects',
     'asset-tracking': 'Ably Asset Tracking',
     'api-reference': 'API References',
     pub_sub: 'Ably Pub/Sub',

src/data/content/homepage.ts

@@ -53,6 +53,13 @@ export default {
           image: 'spaces.png',
           links: [{ text: 'Get started', href: '/docs/spaces' }],
         },
+        {
+          title: 'LiveObjects',
+          type: 'feature',
+          content: 'Seamlessly sync application state between clients.',
+          image: 'liveobjects.png',
+          links: [{ text: 'Get started', href: '/docs/spaces' }],
+        },
         {
           title: 'LiveSync',
           type: 'feature',

src/data/index.ts

@@ -1,6 +1,7 @@
 import {
   assetTrackingNavData,
   chatNavData,
+  liveObjectsNavData,
   liveSyncNavData,
   platformNavData,
   pubsubNavData,
@@ -27,6 +28,10 @@ export const productData = {
     nav: spacesNavData,
     languages: languageData.spaces,
   },
+  liveObjects: {
+    nav: liveObjectsNavData,
+    languages: languageData.liveObjects,
+  },
   liveSync: {
     nav: liveSyncNavData,
     languages: languageData.liveSync,

src/data/languages/languageData.ts

@@ -31,6 +31,9 @@ export default {
     javascript: 0.4,
     react: 0.4,
   },
+  liveObjects: {
+    javascript: 2.6,
+  },
   liveSync: {
     javascript: 0.4,
   },

src/data/nav/index.ts

@@ -1,8 +1,17 @@
 import platformNavData from './platform';
 import pubsubNavData from './pubsub';
 import chatNavData from './chat';
+import liveObjectsNavData from './liveobjects';
 import spacesNavData from './spaces';
 import liveSyncNavData from './livesync';
 import assetTrackingNavData from './assettracking';
 
-export { platformNavData, pubsubNavData, chatNavData, spacesNavData, liveSyncNavData, assetTrackingNavData };
+export {
+  platformNavData,
+  pubsubNavData,
+  chatNavData,
+  liveObjectsNavData,
+  spacesNavData,
+  liveSyncNavData,
+  assetTrackingNavData,
+};

src/data/nav/liveobjects.ts

@@ -0,0 +1,71 @@
+import { NavProduct } from './types';
+
+export default {
+  name: 'Ably LiveObjects',
+  link: '/docs/liveobjects',
+  icon: {
+    closed: 'icon-product-liveobjects-mono',
+    open: 'icon-product-liveobjects',
+  },
+  content: [
+    {
+      name: 'Introduction',
+      pages: [
+        {
+          name: 'About LiveObjects',
+          link: '/docs/liveobjects',
+        },
+      ],
+    },
+    {
+      name: 'Get started',
+      pages: [
+        {
+          name: 'Quickstart guide',
+          link: '/docs/liveobjects/quickstart',
+        },
+        {
+          name: 'LiveObjects setup',
+          link: '/docs/liveobjects/setup',
+        },
+      ],
+    },
+    {
+      name: 'LiveObjects features',
+      pages: [
+        {
+          name: 'LiveCounter',
+          link: '/docs/liveobjects/counter',
+        },
+        {
+          name: 'LiveMap',
+          link: '/docs/liveobjects/map',
+        },
+        {
+          name: 'Batching Operations',
+          link: '/docs/liveobjects/batch',
+        },
+        {
+          name: 'Objects Lifecycle Events',
+          link: '/docs/liveobjects/lifecycle',
+        },
+        {
+          name: 'Typing LiveObjects',
+          link: '/docs/liveobjects/typing',
+        },
+      ],
+    },
+  ],
+  api: [
+    {
+      name: 'API References',
+      pages: [
+        {
+          link: 'https://ably.com/docs/sdk/js/v2.0/interfaces/ably.Objects.html',
+          name: 'JavaScript SDK',
+          external: true,
+        },
+      ],
+    },
+  ],
+} satisfies NavProduct;

src/data/types.ts

@@ -3,7 +3,7 @@ import { LanguageData } from './languages/types';
 import { NavProduct } from './nav/types';
 
 const pageKeys = ['homepage'] as const;
-const productKeys = ['platform', 'pubsub', 'chat', 'spaces', 'liveSync', 'assetTracking'] as const;
+const productKeys = ['platform', 'pubsub', 'chat', 'spaces', 'liveObjects', 'liveSync', 'assetTracking'] as const;
 
 export type ProductKey = (typeof productKeys)[number];
 type PageKey = (typeof pageKeys)[number];

src/templates/template-data.d.ts

@@ -35,13 +35,22 @@ export type AblyPageContext = {
   script: string;
 };
 
-export type ProductName = 'channels' | 'spaces' | 'livesync' | 'chat' | 'asset-tracking' | 'api-reference' | 'home';
+export type ProductName =
+  | 'channels'
+  | 'spaces'
+  | 'livesync'
+  | 'chat'
+  | 'liveobjects'
+  | 'asset-tracking'
+  | 'api-reference'
+  | 'home';
 
 export type ProductTitle =
   | 'Channels'
   | 'Ably Spaces'
   | 'Ably LiveSync'
   | 'Ably Chat'
+  | 'Ably LiveObjects'
   | 'Ably Asset Tracking'
   | 'API References'
   | 'Home'