@atlassian/atlassian-connect-js 5.3.190

package/gulpfile.js

@@ -0,0 +1,204 @@
+/* eslint-env node */
+const fs = require('fs');
+const gulp = require('gulp');
+const watch = require('gulp-watch');
+const concat = require('gulp-concat');
+const cleanCSS = require('gulp-clean-css');
+const less = require('gulp-less');
+const merge = require('merge-stream');
+const { argv } = require('yargs');
+const rollup = require('rollup');
+const { babel } = require('@rollup/plugin-babel');
+const commonjs = require('@rollup/plugin-commonjs');
+const { nodeResolve } = require('@rollup/plugin-node-resolve');
+const builtins = require('rollup-plugin-node-builtins');
+const replace = require('@rollup/plugin-replace');
+const { visualizer } = require('rollup-plugin-visualizer');
+const { getThemeStyles } = require('@atlaskit/tokens');
+
+const deployPath = argv.deployPath || '../atlassian-connect/jsapi-v5/src/main/resources/v5';
+const dest = 'dist';
+const commercialCdnDomain = 'connect-cdn.atl-paas.net';
+const fedrampCdnDomain = 'connect-alljs-cdn-bifrost.frontend.cdn.atlassian-us-gov-mod.com/assets';
+
+function build(entryModule, distModule, options) {
+  // Required for transform-inline-environment-variables plugin
+  process.env.NODE_ENV = 'production'
+  process.env.CDN_DOMAIN = options.isFedRAMP ? fedrampCdnDomain : commercialCdnDomain;
+
+  const fileName = distModule + (options.isFedRAMP ? '-fedramp' : '') + '.js';
+
+  return rollup.rollup({
+    input: entryModule,
+    plugins: [
+      {
+        name: 'output-theme-css',
+        generateBundle: async function (outputOptions, bundle) {
+          const themeStyles = await getThemeStyles('all');
+
+          themeStyles.map(({ id, css }) => {
+            this.emitFile({
+              type: 'asset',
+              fileName: `themes/atlaskit-tokens_${id}.css`,
+              source: css,
+            });
+          });
+        }
+      },
+      babel({
+        exclude: new RegExp('node_modules\/(promise\-polyfill|query\-string)'),
+        plugins: [
+          '@babel/plugin-transform-runtime',
+          // Stage 2
+          ['@babel/plugin-proposal-decorators', { 'legacy': true }],
+          'transform-inline-environment-variables'
+        ],
+        presets: [
+          ['@babel/preset-env', {
+            'targets': {
+              'browsers': [
+                'last 1 Chrome versions',
+                'last 1 Firefox versions',
+                'last 1 Safari versions',
+                'Explorer 11',
+                'last 1 Edge versions'
+              ]
+            },
+            'modules': false,
+            'useBuiltIns': false,
+            'loose': true,
+            'debug': true
+          }]
+        ],
+        babelHelpers: 'runtime'
+      }),
+      builtins(),
+      nodeResolve({
+        jsnext: true,
+        main: true,
+        browser: true,
+        preferBuiltins: false
+      }),
+      commonjs({
+        // ignoreGlobal: true,
+        include: 'node_modules/**'
+      }),
+      replace({
+        delimiters: [ '%%', '%%' ],
+        preventAssignment: true,
+        GULP_INJECT_VERSION: JSON.parse(fs.readFileSync('package.json', 'utf8')).version
+      }),
+      // https://github.com/btd/rollup-plugin-visualizer#options
+      visualizer({
+        filename: `reports/stats-${distModule || 'default'}.html`,
+        gzipSize: true,
+        open: false
+      })
+    ]
+  }).then(function (bundle) {
+    return bundle.write({
+      indent: true,
+      format: options.format || 'umd',
+      name: options.standalone || distModule,
+      file: './dist/' + fileName,
+      inlineDynamicImports: true
+    });
+  });
+}
+
+function buildPlugin() {
+  return build('src/plugin/index.js', 'iframe', {
+    standalone: 'AP',
+    env: {ENV: 'plugin'},
+    format: 'iife'
+  });
+}
+
+function buildFedrampPlugin() {
+  return build('src/plugin/index.js', 'iframe', {
+    standalone: 'AP',
+    env: {ENV: 'plugin'},
+    format: 'iife',
+    isFedRAMP: true
+  });
+}
+
+function watchPlugin() {
+  return watch('src/plugin/**/*.js', {
+    name: 'Plugin watcher',
+    ignoreInitial: false
+  }, buildPlugin);
+}
+
+function buildHost() {
+  return build('src/host/index.js', 'connect-host', {
+    standalone: 'connectHost',
+    env: {ENV: 'host'}
+  });
+}
+
+function watchHost() {
+  return watch('src/host/**/*.js', {
+    name: 'Host watcher',
+    ignoreInitial: false
+  }, buildHost);
+}
+
+function clean(cb) {
+  fs.rmSync(dest, { recursive: true });
+  fs.mkdirSync(dest, { recursive: true });
+  cb();
+}
+
+function buildCss(options) {
+  options = options || {};
+  options.dest = options.dest || 'dist';
+
+  gulp
+    .src('src/css/plugin/surfaces.css')
+    .pipe(gulp.dest(options.dest));
+
+  gulp
+    .src('src/css/plugin/**/*.less')
+    .pipe(less())
+    .pipe(gulp.dest(options.dest));
+
+  var g = gulp.src('src/css/host/**/*.css')
+    .pipe(concat('connect-host.css'))
+    .pipe(gulp.dest(options.dest));
+
+  if(options.minify){
+    g.pipe(concat('connect-host.min.css'))
+      .pipe(cleanCSS())
+      .pipe(gulp.dest(options.dest));
+  }
+
+  return g;
+}
+
+function deploy() {
+  return merge(
+    gulp.src('./dist/**/*.js')
+      .pipe(gulp.dest(`${deployPath}/js/core`)),
+    gulp.src('dist/**/*.css')
+      .pipe(gulp.dest(`${deployPath}/css/core`))
+  );
+}
+
+gulp.task('plugin:build', buildPlugin);
+gulp.task('plugin:build:fedramp', buildFedrampPlugin);
+gulp.task('plugin:watch', watchPlugin);
+
+gulp.task('host:build', buildHost);
+gulp.task('host:watch', watchHost);
+
+gulp.task('clean', clean);
+gulp.task('css:build', buildCss);
+gulp.task('css:minify', buildCss.bind(null, {minify: true}));
+
+gulp.task('watch', gulp.series(['plugin:watch', 'host:watch']));
+gulp.task('build', gulp.series(['plugin:build', 'plugin:build:fedramp', 'host:build']));
+
+gulp.task('deploy', deploy);
+
+gulp.task('default', gulp.series(['clean', 'build', 'css:minify']));

