Skip to content

Commit

Permalink
feat(js): remove iife format, add css support, jest testing tool
Browse files Browse the repository at this point in the history
  • Loading branch information
wang1212 committed Jul 24, 2022
1 parent 03f50e9 commit ce6c358
Show file tree
Hide file tree
Showing 8 changed files with 318 additions and 63 deletions.
45 changes: 34 additions & 11 deletions templates/javascript/.babelrc.cjs
Original file line number Diff line number Diff line change
@@ -1,13 +1,36 @@
// see docs: https://babeljs.io/docs/en/
// See https://babeljs.io/docs/en/configuration

module.exports = {
presets: [
[
'@babel/preset-env',
{
modules: false, // default ES module
},
],
],
plugins: [],
}
assumptions: {
privateFieldsAsProperties: true,
setPublicClassFields: true,
},
presets: [
[
// Latest stable ECMAScript features
'@babel/preset-env',
{
// https://babeljs.io/docs/en/babel-preset-env#usebuiltins-usage
useBuiltIns: 'usage',
// Set the corejs version we are using to avoid warnings in console
corejs: require('core-js/package.json').version,
// Exclude transforms that make all code slower
exclude: ['transform-typeof-symbol'],
},
],
],
plugins: [
['@babel/plugin-proposal-decorators', { decoratorsBeforeExport: true }],
// Polyfills the runtime needed for async/await, generators, and friends
// https://babeljs.io/docs/en/babel-plugin-transform-runtime
[
'@babel/plugin-transform-runtime',
{
// By default, babel assumes babel/runtime version 7.0.0-beta.0,
// explicitly resolving to match the provided helper functions.
// https://github.com/babel/babel/issues/10261
version: require('@babel/runtime/package.json').version,
},
],
],
};
4 changes: 4 additions & 0 deletions templates/javascript/.browserslistrc
Original file line number Diff line number Diff line change
@@ -0,0 +1,4 @@
# docs: https://github.com/browserslist/browserslist
# see https://browserslist.dev/?q=ZGVmYXVsdHM%3D

defaults
3 changes: 3 additions & 0 deletions templates/javascript/.gitignore
Original file line number Diff line number Diff line change
Expand Up @@ -12,5 +12,8 @@
# bundle
/build

# docs build
/docs-html

# rollup visualizer
stats.html
2 changes: 0 additions & 2 deletions templates/javascript/README.md
Original file line number Diff line number Diff line change
Expand Up @@ -22,8 +22,6 @@ Run `npm run build`, the following bundles will eventually be generated.

```plain
build/
├── bundle.js
├── bundle.min.js
├── bundle.esm.js
├── bundle.esm.min.js
├── bundle.cjs.js
Expand Down
2 changes: 0 additions & 2 deletions templates/javascript/README.zh-CN.md
Original file line number Diff line number Diff line change
Expand Up @@ -22,8 +22,6 @@

```plain
build/
├── bundle.js
├── bundle.min.js
├── bundle.esm.js
├── bundle.esm.min.js
├── bundle.cjs.js
Expand Down
200 changes: 200 additions & 0 deletions templates/javascript/jest.config.mjs
Original file line number Diff line number Diff line change
@@ -0,0 +1,200 @@
/*
* For a detailed explanation regarding each configuration property and type check, visit:
* https://jestjs.io/docs/configuration
*/

