agora-toolchain 3.7.9-alpha → 3.8.0

package/env/electron.setup.ts

@@ -43,4 +43,19 @@ app.addListener('ready', () => {
   enable(mainWindow.webContents);
 
   mainWindow.loadURL(baseUrl);
+
+  mainWindow.webContents.setWindowOpenHandler(() => {
+    return {
+      action: 'allow',
+      overrideBrowserWindowOptions: {
+        webPreferences: {
+          ...defaultWebPreferences,
+        },
+      },
+    };
+  });
+
+  mainWindow.webContents.on('did-create-window', (window) => {
+    enable(window.webContents);
+  });
 });

package/env/tsconfig.json

@@ -0,0 +1,4 @@
+{
+  "extends": "../presets/tsconfig.base.json",
+  "files": ["./electron.setup.ts", "./karma-setup.ts"]
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "agora-toolchain",
-  "version": "3.7.9-alpha",
+  "version": "3.8.0",
   "license": "MIT",
   "bin": {
     "agora-tc-transpile": "./scripts/transpile.js",

package/presets/karma.conf.js

@@ -5,6 +5,9 @@ const path = require('path');
 const cwd = process.cwd();
 
 const pattern = opts.file ?? '**/*.test.ts';
+const singleRun = opts.singleRun ?? false;
+const fakeMedia = opts.fakeMedia ?? false;
+const headless = opts.headless ?? false;
 
 const files =
   process.env.platform === 'browser'
@@ -26,7 +29,21 @@ const preprocessors =
         [path.join(cwd, '__test__/electron/**/*.test.ts')]: ['webpack'],
       };
 
-const browsers = process.env.platform === 'browser' ? ['Chrome'] : [];
+const browsers = process.env.platform === 'browser' ? ['Chrome_Custom'] : [];
+const launcherFlags = [];
+
+if (fakeMedia) {
+  launcherFlags.push('--use-fake-ui-for-media-stream', '--use-fake-device-for-media-stream');
+}
+
+if (headless) {
+  launcherFlags.push(
+    '--headless=new',
+    '--no-sandbox',
+    '--disable-gpu',
+    '--window-size=1280,800',
+  );
+}
 
 module.exports = (config) => {
   config.set({
@@ -88,10 +105,17 @@ module.exports = (config) => {
 
     // Continuous Integration mode
     // if true, Karma captures browsers, runs the tests and exits
-    singleRun: false,
+    singleRun,
 
     // Concurrency level
     // how many browser instances should be started simultaneously
     concurrency: Infinity,
+
+    customLaunchers: {
+      Chrome_Custom: {
+        base: 'Chrome',
+        flags: launcherFlags,
+      },
+    },
   });
 };

package/presets/postcss-plugin/px-to-vw/src/pixel-unit-regexp.js

@@ -0,0 +1,14 @@
+// excluding regex trick: http://www.rexegg.com/regex-best-trick.html
+
+// Not anything inside double quotes
+// Not anything inside single quotes
+// Not anything inside url()
+// Any digit followed by px
+// !singlequotes|!doublequotes|!url()|pixelunit
+function getUnitRegexp(unit) {
+  return new RegExp('"[^"]+"|\'[^\']+\'|url\\([^\\)]+\\)|(\\d*\\.?\\d+)' + unit, 'g');
+}
+
+module.exports = {
+  getUnitRegexp,
+};

package/presets/postcss-plugin/px-to-vw/src/prop-list-matcher.js

@@ -0,0 +1,118 @@
+var filterPropList = {
+  exact: function (list) {
+    return list.filter(function (m) {
+      return m.match(/^[^\*\!]+$/);
+    });
+  },
+  contain: function (list) {
+    return list
+      .filter(function (m) {
+        return m.match(/^\*.+\*$/);
+      })
+      .map(function (m) {
+        return m.substr(1, m.length - 2);
+      });
+  },
+  endWith: function (list) {
+    return list
+      .filter(function (m) {
+        return m.match(/^\*[^\*]+$/);
+      })
+      .map(function (m) {
+        return m.substr(1);
+      });
+  },
+  startWith: function (list) {
+    return list
+      .filter(function (m) {
+        return m.match(/^[^\*\!]+\*$/);
+      })
+      .map(function (m) {
+        return m.substr(0, m.length - 1);
+      });
+  },
+  notExact: function (list) {
+    return list
+      .filter(function (m) {
+        return m.match(/^\![^\*].*$/);
+      })
+      .map(function (m) {
+        return m.substr(1);
+      });
+  },
+  notContain: function (list) {
+    return list
+      .filter(function (m) {
+        return m.match(/^\!\*.+\*$/);
+      })
+      .map(function (m) {
+        return m.substr(2, m.length - 3);
+      });
+  },
+  notEndWith: function (list) {
+    return list
+      .filter(function (m) {
+        return m.match(/^\!\*[^\*]+$/);
+      })
+      .map(function (m) {
+        return m.substr(2);
+      });
+  },
+  notStartWith: function (list) {
+    return list
+      .filter(function (m) {
+        return m.match(/^\![^\*]+\*$/);
+      })
+      .map(function (m) {
+        return m.substr(1, m.length - 2);
+      });
+  },
+};
+
+function createPropListMatcher(propList) {
+  var hasWild = propList.indexOf('*') > -1;
+  var matchAll = hasWild && propList.length === 1;
+  var lists = {
+    exact: filterPropList.exact(propList),
+    contain: filterPropList.contain(propList),
+    startWith: filterPropList.startWith(propList),
+    endWith: filterPropList.endWith(propList),
+    notExact: filterPropList.notExact(propList),
+    notContain: filterPropList.notContain(propList),
+    notStartWith: filterPropList.notStartWith(propList),
+    notEndWith: filterPropList.notEndWith(propList),
+  };
+  return function (prop) {
+    if (matchAll) return true;
+    return (
+      (hasWild ||
+        lists.exact.indexOf(prop) > -1 ||
+        lists.contain.some(function (m) {
+          return prop.indexOf(m) > -1;
+        }) ||
+        lists.startWith.some(function (m) {
+          return prop.indexOf(m) === 0;
+        }) ||
+        lists.endWith.some(function (m) {
+          return prop.indexOf(m) === prop.length - m.length;
+        })) &&
+      !(
+        lists.notExact.indexOf(prop) > -1 ||
+        lists.notContain.some(function (m) {
+          return prop.indexOf(m) > -1;
+        }) ||
+        lists.notStartWith.some(function (m) {
+          return prop.indexOf(m) === 0;
+        }) ||
+        lists.notEndWith.some(function (m) {
+          return prop.indexOf(m) === prop.length - m.length;
+        })
+      )
+    );
+  };
+}
+
+module.exports = {
+  filterPropList,
+  createPropListMatcher,
+};

package/presets/webpack.base.js

@@ -13,7 +13,9 @@ module.exports = {
       AGORA_TEST_RTM_APP_CERTIFICATE: JSON.stringify(process.env.AGORA_TEST_RTM_APP_CERTIFICATE),
       DEMO_APP_VERSION: JSON.stringify(require(resolveCwd('package.json')).version),
       DEMO_APP_SHARE_LINK: JSON.stringify(process.env.fcr_app_share_link),
-      DEMO_APP_BUILD_TIME: JSON.stringify(new Date(new Date().getTime() + 8 * 60 * 60 * 1000).toISOString().replace('Z', '+08:00')),
+      DEMO_APP_BUILD_TIME: JSON.stringify(
+        new Date(new Date().getTime() + 8 * 60 * 60 * 1000).toISOString().replace('Z', '+08:00'),
+      ),
     }),
   ],
   resolve: {
@@ -35,6 +37,7 @@ module.exports = {
         'agora-ui-foundation',
         'agora-rte-sdk',
         'fcr-core',
+        'fcr-ui-widget-sdk',
         'fcr-ui-scene',
         'fcr-ui-scene-mobile',
       ]),
