Skip to content

Commit 17f6268

Browse files
LucasBassettiLucasBassetti
committed
first commit
0 parents  commit 17f6268

36 files changed

+57932
-0
lines changed

‎.babelrc

+3
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
{
2+
"presets": ["es2015", "react"]
3+
}

‎.editorconfig

+15
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,15 @@
1+
# EditorConfig helps developers define and maintain
2+
# consistent coding styles between different editors and IDEs.
3+
4+
root = true
5+
6+
[*]
7+
end_of_line = lf
8+
charset = utf-8
9+
trim_trailing_whitespace = true
10+
insert_final_newline = true
11+
indent_style = space
12+
indent_size = 2
13+
14+
[*.md]
15+
trim_trailing_whitespace = false

‎.eslintrc

+22
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,22 @@
1+
{
2+
"extends": [
3+
"airbnb"
4+
],
5+
"globals": {
6+
document: true,
7+
window: true,
8+
},
9+
"rules": {
10+
"no-console": ["off"],
11+
"no-use-before-define": ["off"],
12+
"no-restricted-syntax": ["off"],
13+
"no-param-reassign": ["off"],
14+
"no-confusing-arrow": ["off"],
15+
"class-methods-use-this": ["off"],
16+
"jsx-a11y/no-static-element-interactions": ["off"],
17+
"react/jsx-boolean-value": ["off"],
18+
"react/react-in-jsx-scope": ["off"],
19+
"react/jsx-filename-extension": [1, { "extensions": [".js", ".jsx"] }],
20+
"react/forbid-prop-types": ["off"],
21+
}
22+
}

‎.gitignore

+32
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,32 @@
1+
# Logs
2+
logs
3+
*.log
4+
5+
# Runtime data
6+
pids
7+
*.pid
8+
*.seed
9+
10+
# Directory for instrumented libs generated by jscoverage/JSCover
11+
/lib-cov
12+
13+
# Coverage directory used by tools like istanbul
14+
/coverage
15+
16+
# Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
17+
.grunt
18+
19+
# node-waf configuration
20+
.lock-wscript
21+
22+
# Compiled binary addons (http://nodejs.org/api/addons.html)
23+
/build
24+
25+
# Others
26+
/.nyc_output
27+
/app
28+
/site
29+
30+
# Dependency directory
31+
# https://www.npmjs.org/doc/misc/npm-faq.html#should-i-check-my-node_modules-folder-into-git
32+
node_modules

‎.travis.yml

+6
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
language: node_js
2+
3+
node_js:
4+
- 7
5+
- 6
6+
- 5

‎LICENSE

+21
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
The MIT License (MIT)
2+
3+
Copyright (c) 2017 Lucas Bassetti
4+
5+
Permission is hereby granted, free of charge, to any person obtaining a copy
6+
of this software and associated documentation files (the "Software"), to deal
7+
in the Software without restriction, including without limitation the rights
8+
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9+
copies of the Software, and to permit persons to whom the Software is
10+
furnished to do so, subject to the following conditions:
11+
12+
The above copyright notice and this permission notice shall be included in all
13+
copies or substantial portions of the Software.
14+
15+
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16+
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17+
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18+
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19+
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20+
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21+
SOFTWARE.

‎README.md

