Merge master

Author: azaslonov

.github/workflows/mainCI.yml

@@ -0,0 +1,36 @@
+name: CI
+
+on:
+  pull_request:
+    branches: 
+      - master
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Use Node.js 16.x
+        uses: actions/checkout@v2
+        with:
+          node-version: 16.x
+          
+      - name: Install
+        run: npm install
+        
+      - name: Build
+        run: npm run build-static-data
+          
+      - name: Scan for accessibility issues
+        uses: microsoft/accessibility-insights-action@v2
+        with: 
+          repo-token: ${{ secrets.GITHUB_TOKEN }}
+          site-dir: ${{ github.workspace }}/dist/website 
+          localhost-port: 12345
+          input-urls: http://localhost:12345/profile http://localhost:12345/500 http://localhost:12345/404
+          
+      - name: Upload report artifact
+        uses: actions/upload-artifact@v2
+        with:
+          name: accessibility-reports
+          path: ${{ github.workspace }}/_accessibility-reports

community/widgets/document-details/ko/documentDetailsViewModelBinder.ts

@@ -1,5 +1,5 @@
 import { Bag } from "@paperbits/common";
-import { EventManager } from "@paperbits/common/events";
+import { EventManager, Events } from "@paperbits/common/events";
 import { ComponentFlow, IWidgetBinding } from "@paperbits/common/editing";
 import { ViewModelBinder } from "@paperbits/common/widgets";
 import { DocumentDetailsViewModel } from "./documentDetailsViewModel";
@@ -28,7 +28,7 @@ export class DocumentDetailsViewModelBinder implements ViewModelBinder<DocumentD
                 draggable: true,
                 applyChanges: async () => {
                     await this.updateViewModel(model, viewModel);
-                    this.eventManager.dispatchEvent("onContentUpdate");
+                    this.eventManager.dispatchEvent(Events.ContentUpdate);
                 }
             };
             viewModel["widgetBinding"] = binding;

environmentConstants.js

@@ -0,0 +1,6 @@
+
+const staticDataEnvironment = "staticData";
+
+module.exports = {
+    staticDataEnvironment
+}

examples/widgets/conference-session/ko/conferenceSessionViewModelBinder.ts

@@ -1,5 +1,5 @@
 import { Bag } from "@paperbits/common";
-import { EventManager } from "@paperbits/common/events";
+import { EventManager, Events } from "@paperbits/common/events";
 import { ComponentFlow, IWidgetBinding } from "@paperbits/common/editing";
 import { ViewModelBinder } from "@paperbits/common/widgets";
 import { ConferenceSessionViewModel } from "./conferenceSessionViewModel";
@@ -28,7 +28,7 @@ export class ConferenceSessionViewModelBinder implements ViewModelBinder<Confere
                 editor: widgetEditorSelector,
                 applyChanges: async () => {
                     await this.updateViewModel(model, viewModel);
-                    this.eventManager.dispatchEvent("onContentUpdate");
+                    this.eventManager.dispatchEvent(Events.ContentUpdate);
                 }
             };
             viewModel["widgetBinding"] = binding;

package.json

