Syncfusion PDF Viewer

https://github.com/syncfusionexamples/react-pdf-viewer-examples
Admin
Syncfusion PDF Viewer is a React component that enables users to view, annotate, search, print, and...
Tokens:172,392
Snippets:1,198
Trust Score:7.6
Update:2 days ago
Show doc for...
Tokens:
Raw
### Install and start commands

Source: https://github.com/syncfusionexamples/react-pdf-viewer-examples/blob/master/Environment Integration/SharePoint/pdfviewer-spfx-react/README.md

Run these commands in the command-line at the solution folder to install dependencies and start the development server. The first command installs the Heft build tool globally, the second installs project dependencies, and the third starts the development server.

```bash
npm install -g @rushstack/heft
```

```bash
npm install
```

```bash
heft start
```

--------------------------------

### Start the Collaboration Server

Source: https://github.com/syncfusionexamples/react-pdf-viewer-examples/blob/master/Collaborative Editing/README.md

Commands to install dependencies and start the server. The server listens on http://localhost:8081.

```bash
cd Server
npm install
npm start
```

--------------------------------

### Start server with nodemon or npm start

Source: https://github.com/syncfusionexamples/react-pdf-viewer-examples/blob/master/Collaborative Editing/Server/README.md

Commands to start the server with automatic reload using nodemon, or manually restart with npm start. Requires nodemon installed globally.

```bash
# Start server with automatic reload (requires nodemon)
npm install -g nodemon
nodemon server.js

# Or manually restart
npm start
```

--------------------------------

### Expected server output

Source: https://github.com/syncfusionexamples/react-pdf-viewer-examples/blob/master/Collaborative Editing/Server/README.md

Example output when the server starts successfully, showing build version and initialization status.

```text
***** NODE BUILD 2026-07-23 *****
***** PDF Viewer Collaboration Server *****
ActionService initialized: true
```

--------------------------------

### Start the React Client

Source: https://github.com/syncfusionexamples/react-pdf-viewer-examples/blob/master/Collaborative Editing/README.md

Commands to install dependencies and start the Vite development server. Vite displays the local client URL.

```bash
cd Client
npm install
npm run dev
```

--------------------------------

### Start the React development server with npm start

Source: https://github.com/syncfusionexamples/react-pdf-viewer-examples/blob/master/README.md

Run this command after installation to start the React development server and open the PDF Viewer component in your default browser.

```bash
npm start
```

--------------------------------

### Install dependencies with npm install

Source: https://github.com/syncfusionexamples/react-pdf-viewer-examples/blob/master/README.md

Run this command in the root directory of the ReactClient sample to install the necessary dependencies specified in the package.json file.

```bash
npm install
```

--------------------------------

### Start Beeline in Docker

Source: https://github.com/syncfusionexamples/react-pdf-viewer-examples/blob/master/Save and Load/Save PDF file to server/Web Service/Data/Hive_Succinctly.pdf

Run this command from the host machine to connect to the Hive container and start the Beeline client. Requires the hive-succinctly Docker container.

```bash
docker exec -it hive beeline
```

--------------------------------

### Run the development server

Source: https://github.com/syncfusionexamples/react-pdf-viewer-examples/blob/master/How to/Delete FormFields in Non Rendered Pages/README.md

Use one of these commands to start the Next.js development server. The page auto-updates as you edit app/page.tsx.

```bash
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev
```

--------------------------------

### Run the development server

Source: https://github.com/syncfusionexamples/react-pdf-viewer-examples/blob/master/Navigation/README.md

