971568: AI powered document editor sample committed.

.github/workflows/gitleaks.yaml

@@ -0,0 +1,44 @@
+name: Secret Value found!!
+on:
+  push:
+  public:
+jobs:
+  scan:
+    name: gitleaks
+    runs-on: ubuntu-latest
+    steps:
+     - name: Checkout
+       uses: actions/checkout@v4.2.2 
+     - name: Install the gitleaks
+       run: wget https://github.com/zricethezav/gitleaks/releases/download/v8.15.2/gitleaks_8.15.2_linux_x64.tar.gz
+       shell: pwsh
+     - name: Extract the tar file
+       run: tar xzvf gitleaks_8.15.2_linux_x64.tar.gz
+     - name: Generate the report
+       id: gitleaks
+       run: $GITHUB_WORKSPACE/gitleaks detect -s $GITHUB_WORKSPACE -f json -r $GITHUB_WORKSPACE/leaksreport.json
+       shell: bash
+       continue-on-error: true
+     - name: Setup NuGet.exe
+       if: steps.gitleaks.outcome != 'success'
+       uses: nuget/setup-nuget@v2
+       with:
+          nuget-version: latest
+     - name: Install Mono
+       if: steps.gitleaks.outcome != 'success'
+       run: |
+        sudo apt update
+        sudo apt install -y mono-complete
+     - name: Install the dotnet SDK to a custom directory
+       if: steps.gitleaks.outcome != 'success'
+       run: |
+        mkdir -p $GITHUB_WORKSPACE/dotnet
+        curl -sSL https://dot.net/v1/dotnet-install.sh | bash /dev/stdin --install-dir $GITHUB_WORKSPACE/dotnet --channel 6.0
+     - name: Install the report tool packages
+       if: steps.gitleaks.outcome != 'success'
+       run: |
+           export PATH=$GITHUB_WORKSPACE/dotnet:$PATH
+           nuget install "Syncfusion.Email" -source ${{ secrets.NexusFeedLink }} -ExcludeVersion
+           dir $GITHUB_WORKSPACE/Syncfusion.Email/lib/net6.0
+           dotnet $GITHUB_WORKSPACE/Syncfusion.Email/lib/net6.0/GitleaksReportMail.dll ${{ secrets.CITEAMCREDENTIALS }} "$GITHUB_REF_NAME" ${{ secrets.NETWORKCREDENTIALS }} ${{ secrets.NETWORKKEY }} "$GITHUB_WORKSPACE" ${{ secrets.ORGANIZATIONNAME }}
+           exit 1

.gitignore

@@ -0,0 +1,23 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+
+# testing
+/coverage
+
+# production
+/build
+
+# misc
+.DS_Store
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*

README.md

@@ -1,2 +1,71 @@
-# ai-powered-docx-editor-sample
+# ai-powered-react-docx-editor-sample
 A sample project showcasing the DOCX Editor with AI assistance for generating, refining, and summarizing content.