@@ -8,7 +8,7 @@
         "azure"
     ],
     "engines": {
-        "node": ">=14.17.0"
+        "node": ">=14.18.2"
     },
     "scripts": {
         "start": "webpack-dev-server --open --config webpack.develop.js",
@@ -20,88 +20,91 @@
         "test": "node node_modules/mocha/bin/_mocha -r mocha.js src/**/*.spec.ts tests/e2e/**/*.spec.ts --timeout 30000",
         "deploy-function": "npm run build-function && cd dist/function && func azure functionapp publish < function app name >",
         "publish": "webpack --config webpack.publisher.js && node dist/publisher/index.js && npm run serve-website",
-        "serve-website": "webpack-dev-server --open --contentBase dist/website --quiet"
+        "serve-website": "webpack serve --open --static ./dist/website --no-stats",
+        "build-static-data": "webpack --config webpack.staticData.js && node dist/publisher/index.js"
     },
     "devDependencies": {
         "@azure/storage-blob": "12.8.0",
-        "@types/chai": "^4.2.22",
+        "@types/chai": "^4.3.0",
         "@types/google-maps": "^3.2.3",
         "@types/knockout": "^3.4.71",
-        "@types/knockout.mapping": "^2.0.36",
+        "@types/knockout.mapping": "^2.0.37",
         "@types/knockout.validation": "0.0.38",
         "@types/mime": "^2.0.3",
-        "@types/mocha": "9.0.0",
-        "@types/node": "^16.11.6",
+        "@types/mocha": "9.1.0",
+        "@types/node": "^17.0.17",
         "@types/puppeteer": "5.4.4",
-        "autoprefixer": "^10.4.0",
-        "azure-storage": "^2.10.5",
-        "chai": "^4.3.4",
-        "clean-webpack-plugin": "2.0.2",
-        "copy-webpack-plugin": "^6.2.1",
-        "css-loader": "^5.0.0",
-        "file-loader": "^6.1.1",
-        "html-loader": "^1.3.2",
-        "mini-css-extract-plugin": "^1.0.0",
-        "mocha": "^9.1.3",
+        "autoprefixer": "^10.4.2",
+        "buffer": "^6.0.3",
+        "chai": "^4.3.6",
+        "clean-webpack-plugin": "4.0.0",
+        "copy-webpack-plugin": "^10.2.4",
+        "css-loader": "^6.6.0",
+        "file-loader": "^6.2.0",
+        "html-loader": "^3.1.0",
+        "mini-css-extract-plugin": "^2.5.3",
+        "mocha": "^9.2.0",
         "path": "^0.12.7",
-        "postcss-loader": "^4.0.4",
-        "puppeteer": "10.4.0",
+        "postcss-loader": "^6.2.1",
+        "puppeteer": "13.3.1",
+        "querystring-es3": "^0.2.1",
         "raw-loader": "^4.0.2",
-        "sass": "^1.43.4",
-        "sass-loader": "^10.1.1",
-        "style-loader": "^2.0.0",
-        "terser-webpack-plugin": "^4.1.0",
-        "ts-loader": "^8.3.0",
-        "ts-node": "10.4.0",
+        "sass": "^1.49.7",
+        "sass-loader": "^12.4.0",
+        "stream-browserify": "^3.0.0",
+        "style-loader": "^3.3.1",
+        "terser-webpack-plugin": "^5.3.1",
+        "ts-loader": "^9.2.6",
+        "ts-node": "10.5.0",
         "tslint": "^6.1.3",
-        "typescript": "^4.4.4",
+        "typescript": "^4.5.5",
         "url-loader": "^4.1.1",
-        "webpack": "^4.44.1",
-        "webpack-cli": "^3.3.12",
-        "webpack-dev-server": "^3.11.2",
-        "webpack-merge": "^5.2.0"
+        "webpack": "5.68.0",
+        "webpack-cli": "4.9.2 ",
+        "webpack-dev-server": "4.7.4",
+        "webpack-merge": "5.8.0"
     },
