implement pinch to zoom
This commit is contained in:
+3
@@ -0,0 +1,3 @@
|
||||
components
|
||||
build
|
||||
node_modules
|
||||
+14
@@ -0,0 +1,14 @@
|
||||
|
||||
build: components index.js
|
||||
@component build --dev
|
||||
|
||||
components:
|
||||
@component install --dev
|
||||
|
||||
clean:
|
||||
rm -fr build components template.js
|
||||
|
||||
test:
|
||||
open test/index.html
|
||||
|
||||
.PHONY: clean test
|
||||
+37
@@ -0,0 +1,37 @@
|
||||
|
||||
# type
|
||||
|
||||
Type assertions aka less-broken `typeof`.
|
||||
|
||||
## Example
|
||||
|
||||
```js
|
||||
var type = require('type');
|
||||
|
||||
var obj = new Date;
|
||||
if (type(obj) == 'date') ...
|
||||
```
|
||||
|
||||
## API
|
||||
|
||||
```js
|
||||
type(new Date) == 'date'
|
||||
type({}) == 'object'
|
||||
type(null) == 'null'
|
||||
type(undefined) == 'undefined'
|
||||
type("hey") == 'string'
|
||||
type(true) == 'boolean'
|
||||
type(false) == 'boolean'
|
||||
type(12) == 'number'
|
||||
type(type) == 'function'
|
||||
type(/asdf/) == 'regexp'
|
||||
type((function(){ return arguments })()) == 'arguments'
|
||||
type([]) == 'array'
|
||||
type(document.createElement('div')) == 'element'
|
||||
type(NaN) == 'nan'
|
||||
type(new Error('Ups! Something wrong...')) == 'error'
|
||||
```
|
||||
|
||||
## License
|
||||
|
||||
MIT
|
||||
+13
@@ -0,0 +1,13 @@
|
||||
{
|
||||
"name": "type",
|
||||
"description": "Cross-browser type assertions (less broken typeof)",
|
||||
"version": "1.1.0",
|
||||
"keywords": ["typeof", "type", "utility"],
|
||||
"dependencies": {},
|
||||
"development": {
|
||||
"component/assert": "*"
|
||||
},
|
||||
"scripts": [
|
||||
"index.js"
|
||||
]
|
||||
}
|
||||
+34
@@ -0,0 +1,34 @@
|
||||
/**
|
||||
* toString ref.
|
||||
*/
|
||||
|
||||
var toString = Object.prototype.toString;
|
||||
|
||||
/**
|
||||
* Return the type of `val`.
|
||||
*
|
||||
* @param {Mixed} val
|
||||
* @return {String}
|
||||
* @api public
|
||||
*/
|
||||
|
||||
module.exports = function(val){
|
||||
switch (toString.call(val)) {
|
||||
case '[object Date]': return 'date';
|
||||
case '[object RegExp]': return 'regexp';
|
||||
case '[object Arguments]': return 'arguments';
|
||||
case '[object Array]': return 'array';
|
||||
case '[object Error]': return 'error';
|
||||
}
|
||||
|
||||
if (val === null) return 'null';
|
||||
if (val === undefined) return 'undefined';
|
||||
if (val !== val) return 'nan';
|
||||
if (val && val.nodeType === 1) return 'element';
|
||||
|
||||
val = val.valueOf
|
||||
? val.valueOf()
|
||||
: Object.prototype.valueOf.apply(val)
|
||||
|
||||
return typeof val;
|
||||
};
|
||||
+16
@@ -0,0 +1,16 @@
|
||||
{
|
||||
"name": "component-type",
|
||||
"description": "Cross-browser type assertions (less broken typeof)",
|
||||
"version": "1.1.0",
|
||||
"keywords": [
|
||||
"typeof",
|
||||
"type",
|
||||
"utility"
|
||||
],
|
||||
"dependencies": {},
|
||||
"main": "index.js",
|
||||
"repository": {
|
||||
"type": "git",
|
||||
"url": "https://github.com/component/type.git"
|
||||
}
|
||||
}
|
||||
+17
@@ -0,0 +1,17 @@
|
||||
<html>
|
||||
<head>
|
||||
<title>Mocha</title>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||||
<link rel="stylesheet" href="mocha.css" />
|
||||
</head>
|
||||
<body>
|
||||
<div id="mocha"></div>
|
||||
<script src="mocha.js"></script>
|
||||
<script>mocha.setup('bdd')</script>
|
||||
<script src="../build/build.js"></script>
|
||||
<script src="tests.js"></script>
|
||||
<script>
|
||||
mocha.run();
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
+231
@@ -0,0 +1,231 @@
|
||||
@charset "utf-8";
|
||||
|
||||
body {
|
||||
font: 20px/1.5 "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||
padding: 60px 50px;
|
||||
}
|
||||
|
||||
#mocha ul, #mocha li {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#mocha ul {
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
#mocha h1, #mocha h2 {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
#mocha h1 {
|
||||
margin-top: 15px;
|
||||
font-size: 1em;
|
||||
font-weight: 200;
|
||||
}
|
||||
|
||||
#mocha h1 a {
|
||||
text-decoration: none;
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
#mocha h1 a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
#mocha .suite .suite h1 {
|
||||
margin-top: 0;
|
||||
font-size: .8em;
|
||||
}
|
||||
|
||||
.hidden {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#mocha h2 {
|
||||
font-size: 12px;
|
||||
font-weight: normal;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
#mocha .suite {
|
||||
margin-left: 15px;
|
||||
}
|
||||
|
||||
#mocha .test {
|
||||
margin-left: 15px;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
#mocha .test.pending:hover h2::after {
|
||||
content: '(pending)';
|
||||
font-family: arial;
|
||||
}
|
||||
|
||||
#mocha .test.pass.medium .duration {
|
||||
background: #C09853;
|
||||
}
|
||||
|
||||
#mocha .test.pass.slow .duration {
|
||||
background: #B94A48;
|
||||
}
|
||||
|
||||
#mocha .test.pass::before {
|
||||
content: '✓';
|
||||
font-size: 12px;
|
||||
display: block;
|
||||
float: left;
|
||||
margin-right: 5px;
|
||||
color: #00d6b2;
|
||||
}
|
||||
|
||||
#mocha .test.pass .duration {
|
||||
font-size: 9px;
|
||||
margin-left: 5px;
|
||||
padding: 2px 5px;
|
||||
color: white;
|
||||
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.2);
|
||||
-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.2);
|
||||
box-shadow: inset 0 1px 1px rgba(0,0,0,.2);
|
||||
-webkit-border-radius: 5px;
|
||||
-moz-border-radius: 5px;
|
||||
-ms-border-radius: 5px;
|
||||
-o-border-radius: 5px;
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
#mocha .test.pass.fast .duration {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#mocha .test.pending {
|
||||
color: #0b97c4;
|
||||
}
|
||||
|
||||
#mocha .test.pending::before {
|
||||
content: '◦';
|
||||
color: #0b97c4;
|
||||
}
|
||||
|
||||
#mocha .test.fail {
|
||||
color: #c00;
|
||||
}
|
||||
|
||||
#mocha .test.fail pre {
|
||||
color: black;
|
||||
}
|
||||
|
||||
#mocha .test.fail::before {
|
||||
content: '✖';
|
||||
font-size: 12px;
|
||||
display: block;
|
||||
float: left;
|
||||
margin-right: 5px;
|
||||
color: #c00;
|
||||
}
|
||||
|
||||
#mocha .test pre.error {
|
||||
color: #c00;
|
||||
max-height: 300px;
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
#mocha .test pre {
|
||||
display: block;
|
||||
float: left;
|
||||
clear: left;
|
||||
font: 12px/1.5 monaco, monospace;
|
||||
margin: 5px;
|
||||
padding: 15px;
|
||||
border: 1px solid #eee;
|
||||
border-bottom-color: #ddd;
|
||||
-webkit-border-radius: 3px;
|
||||
-webkit-box-shadow: 0 1px 3px #eee;
|
||||
-moz-border-radius: 3px;
|
||||
-moz-box-shadow: 0 1px 3px #eee;
|
||||
}
|
||||
|
||||
#mocha .test h2 {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#mocha .test a.replay {
|
||||
position: absolute;
|
||||
top: 3px;
|
||||
right: 0;
|
||||
text-decoration: none;
|
||||
vertical-align: middle;
|
||||
display: block;
|
||||
width: 15px;
|
||||
height: 15px;
|
||||
line-height: 15px;
|
||||
text-align: center;
|
||||
background: #eee;
|
||||
font-size: 15px;
|
||||
-moz-border-radius: 15px;
|
||||
border-radius: 15px;
|
||||
-webkit-transition: opacity 200ms;
|
||||
-moz-transition: opacity 200ms;
|
||||
transition: opacity 200ms;
|
||||
opacity: 0.3;
|
||||
color: #888;
|
||||
}
|
||||
|
||||
#mocha .test:hover a.replay {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
#mocha-report.pass .test.fail {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#mocha-report.fail .test.pass {
|
||||
display: none;
|
||||
}
|
||||
|
||||
#mocha-error {
|
||||
color: #c00;
|
||||
font-size: 1.5 em;
|
||||
font-weight: 100;
|
||||
letter-spacing: 1px;
|
||||
}
|
||||
|
||||
#mocha-stats {
|
||||
position: fixed;
|
||||
top: 15px;
|
||||
right: 10px;
|
||||
font-size: 12px;
|
||||
margin: 0;
|
||||
color: #888;
|
||||
}
|
||||
|
||||
#mocha-stats .progress {
|
||||
float: right;
|
||||
padding-top: 0;
|
||||
}
|
||||
|
||||
#mocha-stats em {
|
||||
color: black;
|
||||
}
|
||||
|
||||
#mocha-stats a {
|
||||
text-decoration: none;
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
#mocha-stats a:hover {
|
||||
border-bottom: 1px solid #eee;
|
||||
}
|
||||
|
||||
#mocha-stats li {
|
||||
display: inline-block;
|
||||
margin: 0 5px;
|
||||
list-style: none;
|
||||
padding-top: 11px;
|
||||
}
|
||||
|
||||
code .comment { color: #ddd }
|
||||
code .init { color: #2F6FAD }
|
||||
code .string { color: #5890AD }
|
||||
code .keyword { color: #8A6343 }
|
||||
code .number { color: #2F6FAD }
|
||||
+5340
File diff suppressed because it is too large
Load Diff
+72
@@ -0,0 +1,72 @@
|
||||
var type = require('type')
|
||||
, assert = require('component-assert');
|
||||
|
||||
describe('type', function(){
|
||||
it('should match objects', function(){
|
||||
function Foo(){}
|
||||
assert('object' === type({}));
|
||||
assert('object' === type(new Foo));
|
||||
});
|
||||
|
||||
it('should match numbers', function(){
|
||||
assert('number' === type(12));
|
||||
assert('number' === type(1.0));
|
||||
assert('number' === type(-5));
|
||||
assert('number' === type(new Number(123)));
|
||||
assert('number' === type(Infinity));
|
||||
});
|
||||
|
||||
it('should match NaN', function () {
|
||||
assert('nan' === type(NaN));
|
||||
});
|
||||
|
||||
it('should match strings', function(){
|
||||
assert('string' === type("test"));
|
||||
assert('string' === type(new String('whoop')));
|
||||
});
|
||||
|
||||
it('should match dates', function(){
|
||||
assert('date' === type(new Date));
|
||||
});
|
||||
|
||||
it('should match booleans', function(){
|
||||
assert('boolean' === type(true));
|
||||
assert('boolean' === type(false));
|
||||
assert('boolean' === type(new Boolean(true)));
|
||||
});
|
||||
|
||||
it('should match null', function(){
|
||||
assert('null' === type(null));
|
||||
});
|
||||
|
||||
it('should match undefined', function(){
|
||||
assert('undefined' === type());
|
||||
assert('undefined' === type(undefined));
|
||||
});
|
||||
|
||||
it('should match arrays', function(){
|
||||
assert('array' === type([]));
|
||||
assert('array' === type(new Array()));
|
||||
});
|
||||
|
||||
it('should match regexps', function(){
|
||||
assert('regexp' === type(/asdf/));
|
||||
assert('regexp' === type(new RegExp('weee')));
|
||||
});
|
||||
|
||||
it('should match functions', function(){
|
||||
assert('function' === type(function(){}));
|
||||
});
|
||||
|
||||
it('should match arguments', function(){
|
||||
assert('arguments' === type(arguments));
|
||||
});
|
||||
|
||||
it('should match elements', function(){
|
||||
assert('element' === type(document.createElement('div')));
|
||||
});
|
||||
|
||||
it('should match errors', function(){
|
||||
assert('error' === type(new Error('Ups!')));
|
||||
});
|
||||
});
|
||||
Reference in New Issue
Block a user