@modusoperandi/licit 0.13.22 → 0.13.24

package/dist/client/Licit.js

@@ -266,13 +266,25 @@ class Licit extends React.Component {
     });
 
     _defineProperty(this, "exportPDF", () => {
-      const event = new KeyboardEvent('keydown', {
-        ctrlKey: true,
-        altKey: true,
-        keyCode: 80,
-        bubbles: false
+      new Promise(async (resolve, reject) => {
+        try {
+          //
+          if (Array.isArray(this.props.plugins)) {
+            this.props.plugins.forEach(plugin => {
+              if (plugin['key'].startsWith('exportPDF$')) {
+                // got the exportPDF instance.
+                resolve(plugin);
+              }
+            });
+          }
+        } catch (error) {
+          reject();
+        }
+      }).then(exportPDF => {
+        if (exportPDF.perform) {
+          exportPDF.perform(this._editorView);
+        }
       });
-      this.editorView.dom.dispatchEvent(event);
     });
 
     this.initialize(_props);

package/dist/client/Licit.js.flow

@@ -662,13 +662,25 @@ class Licit extends React.Component<any, any> {
   };
 
   exportPDF = () => {
-    const event = new KeyboardEvent('keydown', {
-      ctrlKey: true,
-      altKey: true,
-      keyCode: 80,
-      bubbles: false,
+    new Promise(async (resolve, reject) => {
+      try {
+        //
+        if (Array.isArray(this.props.plugins)) {
+          this.props.plugins.forEach((plugin) => {
+            if (plugin['key'].startsWith('exportPDF$')) {
+              // got the exportPDF instance.
+              resolve(plugin);
+            }
+          });
+        }
+      } catch (error) {
+        reject();
+      }
+    }).then((exportPDF) => {
+      if (exportPDF.perform) {
+        exportPDF.perform(this._editorView);
+      }
     });
-    this.editorView.dom.dispatchEvent(event);
   };
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@modusoperandi/licit",
-  "version": "0.13.22",
+  "version": "0.13.24",
   "subversion": "1",
   "description": "Rich text editor built with React and ProseMirror",
   "main": "dist/index.js",
@@ -83,14 +83,14 @@
     "stylelint-config-standard": "^20.0.0",
     "stylelint-prettier": "^1.2.0",
     "terser-webpack-plugin": "^3.1.0",
-    "webpack": "^4.44.2",
+    "webpack": "^5.74.0",
     "webpack-cli": "^4.9.1",
     "webpack-dev-server": "^4.11.1",
     "write-file-webpack-plugin": "4.5.1"
   },
   "dependencies": {
     "@modusoperandi/licit-doc-attrs-step": "^0.1.3",
-    "@modusoperandi/licit-ui-commands": "^0.1.8",
+    "@modusoperandi/licit-ui-commands": "^0.1.9",
     "@wojtekmaj/enzyme-adapter-react-17": "^0.6.7",
     "body-parser": "^1.19.0",
     "browserkeymap": "2.0.2",
@@ -127,6 +127,7 @@
     "resize-observer-polyfill": "1.5.1",
     "smooth-scroll-into-view-if-needed": "1.1.28",
     "style-loader": "^1.2.1",
+    "url": "^0.11.0",
     "uuid": "8.2.0",
     "webfontloader": "1.6.28"
   },

package/src/client/Licit.js

@@ -662,13 +662,25 @@ class Licit extends React.Component<any, any> {
   };
 
   exportPDF = () => {
-    const event = new KeyboardEvent('keydown', {
-      ctrlKey: true,
-      altKey: true,
-      keyCode: 80,
-      bubbles: false,
+    new Promise(async (resolve, reject) => {
+      try {
+        //
+        if (Array.isArray(this.props.plugins)) {
+          this.props.plugins.forEach((plugin) => {
+            if (plugin['key'].startsWith('exportPDF$')) {
+              // got the exportPDF instance.
+              resolve(plugin);
+            }
+          });
+        }
+      } catch (error) {
+        reject();
+      }
+    }).then((exportPDF) => {
+      if (exportPDF.perform) {
+        exportPDF.perform(this._editorView);
+      }
     });
-    this.editorView.dom.dispatchEvent(event);
   };
 }
 

package/utils/build_web_server.js

@@ -1,40 +1,43 @@
 const WebpackDevServer = require('webpack-dev-server'),
-    webpack = require('webpack'),
-    config = require('../webpack.config'),
-    env = require('./env'),
-    path = require('path'),
-    formidable = require('formidable'),
-    mv = require('mv'),
-    // [FS] IRAD-1005 2020-07-07
-    // Upgrade outdated packages.
-    uuidv4 = require('uuid').v4,
-    express = require('express');
+  webpack = require('webpack'),
+  config = require('../webpack.config'),
+  env = require('./env'),
+  path = require('path'),
+  formidable = require('formidable'),
+  mv = require('mv'),
+  // [FS] IRAD-1005 2020-07-07
+  // Upgrade outdated packages.
+  uuidv4 = require('uuid').v4,
+  express = require('express');
 
-const options = (config.chromeExtensionBoilerplate || {});
-const excludeEntriesToHotReload = (options.notHotReload || []);
+const options = config.chromeExtensionBoilerplate || {};
+const excludeEntriesToHotReload = options.notHotReload || [];
 
 for (const entryName in config.entry) {
   if (excludeEntriesToHotReload.indexOf(entryName) === -1) {
-    config.entry[entryName] =
-      [
-        ('webpack-dev-server/client?http://localhost:' + env.PORT),
-        'webpack/hot/dev-server'
-      ].concat(config.entry[entryName]);
+    config.entry[entryName] = [
+      'webpack-dev-server/client?http://localhost:' + env.PORT,
+      'webpack/hot/dev-server',
+    ].concat(config.entry[entryName]);
   }
 }
 
-config.plugins =
-  [new webpack.HotModuleReplacementPlugin()].concat(config.plugins || []);
+config.plugins = [new webpack.HotModuleReplacementPlugin()].concat(
+  config.plugins || []
+);
 
 delete config.chromeExtensionBoilerplate;
 
 const compiler = webpack(config);
 
-const server =
-  new WebpackDevServer(compiler, {
+const server = new WebpackDevServer(
+  {
     hot: true,
-    contentBase: path.join(__dirname, '../bin'),
+    static: path.join(__dirname, '../bin'),
     headers: { 'Access-Control-Allow-Origin': '*' },
-  });
+    port: env.PORT,
+  },
+  compiler
+);
 
-server.listen(env.PORT);
+server.start();

package/webpack.config.js

@@ -6,7 +6,6 @@ var webpack = require('webpack'),
   HtmlWebpackInlineSourcePlugin = require('html-webpack-inline-source-plugin'),
   HtmlWebpackPlugin = require('html-webpack-plugin'),
   TerserPlugin = require('terser-webpack-plugin'),
-  
   WriteFilePlugin = require('write-file-webpack-plugin'),
   env = require('./utils/env'),
   fileSystem = require('fs'),
@@ -26,7 +25,7 @@ var options = {
   },
   output: {
     path: path.join(__dirname, 'bin'),
-    filename: '[name].bundle.js'
+    filename: '[name].bundle.js',
   },
   module: {
     rules: [
@@ -35,9 +34,13 @@ var options = {
         exclude: /node_modules/,
         loader: 'babel-loader',
         options: {
-        // https://stackoverflow.com/questions/51860043/javascript-es6-typeerror-class-constructor-client-cannot-be-invoked-without-ne
-        // ES6 classes are supported in any recent Node version, they shouldn't be transpiled. es2015 should be excluded from Babel configuration, it's preferable to use env preset set to node target.
-          presets: [['@babel/preset-env', { 'targets': { 'node': true } }], '@babel/preset-react', '@babel/preset-flow'],
+          // https://stackoverflow.com/questions/51860043/javascript-es6-typeerror-class-constructor-client-cannot-be-invoked-without-ne
+          // ES6 classes are supported in any recent Node version, they shouldn't be transpiled. es2015 should be excluded from Babel configuration, it's preferable to use env preset set to node target.
+          presets: [
+            ['@babel/preset-env', { targets: { node: true } }],
+            '@babel/preset-react',
+            '@babel/preset-flow',
+          ],
           plugins: [
             '@babel/plugin-proposal-class-properties',
             '@babel/plugin-proposal-export-default-from',
@@ -62,65 +65,74 @@ var options = {
             loader: 'file-loader',
             options: {
               name: '[name].[ext]',
-              outputPath: 'fonts/'
-            }
-          }
-        ]
+              outputPath: 'fonts/',
+            },
+          },
+        ],
       },
       {
         test: /\.css$/,
-        use: [
-          'style-loader',
-          'css-loader',
-        ],
+        use: ['style-loader', 'css-loader'],
       },
       {
-        test: /\.(jpe?g|png|gif|svg)$/i, 
-        loader: 'file-loader'
+        test: /\.(jpe?g|png|gif|svg)$/i,
+        loader: 'file-loader',
       },
       {
         test: /\.html$/,
         loader: 'html-loader',
-        exclude: /node_modules/
+        exclude: /node_modules/,
       },
-    ]
+    ],
   },
   resolve: {
-    alias: {}
+    alias: {},
   },
   plugins: [
     new webpack.ProvidePlugin({
       // jQuery (for Mathquill)
       'window.jQuery': 'jquery',
     }),
-    // type checker 
-    ... (env.NODE_ENV === 'development') ? [new FlowWebpackPlugin({flowArgs: ['--show-all-errors']})] : [],
+    // type checker
+    ...(isDev
+      ? [new FlowWebpackPlugin({ flowArgs: ['--show-all-errors'] })]
+      : []),
     // clean the web folder
     new CleanWebpackPlugin(),
     // expose and write the allowed env vars on the compiled bundle
     new webpack.DefinePlugin({
-      'process.env.NODE_ENV': JSON.stringify(env.NODE_ENV)
+      'process.env.NODE_ENV': JSON.stringify(env.NODE_ENV),
     }),
     new HtmlWebpackPlugin({
       template: path.join(__dirname, 'licit', 'index.html'),
       filename: 'index.html',
       chunks: ['licit'],
-      inlineSource: isDev ? '$^' : '.(js|css)$'
+      inlineSource: isDev ? '$^' : '.(js|css)$',
     }),
-    new HtmlWebpackInlineSourcePlugin(HtmlWebpackPlugin),
-    new WriteFilePlugin()
-  ]
+    ...(isDev ? [new HtmlWebpackInlineSourcePlugin(HtmlWebpackPlugin)] : []),
+    new WriteFilePlugin(),
+  ],
+  performance: {
+    assetFilter: function (assetFilename) {
+      return (
+        !assetFilename.endsWith('.eot') &&
+        !assetFilename.endsWith('.ttf') &&
+        !assetFilename.endsWith('.svg') &&
+        !assetFilename.endsWith('licit.bundle.js')
+      );
+    },
+  },
 };
 
-if (env.NODE_ENV === 'development') {
+if (isDev) {
   options.devtool = 'source-map';
 } else {
-// [FS] IRAD-1005 2020-07-10
-// Upgrade outdated packages.  
-  options.optimization =  {
+  // [FS] IRAD-1005 2020-07-10
+  // Upgrade outdated packages.
+  options.optimization = {
     minimize: true,
     minimizer: [new TerserPlugin()],
-  }
+  };
 }
 
 module.exports = options;