Command to start the Vite development server, which will print a local URL (usually http://localhost:5173).

```bash
npm run dev
```

--------------------------------

### Verify Node.js and npm versions

Source: https://github.com/syncfusionexamples/react-pdf-viewer-examples/blob/master/Navigation/README.md

Commands to check the installed versions of Node.js and npm, which are prerequisites for the project.

```bash
node --version
npm --version
```

--------------------------------

### Room ID URL example

Source: https://github.com/syncfusionexamples/react-pdf-viewer-examples/blob/master/Collaborative Editing/README.md

Example URL with the room ID query parameter.

```text
http://localhost:5173/?id=3tlfqgkp854
```

--------------------------------

### Get Actions curl Command

Source: https://github.com/syncfusionexamples/react-pdf-viewer-examples/blob/master/Collaborative Editing/Server/README.md

Retrieves changes from the server for a room, starting from a given version. Sends a POST request with roomName and fromVersion.

```bash
curl -X POST http://localhost:8080/api/CollaborativeEditing/GetActionsFromServer \
  -H "Content-Type: application/json" \
  -d '{
    "roomName": "test-room-001",
    "fromVersion": 0
  }'
```

--------------------------------

### Annotation action request example

Source: https://github.com/syncfusionexamples/react-pdf-viewer-examples/blob/master/Collaborative Editing/Server/README.md

Example request for annotation changes using XFDF data. The data.xfdfData field must contain complete XFDF markup.

```javascript
{
  roomName: "room123",
  connectionId: "conn-456",
  userName: "Alice",
  type: "annotation",
  currentVersion: 5,
  data: {
    xfdfData: "<xfdf>...</xfdf>"    // Required: Complete XFDF markup
  }
}
```

--------------------------------

### Create Table Like Example

Source: https://github.com/syncfusionexamples/react-pdf-viewer-examples/blob/master/Save and Load/Save PDF file to server/Web Service/Data/Hive_Succinctly.pdf

Shows the output of describing the 'dual' table, creating a new table 'dual2' with the same structure using CREATE TABLE LIKE, and then describing 'dual2' to confirm the structure. The new table does not copy data and is not linked to the original.

```hiveql
> describe dual;
+-----------+------------+----------+--+
| col_name | data_type | comment |
+-----------+------------+----------+--+
| c | string | |
+-----------+------------+----------+--+
> create table dual2 like dual;
> describe dual2;
+-----------+------------+----------+--+
| col_name | data_type | comment |
+-----------+------------+----------+--+
| c | string | |
+-----------+------------+----------+--+
```

--------------------------------

### Start and Stop Docker Compose Containers

Source: https://github.com/syncfusionexamples/react-pdf-viewer-examples/blob/master/Save and Load/Save PDF file to server/Web Service/Data/Hive_Succinctly.pdf

Controls the lifecycle of Docker containers for Hive and HBase. Commands: up, stop, start, kill, and rm. The containers are pre-configured with sample data and tables.

```bash
docker-compose up -d
docker-compose stop
docker-compose start
docker-compose kill
docker-compose rm
```

--------------------------------

### POST /api/CollaborativeEditing/ImportFile

Source: https://github.com/syncfusionexamples/react-pdf-viewer-examples/blob/master/Collaborative Editing/Server/README.md

Starts a collaboration session by importing a file into a specified room. Requires a room name and file name.

```APIDOC
## POST /api/CollaborativeEditing/ImportFile

### Description
Starts a collaboration session by importing a file into a specified room. Requires a room name and file name.

### Method
POST

### Endpoint
/api/CollaborativeEditing/ImportFile

### Parameters
#### Request Body
- **roomName** (string) - Required - The name of the collaboration room.
- **fileName** (string) - Required - The name of the file to import.

### Request Example
{
  "roomName": "test-room-001",
  "fileName": "sample.pdf"
}

### Response
#### Success Response (200)
- No response body documented.
```

--------------------------------

### Create database with properties and describe schema extended

Source: https://github.com/syncfusionexamples/react-pdf-viewer-examples/blob/master/How to/Signature Field Validation/WebService/ControllerPractice/ControllerPractice/Data/Hive_Succinctly.pdf

Creates a database named 'iot' with metadata properties 'maintainer' and 'release', then describes the schema in extended mode to view the properties. The output shows the schema location and parameters. This example is from Code Listing 62.

```hiveql
> create database iot with dbproperties('maintainer'='elton@sixeyed.com',
'release'='2016R1');
No rows affected (0.249 seconds)
> describe schema extended iot;
+----------+----------+---------------------------------------------------
| db_name | comment | location |
owner_name | owner_type | parameters |
+----------+----------+---------------------------------------------------
| iot | | hdfs://localhost:9000/user/hive/warehouse/iot.db | root | USER | {maintainer=elton@sixeyed.com, release=2016R1} | +----------+----------+---------------------------------------------------
```

--------------------------------

### PageOrganizer request example

Source: https://github.com/syncfusionexamples/react-pdf-viewer-examples/blob/master/Collaborative Editing/Server/README.md

Example request for page organization operations such as reordering, rotating, or deleting pages. The data.pages array specifies the new order, and data.rotations maps page indices to rotation degrees.

```javascript
{
  roomName: "room123",
  connectionId: "conn-456",
  userName: "Alice",
  type: "pageOrganizer",
  currentVersion: 5,
  data: {
    pages: [0, 2, 1],              // Reordered page indices
    rotations: {"0": 90, "2": 180} // Page rotations in degrees
  }
}
```

--------------------------------

### Import File curl Command

Source: https://github.com/syncfusionexamples/react-pdf-viewer-examples/blob/master/Collaborative Editing/Server/README.md

Starts collaboration by importing a file into a room. Sends a POST request with roomName and fileName in the JSON body.

```bash
curl -X POST http://localhost:8080/api/CollaborativeEditing/ImportFile \
  -H "Content-Type: application/json" \
  -d '{
    "roomName": "test-room-001",
    "fileName": "sample.pdf"
  }'
```

--------------------------------

### Create database with dbproperties and describe schema extended

Source: https://github.com/syncfusionexamples/react-pdf-viewer-examples/blob/master/Save and Load/Save PDF file to server/Web Service/Data/Hive_Succinctly.pdf

Creates a database named 'iot' with metadata properties 'maintainer' and 'release', then describes the schema in extended mode to view the stored properties. The output shows the location and parameters. This example is from Code Listing 62.

```hiveql
> create database iot with dbproperties('maintainer'='elton@sixeyed.com',
'release'='2016R1');
No rows affected (0.249 seconds)
> describe schema extended iot;
+----------+----------+---------------------------------------------------
| db_name | comment | location |
owner_name | owner_type | parameters |
+----------+----------+---------------------------------------------------

```

```text
| iot | | hdfs://localhost:9000/user/hive/warehouse/iot.db | root | USER | {maintainer=elton@sixeyed.com, release=2016R1} | +----------+----------+---------------------------------------------------
```

--------------------------------

### POST /api/CollaborativeEditing/GetActionsFromServer

Source: https://github.com/syncfusionexamples/react-pdf-viewer-examples/blob/master/Collaborative Editing/Server/README.md

Retrieves actions from the server for a given room starting from a specified version. Used for incremental synchronization.

```APIDOC
## POST /api/CollaborativeEditing/GetActionsFromServer

### Description
Retrieves actions from the server for a given room starting from a specified version. Used for incremental synchronization.

### Method
POST

### Endpoint
/api/CollaborativeEditing/GetActionsFromServer

### Parameters
#### Request Body
- **roomName** (string) - Required - The name of the collaboration room.
- **fromVersion** (number) - Required - The version from which to retrieve actions.

### Request Example
{
  "roomName": "test-room-001",
  "fromVersion": 0
}

### Response
#### Success Response (200)
- No response body documented.
```

--------------------------------

### PDF content stream example: Hello, World!

Source: https://github.com/syncfusionexamples/react-pdf-viewer-examples/blob/master/Annotations/Flatten all annotations/Web Service/Data/PDF Succinctly.pdf

A minimal PDF content stream that renders 'Hello, World!' in 36-point Times Roman font. The stream uses PDF operators: BT/ET to define a text block, Tf to set the font, Td to position the text cursor, and Tj to draw the text. The empty dictionary << >> is filled in by pdftk with required metadata.

```pdf
4 0 obj
<< >>
stream
BT
/F0 36 Tf
50 706 Td
(Hello, World!) Tj
ET
endstream
endobj
```

--------------------------------

### FormFieldAction request example

Source: https://github.com/syncfusionexamples/react-pdf-viewer-examples/blob/master/Collaborative Editing/Server/README.md

Example request for creating, updating, or deleting form fields. The data.changes field must be a JSON string containing add, update, and delete arrays.

```javascript
{
  roomName: "room123",
  connectionId: "conn-456",
  userName: "Alice",
  type: "formFieldAction",
  currentVersion: 5,
  data: {
    changes: "{\"add\": [...], \"update\": [...], \"delete\": [...]}"  // Required: JSON string
  }
}
```

--------------------------------

### FormField action request example

Source: https://github.com/syncfusionexamples/react-pdf-viewer-examples/blob/master/Collaborative Editing/Server/README.md

Example request for updating a single form field value. The data.jsonData field must be a JSON string.

```javascript
{
  roomName: "room123",
  connectionId: "conn-456",
  userName: "Alice",
  type: "formField",
  currentVersion: 5,
  data: {
    jsonData: "{\"field1\": \"value1\", \"field2\": \"value2\"}"  // Required: JSON string
  }
}
```

--------------------------------

### Create a phrase with line-aware chunks

Source: https://github.com/syncfusionexamples/react-pdf-viewer-examples/blob/master/Collaborative Editing/Server/wwwroot/PDF/pdf-succinctly.pdf

Phrases group chunks and add line wrapping and leading. This example creates a Phrase, adds chunks, and demonstrates that phrases can wrap lines to the document width.

```csharp
Phrase p = new Phrase();
p.Add(before); p.Add(middle); p.Add(after);
p.Add(new Chunk(" Note that Phrases, unlike Chunks, are line-aware."));
p.Add(new Chunk(" They can wrap lines to the width of a document."));
```

--------------------------------

### POST /api/CollaborativeEditing/ImportFile - Curl Example

Source: https://github.com/syncfusionexamples/react-pdf-viewer-examples/blob/master/Collaborative Editing/Server/README.md

Curl command to call the ImportFile endpoint. Sends a POST request with a JSON body containing roomName and fileName.

```bash
curl -X POST http://localhost:8080/api/CollaborativeEditing/ImportFile \
  -H "Content-Type: application/json" \
  -d '{
    "roomName": "room123",
    "fileName": "document.pdf"
  }'
```

--------------------------------

### Single quote operator example

Source: https://github.com/syncfusionexamples/react-pdf-viewer-examples/blob/master/Annotations/Flatten all annotations/Web Service/Data/PDF Succinctly.pdf

This stream demonstrates the ' operator, which moves to the next line and displays text, equivalent to T* followed by Tj.

```pdf
BT
50 706 Td /F0 36 Tf
ET
36 TL
(Hello, World!) Tj T* (I'm On Another Line!) Tj (So Am I!) '
```

--------------------------------

### RGB stroke and fill color example

Source: https://github.com/syncfusionexamples/react-pdf-viewer-examples/blob/master/Annotations/Flatten all annotations/Web Service/Data/PDF Succinctly.pdf

Defines a red stroke and a blue fill using RG and rg operators, then draws and fills a path with the B operator.

```pdf
0.75 0 0 RG
0 0 0.75 rg
10 w
306 396 m
306 594 l
336 500 l
B
```

--------------------------------

### Set dash pattern with d operator

Source: https://github.com/syncfusionexamples/react-pdf-viewer-examples/blob/master/Save and Load/Load and Save PDF Files from a Server Using a Standalone PDF Viewer/Web Service/Data/PDF_Succinctly.pdf

Example stream that creates a line with 20-point dashes and 10-point spaces. Uses the d operator with an array and offset, and the S operator to stroke the path.

```pdf
10 w
[20 10] 0 d
306 396 m
306 594 l
S

```

--------------------------------

### Create and style chunks with underline

Source: https://github.com/syncfusionexamples/react-pdf-viewer-examples/blob/master/Collaborative Editing/Server/wwwroot/PDF/pdf-succinctly.pdf

Chunks are the smallest text unit. The SetUnderline() method takes stroke width and offset from baseline. This example creates three chunks and adds them to a paragraph.

```csharp
Chunk before = new Chunk("Look! My ");
Chunk middle = new Chunk("First");
middle.SetUnderline(0.5f, -1.5f);
Chunk after = new Chunk(" PDF!");
Paragraph p = new Paragraph();
p.Add(before); p.Add(middle); p.Add(after);
doc.Add(p);
```

--------------------------------

### Set miter limit with M operator

Source: https://github.com/syncfusionexamples/react-pdf-viewer-examples/blob/master/Save and Load/Load and Save PDF Files from a Server Using a Standalone PDF Viewer/Web Service/Data/PDF_Succinctly.pdf

Example stream that sets a miter limit of 5, turning a mitered corner into a beveled one. Uses the M operator and strokes a path with a corner.

```pdf
10 w
5 M
306 396 m
306 594 l
336 500 l
S

```

--------------------------------

### PDF line to (400,500) and fill operator

Source: https://github.com/syncfusionexamples/react-pdf-viewer-examples/blob/master/Annotations/Flatten annotation specific to user/Web Service/Data/PDF Succinctly.pdf

Adds a line segment to (400,500) and applies the f operator to fill the path. This completes the triangle example for the f operator.

```pdf
400 500 l f
```

--------------------------------

### Preview the production build locally

Source: https://github.com/syncfusionexamples/react-pdf-viewer-examples/blob/master/Navigation/README.md

Command to preview the production build locally.

```bash
npm run preview
```

--------------------------------

### Create a PDF with iTextSharp (HelloWorld.cs)

Source: https://github.com/syncfusionexamples/react-pdf-viewer-examples/blob/master/Annotations/Flatten all annotations/Web Service/Data/PDF Succinctly.pdf

Creates a PDF file named itext.pdf with the text 'Look! My First PDF!' using iTextSharp. Requires the itextsharp.dll library. The document must be opened before adding content.

```C#
using System;
using System.IO;
using iTextSharp.text;
using iTextSharp.text.pdf;
public class HelloWorld {
public static void Main() {
Document doc = new Document();
PdfWriter.GetInstance(doc,
new FileStream("itext.pdf", FileMode.Create)
);
doc.Open();
Paragraph p = new Paragraph("Look! My First PDF!");
doc.Add(p);
doc.Close();
Console.WriteLine("Created a PDF!");
}
}
```

--------------------------------

### List build commands

Source: https://github.com/syncfusionexamples/react-pdf-viewer-examples/blob/master/Environment Integration/SharePoint/pdfviewer-spfx-react/README.md

Use this command to list other available build commands for the project.

```bash
heft --help
```

--------------------------------

### Double Quote Operator Example

Source: https://github.com/syncfusionexamples/react-pdf-viewer-examples/blob/master/Collaborative Editing/Server/wwwroot/PDF/pdf-succinctly.pdf

The double quote operator sets character and word spacing and moves to the next line. It takes three arguments: word spacing, character spacing, and text. The example shows a line with spacing 2 and 1.

```pdf
2 1 (Hello!) "
```

--------------------------------

### Build for production

Source: https://github.com/syncfusionexamples/react-pdf-viewer-examples/blob/master/Navigation/README.md

Command to build the project for production, outputting to the dist/ folder.

```bash
npm run build
```

--------------------------------

### GET /api/test

Source: https://github.com/syncfusionexamples/react-pdf-viewer-examples/blob/master/Collaborative Editing/Server/README.md

Health check endpoint to verify the server is running.

```APIDOC
## GET /api/test

### Description
Health check endpoint.

### Method
GET

### Endpoint
/api/test

### Response
#### Success Response (200)
- **status** (string) - Status message indicating the server is running.

#### Response Example
{
  "status": "PDF Viewer Collaboration Server Running"
}
```

--------------------------------

### Navigate to project directory

Source: https://github.com/syncfusionexamples/react-pdf-viewer-examples/blob/master/Collaborative Editing/Server/README.md

Command to change into the NodeJSServer directory where the server code resides.

```bash
cd NodeJSServer
```

--------------------------------

### Windowing function with lag and lead

Source: https://github.com/syncfusionexamples/react-pdf-viewer-examples/blob/master/Save and Load/Save PDF file to server/Web Service/Data/Hive_Succinctly.pdf

Query using lag and lead to compute time differences between consecutive rows. The lag function gets the loggedAt value for the previous row (NULL for first row) and lead gets the next row's value; subtracting gives the time distance.

```SQL
message order by loggedat) -loggedat from syslogs where upper(message) like '%CRON%REBOOT%';
...
+-----------+----------+-------------------------------------+-----+-------
| c0 | process | message | c3 |
c4 | c5 |
+-----------+----------+-------------------------------------+-----+-------
| 19:52:21 | cron | (CRON) INFO (Running @reboot jobs) | 1 | NULL
| 0 00:00:21.455000000 |
| 19:52:43 | cron | (CRON) INFO (Running @reboot jobs) | 2 | -0
00:00:21.455000000 | 0 00:00:37.773000000 |
| 19:53:21 | cron | (CRON) INFO (Running @reboot jobs) | 3 | -0
00:00:37.773000000 | 0 00:00:10.958000000 |
| 19:53:32 | cron | (CRON) INFO (Running @reboot jobs) | 4 | -0
00:00:10.958000000 | 0 00:00:37.695000000 |
| 19:54:09 | cron | (CRON) INFO (Running @reboot jobs) | 5 | -0
00:00:37.695000000 | NULL |
+-----------+----------+-------------------------------------+-----+-------
```

--------------------------------

### Describe a Partitioned Table (syslogs_with_partitions)

Source: https://github.com/syncfusionexamples/react-pdf-viewer-examples/blob/master/How to/Signature Field Validation/WebService/ControllerPractice/ControllerPractice/Data/Hive_Succinctly.pdf

Output of the DESCRIBE command showing partition columns (period, host) listed separately from data columns.

```sql
> describe syslogs_with_partitions;
+--------------------------+-----------------------+----------------------- | col_name | data_type | comment|
|+--------------------------+-----------------------+-----------------------|
| loggedat | timestamp|||
| process | string|||
| pid | int|||
| message ||string ||
| period | string|| | host | string ||
| # Partition Information | NULL | NULL|
| # col_name | data_type|| comment|
| period | string|||
| host | string|| +--------------------------+-----------------------+-----------------------|
```

--------------------------------

### GET /api/test - Response

Source: https://github.com/syncfusionexamples/react-pdf-viewer-examples/blob/master/Collaborative Editing/Server/README.md

Response from the health check endpoint. Returns a status message indicating the server is running.

```javascript
{
  status: "PDF Viewer Collaboration Server Running"
}
```

--------------------------------

### Creating Hive Folders in HDFS (hdfs dfs)

Source: https://github.com/syncfusionexamples/react-pdf-viewer-examples/blob/master/Save and Load/Save PDF file to server/Web Service/Data/Hive_Succinctly.pdf

Use these commands to set up the HDFS directories Hive expects (/tmp and /user/hive/warehouse) and grant group write permissions. Required before running Hive in a single-node dev or test environment.

```bash
hdfs dfs -mkdir -p /tmp
```

```bash
hdfs dfs -mkdir -p /user/hive/warehouse
```

```bash
hdfs dfs -chmod g+w /tmp
```

```bash
hdfs dfs -chmod g+w /user/hive/warehouse
```

--------------------------------

### Project structure of Collaborative Editing sample

Source: https://github.com/syncfusionexamples/react-pdf-viewer-examples/blob/master/Collaborative Editing/README.md

Shows the directory layout with Client and Server folders.

```text
Collaborative Editing/
├── Client/    # React PDF Viewer application
└── Server/    # Node.js Collaboration Server and PDF storage APIs
```

--------------------------------

### Describe Partitioned Table (syslogs_with_partitions)

Source: https://github.com/syncfusionexamples/react-pdf-viewer-examples/blob/master/Save and Load/Save PDF file to server/Web Service/Data/Hive_Succinctly.pdf

Shows the DESCRIBE output for a partitioned table, displaying partition columns (period, host) separately from data columns.

```SQL
describe syslogs_with_partitions;
```

--------------------------------

### Create and style Chunks with SetUnderline

Source: https://github.com/syncfusionexamples/react-pdf-viewer-examples/blob/master/How to/Signature Field Validation/WebService/ControllerPractice/ControllerPractice/Data/PDF_Succinctly.pdf

Shows how to create Chunk objects and apply an underline using SetUnderline(0.5f, -1.5f). The underline width and offset are specified as arguments.

```csharp
Chunk before = new Chunk("Look! My ");
Chunk middle = new Chunk("First");
middle.SetUnderline(0.5f, -1.5f);
Chunk after = new Chunk(" PDF!");
Paragraph p = new Paragraph();
p.Add(before);
p.Add(middle);
p.Add(after);
doc.Add(p);
```

--------------------------------

### GET /api/test

Source: https://github.com/syncfusionexamples/react-pdf-viewer-examples/blob/master/Collaborative Editing/Server/README.md

Health check endpoint to verify the server is running. Returns a status message indicating the server is operational.

```APIDOC
## GET /api/test

### Description
Health check endpoint to verify the server is running. Returns a status message indicating the server is operational.

### Method
GET

### Endpoint
/api/test

### Response
#### Success Response (200)
- **status** (string) - Status message indicating the server is running.

#### Response Example
{
  "status": "PDF Viewer Collaboration Server Running"
}
```

--------------------------------

### Create and Populate an Index on server_logs

Source: https://github.com/syncfusionexamples/react-pdf-viewer-examples/blob/master/Save and Load/Save PDF file to server/Web Service/Data/Hive_Succinctly.pdf

Creates a COMPACT index on the serverid column of the server_logs table with deferred rebuild, then rebuilds it. The output shows the job progress and final stats.

```hive
> create index ix_server_logs_serverid on table server_logs (serverid) as
'COMPACT' with deferred rebuild;
No rows affected (0.138 seconds)
> alter index ix_server_logs_serverid on server_logs rebuild;
…
```

--------------------------------

### Project structure tree

Source: https://github.com/syncfusionexamples/react-pdf-viewer-examples/blob/master/Navigation/README.md

Directory tree showing the project structure, including source files and configuration.

```text
pdf-viewer-app/
├── index.html              # Vite entry HTML
├── package.json            # Scripts and dependencies
├── vite.config.ts          # Vite configuration
├── tsconfig*.json          # TypeScript configuration
├── public/                 # Static assets served as-is
└── src/
    ├── main.tsx            # React root bootstrap (StrictMode)
    ├── App.tsx             # PDF viewer + custom control panel
    ├── App.css             # Layout and styling for the control grid
    ├── index.css           # Global styles
    └── assets/             # Local assets
```

--------------------------------

### Create Document with custom media box

Source: https://github.com/syncfusionexamples/react-pdf-viewer-examples/blob/master/Annotations/Flatten all annotations/Web Service/Data/PDF Succinctly.pdf

Creates a Rectangle with dimensions 300x400 and passes it to the Document constructor to set the page size.

```csharp
Rectangle mediaBox = new Rectangle(300, 400);
Document doc = new Document(mediaBox);
```

--------------------------------

### POST /api/CollaborativeEditing/UpdateAction - Curl Example

Source: https://github.com/syncfusionexamples/react-pdf-viewer-examples/blob/master/Collaborative Editing/Server/README.md

Curl command to call the UpdateAction endpoint. Sends a POST request with a JSON body containing the action details.

```bash
curl -X POST http://localhost:8080/api/CollaborativeEditing/UpdateAction \
  -H "Content-Type: application/json" \
  -d '{
    "roomName": "room123",
    "connectionId": "conn-456",
    "userName": "Alice",
    "type": "annotation",
    "currentVersion": 5,
    "data": {
      "xfdfData": "<xfdf>...</xfdf>"
    }
  }'
```

--------------------------------

### Add trailer dictionary and startxref to PDF source

Source: https://github.com/syncfusionexamples/react-pdf-viewer-examples/blob/master/Save and Load/Load and Save PDF Files from a Server Using a Standalone PDF Viewer/Web Service/Data/PDF_Succinctly.pdf

Adds the trailer keyword, a dictionary with /Root pointing to the catalog (5 0 R), the startxref keyword, and the %%EOF end-of-file marker. The startxref value is left for pdftk to fill in.

```plaintext
trailer
<< /Root 5 0 R
>>
startxref
%%EOF

```

--------------------------------

### Compile HelloWorld.cs with csc referencing itextsharp.dll

Source: https://github.com/syncfusionexamples/react-pdf-viewer-examples/blob/master/Annotations/Flatten all annotations/Web Service/Data/PDF Succinctly.pdf

Compiles the C# program against the iTextSharp library. Requires itextsharp.dll to be in the same folder as HelloWorld.cs or in the PATH. Produces HelloWorld.exe, which creates itext.pdf with the text 'Look! My First PDF!'.

```bash
csc /reference:itextsharp.dll HelloWorld.cs
```

--------------------------------

### Kerning with TJ Operator

Source: https://github.com/syncfusionexamples/react-pdf-viewer-examples/blob/master/Collaborative Editing/Server/wwwroot/PDF/pdf-succinctly.pdf

The TJ operator accepts an array of strings and numbers to adjust spacing between letters. This example kerns the 'Aw', 'Wi', and 'Yo' pairs.

```pdf
BT
/F0 36 Tf 50 706 Td
36 TL (Away With You!) Tj T* [(A) 100 (way W) 60 (ith Y) 150 (ou!)] TJ
ET
```

--------------------------------

### Create a Phrase and add Chunks

Source: https://github.com/syncfusionexamples/react-pdf-viewer-examples/blob/master/How to/Signature Field Validation/WebService/ControllerPractice/ControllerPractice/Data/PDF_Succinctly.pdf

Shows how to create a Phrase and add Chunk objects to it. Phrases can wrap lines and cascade formatting to their chunks.

```csharp
Phrase p = new Phrase();
p.Add(before);
p.Add(middle);
p.Add(after);
p.Add(new Chunk(" Note that Phrases, unlike Chunks, are line-aware."));
p.Add(new Chunk(" They can wrap lines to the width of a document."));
```

--------------------------------

### Describe Unpartitioned Table and List HDFS Files

Source: https://github.com/syncfusionexamples/react-pdf-viewer-examples/blob/master/Save and Load/Save PDF file to server/Web Service/Data/Hive_Succinctly.pdf

Shows the output of DESCRIBE on an unpartitioned table and the HDFS file listing, demonstrating that all data files reside in the table's root folder.

```bash
> describe syslogs_no_partitions;
+-----------+------------+----------+--+
| col_name | data_type | comment |
+-----------+------------+----------+--+
| period | string | |
| host | string | |
| loggedat | timestamp | |
| process | string | |
| pid | int | |
| message | string | |
+-----------+------------+----------+--+
…
root@28b0162f637b:/hive-setup# hdfs dfs -ls
/user/hive/warehouse/syslogs_no_partitions
Found 2 items
-rwxrwxr-x 1 root supergroup 692 2016-02-04 17:52
/user/hive/warehouse/syslogs_no_partitions/000000_0
-rwxrwxr-x 1 root supergroup 697 2016-02-04 17:53
/user/hive/warehouse/syslogs_no_partitions/000000_0_copy_1
```

--------------------------------

### Export annotations from PDF viewer

Source: https://github.com/syncfusionexamples/react-pdf-viewer-examples/blob/master/Annotations/Import and export annotations/public/index.html

Use this function to export annotations from the Syncfusion React PDF Viewer. It gets the viewer instance by its element ID and calls the exportAnnotation method.

```javascript
//Method to export annotation.
function exportAnnotation(){
    var viewer = document.getElementById('container').ej2_instances[0];
    viewer.exportAnnotation();
}
```

--------------------------------

### Create and populate a Hive index on server_logs (serverid)

Source: https://github.com/syncfusionexamples/react-pdf-viewer-examples/blob/master/How to/Signature Field Validation/WebService/ControllerPractice/ControllerPractice/Data/Hive_Succinctly.pdf

Creates a COMPACT index named ix_server_logs_serverid on the serverid column of the server_logs table with deferred rebuild, then populates it using ALTER INDEX ... REBUILD. The output shows the job progress and table statistics.

```hive
> create index ix_server_logs_serverid on table server_logs (serverid) as
'COMPACT' with deferred rebuild;
No rows affected (0.138 seconds)
> alter index ix_server_logs_serverid on server_logs rebuild;
…

```

--------------------------------

### Set page background color with BaseColor

Source: https://github.com/syncfusionexamples/react-pdf-viewer-examples/blob/master/Annotations/Flatten all annotations/Web Service/Data/PDF Succinctly.pdf

Assigns a BaseColor instance to the BackgroundColor field of a Rectangle to define the page background. The example uses RGB values (255, 255, 240).

```csharp
mediaBox.BackgroundColor = new BaseColor(255, 255, 240);
```

--------------------------------

### SaveThreshold Configuration

Source: https://github.com/syncfusionexamples/react-pdf-viewer-examples/blob/master/Collaborative Editing/Server/README.md

Sets the SaveThreshold value, which controls how many actions are removed during a partial save. In this example, it is set to 2, meaning the first 2 actions are removed on a partial save.

```javascript
// Set in environment or server config
SaveThreshold: 2  // Remove first 2 actions on partial save
```

--------------------------------

### PDF Outline Root Node Definition

Source: https://github.com/syncfusionexamples/react-pdf-viewer-examples/blob/master/Annotations/Flatten all annotations/Web Service/Data/PDF Succinctly.pdf

Defines the root outline node (object 8) with /First and /Last entries pointing to the top-level node. This is the starting point for the document outline structure.

```pdf
8 0 obj
<< /First 9 0 R
/Last 9 0 R
>>
endobj
```

--------------------------------

### Create sorted bucketed table syslogs_bucketed_sorted with SORTED BY

Source: https://github.com/syncfusionexamples/react-pdf-viewer-examples/blob/master/Save and Load/Save PDF file to server/Web Service/Data/Hive_Succinctly.pdf

Creates a sorted bucketed table variant of syslogs, bucketed by period and host and sorted by process name. Uses 12 buckets and ORC storage. Sorting data in buckets provides further optimization at read time.

```SQL
> create table syslogs_bucketed_sorted (period string, host string, loggedat timestamp, process string, pid int, message string) clustered by(period, host) sorted by(process) into 12 buckets stored as orc;
```

--------------------------------

### Select and Insert into Partitioned Table (syslogs_partitioned)

Source: https://github.com/syncfusionexamples/react-pdf-viewer-examples/blob/master/Save and Load/Save PDF file to server/Web Service/Data/Hive_Succinctly.pdf

Populates a partitioned table by selecting from another table. The SELECT must filter rows for the target partition; inserting into multiple partitions in one load is not allowed.

```SQL
> insert into syslogs_partitioned partition(period='201601', host='sc-ub-
xps') select loggedat, process, pid, message from syslogs where year(date(loggedat)) = 2016 and month(date(loggedat)) = 01 and host = 'sc-
ub-xps';
…
INFO : Partition default.syslogs_partitioned{period=201601, host=sc-ub-
xps} stats: [numFiles=2, numRows=3942, totalSize=58111,
rawDataSize=1143012]
No rows affected (13.106 seconds)
```

--------------------------------

### Create an unordered list with ListItems

Source: https://github.com/syncfusionexamples/react-pdf-viewer-examples/blob/master/Annotations/Flatten all annotations/Web Service/Data/PDF Succinctly.pdf

Creates an unordered list and adds three items. The list is added to the document with doc.Add(list).

```csharp
List list = new List(List.UNORDERED);
list.Add(new ListItem("Apples"));
list.Add(new ListItem("Oranges"));
list.Add(new ListItem("Bananas"));
```

```csharp
doc.Add(list);
```

--------------------------------

### Tj operator example

Source: https://github.com/syncfusionexamples/react-pdf-viewer-examples/blob/master/Annotations/Flatten all annotations/Web Service/Data/PDF Succinctly.pdf

This stream shows the Tj operator inserting text at the current position, leaving the cursor at the end, so consecutive Tj commands paint text on the same line without spaces.

```pdf
BT
ET
/F0 36 Tf 50 706 Td (Hello, World!) Tj (Hello, Again!) Tj
```

--------------------------------

### Add JAR and Create Table with JSON SerDe

Source: https://github.com/syncfusionexamples/react-pdf-viewer-examples/blob/master/Save and Load/Save PDF file to server/Web Service/Data/Hive_Succinctly.pdf

Registers the JSON SerDe JAR and creates an external table 'devices' with nested structs and an array. The 'row format serde' clause specifies 'org.openx.data.jsonserde.JsonSerDe'. The 'location' clause sets the root folder to '/devices'.

```hive
add jar /tmp/json-serde-1.3.7-jar-with-dependencies.jar;
```

```hive
create external table devices
(device struct<deviceClass:string, codeName:string,
firmwareVersions: array<string>, cpu:struct<speed:int, cores:int>>)
row format serde 'org.openx.data.jsonserde.JsonSerDe'
location '/devices';
```

--------------------------------

### Health Check curl Command

Source: https://github.com/syncfusionexamples/react-pdf-viewer-examples/blob/master/Collaborative Editing/Server/README.md

Sends a GET request to the server's health check endpoint. Expected response is a JSON object with status 'PDF Viewer Collaboration Server Running'.

```bash
curl -X GET http://localhost:8080/api/test
```

--------------------------------

### Read HBase Data with HBase Shell

Source: https://github.com/syncfusionexamples/react-pdf-viewer-examples/blob/master/Save and Load/Save PDF file to server/Web Service/Data/Hive_Succinctly.pdf

HBase Shell command to get all cells for row key 'rk1' in table 'device-events'. Shows raw cell values with internal timestamps (last modification time) and string values.

```Shell
hbase(main):011:0> get 'device-events', 'rk1'
COLUMN CELL
e:n timestamp=1453966450613, value=power.on
e:p timestamp=1453966518206,
value={"some":"json"}
e:t timestamp=1453966495748,
value=1453562878
m:d timestamp=1453966537534, value=device-id
m:u timestamp=1453966556996, value=elton
m:v timestamp=1453966547593, value=1.0.0
```

--------------------------------

### Syncfusion CDN URLs for sample PDF and viewer resources

Source: https://github.com/syncfusionexamples/react-pdf-viewer-examples/blob/master/Navigation/README.md

Constants defining the sample PDF and viewer resource URLs loaded from Syncfusion's public CDN.

```ts
const SAMPLE_PDF    = 'https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf';
const RESOURCE_URL  = 'https://cdn.syncfusion.com/ej2/34.2.3/dist/ej2-pdfviewer-lib';
```

--------------------------------

### Retrieve hash ID from session storage

Source: https://github.com/syncfusionexamples/react-pdf-viewer-examples/blob/master/How to/Get hash id from storage/public/index.html

Use this function to get the hash ID stored in session storage for the PDF document. It accesses the PDF viewer instance via the 'container' element and logs the hash ID to the console.

```javascript
//Method to get the Id for the PDF document. function uniqueid(){ var viewer = document.getElementById('container').ej2_instances[0]; window.sessionStorage.getItem("hashId"); //Prints the id in the console window. console.log(window.sessionStorage.getItem("hashId")); }
```

--------------------------------

### Multiple Inserts from syslogs_flat

Source: https://github.com/syncfusionexamples/react-pdf-viewer-examples/blob/master/Save and Load/Save PDF file to server/Web Service/Data/Hive_Succinctly.pdf

Chains two insert overwrite statements from the same source table syslogs_flat to populate syslogs and syslog_summaries. Hive scans the source once and runs each query over the scanned data. The example includes a sample select from syslog_summaries and its output.

```hive
from syslogs_flat sf
insert overwrite table syslogs select unix_timestamp(concat(cast(year(current_date) as string), ' ',
substr(sf.entry, 0, 15)), 'yyyy MMM dd hh:mm:ss'), sentences(sf.entry)[0][5], sentences(sf.entry)[0][6],
cast(sentences(sf.entry)[0][7] as int), trim(substr(sf.entry, instr(sf.entry, ']')+2))
insert overwrite table syslog_summaries select unix_timestamp(), sentences(sf.entry)[0][5] as host, count(sentences(sf.entry)[0][5]) as
entries group by sentences(sf.entry)[0][5]
…
> select * from syslog_summaries limit 1;
+-------------------------------+------------------------+-----------------
| syslog_summaries.processedat | syslog_summaries.host |
syslog_summaries.entries |
+-------------------------------+------------------------+-----------------
| 2016-02-02 20:00:48.062 | sc-ub-xps | 15695
|
+-------------------------------+------------------------+-----------------
```

--------------------------------

### Sample JSON Source Data

Source: https://github.com/syncfusionexamples/react-pdf-viewer-examples/blob/master/Save and Load/Save PDF file to server/Web Service/Data/Hive_Succinctly.pdf

A sample JSON object for the 'devices' table, showing the structure with nested objects and an array.

```json
{ "device": { "deviceClass": "tablet", "codeName": "jericho", "firmwareVersions": ["1.0.0", "1.0.1"], "cpu": { "speed": 900, "cores": 2 } } }
```

--------------------------------

### Drop External Table and HBase Scan (Code Listing 70)

Source: https://github.com/syncfusionexamples/react-pdf-viewer-examples/blob/master/Save and Load/Save PDF file to server/Web Service/Data/Hive_Succinctly.pdf

Dropping an external table leaves the underlying data intact. The example shows the Hive error after dropping 'device_events' and then scanning the HBase table 'device-events' to confirm data remains.

```hive
> drop table device_events;
> select * from device_events;
Error: Error while compiling statement: FAILED: SemanticException [Error
10001]: Line 1:14 Table not found 'device_events' (state=42S02,code=10001)
…
hbase(main):004:0> scan 'device-events'
ROW COLUMN+CELL
uuid2 column=e:n, timestamp=1454520396475,
value=power.off
```

--------------------------------

### Run a Query in Beeline

Source: https://github.com/syncfusionexamples/react-pdf-viewer-examples/blob/master/Save and Load/Save PDF file to server/Web Service/Data/Hive_Succinctly.pdf

Executes a HiveQL query to select the first row from the server_logs table, which is pre-created and populated in the Docker image. The output shows the result set and the time taken.

```sql
> select * from server_logs limit 1;
```

--------------------------------

### PDF content stream using Tc to set character spacing

Source: https://github.com/syncfusionexamples/react-pdf-viewer-examples/blob/master/Annotations/Flatten annotation specific to user/Web Service/Data/PDF Succinctly.pdf

This example shows a PDF content stream that uses the Tc operator to set character spacing to 20 points. The text 'Hello, World!' will have 20 points of space between each character.

```pdf
/F0 36 Tf
50 706 Td
20 Tc
(Hello, World!) Tj
```

--------------------------------

### Create sorted bucketed table with SORTED BY

Source: https://github.com/syncfusionexamples/react-pdf-viewer-examples/blob/master/How to/Signature Field Validation/WebService/ControllerPractice/ControllerPractice/Data/Hive_Succinctly.pdf

Creates a sorted bucketed table 'syslogs_bucketed_sorted' with 12 buckets based on 'period' and 'host', and sorts data within each bucket by 'process'. Stored as ORC.

```SQL
create table syslogs_bucketed_sorted (period string, host string, loggedat timestamp, process string, pid int, message string) clustered by(period, host) sorted by(process) into 12 buckets stored as orc;
```

--------------------------------

### Querying HBase by Partial Row Key (Code Listing 42)

Source: https://github.com/syncfusionexamples/react-pdf-viewer-examples/blob/master/How to/Signature Field Validation/WebService/ControllerPractice/ControllerPractice/Data/Hive_Succinctly.pdf

Shows a HiveQL query against the device_events_period view to select rows where the period starts with '201601'. The output displays the row key, device ID, period, event name, and received timestamp.

```HiveQL
select * from device_events_period where
substr(period, 1, 6) = '201601'; device_events_period.receivedat
+------------------------------+--------------------------------+----------
| device_events_period.rowkey | device_events_period.deviceid | device_events_period.period | device_events_period.eventname |
+------------------------------+--------------------------------+----------
| uuid|20160128 | uuid | 20160128|
| power.off|| 1453564612 |
+------------------------------+--------------------------------+----------
```

--------------------------------

### Enable verbose logging in adapter

Source: https://github.com/syncfusionexamples/react-pdf-viewer-examples/blob/master/Collaborative Editing/Server/README.md

JavaScript code to enable verbose logging in the adapter, logging the action and Redis operation details.

```javascript
// Enable verbose logging in adapter
console.log('Action stored:', JSON.stringify(action, null, 2));
console.log('Redis operation:', roomName, version);
```

--------------------------------

### Compile valid PDF with pdftk

Source: https://github.com/syncfusionexamples/react-pdf-viewer-examples/blob/master/Annotations/Flatten all annotations/Web Service/Data/PDF Succinctly.pdf

Runs pdftk on the source file to fill in missing binary sequences and byte locations, producing a valid PDF that can be opened in any viewer.

```bash
pdftk hello-src.pdf output hello.pdf
```

--------------------------------

### PDF content stream using Tf to change font size

Source: https://github.com/syncfusionexamples/react-pdf-viewer-examples/blob/master/Annotations/Flatten annotation specific to user/Web Service/Data/PDF Succinctly.pdf

This example shows a PDF content stream that uses the Tf operator twice to change the font size from 36 to 12 points. The text remains on the same line after the second Tf call.

```pdf
/F0 36 Tf 50 706 Td (Hello, World!) Tj /F0 12 Tf (Hello, Again!) Tj
```

--------------------------------

### HDFS file details for loaded files

Source: https://github.com/syncfusionexamples/react-pdf-viewer-examples/blob/master/Save and Load/Save PDF file to server/Web Service/Data/Hive_Succinctly.pdf

File permissions and sizes for the loaded files, as shown by the ls command.

```text
-rwxrwxr-x 1 root supergroup 462587 2016-02-02 07:28
-rwxrwxr-x 1 root supergroup 1290831 2016-02-02 07:32
```

--------------------------------

### Running Hive in Docker (docker run)

Source: https://github.com/syncfusionexamples/react-pdf-viewer-examples/blob/master/Save and Load/Save PDF file to server/Web Service/Data/Hive_Succinctly.pdf

Runs the sixeyed/hive-succinctly image in a container named 'hive' with hostname 'hive' and exposes ports 8080, 8088, 8042, and 19888. The image uses Hive 1.2.1 and Hadoop 2.7.2 in pseudo-distributed mode; first pull may take time and servers may take a couple of minutes to come online.

```bash
docker run -d --name hive -h hive \
–p 8080:8080 –p 8088:8088 –p 8042:8042 –p 19888:19888 \
sixeyed/hive-succinctly
```

--------------------------------

### Fetching One Cell in HBase (Code Listing 40)

Source: https://github.com/syncfusionexamples/react-pdf-viewer-examples/blob/master/Save and Load/Save PDF file to server/Web Service/Data/Hive_Succinctly.pdf

HBase shell command to get a single cell from the 'device-events' table. The row key is 'uuid|20160128' and the column is 'e:n'. The output shows the cell's timestamp and value 'power.off'.

```hbase shell
hbase(main):002:0> get 'device-events', 'uuid|20160128', 'e:n'
COLUMN CELL
e:n timestamp=1454002528064, value=power.off
```

--------------------------------

### Truncate Table and Row Counts (Code Listing 72)

Source: https://github.com/syncfusionexamples/react-pdf-viewer-examples/blob/master/Save and Load/Save PDF file to server/Web Service/Data/Hive_Succinctly.pdf

Truncate deletes all rows from an internal table while leaving the table structure. The example shows row counts before and after truncation. Truncate is only valid for internal tables; external tables raise 'Cannot truncate non-managed table'.

```hive
> select count(*) from syslogs;
+--------+--+
| _c0 |
+--------+--+
| 15695 |
+--------+--+
> truncate table syslogs;
No rows affected (0.09 seconds)
> select count(*) from syslogs;
+------+--+
| _c0 |
+------+--+
| 0 |
+------+--+
```

--------------------------------

### Sample from a Single Bucket Using TABLESAMPLE

Source: https://github.com/syncfusionexamples/react-pdf-viewer-examples/blob/master/How to/Signature Field Validation/WebService/ControllerPractice/ControllerPractice/Data/Hive_Succinctly.pdf

Count rows in the entire bucketed table and then sample from bucket 5 out of 12. The bucket count is much faster, showing uneven data distribution.

```hiveql
select count(*) from syslogs_bucketed;
INFO : MapReduce Total cumulative CPU time: 20 seconds 880 msec
+-----------+--+
| c0        |
+-----------+--+
| 42553050  |
+-----------+--+
```

```hiveql
select count(*) from syslogs_bucketed tablesample(bucket 5 out of 12);
INFO : MapReduce Total cumulative CPU time: 2 seconds 930 msec
+--------+--+
| _c0    |
+--------+--+
| 40695  |
+--------+--+
```

--------------------------------

### PDF content stream drawing a vertical line

Source: https://github.com/syncfusionexamples/react-pdf-viewer-examples/blob/master/Annotations/Flatten all annotations/Web Service/Data/PDF Succinctly.pdf

Example content stream that draws a vertical line using graphics operators. Sets stroke width with w, moves cursor with m, draws line with l, and paints with S. Paths must be explicitly stroked or filled.

```pdf
10 w
306 396 m
306 594 l
S
```

--------------------------------

### Ts Operator: Drawing Superscript with Text Rise

Source: https://github.com/syncfusionexamples/react-pdf-viewer-examples/blob/master/Collaborative Editing/Server/wwwroot/PDF/pdf-succinctly.pdf

Uses the Ts operator to offset the vertical position of text, creating a superscript. The example draws 'x' at 12 points and then '2' at 8 points with a text rise of 7 points. Text rise is measured relative to the baseline.

```PDF
BT
/F0 12 Tf 50 706 Td (x) Tj
7 Ts /F0 8 Tf (2) Tj
ET
```

--------------------------------

### POST /api/CollaborativeEditing/GetActionsFromServer

Source: https://github.com/syncfusionexamples/react-pdf-viewer-examples/blob/master/Collaborative Editing/Server/README.md

Retrieves pending actions from a specific version onward for a given room.

```APIDOC
## POST /api/CollaborativeEditing/GetActionsFromServer

### Description
Retrieve pending actions from a specific version onward.

### Method
POST

### Endpoint
/api/CollaborativeEditing/GetActionsFromServer

### Parameters
#### Request Body
- **roomName** (string) - Required - The name of the collaboration room.
- **fromVersion** (number) - Required - The version from which to retrieve actions.

### Request Example
{
  "roomName": "room123",
  "fromVersion": 3
}

### Response
#### Success Response (200)
- **status** (string) - Status of the request.
- **roomName** (string) - The name of the collaboration room.
- **fromVersion** (number) - The version from which actions were retrieved.
- **currentVersion** (number) - The current version of the document.
- **actions** (array) - List of actions, each containing version, connectionId, userName, type, timestamp, and data.

#### Response Example
{
  "status": "success",
  "roomName": "room123",
  "fromVersion": 3,
  "currentVersion": 6,
  "actions": [
    {
      "version": 4,
      "connectionId": "conn-456",
      "userName": "Alice",
      "type": "annotation",
      "timestamp": "2026-09-04T10:30:00Z",
      "data": {}
    }
  ]
}
```

--------------------------------

### PDF content stream using TJ for kerning

Source: https://github.com/syncfusionexamples/react-pdf-viewer-examples/blob/master/Annotations/Flatten all annotations/Web Service/Data/PDF Succinctly.pdf

Example content stream that uses the TJ operator to kern letter pairs. The array contains strings and numbers; numbers adjust horizontal position. This stream is wrapped in BT/ET and uses Tf, Td, TL, Tj, and T* operators.

```pdf
BT

|/F0 36 Tf|
|---|
|50 706 Td|
|36 TL|
|(Away With You!) Tj T*|
|[(A) 100 (way W) 60 (ith Y) 150 (ou!)] TJ|

ET
```

--------------------------------

### View sample lines from HDFS file with hdfs dfs -cat

Source: https://github.com/syncfusionexamples/react-pdf-viewer-examples/blob/master/Save and Load/Save PDF file to server/Web Service/Data/Hive_Succinctly.pdf

Use this command to inspect the first few lines of a CSV file in HDFS. The output shows sample rows with fields: server ID, timestamp, log level, and message.

```bash
hdfs dfs -cat /server-logs/server-logs_SCSVR1.csv | head -n
```

--------------------------------

### Connect to Hive from Beeline

Source: https://github.com/syncfusionexamples/react-pdf-viewer-examples/blob/master/Save and Load/Save PDF file to server/Web Service/Data/Hive_Succinctly.pdf

Use this Beeline internal command to connect to the Hive server running on the local machine at port 10000 as the user root. Note the exclamation mark prefix for internal commands.

```bash
!connect jdbc:hive2://127.0.0.1:10000-n root
```
Tokens:
Raw