+
+## Getting Started
+
+To get started, clone the `ai-powered-react-docx-editor-sample` repository.
+
+```
+git clone https://github.com/SyncfusionExamples/ai-powered-react-docx-editor-sample.git
+```
+
+## Installation
+
+All required packages are pre-configured in the `package.json` file. Install the dependencies by running:
+
+```
+npm install
+```
+
+## License Registration
+
+Before using the Syncfusion DOCX Editor, register your license key in the `src/index.tsx` file:
+
+```
+import { registerLicense } from '@syncfusion/ej2-base';
+
+// Registering Syncfusion license key
+registerLicense('Replace your generated license key here');
+
+const root = ReactDOM.createRoot(document.getElementById('root') as HTMLElement);
+root.render(
+  <React.StrictMode>
+    <App />
+  </React.StrictMode>
+);
+```
+
+For more details on license registration, refer to the [official documentation](https://ej2.syncfusion.com/react/documentation/licensing/license-key-registration#register-syncfusion-license-key-in-the-project).
+
+## Configuring AI Services
+
+To set up the AI services, navigate to `src/ai-models.ts` and replace the placeholders with your actual credentials:
+
+```
+const azure = createAzure({
+    resourceName: 'YOUR_RESOURCE_NAME',
+    apiKey: 'YOUR_API_KEY',
+});
+const aiModel = azure('YOUR_MODEL_NAME');
+
+// for gemini model
+const google = createGoogleGenerativeAI({
+    baseURL: "https://generativelanguage.googleapis.com/v1beta",
+    apiKey: "API_KEY"
+});
+const aiModel = google('YOUR_MODEL_NAME');
+```
+
+Your Azure endpoint should resemble: `https://{resource_name}.openai.azure.com/`
+
+For more information on Azure OpenAI configuration, consult the [Vercel AI SDK documentation](https://sdk.vercel.ai/providers/ai-sdk-providers/azure).
+
+## Development Server
+
+To run the application, use the following npm script:
+
+```
+npm start
+```
+
+This command will start the DOCX Editor and open it in your default web browser.

package.json

@@ -0,0 +1,70 @@
+{
+  "name": "my-app",
+  "version": "0.1.0",
+  "private": true,
+  "dependencies": {
+    "@syncfusion/ej2": "*",
+    "@syncfusion/ej2-base": "*",
+    "@syncfusion/ej2-react-base": "*",
+    "@syncfusion/ej2-react-buttons": "*",
+    "@syncfusion/ej2-react-documenteditor": "*",
+    "@syncfusion/ej2-react-dropdowns": "*",
+    "@syncfusion/ej2-react-inputs": "*",
+    "@syncfusion/ej2-react-interactive-chat": "*",
+    "@syncfusion/ej2-react-layouts": "*",
+    "@syncfusion/ej2-react-lists": "*",
+    "@syncfusion/ej2-react-navigations": "*",
+    "@syncfusion/ej2-react-notifications": "*",
+    "@syncfusion/ej2-react-popups": "*",
+    "@syncfusion/ej2-react-splitbuttons": "*",
+    "@xenova/transformers": "^2.17.2",
+    "@ai-sdk/azure": "^3.0.6",
+    "@ai-sdk/google": "^3.0.6",
+    "@azure/openai": "^2.0.0-beta.1",
+    "@google/generative-ai": "^0.13.0",
+    "ai": "^6.0.27",
+    "form-data": "^4.0.0",
+    "groq-sdk": "^0.5.0",
+    "openai": "^4.56.0",
+    "@testing-library/dom": "^10.4.0",
+    "@testing-library/jest-dom": "^6.6.3",
+    "@testing-library/react": "^16.3.0",
+    "@testing-library/user-event": "^13.5.0",
+    "@types/jest": "^27.5.2",
+    "@types/node": "^16.18.126",
+    "@types/react": "^19.1.6",
+    "@types/react-dom": "^19.1.5",
+    "react": "^19.1.0",
+    "react-dom": "^19.1.0",
+    "react-scripts": "5.0.1",
+    "typescript": "^4.9.5",
+    "web-vitals": "^2.1.4"
+  },
+  "scripts": {
+    "start": "react-scripts start",
+    "build": "react-scripts build",
+    "test": "react-scripts test",
+    "eject": "react-scripts eject"
+  },
+  "eslintConfig": {
+    "extends": [
+      "react-app",
+      "react-app/jest"
+    ]
+  },
+  "browserslist": {
+    "production": [
+      ">0.2%",
+      "not dead",
+      "not op_mini all"
+    ],
+    "development": [
+      "last 1 chrome version",
+      "last 1 firefox version",
+      "last 1 safari version"
+    ]
+  },
+  "devDependencies": {
+    "@types/codemirror": "^5.60.16"
+  }
+}

public/index.html

@@ -0,0 +1,26 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="utf-8" />
+  <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <meta name="theme-color" content="#000000" />
+  <meta name="description" content="AI-powered React DOCX editor sample" />
+  <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css" />
+  <link href="https://cdn.syncfusion.com/ej2/32.2.3/bootstrap5.css" class="theme-primary" rel="stylesheet">
+  <link href="https://fonts.googleapis.com/css2?family=Open+Sans&display=swap" rel="stylesheet" />
+  <script type="text/javascript">
+    if (/MSIE \d|Trident.*rv:/.test(navigator.userAgent)) {
+      document.write('<script src="https://cdnjs.cloudflare.com/ajax/libs/bluebird/3.5.1/bluebird.min.js"><\/script>');
+    }
+  </script>
+  <title>AI-Powered React DOCX Editor</title>
+</head>
+
+<body>
+  <noscript>You need to enable JavaScript to run this app.</noscript>
+  <div id="root"></div>
+</body>
+
+</html>