U/biwu/testdeploy

.github/ISSUE_TEMPLATE/feature_template.md

@@ -0,0 +1,27 @@
+# Feature Title:
+
+Example: Delete multiple rows.
+
+## Feature description:
+
+[Please detail the feature suggestion and explain why it's needed]
+
+Example: Select and delete multiple rows in a table. Since is possible to select multiple rows, it's a benefit to the user to add a table operation to delete multiple rows.
+Then there is no need to delete each row at a time.
+
+## Expected behavior:
+
+[Describe the feature behavior!]
+
+Example:
+
+-   Insert a table
+-   Select multiple rows
+-   Click delete
+-   All the selected rows are deleted
+
+## Suggest how this feature can be developed
+
+[If it's possible, describe with technical details how this feature can be developed]
+
+Example: Adapt the Delete Row operation to recognize the selection of cells in the VTable class and edit api.

.github/workflows/build-and-deploy.yml

@@ -15,10 +15,10 @@ jobs:
             - name: Set Node Version
               uses: actions/setup-node@v2
               with:
-                  node-version: 'v14.18.2'
+                  node-version: 'v18.16.0'
 
             - name: Install dependencies
-              run: npm install
+              run: yarn
 
             - name: Build
               run: npm run-script build:ci
@@ -37,6 +37,3 @@ jobs:
                   GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
                   BRANCH: gh-pages
                   FOLDER: dist/deploy
-
-            - name: Publish
-              run: node tools/build.js publish --token ${{ secrets.NPM_TOKEN }}

.github/workflows/build-and-test.yml

@@ -1,11 +1,5 @@
 name: Build and Test
-on:
-    push:
-        branches-ignore:
-            - master
-    pull_request:
-        branches-ignore:
-            - master
+on: [push, pull_request]
 
 jobs:
     build:
@@ -19,10 +13,10 @@ jobs:
             - name: Set Node Version
               uses: actions/setup-node@v2
               with:
-                  node-version: 'v14.18.2'
+                  node-version: 'v18.16.0'
 
             - name: Install dependencies
-              run: npm install
+              run: yarn
 
             - name: Build
               run: npm run-script build:ci
@@ -37,18 +31,18 @@ jobs:
             - name: Set Node Version
               uses: actions/setup-node@v2
               with:
-                  node-version: 'v14.18.2'
+                  node-version: 'v18.16.0'
 
             - name: Install dependencies
-              run: npm install
+              run: yarn
 
             - name: Install Chrome
               uses: browser-actions/setup-chrome@latest
 
             - name: Test with Chrome
               uses: GabrielBB/xvfb-action@v1
               with:
-                  run: npm run-script test:chrome
+                  run: npm run-script test
     test-on-firefox:
         runs-on: ubuntu-latest
         steps:
@@ -60,15 +54,15 @@ jobs:
             - name: Set Node Version
               uses: actions/setup-node@v2
               with:
-                  node-version: 'v14.18.2'
+                  node-version: 'v18.16.0'
 
             - name: Install dependencies
-              run: npm install
+              run: yarn
 
             - name: Install Firefox
               uses: browser-actions/setup-firefox@latest
 
             - name: Test with Firefox
               uses: GabrielBB/xvfb-action@v1
               with:
-                  run: npm run-script test
+                  run: npm run-script test:firefox

.github/workflows/publish.yml

@@ -0,0 +1,28 @@
+name: Publish
+on:
+    push:
+        branches:
+            - release
+jobs:
+    build-and-deploy:
+        runs-on: ubuntu-latest
+        steps:
+            - name: Checkout
+              uses: actions/[email protected]
+              with:
+                  ref: release
+                  persist-credentials: false
+
+            - name: Set Node Version
+              uses: actions/setup-node@v2
+              with:
+                  node-version: 'v18.16.0'
+
+            - name: Install dependencies
+              run: yarn
+
+            - name: Build
+              run: npm run-script build:ci
+
+            - name: Publish
+              run: node tools/build.js publish --token ${{ secrets.NPM_TOKEN }}

.gitignore

@@ -11,5 +11,8 @@ node_modules/
 # Distribution
 dist/
 
-#Mac files
-.DS_Store
+# Mac files
+.DS_Store
+
+# Temp files
+packages/roosterjs-editor-types/lib/compatibleEnum/

.vscode/launch.json

@@ -33,6 +33,44 @@
             "args": ["start", "--chrome", "--components", "${fileBasenameNoExtension}"],
             "console": "integratedTerminal"
         },
+        {
+            "type": "node",
+            "request": "launch",
+            "name": "Debug All Unit Tests",
+            "program": "${workspaceFolder}/node_modules/karma/bin/karma",
+            "args": ["start", "--no-single-run"],
+            "console": "integratedTerminal"
+        },
+        {
+            "type": "node",
+            "request": "launch",
+            "name": "Debug All Unit Tests (Chrome)",
+            "program": "${workspaceFolder}/node_modules/karma/bin/karma",
+            "args": ["start", "--chrome", "--no-single-run"],
+            "console": "integratedTerminal"
+        },
+        {
+            "type": "node",
+            "request": "launch",
+            "name": "Debug current unit test file",
+            "program": "${workspaceFolder}/node_modules/karma/bin/karma",
+            "args": ["start", "--components", "${fileBasenameNoExtension}", "--no-single-run"],
+            "console": "integratedTerminal"
+        },
+        {
+            "type": "node",
+            "request": "launch",
+            "name": "Debug current unit test file (Chrome)",
+            "program": "${workspaceFolder}/node_modules/karma/bin/karma",
+            "args": [
+                "start",
+                "--chrome",
+                "--components",
+                "${fileBasenameNoExtension}",
+                "--no-single-run"
+            ],
+            "console": "integratedTerminal"
+        },
         {
             "type": "chrome",
             "request": "launch",

.vscode/settings.json

@@ -40,6 +40,7 @@
         "datetime",
         "dompurify",
         "endregion",
+        "fluentui",
         "Hilite",
         "inputevent",
         "KHTML",
@@ -72,6 +73,7 @@
         "textinput",
         "Toggleable",
         "toposort",
+        "unlocalized",
         "usemap",
         "valign",
         "vlist",

README.md

@@ -18,7 +18,7 @@ Please see [here](https://github.com/microsoft/roosterjs/wiki/RoosterJs-8).
 
 ### Packages
 
-Rooster contains 6 packages.
+Rooster contains 6 basic packages.
 
 1. [roosterjs](https://microsoft.github.io/roosterjs/docs/modules/roosterjs.html):
    A facade of all Rooster code for those who want a quick start. Use the
@@ -44,6 +44,19 @@ Rooster contains 6 packages.
 6. [roosterjs-editor-types](https://microsoft.github.io/roosterjs/docs/modules/roosterjs_editor_types.html):
    Defines public interfaces and enumerations.
 
+There are also some extension packages to provide additional functionalities.
+
+1. [roosterjs-color-utils](https://microsoft.github.io/roosterjs/docs/modules/roosterjs_color_utils.html):
+   Provide color transformation utility to make editor work under dark mode.
+
+2. [roosterjs-react](https://microsoft.github.io/roosterjs/docs/modules/roosterjs_react.html):
+   Provide a React wrapper of roosterjs so it can be easily used with React.
+
+3. [roosterjs-editor-types-compatible](https://microsoft.github.io/roosterjs/docs/modules/roosterjs_editor_types_compatible.html):
+   Provide types that are compatible with isolatedModules mode. When using isolatedModules mode,
+   "const enum" will not work correctly, this package provides enums with prefix "Compatible" in
+   their names and they have the same value with const enums in roosterjs-editor-types package
+
 ### APIs
 
 Rooster provides DOM level APIs (in `roosterjs-editor-dom`), core APIs (in `roosterjs-editor-core`), and formatting APIs
@@ -99,10 +112,6 @@ Install via NPM or Yarn:
 
 `yarn add roosterjs`
 
-or
-
-`npm install roosterjs --save`
-
 You can also install sub packages separately:
 
 `yarn add roosterjs-editor-core`
@@ -111,22 +120,10 @@ You can also install sub packages separately:
 
 `...`
 
-or
-
-`npm install roosterjs-editor-core --save`
-
-`npm install roosterjs-editor-api --save`
-
-`...`
-
 In order to run the code below, you may also need to install [webpack](https://webpack.js.org/):
 
 `yarn add webpack -g`
 
-or
-
-`npm install webpack -g`
-
 ## Usage
 
 ### A quick start
@@ -219,12 +216,6 @@ To build the sample site code yourself, follow these instructions:
     yarn
     ```
 
-    or
-
-    ```cmd
-    npm install
-    ```
-
 2. Build the source code, and start the sample editor:
 
     ```
@@ -298,7 +289,7 @@ Currently we have very few external dependencies. Before adding any new dependen
    A dependency package under MIT license is good to be used for RoosterJs. For other licenses, we need
    to review and see if we can take it as a dependency.
 
-If you still feel a new dependency is required after checking these 3 questions, we can review it and
+If you still feel a new dependency is required after checking these questions, we can review it and
 finally decide whether we should add the new dependency.
 
 For build time dependencies, it is more flexable to add new dependencies since it won't increase runtime

SECURITY.md

@@ -0,0 +1,41 @@
+<!-- BEGIN MICROSOFT SECURITY.MD V0.0.6 BLOCK -->
+
+## Security
+
+Microsoft takes the security of our software products and services seriously, which includes all source code repositories managed through our GitHub organizations, which include [Microsoft](https://github.com/Microsoft), [Azure](https://github.com/Azure), [DotNet](https://github.com/dotnet), [AspNet](https://github.com/aspnet), [Xamarin](https://github.com/xamarin), and [our GitHub organizations](https://opensource.microsoft.com/).
+
+If you believe you have found a security vulnerability in any Microsoft-owned repository that meets [Microsoft's definition of a security vulnerability](<https://docs.microsoft.com/previous-versions/tn-archive/cc751383(v=technet.10)>), please report it to us as described below.
+
+## Reporting Security Issues
+
+**Please do not report security vulnerabilities through public GitHub issues.**
+
+Instead, please report them to the Microsoft Security Response Center (MSRC) at [https://msrc.microsoft.com/create-report](https://msrc.microsoft.com/create-report).
+
+If you prefer to submit without logging in, send email to [[email protected]](mailto:[email protected]). If possible, encrypt your message with our PGP key; please download it from the [Microsoft Security Response Center PGP Key page](https://www.microsoft.com/msrc/pgp-key-msrc).
+
+You should receive a response within 24 hours. If for some reason you do not, please follow up via email to ensure we received your original message. Additional information can be found at [microsoft.com/msrc](https://www.microsoft.com/msrc).
+
+Please include the requested information listed below (as much as you can provide) to help us better understand the nature and scope of the possible issue:
+
+-   Type of issue (e.g. buffer overflow, SQL injection, cross-site scripting, etc.)
+-   Full paths of source file(s) related to the manifestation of the issue
+-   The location of the affected source code (tag/branch/commit or direct URL)
+-   Any special configuration required to reproduce the issue
+-   Step-by-step instructions to reproduce the issue
+-   Proof-of-concept or exploit code (if possible)
+-   Impact of the issue, including how an attacker might exploit the issue
+
+This information will help us triage your report more quickly.
+
+If you are reporting for a bug bounty, more complete reports can contribute to a higher bounty award. Please visit our [Microsoft Bug Bounty Program](https://microsoft.com/msrc/bounty) page for more details about our active programs.
+
+## Preferred Languages
+
+We prefer all communications to be in English.
+
+## Policy
+
+Microsoft follows the principle of [Coordinated Vulnerability Disclosure](https://www.microsoft.com/msrc/cvd).
+
+<!-- END MICROSOFT SECURITY.MD BLOCK -->

demo/index.html

@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html>
     <head>
-        <title>RoosterJs Demo Page</title>
+        <title>RoosterJs Demo Site</title>
         <style>
             #mainPane {
                 position: absolute;
@@ -18,9 +18,11 @@
     </head>
     <body>
         <div id="mainPane"></div>
-        <script src="https://unpkg.com/react@16/umd/react.production.min.js"></script>
-        <script src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"></script>
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/react/16.14.0/umd/react.production.min.js"></script>
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/react-dom/16.14.0/umd/react-dom.production.min.js"></script>
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/fluentui-react/8.60.1/fluentui-react.min.js"></script>
         <script src="rooster-min.js"></script>
+        <script src="rooster-react-min.js"></script>
         <script src="demo.js"></script>
     </body>
 </html>

demo/scripts/controls/BuildInPluginState.ts

@@ -17,8 +17,12 @@ export interface BuildInPluginList {
     tableCellSelection: boolean;
     tableResize: boolean;
     customReplace: boolean;
-    pickerPlugin: boolean;
+    listEditMenu: boolean;
+    imageEditMenu: boolean;
+    tableEditMenu: boolean;
     contextMenu: boolean;
+    autoFormat: boolean;
+    contentModelPaste: boolean;
 }
 
 export default interface BuildInPluginState {
@@ -27,10 +31,9 @@ export default interface BuildInPluginState {
     defaultFormat: DefaultFormat;
     linkTitle: string;
     watermarkText: string;
-    showRibbon: boolean;
-    supportDarkMode: boolean;
     experimentalFeatures: ExperimentalFeatures[];
     forcePreserveRatio: boolean;
+    isRtl: boolean;
 }
 
 export interface BuildInPluginProps extends BuildInPluginState, SidePaneElementProps {}