package/memleak-check/app.html

@@ -0,0 +1,10 @@
+<html>
+  <head>
+    <title></title>
+    <script src="iframe.js"></script>
+  </head>
+  <body>
+    <script>
+    </script>
+  </body>
+</html>

package/memleak-check/index.html

@@ -0,0 +1,31 @@
+<html>
+  <head>
+    <title></title>
+    <script src="http://code.jquery.com/jquery-2.2.4.min.js"></script>
+    <script>
+      window.AJS = {
+        $: window.$
+      };
+    </script>
+    <script src="connect-host.js"></script>
+  </head>
+  <body>
+    <script>
+      connectHost.onIframeEstablished(function (data) {
+        setTimeout(function () {
+          data.$el.closest('.ap-iframe-container').remove();
+        }, 0);
+      });
+      connectHost.onIframeUnload(function (data) {
+        connectHost.destroy(data.extension.id);
+      });
+      function loadAndRemoveAppIframe() {
+        $('body').append(connectHost.create({
+          addon_key: 'test',
+          key: 'test',
+          url: window.origin + '/app.html'
+        }));
+      }
+    </script>
+  </body>
+</html>

package/memleak-check/index.js

@@ -0,0 +1,33 @@
+/* eslint-env node */
+const drool = require('drool');
+const assert = require('assert');
+const httpServer = require('http-server');
+const { argv } = require('yargs');
+const server = httpServer.createServer();
+const driver = drool.start({
+  chromeOptions: ['no-sandbox', 'headless']
+});
+const MAX_LEAK = 750000;
+const port = argv.port ? parseInt(argv.port) : 8080;
+
+server.listen(port);
+drool.flow({
+  repeatCount: 1000,
+  setup: function() {
+    driver.get(`http://localhost:${port}/`);
+  },
+  action: function() {
+    driver.executeScript('loadAndRemoveAppIframe()');
+  },
+  assert: function(after, initial) {
+    const leak = after.counts.jsHeapSizeUsed - initial.counts.jsHeapSizeUsed;
+    console.log('initial.counts', initial.counts);
+    console.log('after.counts', after.counts);
+    assert.equal(initial.counts.nodes, after.counts.nodes, 'node count should match');
+    assert(leak < MAX_LEAK, `leak (${leak}) should be < ${MAX_LEAK}`)
+  },
+  exit: function() {
+    driver.quit();
+    server.close();
+  }
+}, driver);

