Improve

.github/workflows/publish.yml

@@ -2,7 +2,7 @@ name: Publish
 on:
     push:
         branches:
-            - release
+            - roosterjsv8
 jobs:
     build-and-deploy:
         runs-on: ubuntu-latest

demo/scripts/controls/MainPaneBase.tsx

@@ -2,7 +2,6 @@ import * as React from 'react';
 import * as ReactDOM from 'react-dom';
 import BuildInPluginState from './BuildInPluginState';
 import SidePane from './sidePane/SidePane';
-import { Border } from 'roosterjs-content-model-types';
 import { createUpdateContentPlugin, UpdateContentPlugin, UpdateMode } from 'roosterjs-react';
 import { PartialTheme, ThemeProvider } from '@fluentui/react/lib/Theme';
 import { registerWindowForCss, unregisterWindowForCss } from '../utils/cssMonitor';
@@ -16,7 +15,6 @@ export interface MainPaneBaseState {
     scale: number;
     isDarkMode: boolean;
     isRtl: boolean;
-    tableBorderFormat?: Border;
 }
 
 const PopoutRoot = 'mainPane';
@@ -74,6 +72,11 @@ export default abstract class MainPaneBase<T extends MainPaneBaseState> extends
                 theme={this.getTheme(this.state.isDarkMode)}
                 className={styles.mainPane}>
                 {this.renderTitleBar()}
+                <div style={{ backgroundColor: '#ddd', border: 'solid 1px #aaa', padding: '3px' }}>
+                    This is legacy demo site for testing only. Please navigate to{' '}
+                    <a href="https://microsoft.github.io/roosterjs/index.html">New Demo Site</a> for
+                    latest version.
+                </div>
                 {!this.state.popoutWindow && this.renderRibbon(false /*isPopout*/)}
                 <div className={styles.body + ' ' + (this.state.isDarkMode ? 'dark' : '')}>
                     {this.state.popoutWindow ? this.renderPopout() : this.renderMainPane()}
@@ -126,28 +129,6 @@ export default abstract class MainPaneBase<T extends MainPaneBaseState> extends
         });
     }
 
-    getTableBorder(): Border {
-        return this.state.tableBorderFormat;
-    }
-
-    setTableBorderColor(color: string): void {
-        this.setState({
-            tableBorderFormat: { ...this.getTableBorder(), color },
-        });
-    }
-
-    setTableBorderWidth(width: string): void {
-        this.setState({
-            tableBorderFormat: { ...this.getTableBorder(), width },
-        });
-    }
-
-    setTableBorderStyle(style: string): void {
-        this.setState({
-            tableBorderFormat: { ...this.getTableBorder(), style },
-        });
-    }
-
     toggleDarkMode(): void {
         this.setState({
             isDarkMode: !this.state.isDarkMode,

demo/scripts/controls/titleBar/TitleBar.tsx

@@ -20,10 +20,6 @@ export default class TitleBar extends React.Component<TitleBarProps, {}> {
                 </div>
                 <div className={styles.version}></div>
                 <div className={styles.links}>
-                    <a href="?" className={styles.link}>
-                        New demo site
-                    </a>
-                    {' | '}
                     <a
                         href="https://github.com/Microsoft/roosterjs/wiki"
                         target="_blank"
@@ -38,23 +34,6 @@ export default class TitleBar extends React.Component<TitleBarProps, {}> {
                     <a href="coverage/index.html" target="_blank" className={styles.link}>
                         Test
                     </a>
-                    {' | '}
-                    <a
-                        href="https://github.com/microsoft/roosterjs/actions/workflows/build-and-deploy.yml"
-                        target="_blank">
-                        <img
-                            className={styles.externalLink}
-                            src="https://github.com/microsoft/roosterjs/actions/workflows/build-and-deploy.yml/badge.svg"
-                            alt="Build Status"
-                        />
-                    </a>{' '}
-                    <a href="http://badge.fury.io/js/roosterjs" target="_blank">
-                        <img
-                            src="https://badge.fury.io/js/roosterjs.svg"
-                            alt="NPM Version"
-                            className={styles.externalLink}
-                        />
-                    </a>{' '}
                     <a
                         href="https://github.com/microsoft/roosterjs"
                         target="_blank"