33 |
37 | `;
38 | }
39 |
40 | module.exports = function() {
41 | return function*(next) {
42 | var pathname = this.path;
43 | if (pathname.match(/\.html$/)) {
44 | var filePath = path.join(process.cwd(), pathname);
45 | if (fs.existsSync(filePath)) {
46 | var content = fs
47 | .readFileSync(filePath, {
48 | encoding: 'utf-8',
49 | })
50 | .trim();
51 | if (content && content !== 'placeholder') {
52 | yield* next;
53 | return;
54 | }
55 | }
56 | var jsName;
57 | var jsPath = pathname.replace(/\.html$/, '.tsx');
58 | jsName = path.basename(jsPath, '.tsx');
59 | var jsFile = path.join(process.cwd(), jsPath);
60 | if (!fs.existsSync(jsFile)) {
61 | jsFile = path.join(process.cwd(), pathname.replace(/\.html$/, '.ts'));
62 | }
63 | if (!fs.existsSync(jsFile)) {
64 | jsFile = path.join(process.cwd(), pathname.replace(/\.html$/, '.jsx'));
65 | }
66 | if (!fs.existsSync(jsFile)) {
67 | jsFile = path.join(process.cwd(), pathname.replace(/\.html$/, '.js'));
68 | }
69 | const response = yield request({
70 | url: `http://localhost:${port}/examples/${jsName}.css`,
71 | });
72 | const hasCss = response.statusCode === 200;
73 | var code = fs.readFileSync(jsFile, {
74 | encoding: 'utf-8',
75 | });
76 | yield this.render(
77 | tplName,
78 | assign(
79 | {
80 | name: jsName,
81 | hasCss,
82 | pkg,
83 | query: this.query,
84 | content: transformJsForRender(code, jsName),
85 | },
86 | packageUtil.getPackages()
87 | )
88 | );
89 | } else {
90 | yield* next;
91 | }
92 | };
93 | };
94 |
--------------------------------------------------------------------------------
/lib/server/packageUtil.js:
--------------------------------------------------------------------------------
1 | 'use strict';
2 |
3 | const path = require('path');
4 | const utils = require('modulex-util');
5 |
6 | const cwd = process.cwd();
7 | const NODE_MODULES = 'node_modules';
8 | const packages = {
9 | es5Shim: 1,
10 | es6Shim: 1,
11 | es6Promise: 1,
12 | normalize: 'normalize.css',
13 | consolePolyfill: 1,
14 | mocha: 1,
15 | 'highlight.js': 1,
16 | fastclick: 1,
17 | };
18 |
19 | function deCamelCase(m) {
20 | return `-${m.toLowerCase()}`;
21 | }
22 |
23 | function findPackage(packageName) {
24 | try {
25 | const file = require.resolve(packageName);
26 | const dir = path.dirname(file);
27 | let url = path.relative(cwd, dir);
28 | if (url.indexOf('/rc-tools/') !== -1) {
29 | const index = url.indexOf('/rc-tools/');
30 | return path.join(NODE_MODULES, url.substring(index));
31 | }
32 |
33 | if (!utils.startsWith(url, NODE_MODULES)) {
34 | url = path.join(NODE_MODULES, url);
35 | }
36 | return url;
37 | } catch (e) {
38 | return null;
39 | }
40 | }
41 |
42 | Object.keys(packages).forEach(p => {
43 | let name = p;
44 | if (typeof packages[p] === 'string') {
45 | name = packages[p];
46 | } else {
47 | name = name.replace(/[A-Z]/g, deCamelCase);
48 | }
49 | packages[p] = findPackage(`${name}/package.json`);
50 | });
51 |
52 | packages.highlightJs = packages['highlight.js'];
53 |
54 | packages.public = findPackage(`../../public/modernizr.js`);
55 |
56 | module.exports = {
57 | findPackage,
58 |
59 | getPackages() {
60 | return packages;
61 | },
62 | };
63 |
--------------------------------------------------------------------------------
/lib/storybook/addons.js:
--------------------------------------------------------------------------------
1 | import '@storybook/addon-actions/register';
2 | import '@storybook/addon-a11y/register';
3 | import '@storybook/addon-console';
4 | import '@storybook/addon-viewport/register';
5 | import 'storybook-addon-source/register';
6 |
--------------------------------------------------------------------------------
/lib/storybook/config.js:
--------------------------------------------------------------------------------
1 | /** temp file */
2 |
--------------------------------------------------------------------------------
/lib/storybook/manager-head.html:
--------------------------------------------------------------------------------
1 |
2 |
6 |
11 |
--------------------------------------------------------------------------------
/lib/storybook/preview-head.html:
--------------------------------------------------------------------------------
1 |
5 |
--------------------------------------------------------------------------------
/lib/storybook/webpack.config.js:
--------------------------------------------------------------------------------
1 | const tsConfig = require('../getTSCommonConfig');
2 | const resolveCwd = require('../resolveCwd');
3 |
4 | const pkg = require(resolveCwd('package.json'));
5 |
6 | module.exports = ({ config }) => {
7 | config.module.rules.push({
8 | test: /\.tsx?$/,
9 | use: [
10 | {
11 | loader: require.resolve('ts-loader'),
12 | options: {
13 | configFile: tsConfig.getConfigFilePath(),
14 | transpileOnly: true,
15 | },
16 | },
17 | require.resolve('react-docgen-typescript-loader'),
18 | ],
19 | });
20 |
21 | config.resolve.extensions.push('.ts', '.tsx');
22 | config.resolve.alias = {
23 | ...config.resolve.alias,
24 | [pkg.name]: resolveCwd('/'),
25 | };
26 | config.module.rules.push({
27 | test: /\.less$/,
28 | use: [
29 | {
30 | loader: 'style-loader',
31 | },
32 | {
33 | loader: 'css-loader',
34 | },
35 | {
36 | loader: 'less-loader',
37 | options: {
38 | javascriptEnabled: true,
39 | },
40 | },
41 | ],
42 | });
43 | config.resolve.extensions.push('.less');
44 | return config;
45 | };
46 |
--------------------------------------------------------------------------------
/lib/tests/setup.js:
--------------------------------------------------------------------------------
1 | /* eslint-disable import/no-extraneous-dependencies */
2 | require("@babel/polyfill");
3 | const Enzyme = require('enzyme');
4 | const Adapter = require('enzyme-adapter-react-16');
5 |
6 | Enzyme.configure({ adapter: new Adapter() });
--------------------------------------------------------------------------------
/lib/tests/ts-jest.config.js:
--------------------------------------------------------------------------------
1 | const fs = require('fs');
2 | const path = require('path');
3 | const chalk = require('chalk');
4 |
5 | const argv = require('minimist')(process.argv.slice(2));
6 |
7 | const cwd = process.cwd();
8 |
9 | function projPath(...args) {
10 | return path.join(cwd, ...args);
11 | }
12 |
13 | function toolPath(...args) {
14 | return path.join(__dirname, '..', ...args);
15 | }
16 |
17 | const componentSetupFiles = [
18 | './tests/setup.ts', // User setup ts file
19 | './tests/setup.js', // User setup js file
20 | ].filter(subPath => {
21 | const filePath = projPath(subPath);
22 | if (fs.existsSync(filePath)) {
23 | console.log(
24 | chalk.yellow('Test setup file:'),
25 | filePath
26 | );
27 | return true;
28 | }
29 | return false;
30 | });
31 |
32 | const transformPath = toolPath(
33 | '../scripts',
34 | argv.verbose ? 'debugJestPreprocessor.js' : 'jestPreprocessor.js'
35 | );
36 |
37 | if (argv.verbose) {
38 | console.log(
39 | chalk.blue('[verbose] rootDir:'),
40 | cwd
41 | );
42 | console.log(
43 | chalk.blue('[verbose] Jest:'),
44 | require('jest/package.json').version
45 | );
46 | console.log(
47 | chalk.blue('[verbose] Transform file:'),
48 | transformPath
49 | );
50 | console.log(
51 | chalk.blue('[verbose] Transform exists:'),
52 | String(fs.existsSync(transformPath))
53 | );
54 | }
55 |
56 | module.exports = {
57 | verbose: !!argv.verbose,
58 |
59 | rootDir: cwd,
60 | setupFiles: [
61 | toolPath('./tests/setup.js'), // tools setup
62 | ...componentSetupFiles,
63 | ],
64 | testPathIgnorePatterns: ['/node_modules/', 'dekko', 'node'],
65 | modulePathIgnorePatterns: ['/examples/'],
66 | moduleFileExtensions: [
67 | 'js', 'jsx',
68 | 'ts', 'tsx',
69 | ],
70 |
71 | testMatch: [
72 | '**/tests/**/*.spec.js?(x)',
73 | '**/tests/**/*.spec.ts?(x)',
74 | ],
75 | transform: {
76 | '\\.jsx?$': transformPath,
77 | '\\.tsx?$': transformPath,
78 | },
79 | snapshotSerializers: [require.resolve('enzyme-to-json/serializer')],
80 | transformIgnorePatterns: [
81 | '/examples/',
82 | 'node_modules/[^/]+?/(?!(es|node_modules)/)'
83 | ],
84 | collectCoverageFrom: [
85 | '**/src/**.{js,jsx,ts,tsx}',
86 | "!**/node_modules/**",
87 | ],
88 | };
89 |
--------------------------------------------------------------------------------
/lib/tests/tsconfig.test.json:
--------------------------------------------------------------------------------
1 | {
2 | "compilerOptions": {
3 | "target": "es5",
4 | "module": "commonjs",
5 | "declaration": true,
6 | "outDir": "./lib",
7 | "jsx": "react",
8 | "noUnusedLocals": true,
9 | "noImplicitReturns": true,
10 | "noFallthroughCasesInSwitch": true,
11 | "esModuleInterop": true
12 | },
13 | "typeRoots": ["../node_modules/@types", "./@types"],
14 | "exclude": ["node_modules", "lib"]
15 | }
16 |
--------------------------------------------------------------------------------
/lib/util.js:
--------------------------------------------------------------------------------
1 | 'use strict';
2 |
3 | const chalk = require('chalk');
4 |
5 | function runCmd(cmd, args, fn) {
6 | args = args || [];
7 | const runner = require('child_process').spawn(cmd, args, {
8 | // keep color
9 | stdio: 'inherit',
10 | });
11 | runner.on('close', code => {
12 | if (fn) {
13 | if (code) {
14 | console.log(chalk.yellow(`Error on execution: ${cmd} ${(args || []).join(' ')}`));
15 | }
16 | fn(code);
17 | }
18 | });
19 | }
20 |
21 | function getNpmArgs() {
22 | let npmArgv = null;
23 |
24 | try {
25 | npmArgv = JSON.parse(process.env.npm_config_argv);
26 | } catch (err) {
27 | return null;
28 | }
29 |
30 | if (typeof npmArgv !== 'object' || !npmArgv.cooked || !Array.isArray(npmArgv.cooked)) {
31 | return null;
32 | }
33 |
34 | return npmArgv.cooked;
35 | }
36 |
37 | module.exports = {
38 | runCmd,
39 | getNpmArgs,
40 | };
41 |
--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "rc-tools",
3 | "version": "9.6.1-alpha.1",
4 | "description": "offline tools for react component",
5 | "keywords": [
6 | "react",
7 | "tools"
8 | ],
9 | "homepage": "http://github.com/react-component/rc-tools",
10 | "bugs": {
11 | "url": "http://github.com/react-component/rc-tools/issues"
12 | },
13 | "repository": {
14 | "type": "git",
15 | "url": "git@github.com:react-component/rc-tools.git"
16 | },
17 | "license": "MIT",
18 | "author": {
19 | "name": "yiminghe@gmail.com"
20 | },
21 | "bin": {
22 | "rc-tools": "./bin/rc-tools.js",
23 | "rc-tools-run": "./bin/rc-tools-run.js"
24 | },
25 | "scripts": {
26 | "checkDep": "node scripts/checkDep",
27 | "postinstall": "node lib/init.js",
28 | "lint": "eslint --ext .js,.jsx lib",
29 | "lint-staged": "lint-staged",
30 | "pub": "rm -rf yarn.lock && git push origin && npm publish"
31 | },
32 | "pre-commit": [
33 | "checkDep",
34 | "lint-staged"
35 | ],
36 | "lint-staged": {
37 | "**/*.js": "eslint --ext .js"
38 | },
39 | "dependencies": {
40 | "@babel/core": "~7.2.2",
41 | "@babel/plugin-proposal-class-properties": "~7.2.1",
42 | "@babel/plugin-proposal-export-default-from": "~7.2.0",
43 | "@babel/plugin-proposal-export-namespace-from": "~7.2.0",
44 | "@babel/plugin-proposal-object-rest-spread": "~7.2.0",
45 | "@babel/plugin-transform-member-expression-literals": "~7.2.0",
46 | "@babel/plugin-transform-object-assign": "~7.2.0",
47 | "@babel/plugin-transform-property-literals": "~7.2.0",
48 | "@babel/plugin-transform-runtime": "~7.2.0",
49 | "@babel/plugin-transform-spread": "~7.2.2",
50 | "@babel/plugin-transform-template-literals": "~7.2.0",
51 | "@babel/plugin-transform-typeof-symbol": "~7.2.0",
52 | "@babel/polyfill": "~7.2.5",
53 | "@babel/preset-env": "~7.2.0",
54 | "@babel/preset-react": "~7.0.0",
55 | "@babel/preset-stage-0": "~7.0.0",
56 | "@storybook/addon-a11y": "~5.0.0",
57 | "@storybook/addon-actions": "~5.0.0",
58 | "@storybook/addon-console": "~1.1.0",
59 | "@storybook/addon-info": "~5.0.0",
60 | "@storybook/addon-knobs": "~5.0.0",
61 | "@storybook/addon-links": "~5.0.0",
62 | "@storybook/addon-viewport": "~5.0.0",
63 | "@storybook/addons": "~5.0.0",
64 | "@storybook/cli": "~5.0.0",
65 | "@storybook/react": "~5.0.0",
66 | "@types/jest": "^23.3.10",
67 | "@types/storybook__react": "~4.0.0",
68 | "autoprefixer": "^9.x",
69 | "babel-core": "~7.0.0-bridge.0",
70 | "babel-eslint": "~10.0.1",
71 | "babel-jest": "~23.6.0",
72 | "babel-loader": "~8.0.4",
73 | "chalk": "^2.4.1",
74 | "commander": "2.19.x",
75 | "console-polyfill": "~0.3.0",
76 | "css-loader": "^2.0.1",
77 | "enzyme": "^3.8.0",
78 | "enzyme-adapter-react-16": "^1.7.1",
79 | "enzyme-to-json": "^3.3.5",
80 | "es5-shim": "4.x",
81 | "es6-promise": "~4.2.5",
82 | "es6-shim": "^0.35.4",
83 | "eslint": "^5.10.0",
84 | "eslint-config-airbnb": "^17.1.0",
85 | "eslint-config-prettier": "^3.3.0",
86 | "eslint-plugin-import": "^2.14.0",
87 | "eslint-plugin-jsx-a11y": "^6.1.2",
88 | "eslint-plugin-react": "^7.11.1",
89 | "fastclick": "~1.0.6",
90 | "file-loader": "^2.0.0",
91 | "filesize": "^3.6.1",
92 | "fs-extra": "^7.0.1",
93 | "gh-pages": "^2.0.1",
94 | "glob": "~7.1.3",
95 | "gulp": "^4.0.0",
96 | "gulp-babel": "^8.0.0",
97 | "gulp-babel-minify": "^0.5.0",
98 | "gulp-jsx2example": "^1.2.4",
99 | "gulp-less": "4.x",
100 | "gulp-postcss": "^8.0.0",
101 | "gulp-prettier": "^2.0.0",
102 | "gulp-typescript": "~5.0.0",
103 | "gulp-watch": "^5.0.1",
104 | "gzip-size": "^5.0.0",
105 | "highlight.js": "^9.13.1",
106 | "html5shiv": "3.x",
107 | "internal-ip": "^3.0.1",
108 | "jest": "^23.6.0",
109 | "koa": "^2.6.2",
110 | "koa-body": "^4.0.4",
111 | "koa-favicon": "^2.0.1",
112 | "koa-logger": "3.x",
113 | "koa-request": "~1.0.0",
114 | "koa-router": "7.x",
115 | "koa-serve-index": "^1.1.1",
116 | "koa-static": "^5.0.0",
117 | "koa-webpack-dev-middleware": "^2.0.2",
118 | "less": "^3.9.0",
119 | "less-loader": "^4.1.0",
120 | "match-require": "2.x",
121 | "merge2": "~1.2.3",
122 | "mini-css-extract-plugin": "^0.5.0",
123 | "minimist": "1.x",
124 | "modulex-util": "^1.1.10",
125 | "normalize.css": "^8.0.1",
126 | "object-assign": "4.x",
127 | "postcss-loader": "^3.0.0",
128 | "prettier": "^1.15.3",
129 | "progress-bar-webpack-plugin": "^1.11.0",
130 | "rc-source-loader": "^1.0.2",
131 | "react-docgen-typescript-loader": "^3.0.0",
132 | "react-markdown": "^4.0.6",
133 | "recursive-readdir": "^2.2.2",
134 | "request": "^2.88.0",
135 | "shelljs": "0.8.x",
136 | "storybook-addon-source": "latest",
137 | "strip-ansi": "^5.0.0",
138 | "style-loader": "^0.23.1",
139 | "svg-sprite-loader": "^4.1.3",
140 | "tar.gz": "^1.0.7",
141 | "through2": "^3.0.0",
142 | "ts-jest": "^23.10.5",
143 | "ts-loader": "^5.3.1",
144 | "tslint": "5.x",
145 | "tslint-config-prettier": "^1.17.0",
146 | "tslint-react": "^3.6.0",
147 | "typescript": "^3.2.2",
148 | "url-loader": "^1.1.2",
149 | "webpack": "^4.28.0",
150 | "xtemplate": "^4.6.1",
151 | "xtpl": "^3.4.0"
152 | },
153 | "devDependencies": {
154 | "gulp-debug": "^4.0.0",
155 | "lint-staged": "^8.1.0",
156 | "pre-commit": "1.x",
157 | "react": "^16.7.0",
158 | "react-dom": "^16.7.0"
159 | }
160 | }
161 |
--------------------------------------------------------------------------------
/public/change.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/public/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/react-component/rc-tools/78385966ec2f55ac806aa00bd1e185c3c408c910/public/favicon.ico
--------------------------------------------------------------------------------
/public/modernizr.js:
--------------------------------------------------------------------------------
1 | /*!
2 | * Modernizr v2.8.3
3 | * www.modernizr.com
4 | *
5 | * Copyright (c) Faruk Ates, Paul Irish, Alex Sexton
6 | * Available under the BSD and MIT licenses: www.modernizr.com/license/
7 | */
8 |
9 | /*
10 | * Modernizr tests which native CSS3 and HTML5 features are available in
11 | * the current UA and makes the results available to you in two ways:
12 | * as properties on a global Modernizr object, and as classes on the
13 | * element. This information allows you to progressively enhance
14 | * your pages with a granular level of control over the experience.
15 | *
16 | * Modernizr has an optional (not included) conditional resource loader
17 | * called Modernizr.load(), based on Yepnope.js (yepnopejs.com).
18 | * To get a build that includes Modernizr.load(), as well as choosing
19 | * which tests to include, go to www.modernizr.com/download/
20 | *
21 | * Authors Faruk Ates, Paul Irish, Alex Sexton
22 | * Contributors Ryan Seddon, Ben Alman
23 | */
24 |
25 | window.Modernizr = (function( window, document, undefined ) {
26 |
27 | var version = '2.8.3',
28 |
29 | Modernizr = {},
30 |
31 | /*>>cssclasses*/
32 | // option for enabling the HTML classes to be added
33 | enableClasses = true,
34 | /*>>cssclasses*/
35 |
36 | docElement = document.documentElement,
37 |
38 | /**
39 | * Create our "modernizr" element that we do most feature tests on.
40 | */
41 | mod = 'modernizr',
42 | modElem = document.createElement(mod),
43 | mStyle = modElem.style,
44 |
45 | /**
46 | * Create the input element for various Web Forms feature tests.
47 | */
48 | inputElem /*>>inputelem*/ = document.createElement('input') /*>>inputelem*/ ,
49 |
50 | /*>>smile*/
51 | smile = ':)',
52 | /*>>smile*/
53 |
54 | toString = {}.toString,
55 |
56 | // TODO :: make the prefixes more granular
57 | /*>>prefixes*/
58 | // List of property values to set for css tests. See ticket #21
59 | prefixes = ' -webkit- -moz- -o- -ms- '.split(' '),
60 | /*>>prefixes*/
61 |
62 | /*>>domprefixes*/
63 | // Following spec is to expose vendor-specific style properties as:
64 | // elem.style.WebkitBorderRadius
65 | // and the following would be incorrect:
66 | // elem.style.webkitBorderRadius
67 |
68 | // Webkit ghosts their properties in lowercase but Opera & Moz do not.
69 | // Microsoft uses a lowercase `ms` instead of the correct `Ms` in IE8+
70 | // erik.eae.net/archives/2008/03/10/21.48.10/
71 |
72 | // More here: github.com/Modernizr/Modernizr/issues/issue/21
73 | omPrefixes = 'Webkit Moz O ms',
74 |
75 | cssomPrefixes = omPrefixes.split(' '),
76 |
77 | domPrefixes = omPrefixes.toLowerCase().split(' '),
78 | /*>>domprefixes*/
79 |
80 | /*>>ns*/
81 | ns = {'svg': 'http://www.w3.org/2000/svg'},
82 | /*>>ns*/
83 |
84 | tests = {},
85 | inputs = {},
86 | attrs = {},
87 |
88 | classes = [],
89 |
90 | slice = classes.slice,
91 |
92 | featureName, // used in testing loop
93 |
94 |
95 | /*>>teststyles*/
96 | // Inject element with style element and some CSS rules
97 | injectElementWithStyles = function( rule, callback, nodes, testnames ) {
98 |
99 | var style, ret, node, docOverflow,
100 | div = document.createElement('div'),
101 | // After page load injecting a fake body doesn't work so check if body exists
102 | body = document.body,
103 | // IE6 and 7 won't return offsetWidth or offsetHeight unless it's in the body element, so we fake it.
104 | fakeBody = body || document.createElement('body');
105 |
106 | if ( parseInt(nodes, 10) ) {
107 | // In order not to give false positives we create a node for each test
108 | // This also allows the method to scale for unspecified uses
109 | while ( nodes-- ) {
110 | node = document.createElement('div');
111 | node.id = testnames ? testnames[nodes] : mod + (nodes + 1);
112 | div.appendChild(node);
113 | }
114 | }
115 |
116 | // '].join('');
122 | div.id = mod;
123 | // IE6 will false positive on some tests due to the style element inside the test div somehow interfering offsetHeight, so insert it into body or fakebody.
124 | // Opera will act all quirky when injecting elements in documentElement when page is served as xml, needs fakebody too. #270
125 | (body ? div : fakeBody).innerHTML += style;
126 | fakeBody.appendChild(div);
127 | if ( !body ) {
128 | //avoid crashing IE8, if background image is used
129 | fakeBody.style.background = '';
130 | //Safari 5.13/5.1.4 OSX stops loading if ::-webkit-scrollbar is used and scrollbars are visible
131 | fakeBody.style.overflow = 'hidden';
132 | docOverflow = docElement.style.overflow;
133 | docElement.style.overflow = 'hidden';
134 | docElement.appendChild(fakeBody);
135 | }
136 |
137 | ret = callback(div, rule);
138 | // If this is done after page load we don't want to remove the body so check if body exists
139 | if ( !body ) {
140 | fakeBody.parentNode.removeChild(fakeBody);
141 | docElement.style.overflow = docOverflow;
142 | } else {
143 | div.parentNode.removeChild(div);
144 | }
145 |
146 | return !!ret;
147 |
148 | },
149 | /*>>teststyles*/
150 |
151 | /*>>mq*/
152 | // adapted from matchMedia polyfill
153 | // by Scott Jehl and Paul Irish
154 | // gist.github.com/786768
155 | testMediaQuery = function( mq ) {
156 |
157 | var matchMedia = window.matchMedia || window.msMatchMedia;
158 | if ( matchMedia ) {
159 | return matchMedia(mq) && matchMedia(mq).matches || false;
160 | }
161 |
162 | var bool;
163 |
164 | injectElementWithStyles('@media ' + mq + ' { #' + mod + ' { position: absolute; } }', function( node ) {
165 | bool = (window.getComputedStyle ?
166 | getComputedStyle(node, null) :
167 | node.currentStyle)['position'] == 'absolute';
168 | });
169 |
170 | return bool;
171 |
172 | },
173 | /*>>mq*/
174 |
175 |
176 | /*>>hasevent*/
177 | //
178 | // isEventSupported determines if a given element supports the given event
179 | // kangax.github.com/iseventsupported/
180 | //
181 | // The following results are known incorrects:
182 | // Modernizr.hasEvent("webkitTransitionEnd", elem) // false negative
183 | // Modernizr.hasEvent("textInput") // in Webkit. github.com/Modernizr/Modernizr/issues/333
184 | // ...
185 | isEventSupported = (function() {
186 |
187 | var TAGNAMES = {
188 | 'select': 'input', 'change': 'input',
189 | 'submit': 'form', 'reset': 'form',
190 | 'error': 'img', 'load': 'img', 'abort': 'img'
191 | };
192 |
193 | function isEventSupported( eventName, element ) {
194 |
195 | element = element || document.createElement(TAGNAMES[eventName] || 'div');
196 | eventName = 'on' + eventName;
197 |
198 | // When using `setAttribute`, IE skips "unload", WebKit skips "unload" and "resize", whereas `in` "catches" those
199 | var isSupported = eventName in element;
200 |
201 | if ( !isSupported ) {
202 | // If it has no `setAttribute` (i.e. doesn't implement Node interface), try generic element
203 | if ( !element.setAttribute ) {
204 | element = document.createElement('div');
205 | }
206 | if ( element.setAttribute && element.removeAttribute ) {
207 | element.setAttribute(eventName, '');
208 | isSupported = is(element[eventName], 'function');
209 |
210 | // If property was created, "remove it" (by setting value to `undefined`)
211 | if ( !is(element[eventName], 'undefined') ) {
212 | element[eventName] = undefined;
213 | }
214 | element.removeAttribute(eventName);
215 | }
216 | }
217 |
218 | element = null;
219 | return isSupported;
220 | }
221 | return isEventSupported;
222 | })(),
223 | /*>>hasevent*/
224 |
225 | // TODO :: Add flag for hasownprop ? didn't last time
226 |
227 | // hasOwnProperty shim by kangax needed for Safari 2.0 support
228 | _hasOwnProperty = ({}).hasOwnProperty, hasOwnProp;
229 |
230 | if ( !is(_hasOwnProperty, 'undefined') && !is(_hasOwnProperty.call, 'undefined') ) {
231 | hasOwnProp = function (object, property) {
232 | return _hasOwnProperty.call(object, property);
233 | };
234 | }
235 | else {
236 | hasOwnProp = function (object, property) { /* yes, this can give false positives/negatives, but most of the time we don't care about those */
237 | return ((property in object) && is(object.constructor.prototype[property], 'undefined'));
238 | };
239 | }
240 |
241 | // Adapted from ES5-shim https://github.com/kriskowal/es5-shim/blob/master/es5-shim.js
242 | // es5.github.com/#x15.3.4.5
243 |
244 | if (!Function.prototype.bind) {
245 | Function.prototype.bind = function bind(that) {
246 |
247 | var target = this;
248 |
249 | if (typeof target != "function") {
250 | throw new TypeError();
251 | }
252 |
253 | var args = slice.call(arguments, 1),
254 | bound = function () {
255 |
256 | if (this instanceof bound) {
257 |
258 | var F = function(){};
259 | F.prototype = target.prototype;
260 | var self = new F();
261 |
262 | var result = target.apply(
263 | self,
264 | args.concat(slice.call(arguments))
265 | );
266 | if (Object(result) === result) {
267 | return result;
268 | }
269 | return self;
270 |
271 | } else {
272 |
273 | return target.apply(
274 | that,
275 | args.concat(slice.call(arguments))
276 | );
277 |
278 | }
279 |
280 | };
281 |
282 | return bound;
283 | };
284 | }
285 |
286 | /**
287 | * setCss applies given styles to the Modernizr DOM node.
288 | */
289 | function setCss( str ) {
290 | mStyle.cssText = str;
291 | }
292 |
293 | /**
294 | * setCssAll extrapolates all vendor-specific css strings.
295 | */
296 | function setCssAll( str1, str2 ) {
297 | return setCss(prefixes.join(str1 + ';') + ( str2 || '' ));
298 | }
299 |
300 | /**
301 | * is returns a boolean for if typeof obj is exactly type.
302 | */
303 | function is( obj, type ) {
304 | return typeof obj === type;
305 | }
306 |
307 | /**
308 | * contains returns a boolean for if substr is found within str.
309 | */
310 | function contains( str, substr ) {
311 | return !!~('' + str).indexOf(substr);
312 | }
313 |
314 | /*>>testprop*/
315 |
316 | // testProps is a generic CSS / DOM property test.
317 |
318 | // In testing support for a given CSS property, it's legit to test:
319 | // `elem.style[styleName] !== undefined`
320 | // If the property is supported it will return an empty string,
321 | // if unsupported it will return undefined.
322 |
323 | // We'll take advantage of this quick test and skip setting a style
324 | // on our modernizr element, but instead just testing undefined vs
325 | // empty string.
326 |
327 | // Because the testing of the CSS property names (with "-", as
328 | // opposed to the camelCase DOM properties) is non-portable and
329 | // non-standard but works in WebKit and IE (but not Gecko or Opera),
330 | // we explicitly reject properties with dashes so that authors
331 | // developing in WebKit or IE first don't end up with
332 | // browser-specific content by accident.
333 |
334 | function testProps( props, prefixed ) {
335 | for ( var i in props ) {
336 | var prop = props[i];
337 | if ( !contains(prop, "-") && mStyle[prop] !== undefined ) {
338 | return prefixed == 'pfx' ? prop : true;
339 | }
340 | }
341 | return false;
342 | }
343 | /*>>testprop*/
344 |
345 | // TODO :: add testDOMProps
346 | /**
347 | * testDOMProps is a generic DOM property test; if a browser supports
348 | * a certain property, it won't return undefined for it.
349 | */
350 | function testDOMProps( props, obj, elem ) {
351 | for ( var i in props ) {
352 | var item = obj[props[i]];
353 | if ( item !== undefined) {
354 |
355 | // return the property name as a string
356 | if (elem === false) return props[i];
357 |
358 | // let's bind a function
359 | if (is(item, 'function')){
360 | // default to autobind unless override
361 | return item.bind(elem || obj);
362 | }
363 |
364 | // return the unbound function or obj or value
365 | return item;
366 | }
367 | }
368 | return false;
369 | }
370 |
371 | /*>>testallprops*/
372 | /**
373 | * testPropsAll tests a list of DOM properties we want to check against.
374 | * We specify literally ALL possible (known and/or likely) properties on
375 | * the element including the non-vendor prefixed one, for forward-
376 | * compatibility.
377 | */
378 | function testPropsAll( prop, prefixed, elem ) {
379 |
380 | var ucProp = prop.charAt(0).toUpperCase() + prop.slice(1),
381 | props = (prop + ' ' + cssomPrefixes.join(ucProp + ' ') + ucProp).split(' ');
382 |
383 | // did they call .prefixed('boxSizing') or are we just testing a prop?
384 | if(is(prefixed, "string") || is(prefixed, "undefined")) {
385 | return testProps(props, prefixed);
386 |
387 | // otherwise, they called .prefixed('requestAnimationFrame', window[, elem])
388 | } else {
389 | props = (prop + ' ' + (domPrefixes).join(ucProp + ' ') + ucProp).split(' ');
390 | return testDOMProps(props, prefixed, elem);
391 | }
392 | }
393 | /*>>testallprops*/
394 |
395 |
396 | /**
397 | * Tests
398 | * -----
399 | */
400 |
401 | // The *new* flexbox
402 | // dev.w3.org/csswg/css3-flexbox
403 |
404 | tests['flexbox'] = function() {
405 | return testPropsAll('flexWrap');
406 | };
407 |
408 | // The *old* flexbox
409 | // www.w3.org/TR/2009/WD-css3-flexbox-20090723/
410 |
411 | tests['flexboxlegacy'] = function() {
412 | return testPropsAll('boxDirection');
413 | };
414 |
415 | // On the S60 and BB Storm, getContext exists, but always returns undefined
416 | // so we actually have to call getContext() to verify
417 | // github.com/Modernizr/Modernizr/issues/issue/97/
418 |
419 | tests['canvas'] = function() {
420 | var elem = document.createElement('canvas');
421 | return !!(elem.getContext && elem.getContext('2d'));
422 | };
423 |
424 | tests['canvastext'] = function() {
425 | return !!(Modernizr['canvas'] && is(document.createElement('canvas').getContext('2d').fillText, 'function'));
426 | };
427 |
428 | // webk.it/70117 is tracking a legit WebGL feature detect proposal
429 |
430 | // We do a soft detect which may false positive in order to avoid
431 | // an expensive context creation: bugzil.la/732441
432 |
433 | tests['webgl'] = function() {
434 | return !!window.WebGLRenderingContext;
435 | };
436 |
437 | /*
438 | * The Modernizr.touch test only indicates if the browser supports
439 | * touch events, which does not necessarily reflect a touchscreen
440 | * device, as evidenced by tablets running Windows 7 or, alas,
441 | * the Palm Pre / WebOS (touch) phones.
442 | *
443 | * Additionally, Chrome (desktop) used to lie about its support on this,
444 | * but that has since been rectified: crbug.com/36415
445 | *
446 | * We also test for Firefox 4 Multitouch Support.
447 | *
448 | * For more info, see: modernizr.github.com/Modernizr/touch.html
449 | */
450 |
451 | tests['touch'] = function() {
452 | var bool;
453 |
454 | if(('ontouchstart' in window) || window.DocumentTouch && document instanceof DocumentTouch) {
455 | bool = true;
456 | } else {
457 | injectElementWithStyles(['@media (',prefixes.join('touch-enabled),('),mod,')','{#modernizr{top:9px;position:absolute}}'].join(''), function( node ) {
458 | bool = node.offsetTop === 9;
459 | });
460 | }
461 |
462 | return bool;
463 | };
464 |
465 |
466 | // geolocation is often considered a trivial feature detect...
467 | // Turns out, it's quite tricky to get right:
468 | //
469 | // Using !!navigator.geolocation does two things we don't want. It:
470 | // 1. Leaks memory in IE9: github.com/Modernizr/Modernizr/issues/513
471 | // 2. Disables page caching in WebKit: webk.it/43956
472 | //
473 | // Meanwhile, in Firefox < 8, an about:config setting could expose
474 | // a false positive that would throw an exception: bugzil.la/688158
475 |
476 | tests['geolocation'] = function() {
477 | return 'geolocation' in navigator;
478 | };
479 |
480 |
481 | tests['postmessage'] = function() {
482 | return !!window.postMessage;
483 | };
484 |
485 |
486 | // Chrome incognito mode used to throw an exception when using openDatabase
487 | // It doesn't anymore.
488 | tests['websqldatabase'] = function() {
489 | return !!window.openDatabase;
490 | };
491 |
492 | // Vendors had inconsistent prefixing with the experimental Indexed DB:
493 | // - Webkit's implementation is accessible through webkitIndexedDB
494 | // - Firefox shipped moz_indexedDB before FF4b9, but since then has been mozIndexedDB
495 | // For speed, we don't test the legacy (and beta-only) indexedDB
496 | tests['indexedDB'] = function() {
497 | return !!testPropsAll("indexedDB", window);
498 | };
499 |
500 | // documentMode logic from YUI to filter out IE8 Compat Mode
501 | // which false positives.
502 | tests['hashchange'] = function() {
503 | return isEventSupported('hashchange', window) && (document.documentMode === undefined || document.documentMode > 7);
504 | };
505 |
506 | // Per 1.6:
507 | // This used to be Modernizr.historymanagement but the longer
508 | // name has been deprecated in favor of a shorter and property-matching one.
509 | // The old API is still available in 1.6, but as of 2.0 will throw a warning,
510 | // and in the first release thereafter disappear entirely.
511 | tests['history'] = function() {
512 | return !!(window.history && history.pushState);
513 | };
514 |
515 | tests['draganddrop'] = function() {
516 | var div = document.createElement('div');
517 | return ('draggable' in div) || ('ondragstart' in div && 'ondrop' in div);
518 | };
519 |
520 | // FF3.6 was EOL'ed on 4/24/12, but the ESR version of FF10
521 | // will be supported until FF19 (2/12/13), at which time, ESR becomes FF17.
522 | // FF10 still uses prefixes, so check for it until then.
523 | // for more ESR info, see: mozilla.org/en-US/firefox/organizations/faq/
524 | tests['websockets'] = function() {
525 | return 'WebSocket' in window || 'MozWebSocket' in window;
526 | };
527 |
528 |
529 | // css-tricks.com/rgba-browser-support/
530 | tests['rgba'] = function() {
531 | // Set an rgba() color and check the returned value
532 |
533 | setCss('background-color:rgba(150,255,150,.5)');
534 |
535 | return contains(mStyle.backgroundColor, 'rgba');
536 | };
537 |
538 | tests['hsla'] = function() {
539 | // Same as rgba(), in fact, browsers re-map hsla() to rgba() internally,
540 | // except IE9 who retains it as hsla
541 |
542 | setCss('background-color:hsla(120,40%,100%,.5)');
543 |
544 | return contains(mStyle.backgroundColor, 'rgba') || contains(mStyle.backgroundColor, 'hsla');
545 | };
546 |
547 | tests['multiplebgs'] = function() {
548 | // Setting multiple images AND a color on the background shorthand property
549 | // and then querying the style.background property value for the number of
550 | // occurrences of "url(" is a reliable method for detecting ACTUAL support for this!
551 |
552 | setCss('background:url(https://),url(https://),red url(https://)');
553 |
554 | // If the UA supports multiple backgrounds, there should be three occurrences
555 | // of the string "url(" in the return value for elemStyle.background
556 |
557 | return (/(url\s*\(.*?){3}/).test(mStyle.background);
558 | };
559 |
560 |
561 |
562 | // this will false positive in Opera Mini
563 | // github.com/Modernizr/Modernizr/issues/396
564 |
565 | tests['backgroundsize'] = function() {
566 | return testPropsAll('backgroundSize');
567 | };
568 |
569 | tests['borderimage'] = function() {
570 | return testPropsAll('borderImage');
571 | };
572 |
573 |
574 | // Super comprehensive table about all the unique implementations of
575 | // border-radius: muddledramblings.com/table-of-css3-border-radius-compliance
576 |
577 | tests['borderradius'] = function() {
578 | return testPropsAll('borderRadius');
579 | };
580 |
581 | // WebOS unfortunately false positives on this test.
582 | tests['boxshadow'] = function() {
583 | return testPropsAll('boxShadow');
584 | };
585 |
586 | // FF3.0 will false positive on this test
587 | tests['textshadow'] = function() {
588 | return document.createElement('div').style.textShadow === '';
589 | };
590 |
591 |
592 | tests['opacity'] = function() {
593 | // Browsers that actually have CSS Opacity implemented have done so
594 | // according to spec, which means their return values are within the
595 | // range of [0.0,1.0] - including the leading zero.
596 |
597 | setCssAll('opacity:.55');
598 |
599 | // The non-literal . in this regex is intentional:
600 | // German Chrome returns this value as 0,55
601 | // github.com/Modernizr/Modernizr/issues/#issue/59/comment/516632
602 | return (/^0.55$/).test(mStyle.opacity);
603 | };
604 |
605 |
606 | // Note, Android < 4 will pass this test, but can only animate
607 | // a single property at a time
608 | // goo.gl/v3V4Gp
609 | tests['cssanimations'] = function() {
610 | return testPropsAll('animationName');
611 | };
612 |
613 |
614 | tests['csscolumns'] = function() {
615 | return testPropsAll('columnCount');
616 | };
617 |
618 |
619 | tests['cssgradients'] = function() {
620 | /**
621 | * For CSS Gradients syntax, please see:
622 | * webkit.org/blog/175/introducing-css-gradients/
623 | * developer.mozilla.org/en/CSS/-moz-linear-gradient
624 | * developer.mozilla.org/en/CSS/-moz-radial-gradient
625 | * dev.w3.org/csswg/css3-images/#gradients-
626 | */
627 |
628 | var str1 = 'background-image:',
629 | str2 = 'gradient(linear,left top,right bottom,from(#9f9),to(white));',
630 | str3 = 'linear-gradient(left top,#9f9, white);';
631 |
632 | setCss(
633 | // legacy webkit syntax (FIXME: remove when syntax not in use anymore)
634 | (str1 + '-webkit- '.split(' ').join(str2 + str1) +
635 | // standard syntax // trailing 'background-image:'
636 | prefixes.join(str3 + str1)).slice(0, -str1.length)
637 | );
638 |
639 | return contains(mStyle.backgroundImage, 'gradient');
640 | };
641 |
642 |
643 | tests['cssreflections'] = function() {
644 | return testPropsAll('boxReflect');
645 | };
646 |
647 |
648 | tests['csstransforms'] = function() {
649 | return !!testPropsAll('transform');
650 | };
651 |
652 |
653 | tests['csstransforms3d'] = function() {
654 |
655 | var ret = !!testPropsAll('perspective');
656 |
657 | // Webkit's 3D transforms are passed off to the browser's own graphics renderer.
658 | // It works fine in Safari on Leopard and Snow Leopard, but not in Chrome in
659 | // some conditions. As a result, Webkit typically recognizes the syntax but
660 | // will sometimes throw a false positive, thus we must do a more thorough check:
661 | if ( ret && 'webkitPerspective' in docElement.style ) {
662 |
663 | // Webkit allows this media query to succeed only if the feature is enabled.
664 | // `@media (transform-3d),(-webkit-transform-3d){ ... }`
665 | injectElementWithStyles('@media (transform-3d),(-webkit-transform-3d){#modernizr{left:9px;position:absolute;height:3px;}}', function( node, rule ) {
666 | ret = node.offsetLeft === 9 && node.offsetHeight === 3;
667 | });
668 | }
669 | return ret;
670 | };
671 |
672 |
673 | tests['csstransitions'] = function() {
674 | return testPropsAll('transition');
675 | };
676 |
677 |
678 | /*>>fontface*/
679 | // @font-face detection routine by Diego Perini
680 | // javascript.nwbox.com/CSSSupport/
681 |
682 | // false positives:
683 | // WebOS github.com/Modernizr/Modernizr/issues/342
684 | // WP7 github.com/Modernizr/Modernizr/issues/538
685 | tests['fontface'] = function() {
686 | var bool;
687 |
688 | injectElementWithStyles('@font-face {font-family:"font";src:url("https://")}', function( node, rule ) {
689 | var style = document.getElementById('smodernizr'),
690 | sheet = style.sheet || style.styleSheet,
691 | cssText = sheet ? (sheet.cssRules && sheet.cssRules[0] ? sheet.cssRules[0].cssText : sheet.cssText || '') : '';
692 |
693 | bool = /src/i.test(cssText) && cssText.indexOf(rule.split(' ')[0]) === 0;
694 | });
695 |
696 | return bool;
697 | };
698 | /*>>fontface*/
699 |
700 | // CSS generated content detection
701 | tests['generatedcontent'] = function() {
702 | var bool;
703 |
704 | injectElementWithStyles(['#',mod,'{font:0/0 a}#',mod,':after{content:"',smile,'";visibility:hidden;font:3px/1 a}'].join(''), function( node ) {
705 | bool = node.offsetHeight >= 3;
706 | });
707 |
708 | return bool;
709 | };
710 |
711 |
712 |
713 | // These tests evaluate support of the video/audio elements, as well as
714 | // testing what types of content they support.
715 | //
716 | // We're using the Boolean constructor here, so that we can extend the value
717 | // e.g. Modernizr.video // true
718 | // Modernizr.video.ogg // 'probably'
719 | //
720 | // Codec values from : github.com/NielsLeenheer/html5test/blob/9106a8/index.html#L845
721 | // thx to NielsLeenheer and zcorpan
722 |
723 | // Note: in some older browsers, "no" was a return value instead of empty string.
724 | // It was live in FF3.5.0 and 3.5.1, but fixed in 3.5.2
725 | // It was also live in Safari 4.0.0 - 4.0.4, but fixed in 4.0.5
726 |
727 | tests['video'] = function() {
728 | var elem = document.createElement('video'),
729 | bool = false;
730 |
731 | // IE9 Running on Windows Server SKU can cause an exception to be thrown, bug #224
732 | try {
733 | if ( bool = !!elem.canPlayType ) {
734 | bool = new Boolean(bool);
735 | bool.ogg = elem.canPlayType('video/ogg; codecs="theora"') .replace(/^no$/,'');
736 |
737 | // Without QuickTime, this value will be `undefined`. github.com/Modernizr/Modernizr/issues/546
738 | bool.h264 = elem.canPlayType('video/mp4; codecs="avc1.42E01E"') .replace(/^no$/,'');
739 |
740 | bool.webm = elem.canPlayType('video/webm; codecs="vp8, vorbis"').replace(/^no$/,'');
741 | }
742 |
743 | } catch(e) { }
744 |
745 | return bool;
746 | };
747 |
748 | tests['audio'] = function() {
749 | var elem = document.createElement('audio'),
750 | bool = false;
751 |
752 | try {
753 | if ( bool = !!elem.canPlayType ) {
754 | bool = new Boolean(bool);
755 | bool.ogg = elem.canPlayType('audio/ogg; codecs="vorbis"').replace(/^no$/,'');
756 | bool.mp3 = elem.canPlayType('audio/mpeg;') .replace(/^no$/,'');
757 |
758 | // Mimetypes accepted:
759 | // developer.mozilla.org/En/Media_formats_supported_by_the_audio_and_video_elements
760 | // bit.ly/iphoneoscodecs
761 | bool.wav = elem.canPlayType('audio/wav; codecs="1"') .replace(/^no$/,'');
762 | bool.m4a = ( elem.canPlayType('audio/x-m4a;') ||
763 | elem.canPlayType('audio/aac;')) .replace(/^no$/,'');
764 | }
765 | } catch(e) { }
766 |
767 | return bool;
768 | };
769 |
770 |
771 | // In FF4, if disabled, window.localStorage should === null.
772 |
773 | // Normally, we could not test that directly and need to do a
774 | // `('localStorage' in window) && ` test first because otherwise Firefox will
775 | // throw bugzil.la/365772 if cookies are disabled
776 |
777 | // Also in iOS5 Private Browsing mode, attempting to use localStorage.setItem
778 | // will throw the exception:
779 | // QUOTA_EXCEEDED_ERRROR DOM Exception 22.
780 | // Peculiarly, getItem and removeItem calls do not throw.
781 |
782 | // Because we are forced to try/catch this, we'll go aggressive.
783 |
784 | // Just FWIW: IE8 Compat mode supports these features completely:
785 | // www.quirksmode.org/dom/html5.html
786 | // But IE8 doesn't support either with local files
787 |
788 | tests['localstorage'] = function() {
789 | try {
790 | localStorage.setItem(mod, mod);
791 | localStorage.removeItem(mod);
792 | return true;
793 | } catch(e) {
794 | return false;
795 | }
796 | };
797 |
798 | tests['sessionstorage'] = function() {
799 | try {
800 | sessionStorage.setItem(mod, mod);
801 | sessionStorage.removeItem(mod);
802 | return true;
803 | } catch(e) {
804 | return false;
805 | }
806 | };
807 |
808 |
809 | tests['webworkers'] = function() {
810 | return !!window.Worker;
811 | };
812 |
813 |
814 | tests['applicationcache'] = function() {
815 | return !!window.applicationCache;
816 | };
817 |
818 |
819 | // Thanks to Erik Dahlstrom
820 | tests['svg'] = function() {
821 | return !!document.createElementNS && !!document.createElementNS(ns.svg, 'svg').createSVGRect;
822 | };
823 |
824 | // specifically for SVG inline in HTML, not within XHTML
825 | // test page: paulirish.com/demo/inline-svg
826 | tests['inlinesvg'] = function() {
827 | var div = document.createElement('div');
828 | div.innerHTML = '';
829 | return (div.firstChild && div.firstChild.namespaceURI) == ns.svg;
830 | };
831 |
832 | // SVG SMIL animation
833 | tests['smil'] = function() {
834 | return !!document.createElementNS && /SVGAnimate/.test(toString.call(document.createElementNS(ns.svg, 'animate')));
835 | };
836 |
837 | // This test is only for clip paths in SVG proper, not clip paths on HTML content
838 | // demo: srufaculty.sru.edu/david.dailey/svg/newstuff/clipPath4.svg
839 |
840 | // However read the comments to dig into applying SVG clippaths to HTML content here:
841 | // github.com/Modernizr/Modernizr/issues/213#issuecomment-1149491
842 | tests['svgclippaths'] = function() {
843 | return !!document.createElementNS && /SVGClipPath/.test(toString.call(document.createElementNS(ns.svg, 'clipPath')));
844 | };
845 |
846 | /*>>webforms*/
847 | // input features and input types go directly onto the ret object, bypassing the tests loop.
848 | // Hold this guy to execute in a moment.
849 | function webforms() {
850 | /*>>input*/
851 | // Run through HTML5's new input attributes to see if the UA understands any.
852 | // We're using f which is the element created early on
853 | // Mike Taylr has created a comprehensive resource for testing these attributes
854 | // when applied to all input types:
855 | // miketaylr.com/code/input-type-attr.html
856 | // spec: www.whatwg.org/specs/web-apps/current-work/multipage/the-input-element.html#input-type-attr-summary
857 |
858 | // Only input placeholder is tested while textarea's placeholder is not.
859 | // Currently Safari 4 and Opera 11 have support only for the input placeholder
860 | // Both tests are available in feature-detects/forms-placeholder.js
861 | Modernizr['input'] = (function( props ) {
862 | for ( var i = 0, len = props.length; i < len; i++ ) {
863 | attrs[ props[i] ] = !!(props[i] in inputElem);
864 | }
865 | if (attrs.list){
866 | // safari false positive's on datalist: webk.it/74252
867 | // see also github.com/Modernizr/Modernizr/issues/146
868 | attrs.list = !!(document.createElement('datalist') && window.HTMLDataListElement);
869 | }
870 | return attrs;
871 | })('autocomplete autofocus list placeholder max min multiple pattern required step'.split(' '));
872 | /*>>input*/
873 |
874 | /*>>inputtypes*/
875 | // Run through HTML5's new input types to see if the UA understands any.
876 | // This is put behind the tests runloop because it doesn't return a
877 | // true/false like all the other tests; instead, it returns an object
878 | // containing each input type with its corresponding true/false value
879 |
880 | // Big thanks to @miketaylr for the html5 forms expertise. miketaylr.com/
881 | Modernizr['inputtypes'] = (function(props) {
882 |
883 | for ( var i = 0, bool, inputElemType, defaultView, len = props.length; i < len; i++ ) {
884 |
885 | inputElem.setAttribute('type', inputElemType = props[i]);
886 | bool = inputElem.type !== 'text';
887 |
888 | // We first check to see if the type we give it sticks..
889 | // If the type does, we feed it a textual value, which shouldn't be valid.
890 | // If the value doesn't stick, we know there's input sanitization which infers a custom UI
891 | if ( bool ) {
892 |
893 | inputElem.value = smile;
894 | inputElem.style.cssText = 'position:absolute;visibility:hidden;';
895 |
896 | if ( /^range$/.test(inputElemType) && inputElem.style.WebkitAppearance !== undefined ) {
897 |
898 | docElement.appendChild(inputElem);
899 | defaultView = document.defaultView;
900 |
901 | // Safari 2-4 allows the smiley as a value, despite making a slider
902 | bool = defaultView.getComputedStyle &&
903 | defaultView.getComputedStyle(inputElem, null).WebkitAppearance !== 'textfield' &&
904 | // Mobile android web browser has false positive, so must
905 | // check the height to see if the widget is actually there.
906 | (inputElem.offsetHeight !== 0);
907 |
908 | docElement.removeChild(inputElem);
909 |
910 | } else if ( /^(search|tel)$/.test(inputElemType) ){
911 | // Spec doesn't define any special parsing or detectable UI
912 | // behaviors so we pass these through as true
913 |
914 | // Interestingly, opera fails the earlier test, so it doesn't
915 | // even make it here.
916 |
917 | } else if ( /^(url|email)$/.test(inputElemType) ) {
918 | // Real url and email support comes with prebaked validation.
919 | bool = inputElem.checkValidity && inputElem.checkValidity() === false;
920 |
921 | } else {
922 | // If the upgraded input compontent rejects the :) text, we got a winner
923 | bool = inputElem.value != smile;
924 | }
925 | }
926 |
927 | inputs[ props[i] ] = !!bool;
928 | }
929 | return inputs;
930 | })('search tel url email datetime date month week time datetime-local number range color'.split(' '));
931 | /*>>inputtypes*/
932 | }
933 | /*>>webforms*/
934 |
935 |
936 | // End of test definitions
937 | // -----------------------
938 |
939 |
940 |
941 | // Run through all tests and detect their support in the current UA.
942 | // todo: hypothetically we could be doing an array of tests and use a basic loop here.
943 | for ( var feature in tests ) {
944 | if ( hasOwnProp(tests, feature) ) {
945 | // run the test, throw the return value into the Modernizr,
946 | // then based on that boolean, define an appropriate className
947 | // and push it into an array of classes we'll join later.
948 | featureName = feature.toLowerCase();
949 | Modernizr[featureName] = tests[feature]();
950 |
951 | classes.push((Modernizr[featureName] ? '' : 'no-') + featureName);
952 | }
953 | }
954 |
955 | /*>>webforms*/
956 | // input tests need to run.
957 | Modernizr.input || webforms();
958 | /*>>webforms*/
959 |
960 |
961 | /**
962 | * addTest allows the user to define their own feature tests
963 | * the result will be added onto the Modernizr object,
964 | * as well as an appropriate className set on the html element
965 | *
966 | * @param feature - String naming the feature
967 | * @param test - Function returning true if feature is supported, false if not
968 | */
969 | Modernizr.addTest = function ( feature, test ) {
970 | if ( typeof feature == 'object' ) {
971 | for ( var key in feature ) {
972 | if ( hasOwnProp( feature, key ) ) {
973 | Modernizr.addTest( key, feature[ key ] );
974 | }
975 | }
976 | } else {
977 |
978 | feature = feature.toLowerCase();
979 |
980 | if ( Modernizr[feature] !== undefined ) {
981 | // we're going to quit if you're trying to overwrite an existing test
982 | // if we were to allow it, we'd do this:
983 | // var re = new RegExp("\\b(no-)?" + feature + "\\b");
984 | // docElement.className = docElement.className.replace( re, '' );
985 | // but, no rly, stuff 'em.
986 | return Modernizr;
987 | }
988 |
989 | test = typeof test == 'function' ? test() : test;
990 |
991 | if (typeof enableClasses !== "undefined" && enableClasses) {
992 | docElement.className += ' ' + (test ? '' : 'no-') + feature;
993 | }
994 | Modernizr[feature] = test;
995 |
996 | }
997 |
998 | return Modernizr; // allow chaining.
999 | };
1000 |
1001 |
1002 | // Reset modElem.cssText to nothing to reduce memory footprint.
1003 | setCss('');
1004 | modElem = inputElem = null;
1005 |
1006 | /*>>shiv*/
1007 | /**
1008 | * @preserve HTML5 Shiv prev3.7.1 | @afarkas @jdalton @jon_neal @rem | MIT/GPL2 Licensed
1009 | */
1010 | ;(function(window, document) {
1011 | /*jshint evil:true */
1012 | /** version */
1013 | var version = '3.7.0';
1014 |
1015 | /** Preset options */
1016 | var options = window.html5 || {};
1017 |
1018 | /** Used to skip problem elements */
1019 | var reSkip = /^<|^(?:button|map|select|textarea|object|iframe|option|optgroup)$/i;
1020 |
1021 | /** Not all elements can be cloned in IE **/
1022 | var saveClones = /^(?:a|b|code|div|fieldset|h1|h2|h3|h4|h5|h6|i|label|li|ol|p|q|span|strong|style|table|tbody|td|th|tr|ul)$/i;
1023 |
1024 | /** Detect whether the browser supports default html5 styles */
1025 | var supportsHtml5Styles;
1026 |
1027 | /** Name of the expando, to work with multiple documents or to re-shiv one document */
1028 | var expando = '_html5shiv';
1029 |
1030 | /** The id for the the documents expando */
1031 | var expanID = 0;
1032 |
1033 | /** Cached data for each document */
1034 | var expandoData = {};
1035 |
1036 | /** Detect whether the browser supports unknown elements */
1037 | var supportsUnknownElements;
1038 |
1039 | (function() {
1040 | try {
1041 | var a = document.createElement('a');
1042 | a.innerHTML = '${
34 | highlightJs.highlightAuto(replaceSrcToLib(code)).value
35 | }| `); 1383 | } else { 1384 | s.push(` | `); 1385 | } 1386 | } 1387 | s.push(' |
`);
1400 | s.push(`
`);
1404 | s.push('
');
1405 | }
1406 |
1407 | var span = document.createElement('span');
1408 | span.innerHTML = s.join('');
1409 |
1410 | return span.firstChild;
1411 | },
1412 | // create svg
1413 | createSVG (qrCodeAlg){
1414 | let options = this.options;
1415 | let count = qrCodeAlg.getModuleCount();
1416 | let scale = count / options.size;
1417 |
1418 | // create svg
1419 | let svg = document.createElementNS('http://www.w3.org/2000/svg', 'svg');
1420 | svg.setAttribute('width', options.size);
1421 | svg.setAttribute('height', options.size);
1422 | svg.setAttribute('viewBox', `0 0 ${count} ${count}`);
1423 |
1424 | for (let row = 0; row < count; row++) {
1425 | for (let col = 0; col < count; col++) {
1426 | let rect = document.createElementNS('http://www.w3.org/2000/svg', 'rect');
1427 | let foreground = getForeGround({
1428 | row: row,
1429 | col: col,
1430 | count: count,
1431 | options: options
1432 | });
1433 | rect.setAttribute('x', col);
1434 | rect.setAttribute('y', row);
1435 | rect.setAttribute('width', 1);
1436 | rect.setAttribute('height', 1);
1437 | rect.setAttribute('stroke-width', 0);
1438 | if (qrCodeAlg.modules[row][col]) {
1439 | rect.setAttribute('fill', foreground);
1440 | } else {
1441 | rect.setAttribute('fill', options.background);
1442 | }
1443 | svg.appendChild(rect);
1444 | }
1445 | }
1446 |
1447 | // create image
1448 | if (options.image) {
1449 | let img = document.createElementNS('http://www.w3.org/2000/svg', 'image');
1450 | img.setAttributeNS('http://www.w3.org/1999/xlink', 'href', options.image);
1451 | img.setAttribute('x', ((count - options.imageSize * scale) / 2).toFixed(2));
1452 | img.setAttribute('y', ((count - options.imageSize * scale) / 2).toFixed(2));
1453 | img.setAttribute('width', options.imageSize * scale);
1454 | img.setAttribute('height', options.imageSize * scale);
1455 | svg.appendChild(img);
1456 | }
1457 |
1458 | return svg;
1459 | }
1460 | });
1461 |
1462 | window.QRCode = qrcode;
1463 | })();
1464 |
--------------------------------------------------------------------------------
/public/qrcode.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/scripts/checkDep.js:
--------------------------------------------------------------------------------
1 | require('../lib/checkDep')(function(errors){
2 | console.log(errors);
3 | },'lib');
4 |
--------------------------------------------------------------------------------
/scripts/debugJestPreprocessor.js:
--------------------------------------------------------------------------------
1 | const preProcessor = require('./jestPreprocessor');
2 |
3 | module.exports = {
4 | ...preProcessor,
5 | process(...args) {
6 | const filePath = args[1];
7 | console.log('process:', filePath);
8 | return preProcessor.process(...args);
9 | },
10 | };
11 |
--------------------------------------------------------------------------------
/scripts/jestPreprocessor.js:
--------------------------------------------------------------------------------
1 | const path = require('path');
2 | const chalk = require('chalk');
3 | const { createTransformer: babelTransFormer } = require('babel-jest');
4 | const { createTransformer: tsTransFormer } = require('ts-jest');
5 | const getBabelCommonConfig = require('../lib/getBabelCommonConfig');
6 |
7 | const tsJest = tsTransFormer({
8 | tsConfig: path.join(__dirname, '../lib/tests/tsconfig.test.json'),
9 | });
10 | const babelJest = babelTransFormer(getBabelCommonConfig());
11 |
12 | module.exports = {
13 | process(src, filePath) {
14 | const isTypeScript = filePath.endsWith('.ts') || filePath.endsWith('.tsx');
15 | const isJavaScript = filePath.endsWith('.js') || filePath.endsWith('.jsx');
16 |
17 | if (isTypeScript) {
18 | src = tsJest.process(src, filePath, { moduleFileExtensions: ['js', 'jsx', 'ts', 'tsx'] });
19 | } else if (isJavaScript) {
20 | src = babelJest.process(src, filePath, { moduleFileExtensions: ['js', 'jsx', 'ts', 'tsx'] });
21 | } else {
22 | console.log(
23 | chalk.red('File not match type:'),
24 | filePath
25 | );
26 | throw new Error(`File not match type: ${filePath}`);
27 | }
28 |
29 | return src;
30 | },
31 | };
32 |
--------------------------------------------------------------------------------
/scripts/update.sh:
--------------------------------------------------------------------------------
1 | tnpm i karma --save
2 |
3 | tnpm i karma-cli --save
4 |
5 | tnpm i karma-chrome-launcher
--save
6 |
7 | tnpm i karma-coverage --save
8 |
9 | tnpm i karma-coveralls --save
10 |
11 | tnpm i karma-firefox-launcher --save
12 |
13 | tnpm i karma-ie-launcher --save
14 |
15 | tnpm i karma-mocha --save
16 |
17 | tnpm i karma-mocha-reporter --save
18 |
19 | tnpm i karma-phantomjs-launcher --save
20 |
21 | tnpm i karma-safari-launcher --save
22 |
23 | tnpm i karma-sauce-launcher --save
24 |
25 | tnpm i karma-sourcemap-loader --save
26 |
27 | tnpm i karma-webpack --save
--------------------------------------------------------------------------------
/views/js2html.xtpl:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 |
8 |
161 |
162 |
163 |
165 | 
166 |
167 | {{pkg.name}}@{{pkg.version}}
168 |
166 |
169 | 
170 |
171 |
170 |
172 | 
173 |
174 |
173 |
175 | 
176 |
177 |
176 |