package/package.json

@@ -0,0 +1,102 @@
+{
+  "name": "@atlassian/atlassian-connect-js",
+  "version": "5.3.190",
+  "license": "Apache-2.0",
+  "description": "Atlassian Connect JavaScript bridge",
+  "main": "dist/connect-host.js",
+  "repository": {
+    "type": "git",
+    "url": "ssh://git@bitbucket.org:atlassian/atlassian-connect-js.git"
+  },
+  "publishConfig": {
+    "registry": "https://packages.atlassian.com/api/npm/npm-public/"
+  },
+  "scripts": {
+    "build": "npx gulp",
+    "dev:build": "npx yalc publish --push",
+    "bundlesize": "bundlesize --config=bundlesize.config.json",
+    "depcheck": "depcheck --config=.depcheckrc.json",
+    "karma": "karma start spec/config/karma.conf.js",
+    "karma-ci": "npm run karma -- --single-run",
+    "lint": "eslint \"**/*.js\"",
+    "prepublish": "npm run build",
+    "test": "npm run lint && npm run karma",
+    "test-ci": "npm run lint && npm run karma-ci",
+    "test-mem": "cd memleak-check && node index",
+    "test-sl": "SAUCE_LABS=true SAUCE_USERNAME=$SAUCE_USERNAME SAUCE_ACCESS_KEY=$SAUCE_ACCESS_KEY npm run test-ci",
+    "tag": "PACKAGE_VERSION=$(node -p \"require('./package.json').version\") && git tag $PACKAGE_VERSION && git push --tags",
+    "prepare": "husky"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.23.2",
+    "@babel/plugin-proposal-decorators": "^7.23.2",
+    "@babel/plugin-transform-runtime": "^7.23.2",
+    "@babel/preset-env": "^7.23.2",
+    "@babel/runtime": "^7.23.2",
+    "@rollup/plugin-babel": "^6.0.4",
+    "@rollup/plugin-commonjs": "^21.0.1",
+    "@rollup/plugin-node-resolve": "^13.0.6",
+    "@rollup/plugin-replace": "^5.0.5",
+    "@types/jasmine": "^2.5.54",
+    "@types/jquery": "^3.5.29",
+    "babel-loader": "8.0.6",
+    "babel-plugin-istanbul": "^6.1.1",
+    "babel-plugin-transform-inline-environment-variables": "^0.4.4",
+    "bundlesize": "^1.0.0-beta.2",
+    "depcheck": "^1.4.2",
+    "drool": "0.6.0",
+    "envify": "3.4.1",
+    "eslint": "^8.44.0",
+    "graceful-fs": "4.1.10",
+    "gulp": "^4.0.2",
+    "gulp-clean-css": "4.3.0",
+    "gulp-concat": "2.6.0",
+    "gulp-less": "^5.0.0",
+    "gulp-watch": "^5.0.1",
+    "http-server": "0.11.1",
+    "husky": "^9.1.7",
+    "jasmine-core": "2.5.2",
+    "karma": "^6.3.9",
+    "karma-chrome-launcher": "2.0.0",
+    "karma-cli": "^2.0.0",
+    "karma-coverage": "^2.1.0",
+    "karma-html2js-preprocessor": "1.1",
+    "karma-jasmine": "1.0.2",
+    "karma-jasmine-ajax": "0.1.13",
+    "karma-jasmine-diff-reporter": "1.1.0",
+    "karma-nyan-reporter": "0.2.4",
+    "karma-phantomjs-launcher": "1.0.2",
+    "karma-safari-launcher": "1.0.0",
+    "karma-sauce-launcher": "^4.3.6",
+    "karma-sourcemap-loader": "^0.3.8",
+    "karma-webpack": "^4.0.2",
+    "less-loader": "^7.3.0",
+    "lint-staged": "^13.0.3",
+    "lodash": "4.17.21",
+    "merge-stream": "1.0.0",
+    "raw-loader": "^4.0.2",
+    "rollup": "^2.60.0",
+    "rollup-plugin-node-builtins": "2.1.2",
+    "rollup-plugin-visualizer": "^5.5.2",
+    "webpack": "^4.46.0",
+    "yargs": "6.3.0"
+  },
+  "dependencies": {
+    "@atlaskit/feature-gate-js-client": "4.23.4",
+    "@atlaskit/platform-feature-flags": "1.0.0",
+    "@atlaskit/tokens": "4.2.0",
+    "base64-js": "1.3.0",
+    "query-string": "7.1.3",
+    "simple-xdm": "^2.3.3",
+    "web-vitals": "^4.2.4"
+  },
+  "overrides": {
+    "@atlaskit/feature-gate-js-client": "4.23.4",
+    "@atlaskit/platform-feature-flags": "1.0.0",
+    "saucelabs": "8.0.0",
+    "webdriverio": "8.12.1",
+    "@babel/core": {
+      "debug@^4.1.1": "4.3.7"
+    }
+  }
+}

