Add in all the code.
This commit is contained in:
parent
792d1cee53
commit
17a7e59b76
15
.editorconfig
Normal file
15
.editorconfig
Normal file
@ -0,0 +1,15 @@
|
|||||||
|
root = true
|
||||||
|
|
||||||
|
[*]
|
||||||
|
indent_style = tab
|
||||||
|
end_of_line = lf
|
||||||
|
charset = utf-8
|
||||||
|
trim_trailing_whitespace = true
|
||||||
|
insert_final_newline = true
|
||||||
|
|
||||||
|
[package.json]
|
||||||
|
indent_style = space
|
||||||
|
indent_size = 2
|
||||||
|
|
||||||
|
[*.md]
|
||||||
|
trim_trailing_whitespace = false
|
||||||
25
.eslintrc
Normal file
25
.eslintrc
Normal file
@ -0,0 +1,25 @@
|
|||||||
|
{
|
||||||
|
'parser': 'babel-eslint',
|
||||||
|
'rules': {
|
||||||
|
'linebreak-style': [2, 'unix'],
|
||||||
|
'semi': [2, 'always'],
|
||||||
|
'no-console': 0,
|
||||||
|
'no-mixed-spaces-and-tabs': 2,
|
||||||
|
'indent': [2, 4],
|
||||||
|
'quotes': [2, 'single'],
|
||||||
|
'quote-props': [2, 'consistent-as-needed'],
|
||||||
|
'no-underscore-dangle': 0,
|
||||||
|
'arrow-body-style': 0,
|
||||||
|
},
|
||||||
|
'env': {
|
||||||
|
'es6': false,
|
||||||
|
'browser': true
|
||||||
|
},
|
||||||
|
'presets': [
|
||||||
|
'es2015'
|
||||||
|
],
|
||||||
|
'plugins': [
|
||||||
|
],
|
||||||
|
'whitelist': [
|
||||||
|
]
|
||||||
|
}
|
||||||
1
.gitattributes
vendored
Normal file
1
.gitattributes
vendored
Normal file
@ -0,0 +1 @@
|
|||||||
|
* text=auto
|
||||||
1
.gitignore
vendored
Normal file
1
.gitignore
vendored
Normal file
@ -0,0 +1 @@
|
|||||||
|
node_modules
|
||||||
27
LICENSE.md
27
LICENSE.md
@ -173,30 +173,3 @@
|
|||||||
defend, and hold each Contributor harmless for any liability
|
defend, and hold each Contributor harmless for any liability
|
||||||
incurred by, or claims asserted against, such Contributor by reason
|
incurred by, or claims asserted against, such Contributor by reason
|
||||||
of your accepting any such warranty or additional liability.
|
of your accepting any such warranty or additional liability.
|
||||||
|
|
||||||
END OF TERMS AND CONDITIONS
|
|
||||||
|
|
||||||
APPENDIX: How to apply the Apache License to your work.
|
|
||||||
|
|
||||||
To apply the Apache License to your work, attach the following
|
|
||||||
boilerplate notice, with the fields enclosed by brackets "{}"
|
|
||||||
replaced with your own identifying information. (Don't include
|
|
||||||
the brackets!) The text should be enclosed in the appropriate
|
|
||||||
comment syntax for the file format. We also recommend that a
|
|
||||||
file or class name and description of purpose be included on the
|
|
||||||
same "printed page" as the copyright notice for easier
|
|
||||||
identification within third-party archives.
|
|
||||||
|
|
||||||
Copyright {yyyy} {name of copyright owner}
|
|
||||||
|
|
||||||
Licensed under the Apache License, Version 2.0 (the "License");
|
|
||||||
you may not use this file except in compliance with the License.
|
|
||||||
You may obtain a copy of the License at
|
|
||||||
|
|
||||||
http://www.apache.org/licenses/LICENSE-2.0
|
|
||||||
|
|
||||||
Unless required by applicable law or agreed to in writing, software
|
|
||||||
distributed under the License is distributed on an "AS IS" BASIS,
|
|
||||||
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
||||||
See the License for the specific language governing permissions and
|
|
||||||
limitations under the License.
|
|
||||||
|
|||||||
22
README.md
22
README.md
@ -1,6 +1,6 @@
|
|||||||
# [TrimKit](https://gitlab.com/explorigin/trimkit)
|
# [TrimKit](https://gitlab.com/explorigin/trimkit)
|
||||||
|
|
||||||
TrimKit is a set of DOM and API abstactions for the purpose of better Javascript minification. For example:
|
TrimKit is a set of DOM and API abstractions for the purpose of better Javascript minification. For example:
|
||||||
|
|
||||||
if (a === undefined) { alert('Oops'); }
|
if (a === undefined) { alert('Oops'); }
|
||||||
|
|
||||||
@ -16,7 +16,7 @@ If we compare against undefined more than 3 times, we can save bytes by doing th
|
|||||||
|
|
||||||
which minifies down to:
|
which minifies down to:
|
||||||
|
|
||||||
function b(a) { return a === void 0; }
|
function b(a){return a===void 0}
|
||||||
|
|
||||||
if (b(a)){alert('Oops');}
|
if (b(a)){alert('Oops');}
|
||||||
|
|
||||||
@ -24,6 +24,24 @@ With enough uses of common APIs, you can win back some bytes.
|
|||||||
|
|
||||||
NOTE: TrimKit will help you obsess about Javascript file sizes but that does not always translate to smaller files after you apply compression. Because files using have more entropy, small, pre-compression gains can result in after compression losses. YMMV.
|
NOTE: TrimKit will help you obsess about Javascript file sizes but that does not always translate to smaller files after you apply compression. Because files using have more entropy, small, pre-compression gains can result in after compression losses. YMMV.
|
||||||
|
|
||||||
|
|
||||||
|
# Abstractions
|
||||||
|
|
||||||
|
- `undefined`
|
||||||
|
- `requestAnimationFrame`
|
||||||
|
- `Array.isArray`
|
||||||
|
- `Array.from`
|
||||||
|
- `Object.keys`
|
||||||
|
- `document`
|
||||||
|
- `typeof obj === 'function'`
|
||||||
|
- `typeof obj === 'string'`
|
||||||
|
- `typeof obj === 'number'`
|
||||||
|
- `null`
|
||||||
|
- `obj === undefined`
|
||||||
|
- `obj === null`
|
||||||
|
- `fn.apply(context, params)`
|
||||||
|
|
||||||
|
|
||||||
## Credit
|
## Credit
|
||||||
|
|
||||||
Created by [Timothy Farrell](https://github.com/explorigin)
|
Created by [Timothy Farrell](https://github.com/explorigin)
|
||||||
|
|||||||
129
dist/trimkit.js
vendored
Normal file
129
dist/trimkit.js
vendored
Normal file
@ -0,0 +1,129 @@
|
|||||||
|
(function (global, factory) {
|
||||||
|
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
|
||||||
|
typeof define === 'function' && define.amd ? define(['exports'], factory) :
|
||||||
|
(factory((global.Trimkit = global.Trimkit || {})));
|
||||||
|
}(this, function (exports) { 'use strict';
|
||||||
|
|
||||||
|
// Copyright (c) 2016 Timothy Farrell
|
||||||
|
//
|
||||||
|
// Licensed under the Apache License, Version 2.0 (the "License");
|
||||||
|
// you may not use this file except in compliance with the License.
|
||||||
|
// You may obtain a copy of the License at
|
||||||
|
//
|
||||||
|
// http://www.apache.org/licenses/LICENSE-2.0
|
||||||
|
//
|
||||||
|
// Unless required by applicable law or agreed to in writing, software
|
||||||
|
// distributed under the License is distributed on an "AS IS" BASIS,
|
||||||
|
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
||||||
|
// See the License for the specific language governing permissions and
|
||||||
|
// limitations under the License.
|
||||||
|
|
||||||
|
// ES5 output: var a=void 0;
|
||||||
|
// Invocation comparison: undefined ~~~ a
|
||||||
|
// Size delta per invocation: 9 - 1 = 8 bytes
|
||||||
|
// Size saved after: ceil(13 / 8) = 2 usages
|
||||||
|
const Undefined = void 0;
|
||||||
|
|
||||||
|
// ES5 output: var a=requestAnimationFrame;
|
||||||
|
// Invocation comparison: requestAnimationFrame(b) ~~~ a(b)
|
||||||
|
// Size delta per invocation: 24 - 4 = 20 bytes
|
||||||
|
// Size saved after: ceil(28 / 20) = 2 usages
|
||||||
|
const requestAnimationFrame = self.requestAnimationFrame;
|
||||||
|
|
||||||
|
// ES5 output: var a=Array.isArray;
|
||||||
|
// Invocation comparison: Array.isArray(b) ~~~ a(b)
|
||||||
|
// Size delta per invocation: 16 - 4 = 12 bytes
|
||||||
|
// Size saved after: ceil(20 / 12) = 2 usages
|
||||||
|
const isArray = Array.isArray;
|
||||||
|
|
||||||
|
// ES5 output: var a=Array.from;
|
||||||
|
// Invocation comparison: Array.from(b) ~~~ a(b)
|
||||||
|
// Size delta per invocation: 13 - 4 = 9 bytes
|
||||||
|
// Size saved after: ceil(17 / 9) = 2 usages
|
||||||
|
const asArray = Array.from;
|
||||||
|
|
||||||
|
// ES5 output: var a=Object.keys;
|
||||||
|
// Invocation comparison: Object.Keys(b) ~~~ a(b)
|
||||||
|
// Size delta per invocation: 14 - 4 = 10 bytes
|
||||||
|
// Size saved after: ceil(18 / 10) = 2 usages
|
||||||
|
const ObjectKeys = Object.keys;
|
||||||
|
|
||||||
|
// ES5 output: var a=self.document;
|
||||||
|
// Invocation comparison: document ~~~ a
|
||||||
|
// Size delta per invocation: 8 - 1 = 7 bytes
|
||||||
|
// Size saved after: ceil(20 / 7) = 3 usages
|
||||||
|
const DOMDocument = self.document;
|
||||||
|
|
||||||
|
// ES5 output: function a(b){return"function"===typeof b};
|
||||||
|
// Invocation comparison: typeof a==='function' ~~~ a(b)
|
||||||
|
// Size delta per invocation: 21 - 4 = 17 bytes
|
||||||
|
// Size saved after: ceil(43 / 17) = 3 usages
|
||||||
|
function isFunction(obj) {
|
||||||
|
return typeof obj === 'function';
|
||||||
|
}
|
||||||
|
|
||||||
|
// ES5 output: function a(b){return"string"===typeof b};
|
||||||
|
// Invocation comparison: typeof a==='string' ~~~ a(b)
|
||||||
|
// Size delta per invocation: 19 - 4 = 15 bytes
|
||||||
|
// Size saved after: ceil(41 / 15) = 3 usages
|
||||||
|
function isString(obj) {
|
||||||
|
return typeof obj === 'string';
|
||||||
|
}
|
||||||
|
|
||||||
|
// ES5 output: function a(b){return"number"===typeof b};
|
||||||
|
// Invocation comparison: typeof a==='number' ~~~ a(b)
|
||||||
|
// Size delta per invocation: 19 - 4 = 15 bytes
|
||||||
|
// Size saved after: ceil(41 / 15) = 3 usages
|
||||||
|
function isNumber(obj) {
|
||||||
|
return typeof obj === 'number';
|
||||||
|
}
|
||||||
|
|
||||||
|
// ES5 declaration: var a=null;
|
||||||
|
// Invocation comparison: null ~~~ a
|
||||||
|
// Size delta per invocation: 4 - 1 = 3 bytes
|
||||||
|
// Size saved after: ceil(11 / 3) = 4 usages
|
||||||
|
const Null = null;
|
||||||
|
|
||||||
|
// ES5 output: function a(b){return void 0===b};
|
||||||
|
// Invocation comparison: b===undefined ~~~ a(b)
|
||||||
|
// Size delta per invocation: 13 - 4 = 9 bytes
|
||||||
|
// Size saved after: ceil(33 / 9) = 4 usages
|
||||||
|
function isUndefined(a) {
|
||||||
|
return a === undefined;
|
||||||
|
}
|
||||||
|
|
||||||
|
// ES5 output: function a(b,c){return a.apply(b,c)};
|
||||||
|
// Invocation comparison A: a.apply(b,c,d) ~~~ a(b,c,d)
|
||||||
|
// Invocation comparison B: a.apply(b,c) ~~~ a(b,c)
|
||||||
|
// Size delta per invocation A: 14 - 8 = 6 bytes
|
||||||
|
// Size delta per invocation B: 12 - 6 = 6 bytes
|
||||||
|
// Size saved after: ceil(37 / 6) = 7 usages
|
||||||
|
function apply(obj, context, params) {
|
||||||
|
return obj.apply(context, params);
|
||||||
|
}
|
||||||
|
|
||||||
|
// ES5 output: function a(b){return null===b};
|
||||||
|
// Invocation comparison: b===null ~~~ a(b)
|
||||||
|
// Size delta per invocation: 8 - 4 = 4 bytes
|
||||||
|
// Size saved after: ceil(31 / 4) = 8 usages
|
||||||
|
function isNull(a) {
|
||||||
|
return a === null;
|
||||||
|
}
|
||||||
|
|
||||||
|
exports.Undefined = Undefined;
|
||||||
|
exports.requestAnimationFrame = requestAnimationFrame;
|
||||||
|
exports.isArray = isArray;
|
||||||
|
exports.asArray = asArray;
|
||||||
|
exports.ObjectKeys = ObjectKeys;
|
||||||
|
exports.DOMDocument = DOMDocument;
|
||||||
|
exports.isFunction = isFunction;
|
||||||
|
exports.isString = isString;
|
||||||
|
exports.isNumber = isNumber;
|
||||||
|
exports.Null = Null;
|
||||||
|
exports.isUndefined = isUndefined;
|
||||||
|
exports.apply = apply;
|
||||||
|
exports.isNull = isNull;
|
||||||
|
|
||||||
|
Object.defineProperty(exports, '__esModule', { value: true });
|
||||||
|
|
||||||
|
}));
|
||||||
1
dist/trimkit.min.js
vendored
Normal file
1
dist/trimkit.min.js
vendored
Normal file
@ -0,0 +1 @@
|
|||||||
|
!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports):"function"==typeof define&&define.amd?define(["exports"],n):n(e.Trimkit=e.Trimkit||{})}(this,function(e){"use strict";function n(e){return"function"==typeof e}function t(e){return"string"==typeof e}function i(e){return"number"==typeof e}function r(e){return void 0===e}function o(e,n,t){return e.apply(n,t)}function u(e){return null===e}const f=void 0,s=self.requestAnimationFrame,c=Array.isArray,d=Array.from,y=Object.keys,l=self.document,a=null;e.Undefined=f,e.requestAnimationFrame=s,e.isArray=c,e.asArray=d,e.ObjectKeys=y,e.DOMDocument=l,e.isFunction=n,e.isString=t,e.isNumber=i,e.Null=a,e.isUndefined=r,e.apply=o,e.isNull=u,Object.defineProperty(e,"__esModule",{value:!0})});
|
||||||
BIN
dist/trimkit.min.js.gz
vendored
Normal file
BIN
dist/trimkit.min.js.gz
vendored
Normal file
Binary file not shown.
41
package.json
Normal file
41
package.json
Normal file
@ -0,0 +1,41 @@
|
|||||||
|
{
|
||||||
|
"name": "trimkit",
|
||||||
|
"version": "1.0.0",
|
||||||
|
"description": "Javascript and DOM abstractions for smaller minifiable code",
|
||||||
|
"main": "src/index.js",
|
||||||
|
"files": [
|
||||||
|
"dist",
|
||||||
|
"src"
|
||||||
|
],
|
||||||
|
"scripts": {
|
||||||
|
"lint": "eslint src",
|
||||||
|
"clean": "rimraf dist",
|
||||||
|
"build:umd": "NODE_ENV=production rollup -c",
|
||||||
|
"build:umd:min": "npm run build:umd && uglifyjs -m --screw-ie8 -c -o dist/trimkit.min.js dist/trimkit.js",
|
||||||
|
"build:umd:gzip": "npm run build:umd:min && gzip -c9 dist/trimkit.min.js > dist/trimkit.min.js.gz",
|
||||||
|
"build": "npm run build:umd:gzip && ls -l dist/",
|
||||||
|
"prepublish": "npm run clean && npm run build"
|
||||||
|
},
|
||||||
|
"repository": {
|
||||||
|
"type": "git",
|
||||||
|
"url": "https://gitlab.com/explorigin/trimkit.git"
|
||||||
|
},
|
||||||
|
"keywords": [
|
||||||
|
"javascript"
|
||||||
|
],
|
||||||
|
"author": "Timothy Farrell <tim@thecookiejar.me> (https://github.com/explorigin)",
|
||||||
|
"license": "Apache 2.0",
|
||||||
|
"bugs": {
|
||||||
|
"url": "https://gitlab.com/explorigin/trimkit/issues"
|
||||||
|
},
|
||||||
|
"homepage": "https://gitlab.com/explorigin/trimkit",
|
||||||
|
"devDependencies": {
|
||||||
|
"babel-eslint": "^7.1.1",
|
||||||
|
"eslint": "3.2.0",
|
||||||
|
"eslint-plugin-flow-vars": "0.5.0",
|
||||||
|
"eslint-plugin-flowtype": "2.4.0",
|
||||||
|
"rimraf": "2.5.2",
|
||||||
|
"rollup-plugin-json": "2.0.1",
|
||||||
|
"uglifyjs": "2.4.10"
|
||||||
|
}
|
||||||
|
}
|
||||||
10
rollup.config.js
Normal file
10
rollup.config.js
Normal file
@ -0,0 +1,10 @@
|
|||||||
|
import json from 'rollup-plugin-json';
|
||||||
|
|
||||||
|
|
||||||
|
export default {
|
||||||
|
entry: 'src/index.js',
|
||||||
|
format: 'umd',
|
||||||
|
moduleName: 'Trimkit',
|
||||||
|
plugins: [ json() ],
|
||||||
|
dest: 'dist/trimkit.js'
|
||||||
|
};
|
||||||
105
src/index.js
Normal file
105
src/index.js
Normal file
@ -0,0 +1,105 @@
|
|||||||
|
// Copyright (c) 2016 Timothy Farrell
|
||||||
|
//
|
||||||
|
// Licensed under the Apache License, Version 2.0 (the "License");
|
||||||
|
// you may not use this file except in compliance with the License.
|
||||||
|
// You may obtain a copy of the License at
|
||||||
|
//
|
||||||
|
// http://www.apache.org/licenses/LICENSE-2.0
|
||||||
|
//
|
||||||
|
// Unless required by applicable law or agreed to in writing, software
|
||||||
|
// distributed under the License is distributed on an "AS IS" BASIS,
|
||||||
|
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
||||||
|
// See the License for the specific language governing permissions and
|
||||||
|
// limitations under the License.
|
||||||
|
|
||||||
|
// ES5 output: var a=void 0;
|
||||||
|
// Invocation comparison: undefined ~~~ a
|
||||||
|
// Size delta per invocation: 9 - 1 = 8 bytes
|
||||||
|
// Size saved after: ceil(13 / 8) = 2 usages
|
||||||
|
export const Undefined = void 0;
|
||||||
|
|
||||||
|
// ES5 output: var a=requestAnimationFrame;
|
||||||
|
// Invocation comparison: requestAnimationFrame(b) ~~~ a(b)
|
||||||
|
// Size delta per invocation: 24 - 4 = 20 bytes
|
||||||
|
// Size saved after: ceil(28 / 20) = 2 usages
|
||||||
|
export const requestAnimationFrame = self.requestAnimationFrame;
|
||||||
|
|
||||||
|
// ES5 output: var a=Array.isArray;
|
||||||
|
// Invocation comparison: Array.isArray(b) ~~~ a(b)
|
||||||
|
// Size delta per invocation: 16 - 4 = 12 bytes
|
||||||
|
// Size saved after: ceil(20 / 12) = 2 usages
|
||||||
|
export const isArray = Array.isArray;
|
||||||
|
|
||||||
|
// ES5 output: var a=Array.from;
|
||||||
|
// Invocation comparison: Array.from(b) ~~~ a(b)
|
||||||
|
// Size delta per invocation: 13 - 4 = 9 bytes
|
||||||
|
// Size saved after: ceil(17 / 9) = 2 usages
|
||||||
|
export const asArray = Array.from;
|
||||||
|
|
||||||
|
// ES5 output: var a=Object.keys;
|
||||||
|
// Invocation comparison: Object.Keys(b) ~~~ a(b)
|
||||||
|
// Size delta per invocation: 14 - 4 = 10 bytes
|
||||||
|
// Size saved after: ceil(18 / 10) = 2 usages
|
||||||
|
export const ObjectKeys = Object.keys;
|
||||||
|
|
||||||
|
// ES5 output: var a=self.document;
|
||||||
|
// Invocation comparison: document ~~~ a
|
||||||
|
// Size delta per invocation: 8 - 1 = 7 bytes
|
||||||
|
// Size saved after: ceil(20 / 7) = 3 usages
|
||||||
|
export const DOMDocument = self.document;
|
||||||
|
|
||||||
|
// ES5 output: function a(b){return"function"===typeof b};
|
||||||
|
// Invocation comparison: typeof a==='function' ~~~ a(b)
|
||||||
|
// Size delta per invocation: 21 - 4 = 17 bytes
|
||||||
|
// Size saved after: ceil(43 / 17) = 3 usages
|
||||||
|
export function isFunction(obj) {
|
||||||
|
return typeof obj === 'function';
|
||||||
|
}
|
||||||
|
|
||||||
|
// ES5 output: function a(b){return"string"===typeof b};
|
||||||
|
// Invocation comparison: typeof a==='string' ~~~ a(b)
|
||||||
|
// Size delta per invocation: 19 - 4 = 15 bytes
|
||||||
|
// Size saved after: ceil(41 / 15) = 3 usages
|
||||||
|
export function isString(obj) {
|
||||||
|
return typeof obj === 'string';
|
||||||
|
}
|
||||||
|
|
||||||
|
// ES5 output: function a(b){return"number"===typeof b};
|
||||||
|
// Invocation comparison: typeof a==='number' ~~~ a(b)
|
||||||
|
// Size delta per invocation: 19 - 4 = 15 bytes
|
||||||
|
// Size saved after: ceil(41 / 15) = 3 usages
|
||||||
|
export function isNumber(obj) {
|
||||||
|
return typeof obj === 'number';
|
||||||
|
}
|
||||||
|
|
||||||
|
// ES5 declaration: var a=null;
|
||||||
|
// Invocation comparison: null ~~~ a
|
||||||
|
// Size delta per invocation: 4 - 1 = 3 bytes
|
||||||
|
// Size saved after: ceil(11 / 3) = 4 usages
|
||||||
|
export const Null = null;
|
||||||
|
|
||||||
|
// ES5 output: function a(b){return void 0===b};
|
||||||
|
// Invocation comparison: b===undefined ~~~ a(b)
|
||||||
|
// Size delta per invocation: 13 - 4 = 9 bytes
|
||||||
|
// Size saved after: ceil(33 / 9) = 4 usages
|
||||||
|
export function isUndefined(a) {
|
||||||
|
return a === undefined;
|
||||||
|
}
|
||||||
|
|
||||||
|
// ES5 output: function a(b,c){return a.apply(b,c)};
|
||||||
|
// Invocation comparison A: a.apply(b,c,d) ~~~ a(b,c,d)
|
||||||
|
// Invocation comparison B: a.apply(b,c) ~~~ a(b,c)
|
||||||
|
// Size delta per invocation A: 14 - 8 = 6 bytes
|
||||||
|
// Size delta per invocation B: 12 - 6 = 6 bytes
|
||||||
|
// Size saved after: ceil(37 / 6) = 7 usages
|
||||||
|
export function apply(fn, context, params) {
|
||||||
|
return fn.apply(context, params);
|
||||||
|
}
|
||||||
|
|
||||||
|
// ES5 output: function a(b){return null===b};
|
||||||
|
// Invocation comparison: b===null ~~~ a(b)
|
||||||
|
// Size delta per invocation: 8 - 4 = 4 bytes
|
||||||
|
// Size saved after: ceil(31 / 4) = 8 usages
|
||||||
|
export function isNull(a) {
|
||||||
|
return a === null;
|
||||||
|
}
|
||||||
Loading…
x
Reference in New Issue
Block a user