Revert "Publish new docs (automated commit)"

This reverts commit ed2526c801.
This commit is contained in:
Jason Salzman
2016-10-06 11:48:09 -07:00
parent ed2526c801
commit 212982af71
54 changed files with 58621 additions and 0 deletions
Executable
+16
View File
@@ -0,0 +1,16 @@
{
"presets": ["es2015", "stage-0", "react"],
"env": {
"development": {
"plugins": [
["react-transform", {
"transforms": [{
"transform": "react-transform-hmr",
"imports": ["react"],
"locals": ["module"]
}]
}]
]
}
}
}
+15
View File
@@ -0,0 +1,15 @@
# This file is for unifying the coding style for different editors and IDEs
# editorconfig.org
root = true
[*]
end_of_line = lf
charset = utf-8
trim_trailing_whitespace = true
insert_final_newline = false
indent_style = space
indent_style = 4
[*.json]
indent_style = space
indent_size = 2
Executable
+241
View File
@@ -0,0 +1,241 @@
{
"extends": "standard",
"ecmaFeatures": {
"arrowFunctions": true, // enable arrow functions
"binaryLiterals": false, // enable binary literals
"blockBindings": true, // enable let and const (aka block bindings)
"classes": true, // enable classes
"defaultParams": true, // enable default function parameters
"destructuring": true, // enable destructuring
"forOf": true, // enable for-of loops
"generators": false, // enable generators
"modules": true, // enable modules and global strict mode
"objectLiteralComputedProperties": true, // enable computed object literal property names
"objectLiteralDuplicateProperties": true, // enable duplicate object literal properties in strict mode
"objectLiteralShorthandMethods": true, // enable object literal shorthand methods
"objectLiteralShorthandProperties": true, // enable object literal shorthand properties
"octalLiterals": false, // enable octal literals
"regexUFlag": false, // enable the regular expression u flag
"regexYFlag": false, // enable the regular expression y flag
"restParams": false, // enable the rest parameters
"spread": true, // enable the spread operator
"superInFunctions": true, // enable super references inside of functions
"templateStrings": true, // enable template strings
"unicodeCodePointEscapes": false, // enable code point escapes
"globalReturn": false, // allow return statements in the global scope
"jsx": true // enable JSX
},
"env": {
"browser": true, // browser global variables
"node": true, // Node.js global variables and Node.js-specific rules
"mocha": true, // adds all of the Mocha testing global variables
"es6": true,
},
"plugins": [
"react"
],
"parser": null,
"rules": {
"comma-dangle": 0, // disallow trailing commas in object literals
"no-cond-assign": 0, // disallow assignment in conditional expressions
"no-console": 0, // disallow use of console (off by default in the node environment)
"no-constant-condition": 0, // disallow use of constant expressions in conditions
"no-control-regex": 0, // disallow control characters in regular expressions
"no-debugger": 0, // disallow use of debugger
"no-dupe-args": 0, // disallow duplicate arguments in functions
"no-dupe-keys": 0, // disallow duplicate keys when creating object literals
"no-duplicate-case": 0, // disallow a duplicate case label
"no-empty-character-class": 0, // disallow the use of empty character classes in regular expressions
"no-empty": 0, // disallow empty statements
"no-ex-assign": 0, // disallow assigning to the exception in a catch block
"no-extra-boolean-cast": 0, // disallow double-negation boolean casts in a boolean context
"no-extra-parens": 0, // disallow unnecessary parentheses (off by default)
"no-extra-semi": 0, // disallow unnecessary semicolons
"no-func-assign": 0, // disallow overwriting functions written as function declarations
"no-inner-declarations": 0, // disallow function or variable declarations in nested blocks
"no-invalid-regexp": 0, // disallow invalid regular expression strings in the RegExp constructor
"no-irregular-whitespace": 0, // disallow irregular whitespace outside of strings and comments
"no-negated-in-lhs": 0, // disallow negation of the left operand of an in expression
"no-obj-calls": 0, // disallow the use of object properties of the global object (Math and JSON) as functions
"no-regex-spaces": 0, // disallow multiple spaces in a regular expression literal
"no-reserved-keys": 0, // disallow reserved words being used as object literal keys (off by default)
"no-sparse-arrays": 0, // disallow sparse arrays
"no-unreachable": 0, // disallow unreachable statements after a return, throw, continue, or break statement
"use-isnan": 0, // disallow comparisons with the value NaN
"valid-jsdoc": 0, // Ensure JSDoc comments are valid (off by default)
"valid-typeof": 0, // Ensure that the results of typeof are compared against a valid string
"no-unexpected-multiline": 0, // Avoid code that looks like two expressions but is actually one (off by default)
"accessor-pairs": 0, // enforces getter/setter pairs in objects (off by default)
"block-scoped-var": 0, // treat var statements as if they were block scoped (off by default)
"complexity": 0, // specify the maximum cyclomatic complexity allowed in a program (off by default)
"consistent-return": 0, // require return statements to either always or never specify values
"curly": 0, // specify curly brace conventions for all control statements
"default-case": 0, // require default case in switch statements (off by default)
"dot-notation": 0, // encourages use of dot notation whenever possible
"dot-location": 0, // enforces consistent newlines before or after dots (off by default)
"eqeqeq": 0, // require the use of === and !==
"guard-for-in": 0, // make sure for-in loops have an if statement (off by default)
"no-alert": 0, // disallow the use of alert, confirm, and prompt
"no-caller": 0, // disallow use of arguments.caller or arguments.callee
"no-div-regex": 0, // disallow division operators explicitly at beginning of regular expression (off by default)
"no-else-return": 0, // disallow else after a return in an if (off by default)
"no-empty-label": 0, // disallow use of labels for anything other then loops and switches
"no-eq-null": 0, // disallow comparisons to null without a type-checking operator (off by default)
"no-eval": 0, // disallow use of eval()
"no-extend-native": 0, // disallow adding to native types
"no-extra-bind": 0, // disallow unnecessary function binding
"no-fallthrough": 0, // disallow fallthrough of case statements
"no-floating-decimal": 0, // disallow the use of leading or trailing decimal points in numeric literals (off by default)
"no-implied-eval": 0, // disallow use of eval()-like methods
"no-iterator": 0, // disallow usage of __iterator__ property
"no-labels": 0, // disallow use of labeled statements
"no-lone-blocks": 0, // disallow unnecessary nested blocks
"no-loop-func": 0, // disallow creation of functions within loops
"no-multi-spaces": 0, // disallow use of multiple spaces
"no-multi-str": 0, // disallow use of multiline strings
"no-native-reassign": 0, // disallow reassignments of native objects
"no-new-func": 0, // disallow use of new operator for Function object
"no-new-wrappers": 0, // disallows creating new instances of String, Number, and Boolean
"no-new": 0, // disallow use of new operator when not part of the assignment or comparison
"no-octal-escape": 0, // disallow use of octal escape sequences in string literals, such as var foo = "Copyright \251";
"no-octal": 0, // disallow use of octal literals
"no-param-reassign": 0, // disallow reassignment of function parameters (off by default)
"no-process-env": 0, // disallow use of process.env (off by default)
"no-proto": 0, // disallow usage of __proto__ property
"no-redeclare": 0, // disallow declaring the same variable more then once
"no-return-assign": 0, // disallow use of assignment in return statement
"no-script-url": 0, // disallow use of javascript: urls
"no-self-compare": 0, // disallow comparisons where both sides are exactly the same (off by default)
"no-sequences": 0, // disallow use of comma operator
"no-throw-literal": 0, // restrict what can be thrown as an exception (off by default)
"no-unused-expressions": 0, // disallow usage of expressions in statement position
"no-void": 0, // disallow use of void operator (off by default)
"no-warning-comments": 0, // disallow usage of configurable warning terms in comments, e.g. TODO or FIXME (off by default)
"no-with": 0, // disallow use of the with statement
"radix": 0, // require use of the second argument for parseInt() (off by default)
"vars-on-top": 0, // requires to declare all vars on top of their containing scope (off by default)
"wrap-iife": 0, // require immediate function invocation to be wrapped in parentheses (off by default)
"yoda": 0, // require or disallow Yoda conditions
"strict": 0, // controls location of Use Strict Directives
"no-catch-shadow": 0, // disallow the catch clause parameter name being the same as a variable in the outer scope (off by default in the node environment)
"no-delete-var": 0, // disallow deletion of variables
"no-label-var": 0, // disallow labels that share a name with a variable
"no-shadow": 0, // disallow declaration of variables already declared in the outer scope
"no-shadow-restricted-names": 0, // disallow shadowing of names such as arguments
"no-undef": 0, // disallow use of undeclared variables unless mentioned in a /*global */ block
"no-undef-init": 0, // disallow use of undefined when initializing variables
"no-undefined": 0, // disallow use of undefined variable (off by default)
"no-unused-vars": 0, // disallow declaration of variables that are not used in the code
"no-use-before-define": 0, // disallow use of variables before they are defined
"handle-callback-err": 0, // enforces error handling in callbacks (off by default) (on by default in the node environment)
"no-mixed-requires": 0, // disallow mixing regular variable and require declarations (off by default) (on by default in the node environment)
"no-new-require": 0, // disallow use of new operator with the require function (off by default) (on by default in the node environment)
"no-path-concat": 0, // disallow string concatenation with __dirname and __filename (off by default) (on by default in the node environment)
"no-process-exit": 0, // disallow process.exit() (on by default in the node environment)
"no-restricted-modules": 0, // restrict usage of specified node modules (off by default)
"no-sync": 0, // disallow use of synchronous methods (off by default)
"array-bracket-spacing": 0, // enforce spacing inside array brackets (off by default)
"brace-style": 0, // enforce one true brace style (off by default)
"camelcase": 0, // require camel case names
"comma-spacing": 0, // enforce spacing before and after comma
"comma-style": 0, // enforce one true comma style (off by default)
"computed-property-spacing": 0, // require or disallow padding inside computed properties (off by default)
"consistent-this": 0, // enforces consistent naming when capturing the current execution context (off by default)
"eol-last": 0, // enforce newline at the end of file, with no multiple empty lines
"func-names": 0, // require function expressions to have a name (off by default)
"func-style": 0, // enforces use of function declarations or expressions (off by default)
"indent": 0, // this option sets a specific tab width for your code (off by default)
"key-spacing": 0, // enforces spacing between keys and values in object literal properties
"lines-around-comment": 0, // enforces empty lines around comments (off by default)
"linebreak-style": 0, // disallow mixed 'LF' and 'CRLF' as linebreaks (off by default)
"max-nested-callbacks": 0, // specify the maximum depth callbacks can be nested (off by default)
"new-cap": 0, // require a capital letter for constructors
"new-parens": 0, // disallow the omission of parentheses when invoking a constructor with no arguments
"newline-after-var": 0, // allow/disallow an empty newline after var statement (off by default)
"no-array-constructor": 0, // disallow use of the Array constructor
"no-continue": 0, // disallow use of the continue statement (off by default)
"no-inline-comments": 0, // disallow comments inline after code (off by default)
"no-lonely-if": 0, // disallow if as the only statement in an else block (off by default)
"no-mixed-spaces-and-tabs": 0, // disallow mixed spaces and tabs for indentation
"no-multiple-empty-lines": 0, // disallow multiple empty lines (off by default)
"no-nested-ternary": 0, // disallow nested ternary expressions (off by default)
"no-new-object": 0, // disallow use of the Object constructor
"no-spaced-func": 0, // disallow space between function identifier and application
"no-ternary": 0, // disallow the use of ternary operators (off by default)
"no-trailing-spaces": 0, // disallow trailing whitespace at the end of lines
"no-underscore-dangle": 0, // disallow dangling underscores in identifiers
"one-var": 0, // allow just one var statement per function (off by default)
"operator-assignment": 0, // require assignment operator shorthand where possible or prohibit it entirely (off by default)
"operator-linebreak": 0, // enforce operators to be placed before or after line breaks (off by default)
"padded-blocks": 0, // enforce padding within blocks (off by default)
"quote-props": 0, // require quotes around object literal property names (off by default)
"quotes": 0, // specify whether double or single quotes should be used
"semi-spacing": 0, // enforce spacing before and after semicolons
"semi": 0, // require or disallow use of semicolons instead of ASI
"sort-vars": 0, // sort variables within the same declaration block (off by default)
"space-after-keywords": 0, // require a space after certain keywords (off by default)
"space-before-blocks": 0, // require or disallow space before blocks (off by default)
"space-before-function-paren": 0, // require or disallow space before function opening parenthesis (off by default)
"space-in-parens": 0, // require or disallow spaces inside parentheses (off by default)
"space-infix-ops": 0, // require spaces around operators
"space-return-throw-case": 0, // require a space after return, throw, and case
"space-unary-ops": 0, // require or disallow spaces before/after unary operators (words on by default, nonwords off by default)
"spaced-comment": 0, // require or disallow a space immediately following the // or /* in a comment (off by default)
"wrap-regex": 0, // require regex literals to be wrapped in parentheses (off by default)
"constructor-super": 0, // verify super() callings in constructors (off by default)
"generator-star-spacing": 0, // enforce the spacing around the * in generator functions (off by default)
"no-this-before-super": 0, // disallow to use this/super before super() calling in constructors (off by default)
"no-var": 0, // require let or const instead of var (off by default)
"object-shorthand": 0, // require method and property shorthand syntax for object literals (off by default)
"prefer-const": 0, // suggest using of const declaration for variables that are never modified after declared (off by default)
"max-depth": 0, // specify the maximum depth that blocks can be nested (off by default)
"max-len": 0, // specify the maximum length of a line in your program (off by default)
"max-params": 0, // limits the number of parameters that can be used in the function declaration. (off by default)
"max-statements": 0, // specify the maximum number of statement allowed in a function (off by default)
"no-bitwise": 0, // disallow use of bitwise operators (off by default)
"no-plusplus": 0, // disallow use of unary operators, ++ and -- (off by default)
"react/display-name": 2,
"react/forbid-prop-types": 0,
"react/jsx-boolean-value": 2,
"react/jsx-closing-bracket-location": [2, 'after-props'],
"react/jsx-curly-spacing": [2, "never"],
"react/jsx-indent-props": 2,
"react/jsx-key": 2,
"react/jsx-max-props-per-line": [2, { "maximum": 4 }],
"react/jsx-no-duplicate-props": 2,
"react/jsx-no-literals": 0,
"react/jsx-no-undef": 2,
"react/jsx-pascal-case": 2,
"react/jsx-sort-prop-types": 2,
"react/jsx-sort-props": 0,
"react/jsx-uses-react": 2,
"react/jsx-uses-vars": 2,
"react/no-danger": 2,
"react/no-deprecated": 2,
"react/no-did-mount-set-state": 2,
"react/no-did-update-set-state": 2,
"react/no-direct-mutation-state": 2,
"react/no-multi-comp": 2,
"react/no-set-state": 0,
"react/no-unknown-property": 2,
"react/prefer-es6-class": 0,
"react/prop-types": 2,
"react/react-in-jsx-scope": 2,
"react/require-extension": 2,
"react/self-closing-comp": 2,
"react/sort-comp": 2,
"react/wrap-multilines": 0
}
}
Executable
+217
View File
@@ -0,0 +1,217 @@
# Documentation about rules https://github.com/causes/scss-lint/blob/master/lib/scss_lint/linter/README.md
scss_files: "**/*.scss"
linters:
BangFormat:
enabled: true
BemDepth:
enabled: false
max_elements: 1
BorderZero:
enabled: false
ChainedClasses:
enabled: false
ColorKeyword:
enabled: true
ColorVariable:
enabled: false
Comment:
enabled: false
DebugStatement:
enabled: true
DeclarationOrder:
enabled: true
DisableLinterReason:
enabled: false
DuplicateProperty:
enabled: true
ElsePlacement:
enabled: true
style: same_line
EmptyLineBetweenBlocks:
enabled: true
ignore_single_line_blocks: true
EmptyRule:
enabled: true
ExtendDirective:
enabled: false
FinalNewline:
enabled: true
present: true
HexLength:
enaled: true
style: short
HexNotation:
enabled: true
style: lowercase
HexValidation:
enabled: true
IdSelector:
enabled: true
ImportantRule:
enabled: true
ImportPath:
enabled: true
leading_underscore: false
filename_extension: false
Indentation:
enabled: true
allow_non_nested_indentation: false
character: space # or 'tab'
width: 4
LeadingZero:
enabled: true
style: exclude_zero
MergeableSelector:
enabled: true
force_nesting: true
NameFormat:
enabled: false
convention: BEM
NestingDepth:
enabled: true
max_depth: 6
PlaceholderInExtend:
enabled: true
PropertyCount:
enabled: false
PropertySortOrder:
enabled: false
PropertySpelling:
enabled: true
PropertyUnits:
enabled: true
global: [
'ch', 'em', 'ex', 'rem', # Font-relative lengths
'cm', 'in', 'mm', 'pc', 'pt', 'px', 'q', # Absolute lengths
'vh', 'vw', 'vmin', 'vmax', # Viewport-percentage lengths
'deg', 'grad', 'rad', 'turn', # Angle
'ms', 's', # Duration
'Hz', 'kHz', # Frequency
'dpi', 'dpcm', 'dppx', # Resolution
'%'] # Other
PseudoElement:
enabled: true
QualifyingElement:
enabled: true
allow_element_with_attribute: false
allow_element_with_class: false
allow_element_with_id: false
SelectorDepth:
enabled: true
max_depth: 5
SelectorFormat:
enalbed: true
convention: hyphenated_BEM
Shorthand:
enabled: true
SingleLinePerProperty:
enabled: true
SingleLinePerSelector:
enabled: true
SpaceAfterComma:
enabled: true
style: one_space
SpaceAfterPropertyColon:
enabled: true
style: one_space
SpaceAfterPropertyName:
enabled: true
SpaceAfterVariableName:
enabled: true
SpaceAroundOperator:
enabled: true
style: one_space
SpaceBeforeBrace:
enabled: true
style: space
allow_single_line_padding: false
SpaceBetweenParens:
enabled: true
spaces: 0
StringQuotes:
enabled: true
style: double_quotes # or single_quotes
TrailingSemicolon:
enabled: true
TrailingWhitespace:
enabled: true
TrailingZero:
enabled: true
TransitionAll:
enabled: false
UnnecessaryMantissa:
enabled: true
UnnecessaryParentReference:
enabled: true
UrlFormat:
enabled: true
UrlQuotes:
enabled: true
VariableForProperty:
enabled: false
VendorPrefix:
enabled: false
ZeroUnit:
enabled: true
Compass::*:
enabled: false
Executable
+32
View File
@@ -0,0 +1,32 @@
sudo: required
dist: trusty
language: node_js
node_js:
- "6"
- "5"
- "4"
env:
- CXX=g++-4.8
addons:
apt:
sources:
- ubuntu-toolchain-r-test
packages:
- g++-4.8
rvm:
- 2.1.7
before_install:
- npm install -g grunt-cli
- gem update --system && gem install scss_lint -v 0.44.0
- export CHROME_BIN=/usr/bin/google-chrome
- export DISPLAY=:99.0
- sh -e /etc/init.d/xvfb start
- sudo apt-get update
- sudo apt-get install -y libappindicator1 fonts-liberation
- wget https://dl.google.com/linux/direct/google-chrome-stable_current_amd64.deb
- sudo dpkg -i google-chrome*.deb
after_success:
- bash <(curl -s https://codecov.io/bash)
notifications:
email:
- jason@project41innovations.com
Executable
+21
View File
@@ -0,0 +1,21 @@
The MIT License (MIT)
Copyright (c) 2016 Jason Salzman
Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all
copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
SOFTWARE.
+90
View File
@@ -0,0 +1,90 @@
# React Add to Calendar Button
[![npm version](https://badge.fury.io/js/react-add-to-calendar.svg)](https://badge.fury.io/js/react-add-to-calendar)
[![Build Status](https://travis-ci.org/jasonsalzman/react-add-to-calendar.svg?branch=master)](https://travis-ci.org/jasonsalzman/react-add-to-calendar)
[![Dependency Status](https://david-dm.org/jasonsalzman/react-add-to-calendar.svg)](https://david-dm.org/jasonsalzman/react-add-to-calendar)
[![codecov](https://codecov.io/gh/jasonsalzman/react-add-to-calendar/branch/master/graph/badge.svg)](https://codecov.io/gh/jasonsalzman/react-add-to-calendar)
[![Downloads](http://img.shields.io/npm/dm/react-add-to-calendar.svg)](https://npmjs.org/package/react-add-to-calendar)
A simple and reusable Add to Calendar component for React ([Demo](https://jasonsalzman.github.io/react-add-to-calendar/))
## Installation
The package can be installed via NPM:
```
npm install react-add-to-calendar --save
```
Youll need to install React separately since it's not included in the package. Below is a simple example on how to use the Add to Calendar button in a React view.
```js
var React = require('react');
var AddToCalendar = require('react-add-to-calendar');
var Example = React.createClass({
displayName: 'Example',
getInitialState: function() {
return {
event: {
title: 'Sample Event',
description: 'This is the sample event provided as an example only',
location: 'Portland, OR',
startTime: '2016-09-16T20:15:00-04:00',
endTime: '2016-09-16T21:45:00-04:00'
}
};
},
render: function() {
return <AddToCalendar event={this.state.event}/>;
}
});
```
## Configuration
The most basic use of the Add to Calendar button can be described with:
```js
let event = {
title: 'Sample Event',
description: 'This is the sample event provided as an example only',
location: 'Portland, OR',
startTime: '2016-09-16T20:15:00-04:00',
endTime: '2016-09-16T21:45:00-04:00'
}
<AddToCalendar event={event} />
```
See [here](https://github.com/jasonsalzman/react-add-to-calendar/blob/master/docs/ReactAddToCalendar.md) for a full list of props that may be passed to the component. Examples are given on the [main website](https://jasonsalzman.github.io/react-add-to-calendar).
## Compatibility
### React
I'll do my best to stay compatible with the latest version of React. I can't guarantee support for all older versions of React.
Latest compatible versions:
- React 15.0.0 or newer
### Browser Support
The Add to Calendar button is compatible with the latest versions of Chrome, Firefox, Safari, and IE10+.
Unfortunately it is difficult to support legacy browsers while maintaining the ability to develop new features in the future. For IE9 support, it is known that the [classlist polyfill](https://www.npmjs.com/package/classlist-polyfill) is needed, but this may change or break at any point in the future.
## Local Development
The `master` branch contains the latest version of the Add to Calendar component. To start your example app, you can run `npm start`. This starts a simple webserver on http://localhost:8080.
You can run `npm test` to execute the test suite and linters. To help you develop the component Ive set up some tests that covers the basic functionality (can be found in `/tests`). I highly recommend you add tests when youre adding new functionality.
### The examples
The examples are hosted within the docs folder and are ran in the simple add that loads the Add to Calendar button. To extend the examples with a new example, you can simply duplicate one of the existing examples and change the unique properties of your example.
## License
Copyright (c) 2016 Jason Salzman. Licensed under MIT license, see [LICENSE](LICENSE) for the full license.
+51824
View File
File diff suppressed because one or more lines are too long
BIN
View File
Binary file not shown.

After

Width:  |  Height:  |  Size: 7.6 KiB

+17
View File
@@ -0,0 +1,17 @@
<html>
<head>
<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,700' rel='stylesheet' type='text/css'>
<link rel="stylesheet" type="text/css" href="style.css">
<title>React Add to Calendar Button crafted by Jason Salzman</title>
<meta charset="UTF-8">
<meta name="description" content="A simple and reusable Add to Calendar component for React.">
<meta name="keywords" content="React, HTML, CSS, JavaScript, JSX, date, calendar, add to calendar, event">
</head>
<body>
<div id="app"></div>
<!-- vendors -->
<script src="bundle.js" type="text/javascript"></script>
</body>
</html>
+25
View File
@@ -0,0 +1,25 @@
#!/usr/bin/env bash
DIR="$( cd "$( dirname "${BASH_SOURCE[0]}" )" && pwd )"
npm run build
mkdir -p tmp
if [ ! -d "tmp/gh-pages" ]; then
git clone git@github.com:jasonsalzman/react-add-to-calendar.git --branch gh-pages --single-branch tmp/gh-pages
fi
cd tmp/gh-pages
git pull
find . -maxdepth 1 ! -name '.git' ! -name '.' -exec rm -r {} \;
cp -r $DIR/{bundle.js,index.html,style.css,images} ./
git add --all
git commit -m "Publish new docs (automated commit)"
git push
+5
View File
@@ -0,0 +1,5 @@
import React from 'react'
import ReactDOM from 'react-dom'
import Root from './root'
ReactDOM.render(<Root />, document.getElementById('app'))
+3
View File
@@ -0,0 +1,3 @@
@mixin breakpoint($breakpoint) {
@media (min-width: $breakpoint) { @content; }
}
+18
View File
@@ -0,0 +1,18 @@
import React from 'react'
export default React.createClass({
displayName: 'CodeExampleComponent',
propTypes: {
children: React.PropTypes.element,
id: React.PropTypes.number,
title: React.PropTypes.string
},
render () {
return <div key={this.props.id} id={`example-${this.props.id}`} className="example">
<h2 className="example__heading">{this.props.title}</h2>
{this.props.children}
</div>
}
})
+52
View File
@@ -0,0 +1,52 @@
import React from 'react'
import hljs from 'highlight.js'
import Default from './examples/default'
import CodeExampleComponent from './code_example_component'
import 'react-add-to-calendar/dist/react-add-to-calendar.css'
import './style.scss'
export default React.createClass({
displayName: 'exampleComponents',
componentDidMount () {
hljs.initHighlightingOnLoad()
},
examples: [
{
title: 'Default',
component: <Default />
}
],
renderExamples () {
return this.examples.map((example, index) =>
<CodeExampleComponent key={`example-${index}`} id={index} title={example.title}>
{example.component}
</CodeExampleComponent>
)
},
renderLeftColumn () {
return this.examples.map((example, index) =>
<li className="examples__navigation-item" key={`link-${index}`}>
<a href={`#example-${index}`}>
{example.title}
</a>
</li>
)
},
render () {
return <div>
<h1>Examples</h1>
<ul className="examples__navigation">
{this.renderLeftColumn()}
</ul>
<div className="examples">
{this.renderExamples()}
</div>
</div>
}
})
+95
View File
@@ -0,0 +1,95 @@
.examples__navigation {
display: none;
@include breakpoint(640px) {
width: 200px;
float: left;
display: block;
list-style: none;
margin: 0;
margin-right: 20px;
border: 1px solid #e4e4e4;
background: #fff;
border-radius: 4px;
overflow: hidden;
}
}
.examples__navigation-item {
border-bottom: 1px solid #e4e4e4;
&:last-child {
border-bottom: none;
}
a {
padding: 10px;
color: inherit;
text-decoration: none;
display: block;
&:hover {
background: #f5f5f5;
text-decoration: underline;
}
}
}
.examples {
overflow: hidden;
}
.example {
background-color: #fff;
border-radius: 4px;
border: 1px solid #e4e4e4;
padding: 20px;
margin-bottom: 20px;
&__heading {
color: #216ba5;
font-weight: 400;
font-size: 18px;
border: 0;
margin: 0;
padding: 0;
margin-bottom: 20px;
}
&__code {
background-color: #f5f8fb;
padding: 20px;
margin: 0 -20px 20px;
border-top: 1px solid #d8e4ef;
border-bottom: 1px solid #d8e4ef;
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;
@include breakpoint(768px) {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
border-right: 1px solid #d8e4ef;
margin-bottom: 0;
}
code {
background: none;
border: 0;
}
}
}
.red-border {
border-color: #f00;
}
.example-custom-input {
cursor: pointer;
padding: 5px 15px;
border: 0;
border-radius: 4px;
background-color: #216ba5;
font: inherit;
color: #fff;
}
+19
View File
@@ -0,0 +1,19 @@
import React from 'react'
import AddToCalendar from 'react-add-to-calendar'
export default React.createClass({
displayName: 'Default',
render () {
return <div className="row">
<pre className="column example__code">
<code className="jsx">
{"<AddToCalendar/>"}
</code>
</pre>
<div className="column">
<AddToCalendar/>
</div>
</div>
}
})
+44
View File
@@ -0,0 +1,44 @@
.hero {
color: #fff;
background-color: #216ba5;
&__content {
@extend %container-styling;
text-align: center;
padding: 175px 0;
}
&__title {
font-size: 34px;
font-weight: 600;
line-height: 1.2;
margin: 0;
padding: 0;
border-bottom: 0;
margin-bottom: 5px;
}
&__image {
height: 14px;
}
&__example {
width: 210px;
margin: 0 auto;
}
&__crafted-by {
margin-bottom: 30px;
}
&__crafted-by-link {
color: #fff;
}
}
.github-ribbon {
position: absolute;
top: 0;
right: 0;
border: 0;
}
+10
View File
@@ -0,0 +1,10 @@
import React from 'react'
import AddToCalendar from 'react-add-to-calendar'
export default React.createClass({
displayName: 'HeroExample',
render () {
return <AddToCalendar buttonTemplate={{'calendar-plus-o': 'left'}}/>
}
})
+122
View File
@@ -0,0 +1,122 @@
/*
github.com style (c) Vasily Polovnyov <vast@whiteants.net>
*/
.hljs {
display: block;
overflow-x: auto;
padding: 0.5em;
color: #333;
-webkit-text-size-adjust: none;
}
.hljs-comment,
.diff .hljs-header {
color: #998;
font-style: italic;
}
.hljs-keyword,
.css .rule .hljs-keyword,
.hljs-winutils,
.nginx .hljs-title,
.hljs-subst,
.hljs-request,
.hljs-status {
color: #333;
font-weight: bold;
}
.hljs-number,
.hljs-hexcolor,
.ruby .hljs-constant {
color: #008080;
}
.hljs-string,
.hljs-tag .hljs-value,
.hljs-doctag,
.tex .hljs-formula {
color: #d14;
}
.hljs-title,
.hljs-id,
.scss .hljs-preprocessor {
color: #900;
font-weight: bold;
}
.hljs-list .hljs-keyword,
.hljs-subst {
font-weight: normal;
}
.hljs-class .hljs-title,
.hljs-type,
.vhdl .hljs-literal,
.tex .hljs-command {
color: #458;
font-weight: bold;
}
.hljs-tag,
.hljs-tag .hljs-title,
.hljs-rule .hljs-property,
.django .hljs-tag .hljs-keyword {
color: #000080;
font-weight: normal;
}
.hljs-attribute,
.hljs-variable,
.lisp .hljs-body,
.hljs-name {
color: #008080;
}
.hljs-regexp {
color: #009926;
}
.hljs-symbol,
.ruby .hljs-symbol .hljs-string,
.lisp .hljs-keyword,
.clojure .hljs-keyword,
.scheme .hljs-keyword,
.tex .hljs-special,
.hljs-prompt {
color: #990073;
}
.hljs-built_in {
color: #0086b3;
}
.hljs-preprocessor,
.hljs-pragma,
.hljs-pi,
.hljs-doctype,
.hljs-shebang,
.hljs-cdata {
color: #999;
font-weight: bold;
}
.hljs-deletion {
background: #fdd;
}
.hljs-addition {
background: #dfd;
}
.diff .hljs-change {
background: #0086b3;
}
.hljs-chunk {
color: #aaa;
}

Some files were not shown because too many files have changed in this diff Show More