-    "dependencies": {
-        "@azure/msal-browser": "^2.20.0",
-        "@braintree/sanitize-url": "^5.0.2",
-        "@monaco-editor/loader": "^1.2.0",
-        "@paperbits/azure": "0.1.468",
-        "@paperbits/common": "0.1.468",
-        "@paperbits/core": "0.1.468",
-        "@paperbits/prosemirror": "0.1.468",
-        "@paperbits/styles": "0.1.468",
-        "@webcomponents/custom-elements": "1.5.0",
-        "@webcomponents/shadydom": "^1.9.0",
-        "applicationinsights-js": "^1.0.21",
-        "client-oauth2": "4.3.3",
-        "codemirror": "^5.63.3",
-        "core-js": "^3.19.1",
-        "d3": "^5.11.0",
-        "google-maps": "^4.3.3",
-        "graphql": "15.5.0",
-        "graphql-config": "^4.0.1",
-        "graphql-language-service": "^3.1.4",
-        "js-beautify": "^1.14.0",
-        "knockout": "^3.5.1",
-        "knockout-mapping": "^2.6.0",
-        "knockout.validation": "^2.0.4",
-        "liquidjs": "^9.28.4",
-        "lunr": "^2.3.9",
-        "mime": "^2.6.0",
-        "moment": "^2.29.1",
-        "monaco-editor": "^0.29.1",
-        "msal": "^1.4.15",
-        "prettier": "^2.4.1",
-        "prismjs": "^1.25.0",
-        "rehype-raw": "^6.1.0",
-        "rehype-sanitize": "^5.0.0",
-        "rehype-stringify": "^9.0.2",
-        "remark": "^14.0.1",
-        "remark-gfm": "^3.0.0",
-        "remark-parse": "^10.0.1",
-        "remark-rehype": "^10.0.1",
-        "saxen": "^8.1.2",
-        "topojson-client": "^3.1.0",
-        "truncate-html": "^1.0.4"
-    }
+  "dependencies": {
+    "@azure/msal-browser": "^2.20.0",
+    "@braintree/sanitize-url": "^5.0.2",
+    "@monaco-editor/loader": "^1.2.0",
+    "@paperbits/azure": "0.1.486",
+    "@paperbits/common": "0.1.486",
+    "@paperbits/core": "0.1.486",
+    "@paperbits/prosemirror": "0.1.486",
+    "@paperbits/styles": "0.1.486",
+    "@webcomponents/custom-elements": "1.5.0",
+    "@webcomponents/shadydom": "^1.9.0",
+    "applicationinsights-js": "^1.0.21",
+    "client-oauth2": "4.3.3",
+    "codemirror": "^5.65.1",
+    "core-js": "^3.21.0",
+    "d3": "^5.11.0",
+    "google-maps": "^4.3.3",
+    "graphql": "^15.5.0",
+    "graphql-config": "^4.0.1",
+    "graphql-language-service": "^3.1.4",
+    "js-beautify": "^1.14.0",
+    "knockout": "^3.5.1",
+    "knockout-mapping": "^2.6.0",
+    "knockout.validation": "^2.0.4",
+    "liquidjs": "^9.34.0",
+    "lunr": "^2.3.9",
+    "mime": "^3.0.0",
+    "moment": "^2.29.1",
+    "monaco-editor": "^0.29.1",
+    "msal": "^1.4.16",
+    "prettier": "^2.5.1",
+    "prismjs": "^1.26.0",
+    "rehype-raw": "^6.1.1",
+    "rehype-sanitize": "^5.0.1",
+    "rehype-stringify": "^9.0.3",
+    "remark": "^14.0.2",
+    "remark-gfm": "^3.0.1",
+    "remark-parse": "^10.0.1",
+    "remark-rehype": "^10.1.0",
+    "saxen": "^8.1.2",
+    "topojson-client": "^3.1.0",
+    "truncate-html": "^1.0.4"
+  }
 }

scaffolds/widget/ko/widgetViewModelBinder.ts

@@ -1,5 +1,5 @@
 import { Bag } from "@paperbits/common";
-import { EventManager } from "@paperbits/common/events";
+import { EventManager, Events } from "@paperbits/common/events";
 import { ComponentFlow, IWidgetBinding } from "@paperbits/common/editing";
 import { widgetName, widgetDisplayName, widgetEditorSelector } from "../constants";
 import { WidgetViewModel } from "./widgetViewModel";
@@ -33,7 +33,7 @@ export class WidgetViewModelBinder implements ViewModelBinder<WidgetModel, Widge
                 draggable: true,
                 applyChanges: async () => {
                     await this.updateViewModel(model, viewModel);
-                    this.eventManager.dispatchEvent("onContentUpdate");
+                    this.eventManager.dispatchEvent(Events.ContentUpdate);
                 }
             };