+155
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,155 @@
1+
# React CSS Loaders
2+
3+
A collection of pure CSS React loading components. Based on Luke Haas [css-loaders](https://github.com/lukehaas/css-loaders) project.
4+
5+
## Contents
6+
- [Getting Started](#getting-started)
7+
- [Usage](#usage)
8+
- [Components](#components)
9+
- [BarLoader](#bar-loader)
10+
- [BubbleLoader](#bubble-loader)
11+
- [BubbleSpinLoader](#bubble-spin-loader)
12+
- [CometSpinLoader](#comet-spin-loader)
13+
- [CylinderSpinLoader](#cylinder-spin-loader)
14+
- [ResizeSpinLoader](#resize-spin-loader)
15+
- [RotateSpinLoader](#rotate-spin-loader)
16+
- [SpinLoader](#spin-loader)
17+
- [How to Contribute](#how-to-contribute)
18+
19+
## Getting Start
20+
21+
```bash
22+
npm install react-css-loaders --save
23+
```
24+
25+
## Usage
26+
27+
``` javascript
28+
import { BarLoader } from 'react-css-loaders';
29+
...
30+
<BarLoader />
31+
...
32+
```
33+
34+
## Components
35+
36+
### BarLoader
37+
38+
##### Usage
39+
40+
`<BarLoader />`
41+
42+
##### Properties
43+
44+
| Name | Type | Default |
45+
|---|---|---|
46+
| `color` | `PropTypes.string` | `#000` |
47+
| `duration` | `PropTypes.number` | `1` |
48+
| `size` | `PropTypes.number` | `11` |
49+
50+
### BubbleLoader
51+
52+
##### Usage
53+
54+
`<BubbleLoader />`
55+
56+
##### Properties
57+
58+
| Name | Type | Default |
59+
|---|---|---|
60+
| `color` | `PropTypes.string` | `#000` |
61+
| `duration` | `PropTypes.number` | `1.8` |
62+
| `size` | `PropTypes.number` | `10` |
63+
64+
### BubbleSpinLoader
65+
66+
##### Usage
67+
68+
`<BubbleSpinLoader />`
69+
70+
##### Properties
71+
72+
| Name | Type | Default |
73+
|---|---|---|
74+
| `color` | `PropTypes.string` | `#000` |
75+
| `duration` | `PropTypes.number` | `1.3` |
76+
| `size` | `PropTypes.number` | `20` |
77+
78+
### CometSpinLoader
79+
80+
##### Usage
81+
82+
`<CometSpinLoader />`
83+
84+
##### Properties
85+
86+
| Name | Type | Default |
87+
|---|---|---|
88+
| `color` | `PropTypes.string` | `#000` |
89+
| `duration` | `PropTypes.number` | `1.7` |
90+
| `size` | `PropTypes.number` | `90` |
91+
92+
### CylinderSpinLoader
93+
94+
##### Usage
95+
96+
`<CylinderSpinLoader />`
97+
98+
##### Properties
99+
100+
| Name | Type | Default |
101+
|---|---|---|
102+
| `color` | `PropTypes.string` | `#000` |
103+
| `duration` | `PropTypes.number` | `1.1` |
104+
| `size` | `PropTypes.number` | `25` |
105+
106+
### ResizeSpinLoader
107+
108+
##### Usage
109+
110+
`<ResizeSpinLoader />`
111+
112+
##### Properties
113+
114+
| Name | Type | Default |
115+
|---|---|---|
116+
| `color` | `PropTypes.string` | `#000` |
117+
| `duration` | `PropTypes.number` | `2` |
118+
| `size` | `PropTypes.number` | `11` |
119+
120+
### RotateSpinLoader
121+
122+
##### Usage
123+
124+
`<RotateSpinLoader />`
125+
126+
##### Properties
127+
128+
| Name | Type | Default |
129+
|---|---|---|
130+
| `color` | `PropTypes.string` | `#000` |
131+
| `duration` | `PropTypes.number` | `1.1` |
132+
| `size` | `PropTypes.number` | `10` |
133+
134+
### SpinLoader
135+
136+
##### Usage
137+
138+
`<SpinLoader />`
139+
140+
##### Properties
141+
142+
| Name | Type | Default |
143+
|---|---|---|
144+
| `background` | `PropTypes.string` | `#fff` |
145+
| `color` | `PropTypes.string` | `#000` |
146+
| `duration` | `PropTypes.number` | `1.4` |
147+
| `size` | `PropTypes.number` | `10` |
148+
149+
## How to Contribute
150+
151+
Please check the [contributing guide](https://github.com/LucasBassetti/react-css-loaders/blob/master/contributing.md)
152+
153+
## License
154+
155+
MIT · [Lucas Bassetti](http://lucasbassetti.com.br)

‎contributing.md

+24
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,24 @@
1+
# Contributing guide
2+
3+
Want to contribute to React CSS Loader? Awesome!
4+
There are many ways you can contribute, see below.
5+
6+
## Opening issues
7+
8+
Open an issue to report bugs or to propose new features.
9+
10+
- Reporting bugs: describe the bug as clearly as you can, including steps to reproduce, what happened and what you were expecting to happen. Also include browser version, OS and other related software's (npm, Node.js, etc) versions when applicable.
11+
12+
- Proposing features: explain the proposed feature, what it should do, why it is useful, how users should use it. Give us as much info as possible so it will be easier to discuss, access and implement the proposed feature. When you're unsure about a certain aspect of the feature, feel free to leave it open for others to discuss and find an appropriate solution.
13+
14+
## Proposing pull requests
15+
16+
Pull requests are very welcome. Note that if you are going to propose drastic changes, be sure to open an issue for discussion first, to make sure that your PR will be accepted before you spend effort coding it.
17+
18+
Fork the repository, clone it locally and create a branch for your proposed bug fix or new feature. Avoid working directly on the master branch.
19+
20+
Implement your bug fix or feature, write tests to cover it and make sure all tests are passing (run a final `npm test` to make sure everything is correct). Then commit your changes, push your bug fix/feature branch to the origin (your forked repo) and open a pull request to the upstream (the repository you originally forked)'s master branch.
21+
22+
## Documentation
23+
24+
Documentation is extremely important and takes a fair deal of time and effort to write and keep updated. Please submit any and all improvements you can make to the repository's docs.

‎coverage.lcov

Whitespace-only changes.

‎dist/react-css-loaders.js

+22
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎docs/favicon.ico

1.12 KB
Binary file not shown.

‎docs/index.html

+58
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,58 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<meta charset="utf-8">
5+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
6+
<meta name="viewport" content="width=device-width, initial-scale=1">
7+
8+
<title>React Simple Chatbot</title>
9+
<meta name="description" content="A simple chatbot/conversational-ui react component">
10+
11+
<!-- Google Authorship Markup -->
12+
<link rel="author" href="https://plus.google.com/u/0/+LucasBassettiRF?rel=author">
13+
14+
<!-- Social: Facebook / Open Graph -->
15+
<meta property="og:url" content="http://lucasbassetti.com.br/react-simple-chatbot/">
16+
<meta property="og:title" content="React Simple Chatbot">
17+
<meta property="og:image" content="./favicon.icon">
18+
<meta property="og:description" content="A simple chatbot/conversational-ui react component">
19+
<meta property="og:site_name" content="React Simple Chatbot">
20+
21+
<!-- Social: Google+ / Schema.org -->
22+
<meta itemprop="name" content="React Simple Chatbot"/>
23+
<meta itemprop="description" content="A simple chatbot/conversational-ui react component">
24+
<meta itemprop="image" content="./favicon.icon"/>
25+
26+
<!-- Favicon -->
27+
<link rel="shortcut icon" href="./favicon.ico" type="image/x-icon" />
28+
29+
<!-- Links -->
30+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
31+
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Quicksand">
32+
33+
<script>
34+
window.twttr = (function(d, s, id) {
35+
var js, fjs = d.getElementsByTagName(s)[0],
36+
t = window.twttr || {};
37+
if (d.getElementById(id)) return t;
38+
js = d.createElement(s);
39+
js.id = id;
40+
js.src = "https://platform.twitter.com/widgets.js";
41+
fjs.parentNode.insertBefore(js, fjs);
42+
43+
t._e = [];
44+
t.ready = function(f) {
45+
t._e.push(f);
46+
};
47+
48+
return t;
49+
}(document, "script", "twitter-wjs"));
50+
</script>
51+
</head>
52+
<body>
53+
<div id="root"></div>
54+
<script src="https://buttons.github.io/buttons.js"></script>
55+
<script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.10.0/highlight.min.js"></script>
56+
<script src="js/bundle.js"></script>
57+
</body>
58+
</html>

0 commit comments

Comments
 (0)