package/renovate.json

@@ -0,0 +1,11 @@
+{
+  "$schema": "https://docs.renovatebot.com/renovate-schema.json",
+  "extends": [
+    "local>atlassian/renovate-connect-ktlo"
+  ],
+  "enabledManagers": [
+    "npm",
+    "nvm"
+  ],
+  "prConcurrentLimit": 4
+}

package/security-assistant.yml

@@ -0,0 +1,2 @@
+owner: cmacneill@atlassian.com
+fileAllSnykTicketsNow: true

package/spec/.eslintrc

@@ -0,0 +1,10 @@
+{
+  "env": {
+    "node": true,
+    "jasmine": true
+  },
+  "globals": {
+    "$": true,
+    "jQuery": true
+  }
+}

package/spec/config/karma.base.conf.js

@@ -0,0 +1,200 @@
+// Karma configuration
+// Generated on Wed Oct 16 2013 15:12:27 GMT+1100 (EST)
+
+var envify = require('envify/custom');
+var webpack = require('webpack');
+var path = require('path');
+var customLaunchers = require('../../build/configs/saucelabs-launchers');
+var saucelabs = process.env.SAUCE_LABS || false;
+var coverage = process.env.COVERAGE || false;
+
+module.exports = function(config) {
+  var karmaConfig = {
+    // base path, that will be used to resolve files and exclude
+    basePath: '../../',
+
+    // frameworks to use
+    // list of files / patterns to load in the browser
+    files: [
+      'https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.js',
+      'https://aui-cdn.atlassian.com/aui-adg/5.9.17/js/aui.js',
+      'https://aui-cdn.atlassian.com/aui-adg/5.9.17/css/aui.min.css',
+      'https://cdn.rawgit.com/requirejs/almond/0.3.1/almond.js',
+      'https://aui-cdn.atlassian.com/aui-adg/5.9.17/js/aui-experimental.js',
+      {pattern: 'src/css/host/**', included: true, served: true}
+      // {pattern: 'fixtures/**', included: false, served: true},
+      // {pattern: 'dist/**', included: false, served: true}
+    ],
+
+    //do not process my html files.
+    preprocessors: {
+      'spec/tests/**/*.js': ['webpack'],
+      'src/**/*.js': ['webpack', 'sourcemap']
+    },
+
+    webpack: {
+      mode: 'development',
+      devtool: 'inline-source-map',
+      cache: true,
+      resolve: {
+        alias: {
+          'src': path.join(__dirname, '../../src/'),
+          'fixtures': path.join(__dirname, '../fixtures/'),
+        }
+      },
+      plugins: [],
+      module: {
+        rules: [
+          {
+            test: /\.js$/,
+            use: {
+              loader: 'babel-loader',
+              options: {
+                targets: {
+                  'browsers': [
+                    'defaults',
+                    'not dead',
+                    'Chrome 71', // compile public class fields and optional chaining
+                    'last 1 Chrome versions',
+                    'last 1 Firefox versions',
+                    'last 1 Safari versions',
+                    'last 1 Edge versions'
+                  ]
+                },
+                presets: ['@babel/preset-env', {
+                  exclude: ['transform-regenerator'],
+                }],
+                plugins: [
+                  ['@babel/plugin-proposal-decorators', { 'legacy': true }],
+                ]
+              }
+            }
+          },
+          {
+            test: /\.less$/,
+            use: [
+              'raw-loader',
+              'less-loader'
+            ]
+          }
+        ]
+      }
+    },
+    // test results reporter to use
+    // possible values: 'jasmine-diff', 'dots', 'progress', 'junit', 'growl', 'coverage'
+    reporters: ['jasmine-diff', 'progress', 'dots'],
+    junitReporter: {
+      outputFile: 'test/test-reports/karma-results.xml',
+      useBrowserName: false,
+      suite: ''
+    },
+    coverageReporter: {
+      reporters: [
+      ]
+    },
+    jasmineDiffReporter: {
+      color: {
+        expectedBg: 'bgRed',
+        expectedWhitespaceBg: 'bgRed',
+        expectedFg: 'white',
+        actualBg: 'bgGreen',
+        actualWhitespaceBg: 'bgGreen',
+        actualFg: 'white',
+        warningBg: 'bgYellow',
+        warningWhitespaceBg: 'bgYellow',
+        warningFg: 'white',
+        defaultBg: '',
+        defaultFg: ''
+      },
+      pretty: true,
+      multiline: true,
+      verbose: true,
+      legacy: false,
+      matchers: {}
+    },
+
+    plugins: [
+      'karma-jasmine',
+      'karma-webpack',
+      'karma-sourcemap-loader',
+      'karma-chrome-launcher',
+      'karma-nyan-reporter',
+      'karma-jasmine-diff-reporter'
+    ],
+    frameworks: ['jasmine'],
+
+    // web server port
+    port: 9876,
+
+
+    // enable / disable colors in the output (reporters and logs)
+    colors: true,
+
+
+    // level of logging
+    // possible values: config.LOG_DISABLE || config.LOG_ERROR || config.LOG_WARN || config.LOG_INFO || config.LOG_DEBUG
+    // logLevel: config.LOG_ERROR,
+    logLevel: config.LOG_DEBUG,
+
+
+    // enable / disable watching file and executing tests whenever any file changes
+    autoWatch: true,
+
+
+    // Start these browsers, currently available:
+    // - Chrome
+    // - ChromeCanary
+    // - Firefox
+    // - Opera
+    // - Safari (only Mac)
+    // - PhantomJS
+    // - IE (only Windows)
+    //browsers: ['Chrome', 'Safari', 'Firefox', 'Opera', 'IE11 - Win7', 'IE10 - Win7', 'IE9 - Win7'],
+    // browsers: ['Chrome', 'Safari', 'Firefox', 'IE11 - Win7'],
+    browsers: ['Chrome'],
+
+
+    // If browser does not capture in given timeout [ms], kill it
+    captureTimeout: 60000,
+
+
+    // Continuous Integration mode
+    // if true, it capture browsers, run tests and exit
+    singleRun: false
+  };
+
+  if(saucelabs) {
+    karmaConfig.reporters.push('saucelabs');
+    karmaConfig.plugins.push('karma-sauce-launcher');
+    karmaConfig.captureTimeout = 120000;
+    karmaConfig.browserNoActivityTimeout = 60000;  // Increase from 30000
+    karmaConfig.browserDisconnectTimeout = 10000;  // Increase from 2000
+    karmaConfig.browserDisconnectTolerance = 3;    // Increase from 0
+    karmaConfig.singleRun = true;
+    karmaConfig.sauceLabs = {
+      testName: 'Connect JS unit tests'
+    };
+    karmaConfig.customLaunchers = customLaunchers;
+    karmaConfig.browsers = Object.keys(customLaunchers);
+    karmaConfig.concurrency = 5;
+  }
+
+  if(coverage === 'true') {
+    // Add plugin to babel config
+    karmaConfig.webpack.module.rules[0].use.options.plugins.push(
+      [
+        'istanbul',
+        {
+          'include': 'src/host/**/*.js'
+        }
+      ]
+    );
+    karmaConfig.reporters.push('coverage');
+    karmaConfig.plugins.push('karma-coverage');
+    karmaConfig.coverageReporter.reporters.push({type: 'html', dir: 'coverage/', subdir: '.'});
+    karmaConfig.coverageReporter.reporters.push({type: 'json', dir: 'coverage/', subdir: '.'});
+  }
+
+  return karmaConfig;
+};
+

package/spec/config/karma.conf.js

@@ -0,0 +1,20 @@
+var envify = require('envify/custom');
+var webpack = require('webpack');
+var path = require('path');
+var fs = require('graceful-fs');
+var cwd = process.cwd();
+var getDirs = (srcpath) => fs.readdirSync(srcpath).filter((file) => fs.statSync(path.join(srcpath, file)).isDirectory());
+var base = cwd + '/src/host';
+
+
+module.exports = function(config) {
+  var baseConfig = require('./karma.base.conf.js')(config);
+
+  baseConfig.files.push('spec/tests/**/*.js');
+
+  baseConfig.webpack.plugins.push(new webpack.DefinePlugin({'process.env.ENV': '"host"'}));
+
+  getDirs(base).forEach((root) => baseConfig.webpack.resolve.alias[root] = `${base}/${root}`);
+
+  config.set(baseConfig);
+};