Sync and demux docs update (#978)

* Fixing typos

* Update message_group.rst

Author: jakaskerl

docs/source/components/messages/message_group.rst

@@ -1,7 +1,7 @@
 MessageGroup
 ============
 
-The MessageGroup message type is a versatile container used in DepthAI pipelines to group together a map of arbitrary DepthAI messages. It serves as the primary output of the :ref:`Sync` node, effectively synchronizing various input streams, and acts as the input to the :ref:`Demux` node for subsequent disaggregation and processing. 
+The MessageGroup message type is a versatile container used in DepthAI pipelines to group together a map of arbitrary DepthAI messages. It serves as the primary output of the :ref:`Sync` node, effectively synchronizing various input streams, and acts as the input to the :ref:`MessageDemux` node for subsequent disaggregation and processing. 
 
 Creating MessageGroup
 #####################

docs/source/components/nodes/demux.rst …ource/components/nodes/message_demux.rstdocs/source/components/nodes/demux.rst renamed to docs/source/components/nodes/message_demux.rst docs/source/components/nodes/demux.rst renamed to docs/source/components/nodes/message_demux.rst

@@ -1,8 +1,8 @@
-Demux
-=====
+MessageDemux
+============
 
 
-The Demux (Demultiplexer) node is used to separate a `MessageGroup` into individual outputs. It currently serves as way to demultiplex the output of :ref:`Sync` node. 
+The MessageDemux (Demultiplexer) node is used to separate a :ref:`MessageGroup` into individual outputs. It currently serves as way to demultiplex the output of :ref:`Sync` node. 
 
 How to Place It
 ###############
@@ -28,7 +28,7 @@ Inputs and Outputs
                  ┌───────────────────┐
   input          │                   │
   ──────────────►│                   │
-                 │       Demux       │        output1
+                 │    MessageDemux   │        output1
                  │                   ├───────────►
                  │                   │        output2
                  │                   ├───────────►
@@ -43,7 +43,7 @@ Inputs and Outputs
 Usage
 #####
 
-The Demux node is particularly useful for handling different types of data coming from a single source. 
+The MessageDemux node is particularly useful for handling different types of data coming from a single source. 
 For example, when the :ref:`Sync` node is used to synchronize the outputs of multiple nodes, the output of the Sync node is a :ref:`MessageGroup` containing all the messages from the synchronized nodes. The Demux node can be used to separate the messages into individual streams.
 
 .. tabs::

docs/source/components/nodes/sync_node.rst

@@ -2,40 +2,22 @@ Sync
 ====
 
 The Sync node is used for synchronizing multiple input streams based on their timestamps. It outputs a grouped message containing synchronized frames from the input streams.
-The output message is a :ref:`MessageGroup` containing synchronized messages from all the input streams. These can be demultiplexed using the :ref:`Demux` node.
+The output message is a :ref:`MessageGroup` containing synchronized messages from all the input streams. These can be demultiplexed using the :ref:`MessageDemux` node.
 
-How to Use
-##########
+How to Place it
+###############
 
 .. tabs::
 
   .. code-tab:: py
 
     pipeline = dai.Pipeline()
-    sync = pipeline.create(dai.node.MessageDemux)
-
-    # Configure threshold for timestamp alignment
-    sync.setSyncThreshold(timedelta(milliseconds=50))
-
-    # Configure inputs to be synchronized
-    sync.inputs["input1"]
-    sync.inputs["input2"]
-
-    # ...
+    sync = pipeline.create(dai.node.Sync)
 
   .. code-tab:: c++
 
     dai::Pipeline pipeline;
-    auto sync = pipeline.create<dai::node::MessageDemux>();
-
-    // Configure threshold for timestamp alignment
-    sync->setSyncThreshold(std::chrono::milliseconds(50));
-
-    // Configure inputs to be synchronized
-    sync->inputs["input1"];
-    sync->inputs["input2"];
-
-    // ...
+    auto sync = pipeline.create<dai::node::Sync>();
 
 
 Inputs and Outputs
@@ -65,6 +47,43 @@ Message Synchronization
 The Sync node aligns incoming messages based on their timestamps. The synchronization criteria and behavior can be configured using the :code:`depthai.node.Sync.setSyncThreshold` and :code:`depthai.node.Sync.setSyncAttempts`  method. More info in the :ref:`API Reference <reference>`.
 
 
+Usage
+#####
+
+.. tabs::
+
+  .. code-tab:: py
+
+    pipeline = dai.Pipeline()
+    sync = pipeline.create(dai.node.Sync)
+
+    # Configure threshold for timestamp alignment
+    sync.setSyncThreshold(timedelta(milliseconds=50))
+
+    # Configure inputs to be synchronized
+    camRgb.video.link(sync.inputs["input1"])
+    stereo.depth.link(sync.inputs["input2"])
+
+    sync.output.link(xout.input)
+    # ...
+
+  .. code-tab:: c++
+
+    dai::Pipeline pipeline;
+    auto sync = pipeline.create<dai::node::Sync>();
+
+    // Configure threshold for timestamp alignment
+    sync->setSyncThreshold(std::chrono::milliseconds(50));
+
+    // Configure inputs to be synchronized
+    camRgb.video.link(sync->input["input1"]);
+    stereo.depth.link(sync->input["input2"]);
+
+    sync->out.link(xout.input);
+    // ...
+
+
+
 Examples of Functionality
 ##########################