improve structure & switch to yarn

.eslintignore

@@ -1,5 +1,6 @@
 node_modules
-coverage
 dist
-__build__
+types
-types
+.build
+.coverage
+.pptr

.eslintrc.js

@@ -1,4 +1,5 @@
 const resolve = require('./resolve.config');
+const puppeteerRollupConfig = require('./config/jest-puppeteer.rollup.config.js');
 
 module.exports = {
   extends: ['plugin:@typescript-eslint/recommended', 'plugin:react/recommended', 'airbnb', 'prettier'],
@@ -69,7 +70,7 @@ module.exports = {
         'no-void': 'off',
         'no-empty-function': 'off',
         'no-new-func': 'off',
-        'import/no-unresolved': ['error', { ignore: ['./__build__/build.html$'] }],
+        'import/no-unresolved': ['error', { ignore: [`./${puppeteerRollupConfig.build}/${puppeteerRollupConfig.html.output}$`] }],
       },
       globals: {
         page: true,

.gitignore

@@ -4,11 +4,9 @@
 node_modules/
 
 # generated
-coverage/
+.build/
-__build__/
+.coverage/
-
+.pptr/
-# coverage
-/.nyc_output
 
 # local env files
 .env.local

.npmrc

@@ -0,0 +1 @@
+registry="https://registry.npmjs.org"

.prettierignore

@@ -1,4 +1,6 @@
 node_modules
-coverage
 dist
-types
+types
+.coverage
+.build
+.pptr

config/jest-puppeteer.env.js

@@ -12,7 +12,7 @@ class PuppeteerRollupEnvironment extends PuppeteerEnvironment {
 
   async setup() {
     // setup
-    await setupRollupTest(this.ctx.testPath, this.cfg.cache, this.cfg.cacheDirectory);
+    await setupRollupTest(this.cfg.rootDir, this.ctx.testPath, this.cfg.cache && this.cfg.cacheDirectory);
     await super.setup();
 
     // coverage
@@ -24,7 +24,7 @@ class PuppeteerRollupEnvironment extends PuppeteerEnvironment {
     // coverage
     const { page } = this.global;
     const [jsCoverage, cssCoverage] = await Promise.all([page.coverage.stopJSCoverage(), page.coverage.stopCSSCoverage()]);
-    pti.write([...jsCoverage, ...cssCoverage], { includeHostname: true, storagePath: './.nyc_output' });
+    pti.write([...jsCoverage, ...cssCoverage], { includeHostname: true, storagePath: './.pptr' });
 
     // cleanup
     cleanupRollupTest(this.ctx.testPath, this.cfg.cache);

config/jest-puppeteer.rollup.config.js

@@ -1,5 +1,5 @@
 module.exports = {
-  build: '__build__',
+  build: '.build',
   html: {
     input: 'index.html',
     output: 'build.html',

config/jest-puppeteer.rollup.js

@@ -5,10 +5,9 @@ const del = require('del');
 const rollup = require('rollup');
 const rollupPluginHtml = require('@rollup/plugin-html');
 const rollupPluginStyles = require('rollup-plugin-styles');
-const rollupConfig = require('./rollup.config.js');
+const deploymentConfig = require('./jest-puppeteer.rollup.config.js');
-const resolve = require('./resolve.config.json');
-const config = require('./jest-puppeteer.rollup.config.js');
 
+const rollupConfigName = 'rollup.config.js';
 const rollupNodeEnv = 'build';
 const cacheFilePrefix = 'jest-puppeteer-overlayscrollbars-cache-';
 const cacheEncoding = 'utf8';
@@ -66,7 +65,7 @@ const getAllFilesFrom = (dir, except) => {
 
 const createCacheObj = (testPath) => {
   const testFileName = path.basename(testPath);
-  const testFiles = getAllFilesFrom(path.dirname(testPath), [config.build, testFileName]);
+  const testFiles = getAllFilesFrom(path.dirname(testPath), [deploymentConfig.build, testFileName]);
   const obj = {};
 
   testFiles.forEach((dir) => {
@@ -91,43 +90,32 @@ const filesChanged = (testPath, cacheDir) => {
   return result;
 };
 
-const getRollupInfos = (testPath) => {
+const setupRollupTest = async (rootDir, testPath, cacheDir) => {
-  const projectRootPath = path.resolve(__dirname, resolve.projectRoot);
   const testDir = path.dirname(testPath);
-  const input = path.resolve(testDir, config.js.input);
-  const dist = path.resolve(testDir, config.build);
   const testName = path.basename(testDir);
+  const changed = cacheDir ? filesChanged(testPath, cacheDir) : true;
+  const buildFolderExists = fs.existsSync(path.resolve(testDir, deploymentConfig.build));
 
-  return {
+  if (changed || !buildFolderExists) {
-    projectRootPath,
+    const env = process.env.NODE_ENV;
-    testDir,
+    process.env.NODE_ENV = rollupNodeEnv;
-    testName,
-    input,
-    dist,
-  };
-};
 
-const setupRollupTest = async (testPath, cache, cacheDir) => {
+    const rollupConfigPath = path.resolve(rootDir, rollupConfigName);
-  const { projectRootPath, input, dist, testName, testDir } = getRollupInfos(testPath);
-  const changed = !cache || filesChanged(testPath, cacheDir);
 
-  if (changed || !fs.existsSync(path.resolve(testDir, config.build))) {
+    if (fs.existsSync(rollupConfigPath)) {
-    const testPathSplit = path.relative(projectRootPath, testPath).split(path.sep);
+      const rollupConfig = require(rollupConfigPath); // eslint-disable-line
-    if (testPathSplit.length > 0) {
-      const [project] = testPathSplit;
-      const env = process.env.NODE_ENV;
 
-      try {
+      if (typeof rollupConfig === 'function') {
-        process.env.NODE_ENV = rollupNodeEnv;
+        try {
-        const htmlFilePath = path.resolve(testDir, config.html.input);
+          const htmlFilePath = path.resolve(testDir, deploymentConfig.html.input);
-        const htmlFileContent = fs.existsSync(htmlFilePath) ? fs.readFileSync(htmlFilePath, 'utf8') : null;
+          const htmlFileContent = fs.existsSync(htmlFilePath) ? fs.readFileSync(htmlFilePath, 'utf8') : null;
-        let rollupConfigObj = rollupConfig(
+
-          { 'config-project': project },
+          let rollupConfigObj = rollupConfig(undefined, {
-          {
+            project: rootDir,
-            overwrite: {
+            overwrite: (rollupConfigDefaults) => ({
-              input,
+              input: path.resolve(testDir, deploymentConfig.js.input),
-              dist,
+              dist: path.resolve(testDir, deploymentConfig.build),
-              file: config.js.output,
+              file: deploymentConfig.js.output,
               types: null,
               minVersions: false,
               esmBuild: false,
@@ -135,53 +123,52 @@ const setupRollupTest = async (testPath, cache, cacheDir) => {
               name: testName,
               pipeline: [
                 rollupPluginStyles(),
-                ...rollupConfig.defaults.pipeline,
+                ...rollupConfigDefaults.pipeline,
                 rollupPluginHtml({
                   title: `Jest-Puppeteer: ${testName}`,
-                  fileName: config.html.output,
+                  fileName: deploymentConfig.html.output,
                   template: genHtmlTemplateFunc(htmlFileContent),
                   meta: [{ charset: 'utf-8' }, { 'http-equiv': 'X-UA-Compatible', content: 'IE=edge' }],
                 }),
               ],
-            },
+            }),
             silent: true,
             fast: true,
-            check: false,
+          });
-          }
-        );
 
-        if (!Array.isArray(rollupConfigObj)) {
+          if (!Array.isArray(rollupConfigObj)) {
-          rollupConfigObj = [rollupConfigObj];
+            rollupConfigObj = [rollupConfigObj];
-        }
-
-        for (let i = 0; i < rollupConfigObj.length; i++) {
-          const inputConfig = rollupConfigObj[i];
-          let { output } = inputConfig;
-          // eslint-disable-next-line no-await-in-loop
-          const bundle = await rollup.rollup(inputConfig);
-
-          if (!Array.isArray(output)) {
-            output = [output];
           }
 
-          for (let v = 0; v < output.length; v++) {
+          for (let i = 0; i < rollupConfigObj.length; i++) {
-            const outputConfig = output[i];
+            const inputConfig = rollupConfigObj[i];
+            let { output } = inputConfig;
             // eslint-disable-next-line no-await-in-loop
-            await bundle.write(outputConfig);
+            const bundle = await rollup.rollup(inputConfig);
+
+            if (!Array.isArray(output)) {
+              output = [output];
+            }
+
+            for (let v = 0; v < output.length; v++) {
+              const outputConfig = output[i];
+              // eslint-disable-next-line no-await-in-loop
+              await bundle.write(outputConfig);
+            }
           }
+        } catch (e) {
+          console.warn(e);
         }
-      } catch (e) {
-        console.warn(e);
       }
-      process.env.NODE_ENV = env;
     }
+
+    process.env.NODE_ENV = env;
   }
 };
 
 const cleanupRollupTest = (testPath, cache) => {
   if (!cache) {
-    const { dist } = getRollupInfos(testPath);
+    del(path.resolve(path.dirname(testPath), deploymentConfig.build));
-    del(dist);
   }
 };
 

config/jest-test-server.js

@@ -3,6 +3,6 @@ const express = require('express');
 
 const app = express();
 
-app.use(express.static(path.join(__dirname, '.')));
+app.use(express.static(path.join(__dirname, '../')));
 
 app.listen(process.env.TEST_SERVER_PORT);

config/jest-test-server.loader.js

@@ -0,0 +1,10 @@
+const path = require('path');
+const jestPuppeteerConfig = require('../jest-puppeteer.config.base');
+
+module.exports = {
+  process: (src, filePath, config) => {
+    const deploymentPath = path.relative(path.dirname(config.globals.baseConfig), filePath);
+    const split = deploymentPath.split(path.sep);
+    return `module.exports = ${JSON.stringify(`http://localhost:${jestPuppeteerConfig.server.port}/${path.posix.join(...split)}`)}`;
+  },
+};

jest-puppeteer.config.base.js

@@ -1,5 +1,8 @@
+const path = require('path');
+
 const { TEST_SERVER_PORT } = process.env;
 const port = TEST_SERVER_PORT ? Number(TEST_SERVER_PORT) : 8080;
+const testServerPath = path.resolve(__dirname, './config/jest-test-server.js');
 
 process.env.TEST_SERVER_PORT = port;
 
@@ -7,7 +10,7 @@ module.exports = {
   browser: 'chromium',
   browserContext: 'incognito',
   server: {
-    command: `cross-env TEST_SERVER_PORT=${port} node jest-test-server`,
+    command: `cross-env TEST_SERVER_PORT=${port} node ${testServerPath}`,
     port,
     launchTimeout: 4000,
   },

jest-test-server.loader.js

@@ -1,11 +0,0 @@
-const path = require('path');
-
-module.exports = {
-  process: (src, filePath) => {
-    const deploymentPath = path.relative(__dirname, filePath);
-    const split = deploymentPath.split(path.sep);
-    const { TEST_SERVER_PORT } = process.env;
-
-    return `module.exports = ${JSON.stringify(`http://localhost:${TEST_SERVER_PORT}/${path.posix.join(...split)}`)}`;
-  },
-};

jest.config.base.js

@@ -1,5 +1,9 @@
+const path = require('path');
 const resolve = require('./resolve.config');
-const puppeteerRollupConfig = require('./jest-puppeteer.rollup.config.js');
+const puppeteerRollupConfig = require('./config/jest-puppeteer.rollup.config.js');
+
+const testEnvironmentPath = path.resolve(__dirname, './config/jest-puppeteer.env.js');
+const testServerLoaderPath = path.resolve(__dirname, './config/jest-test-server.loader.js');
 
 // For a detailed explanation regarding each configuration property, visit:
 // https://jestjs.io/docs/en/configuration.html
@@ -7,31 +11,34 @@ const puppeteerRollupConfig = require('./jest-puppeteer.rollup.config.js');
 const base = {
   clearMocks: true,
   collectCoverage: true,
-  coverageDirectory: 'coverage',
+  coverageDirectory: './.coverage',
   moduleDirectories: resolve.directories,
   moduleFileExtensions: resolve.extensions.map((ext) => ext.replace(/\./, '')),
   testPathIgnorePatterns: ['\\\\node_modules\\\\'],
-  verbose: true,
+  globals: {
+    baseConfig: __filename,
+  },
 };
 
 module.exports = {
+  ...base,
   projects: [
     {
       ...base,
       displayName: 'jsdom',
-      testMatch: ['**/__tests__/jsdom/**/*.test.[jt]s?(x)'],
+      testMatch: ['**/tests/jsdom/**/*.test.[jt]s?(x)'],
     },
     {
       ...base,
       preset: 'jest-puppeteer',
       displayName: 'puppeteer',
       setupFilesAfterEnv: ['expect-puppeteer'],
-      testMatch: ['**/__tests__/puppeteer/**/*.test.[jt]s?(x)'],
+      testMatch: ['**/tests/puppeteer/**/*.test.[jt]s?(x)'],
-      testEnvironment: './jest-puppeteer.env.js',
+      testEnvironment: testEnvironmentPath,
       coveragePathIgnorePatterns: ['/node_modules/', `/${puppeteerRollupConfig.build}/`],
       transform: {
         '^.+\\.[jt]sx?$': 'babel-jest',
-        [`^.+${puppeteerRollupConfig.build}.+${puppeteerRollupConfig.html.output}?$`]: './jest-test-server.loader.js',
+        [`^.+${puppeteerRollupConfig.build}.+${puppeteerRollupConfig.html.output}?$`]: testServerLoaderPath,
       },
     },
   ],

package.json

@@ -55,8 +55,10 @@
     "utf-8-validate": "^5.0.2"
   },
   "scripts": {
-    "test": "jest --coverage --runInBand --detectOpenHandles",
+    "test": "cd ./packages/overlayscrollbars && yarn test",
-    "build": "cross-env NODE_ENV=build rollup -c --config-project='overlayscrollbars' && cross-env NODE_ENV=build rollup -c --config-project='overlayscrollbars-jquery'",
+    "test:jsdom": "cd ./packages/overlayscrollbars && yarn test:jsdom",
+    "test:pptr": "cd ./packages/overlayscrollbars && yarn test:pptr",
+    "build": "cd ./packages/overlayscrollbars && yarn build",
     "lint": "npx eslint --fix ."
   }
 }

packages/overlayscrollbars/babel.config.js

@@ -0,0 +1 @@
+module.exports = require('../../babel.config.base');

packages/overlayscrollbars/build.config.json

@@ -1,7 +0,0 @@
-{
-  "name": "OverlayScrollbars",
-  "exports": "auto",
-  "globals": {
-    "jquery": "jQuery"
-  }
-}

packages/overlayscrollbars/dist/overlayscrollbars.js

@@ -3,7 +3,7 @@
     ? (module.exports = factory())
     : typeof define === 'function' && define.amd
     ? define(factory)
-    : ((global = global || self), (global.OverlayScrollbars = factory()));
+    : ((global = typeof globalThis !== 'undefined' ? globalThis : global || self), (global.OverlayScrollbars = factory()));
 })(this, function () {
   'use strict';
 

packages/overlayscrollbars/jest-puppeteer.config.js

@@ -0,0 +1 @@
+module.exports = require('../../jest-puppeteer.config.base');

packages/overlayscrollbars/jest.config.js

@@ -0,0 +1 @@
+module.exports = require('../../jest.config.base');

packages/overlayscrollbars/package.json

@@ -1,5 +1,12 @@
 {
+  "name": "overlayscrollbars",
   "private": true,
   "description": "OverlayScrollbars version 2",
-  "version": "0.0.1"
+  "version": "0.0.1",
+  "scripts": {
+    "test": "jest --coverage --runInBand --detectOpenHandles",
+    "test:jsdom": "jest --coverage --runInBand --detectOpenHandles --selectProjects jsdom",
+    "test:pptr": "jest --coverage --runInBand --detectOpenHandles --selectProjects puppeteer",
+    "build": "cross-env NODE_ENV=build rollup -c"
+  }
 }

packages/overlayscrollbars/rollup.config.js

@@ -0,0 +1,11 @@
+const base = require('../../rollup.config.base');
+
+const config = {
+  name: 'OverlayScrollbars',
+  exports: 'auto',
+  globals: {
+    jquery: 'jQuery',
+  },
+};
+
+module.exports = (_, ...args) => base(config, ...args);

packages/overlayscrollbars/tests/puppeteer/Environment/index.test.ts

@@ -1,4 +1,4 @@
-import url from './__build__/build.html';
+import url from './.build/build.html';
 
 describe('Environment', () => {
   beforeAll(async () => {

resolve.config.json

@@ -1,5 +1,4 @@
 {
   "extensions": [".json", ".js", "jsx", ".mjs", ".ts", ".tsx"],
-  "directories": ["node_modules", "src"],
+  "directories": ["node_modules", "src"]
-  "projectRoot": "./packages"
 }

rollup.config.base.js

@@ -9,13 +9,12 @@ const fs = require('fs');
 const path = require('path');
 const resolve = require('./resolve.config.json');
 
-const buildConfigNames = ['build.config.js', 'build.config.json'];
+const rollupConfigDefaults = {
-const buildConfigDefaults = {
   input: './src/index',
   src: './src',
   dist: './dist',
   types: './types',
-  tests: './__tests__',
+  tests: './tests',
   cache: [],
   minVersions: true,
   sourcemap: true,
@@ -60,30 +59,31 @@ const appendExtension = (file) => {
   return file;
 };
 
-const getBuildConfig = (projectPath) => {
+const resolvePath = (basePath, pathToResolve, appendExt) => {
-  const buildConfigName = buildConfigNames.find((name) => fs.existsSync(path.resolve(projectPath, name)));
+  const result = pathToResolve ? (path.isAbsolute(pathToResolve) ? pathToResolve : path.resolve(basePath, pathToResolve)) : null;
-  return buildConfigName ? path.resolve(projectPath, buildConfigName) : '';
-};
-
-const resolvePath = (projectPath, rPath, appendExt) => {
-  const result = rPath ? (path.isAbsolute(rPath) ? rPath : path.resolve(projectPath, rPath)) : null;
   return result && appendExt ? appendExtension(result) : result;
 };
 
-const rollupConfig = (config, { overwrite: overwriteBuildConfig, silent, fast, check = true } = {}) => {
+const resolveConfig = (config) => {
-  const { 'config-project': project } = config;
+  if (typeof config === 'function') {
+    return config(rollupConfigDefaults) || {};
+  }
+  return config;
+};
 
-  const projectPath = path.resolve(__dirname, resolve.projectRoot, project);
+const rollupConfig = (config = {}, { project = process.cwd(), overwrite = {}, silent, fast } = {}) => {
-  const packageJSONPath = path.resolve(projectPath, 'package.json');
+  const projectPath = resolvePath(__dirname, project);
-  const tsconfigJSONPath = path.resolve(projectPath, 'tsconfig.json');
+  const projectName = path.basename(project);
-  const buildConfigPath = getBuildConfig(projectPath);
+
+  const packageJSONPath = resolvePath(projectPath, 'package.json');
+  const tsconfigJSONPath = resolvePath(projectPath, 'tsconfig.json');
 
   const isTypeScriptProject = fs.existsSync(tsconfigJSONPath);
   const buildConfig = {
-    ...buildConfigDefaults,
+    ...rollupConfigDefaults,
-    ...{ name: project, file: project },
+    ...{ name: projectName, file: projectName },
-    ...require(buildConfigPath),
+    ...resolveConfig(config),
-    ...(overwriteBuildConfig || {}),
+    ...resolveConfig(overwrite),
   };
 
   const { input, src, dist, types, tests, file, cache, minVersions, sourcemap, esmBuild, name, exports, globals, pipeline } = buildConfig;
@@ -127,7 +127,8 @@ const rollupConfig = (config, { overwrite: overwriteBuildConfig, silent, fast, c
       commonjs: rollupCommonjs(),
       typescript: isTypeScriptProject
         ? rollupTypescript({
-            check,
+            check: !fast,
+            clean: true,
             useTsconfigDeclarationDir: true,
             tsconfig: tsconfigJSONPath,
             tsconfigOverride: {
@@ -224,6 +225,4 @@ const rollupConfig = (config, { overwrite: overwriteBuildConfig, silent, fast, c
   return builds;
 };
 
-rollupConfig.defaults = buildConfigDefaults;
-
 module.exports = rollupConfig;