export default {
// All imported modules in your tests should be mocked automatically
// automock: false,

// Stop running tests after `n` failures
// bail: 0,

// The directory where Jest should store its cached dependency information
// cacheDirectory: "C:\\Users\\mrwang\\AppData\\Local\\Temp\\jest",

// Automatically clear mock calls, instances, contexts and results before every test
// clearMocks: false,

// Indicates whether the coverage information should be collected while executing the test
collectCoverage: true,

// An array of glob patterns indicating a set of files for which coverage information should be collected
// collectCoverageFrom: undefined,

// The directory where Jest should output its coverage files
coverageDirectory: 'coverage',

// An array of regexp pattern strings used to skip coverage collection
// coveragePathIgnorePatterns: [
// "\\\\node_modules\\\\"
// ],

// Indicates which provider should be used to instrument code for coverage
coverageProvider: 'v8',

// A list of reporter names that Jest uses when writing coverage reports
// coverageReporters: [
// "json",
// "text",
// "lcov",
// "clover"
// ],

// An object that configures minimum threshold enforcement for coverage results
// coverageThreshold: undefined,

// A path to a custom dependency extractor
// dependencyExtractor: undefined,

// Make calling deprecated APIs throw helpful error messages
// errorOnDeprecated: false,

// The default configuration for fake timers
// fakeTimers: {
// "enableGlobally": false
// },

// Force coverage collection from ignored files using an array of glob patterns
// forceCoverageMatch: [],

// A path to a module which exports an async function that is triggered once before all test suites
// globalSetup: undefined,

// A path to a module which exports an async function that is triggered once after all test suites
// globalTeardown: undefined,

// A set of global variables that need to be available in all test environments
// globals: {},

// The maximum amount of workers used to run your tests. Can be specified as % or a number.
// E.g. maxWorkers: 10% will use 10% of your CPU amount + 1 as the maximum worker number. maxWorkers: 2 will use a maximum of 2 workers.
// maxWorkers: "50%",

// An array of directory names to be searched recursively up from the requiring module's location
// moduleDirectories: [
// "node_modules"
// ],

// An array of file extensions your modules use
// moduleFileExtensions: [
// "js",
// "mjs",
// "cjs",
// "jsx",
// "ts",
// "tsx",
// "json",
// "node"
// ],

// A map from regular expressions to module names or to arrays of module names that allow to stub out resources with a single module
// moduleNameMapper: {},

// An array of regexp pattern strings, matched against all module paths before considered 'visible' to the module loader
// modulePathIgnorePatterns: [],

// Activates notifications for test results
// notify: false,

// An enum that specifies notification mode. Requires { notify: true }
// notifyMode: "failure-change",

// A preset that is used as a base for Jest's configuration
// preset: undefined,

// Run tests from one or more projects
// projects: undefined,

// Use this configuration option to add custom reporters to Jest
// reporters: undefined,

// Automatically reset mock state before every test
// resetMocks: false,

// Reset the module registry before running each individual test
// resetModules: false,

// A path to a custom resolver
// resolver: undefined,

// Automatically restore mock state and implementation before every test
// restoreMocks: false,

// The root directory that Jest should scan for tests and modules within
// rootDir: undefined,

// A list of paths to directories that Jest should use to search for files in
// roots: [
// "<rootDir>"
// ],
roots: ['<rootDir>/src/'],

// Allows you to use a custom runner instead of Jest's default test runner
// runner: "jest-runner",

// The paths to modules that run some code to configure or set up the testing environment before each test
// setupFiles: [],

// A list of paths to modules that run some code to configure or set up the testing framework before each test
// setupFilesAfterEnv: [],

// The number of seconds after which a test is considered as slow and reported as such in the results.
// slowTestThreshold: 5,

// A list of paths to snapshot serializer modules Jest should use for snapshot testing
// snapshotSerializers: [],

// The test environment that will be used for testing
testEnvironment: 'jsdom',

// Options that will be passed to the testEnvironment
// testEnvironmentOptions: {},

// Adds a location field to test results
// testLocationInResults: false,

// The glob patterns Jest uses to detect test files
// testMatch: [
// "**/__tests__/**/*.[jt]s?(x)",
// "**/?(*.)+(spec|test).[tj]s?(x)"
// ],

// An array of regexp pattern strings that are matched against all test paths, matched tests are skipped
// testPathIgnorePatterns: [
// "\\\\node_modules\\\\"
// ],

// The regexp pattern or array of patterns that Jest uses to detect test files
// testRegex: [],

// This option allows the use of a custom results processor
// testResultsProcessor: undefined,

// This option allows use of a custom test runner
// testRunner: "jest-circus/runner",

// A map from regular expressions to paths to transformers
// transform: undefined,
transform: {
'\\.[jt]sx?$': 'babel-jest'
}

// An array of regexp pattern strings that are matched against all source file paths, matched files will skip transformation
// transformIgnorePatterns: [
// "\\\\node_modules\\\\",
// "\\.pnp\\.[^\\\\]+$"
// ],

// An array of regexp pattern strings that are matched against all modules before the module loader will automatically return a mock for them
// unmockedModulePathPatterns: undefined,

// Indicates whether each individual test should be reported during the run
// verbose: undefined,

// An array of regexp patterns that are matched against all source file paths before re-running tests in watch mode
// watchPathIgnorePatterns: [],

// Whether to use watchman for file crawling
// watchman: true,
};
28 changes: 22 additions & 6 deletions templates/javascript/package.json
Original file line number Diff line number Diff line change
Expand Up @@ -23,10 +23,14 @@
"browser": "./index.umd.js",
"scripts": {
"prepare": "husky install",
"lint": "eslint src/ --config=.eslintrc.cjs --fix --quiet --cache --cache-location=node_modules/.cache/.eslintcache --format=pretty",
"test": "echo \"test\"",
"dev": "cross-env NODE_ENV=development rollup --config --watch",
"build": "npm run lint && rollup --config",
"build:docs-html": "generate-md --layout github --input ./docs --output ./docs-html",
"lint:js": "eslint src/ --config=.eslintrc.cjs --fix --quiet --cache --cache-location=node_modules/.cache/.eslintcache --format=pretty",
"lint": "npm run lint:js",
"test": "jest --passWithNoTests",
"test:watch": "jest --passWithNoTests --watch",
"build": "npm run lint && cross-env NODE_ENV=production rollup --config",
"build:watch": "rollup --config --watch",
"dev": "cross-env NODE_ENV=development npm run build:watch",
"commit": "cz",
"prerelease": "npm run test",
"release": "standard-version",
Expand All @@ -42,11 +46,12 @@
"index.esm.js",
"index.umd.js"
],
"peerDependencies": {},
"devDependencies": {
"@babel/core": "7.18.0",
"@babel/eslint-parser": "7.17.0",
"@babel/eslint-plugin": "7.17.7",
"@babel/plugin-proposal-decorators": "^7.18.9",
"@babel/plugin-transform-runtime": "^7.18.9",
"@babel/preset-env": "7.18.0",
"@commitlint/cli": "17.0.0",
"@commitlint/config-conventional": "17.0.0",
Expand All @@ -55,24 +60,35 @@
"@rollup/plugin-eslint": "8.0.2",
"@rollup/plugin-json": "^4.1.0",
"@rollup/plugin-node-resolve": "13.3.0",
"@rollup/plugin-replace": "^4.0.0",
"@rollup/plugin-strip": "2.1.0",
"@rollup/plugin-url": "^7.0.0",
"@types/jest": "^28.1.6",
"@wang1212/eslint-config": "0.2.1",
"babel-jest": "^28.1.3",
"commitizen": "4.2.4",
"cross-env": "7.0.3",
"cz-conventional-changelog": "3.3.0",
"eslint": "8.16.0",
"eslint-formatter-pretty": "4.1.0",
"husky": "8.0.1",
"jest": "^28.1.3",
"jest-environment-jsdom": "^28.1.3",
"lint-staged": "12.4.1",
"markdown-styles": "^3.2.0",
"prettier": "2.6.2",
"rollup": "2.74.1",
"rollup-plugin-delete": "2.0.0",
"rollup-plugin-esbuild": "^4.9.1",
"rollup-plugin-filesize": "9.1.2",
"rollup-plugin-progress": "1.1.2",
"rollup-plugin-styles": "^4.0.0",
"rollup-plugin-terser": "7.0.2",
"rollup-plugin-visualizer": "5.6.0",
"standard-version": "9.5.0"
},
"dependencies": {}
"dependencies": {
"@babel/runtime": "^7.18.9",
"core-js": "^3.23.5"
}
}
Loading

0 comments on commit ce6c358

Please sign in to comment.