@@ -90,6 +93,10 @@ module.exports = {
         test: /\.(png|jpe?g|gif|svg|mp4|webm|ogg|mp3|wav|flac|aac|woff|woff2|eot|ttf)$/,
         type: 'asset',
       },
+      {
+        resourceQuery: /raw/,
+        type: 'asset/source',
+      },
     ],
   },
 };

package/presets/webpack.prod.js

@@ -99,10 +99,7 @@ module.exports = createConfig = ({ entry, analyze, out = 'dist' }) => {
       codeAppendPlugins.push(
         new AppendCodePlugin({
           code: `window.runtime && window.runtime.setFragmentOptions('${fragment}', ${windowOptions} || {}, ${webPreferences} || {});`,
-          patterns: [
-            /main.[0-9a-f]{20}.js$/,
-            ...fragments.map((f) => new RegExp(`${f}.[0-9a-f]{20}.js$`)),
-          ],
+          patterns: [/main.[0-9a-f]{20}.js$/, ...fragments.map((f) => new RegExp(`${f}.[0-9a-f]{20}.js$`))],
         }),
       );
 
@@ -126,21 +123,11 @@ module.exports = createConfig = ({ entry, analyze, out = 'dist' }) => {
     otherPlugins.push(new BundleAnalyzerPlugin());
   }
 
-  const debug = process.env.fcr_debug === true || process.env.fcr_debug === 'true';
-
-  console.log('webpack prod debug:', debug);
-
-  const baseWebpackConfig = {
-    mode: 'production',
-  };
-
-  if (debug) {
-    baseWebpackConfig.mode = 'development';
-    baseWebpackConfig.devtool = 'eval-source-map';
-  }
-
   const prodConfig = {
-    ...baseWebpackConfig,
+    // mode: 'development',
+    mode: 'production',
+    // devtool: 'eval',
+    // devtool: 'source-map',
     entry: entries,
     output: {
       clean: true,

package/tools/karma-options.js

@@ -2,6 +2,9 @@ const { program } = require('commander');
 
 const opts = program
   .option('--file <file>', 'Specify an UT to run')
+  .option('--single-run', 'Run tests once and exit', false)
+  .option('--fake-media', 'Use fake media devices in browser tests', false)
+  .option('--headless', 'Run browser tests in headless mode', false)
   .parse(process.argv)
   .opts();