Skip to content

Commit 16c0435

Browse files
heavenshellheavenshell
committed
first commit
0 parents  commit 16c0435

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

75 files changed

+19766
-0
lines changed

‎.babelrc

+3
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
{
2+
"presets": ["@babel/react", "react-static/babel-preset.js"]
3+
}

‎.editorconfig

+12
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,12 @@
1+
root = true
2+
3+
[*]
4+
end_of_line = lf
5+
insert_final_newline = true
6+
trim_trailing_whitespace = true
7+
charset = utf-8
8+
indent_style = space
9+
indent_size = 4
10+
11+
[*.{ts,tsx,json,yml,html}]
12+
indent_size = 2

‎.eslintrc.js

+42
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,42 @@
1+
module.exports = {
2+
env: {
3+
browser: true,
4+
jest: true,
5+
},
6+
extends: [
7+
'plugin:@typescript-eslint/recommended',
8+
'plugin:react/recommended',
9+
'plugin:prettier/recommended',
10+
'plugin:import/errors',
11+
'plugin:import/warnings',
12+
'plugin:import/typescript',
13+
'prettier/@typescript-eslint',
14+
'prettier/react',
15+
],
16+
parser: '@typescript-eslint/parser',
17+
plugins: ['import', '@typescript-eslint', 'react-hooks'],
18+
rules: {
19+
'@typescript-eslint/camelcase': 'off',
20+
'@typescript-eslint/explicit-function-return-type': 'off',
21+
'@typescript-eslint/prefer-interface': 'off',
22+
"@typescript-eslint/no-unused-vars": 'error',
23+
'no-return-assign': 0,
24+
'no-console': 2,
25+
'import/order': ['error', {
26+
'groups': ['builtin', 'external', 'internal', 'index', 'sibling', 'parent'],
27+
'newlines-between': 'always',
28+
}],
29+
'import/no-named-export': 0,
30+
'import/newline-after-import': 2,
31+
'import/named': 0, // ref: https://github.com/benmosher/eslint-plugin-import/issues/1282
32+
'react-hooks/rules-of-hooks': 'error',
33+
'react/display-name': 0,
34+
'react/jsx-filename-extension': [1, { extensions: ['.tsx'] }],
35+
'react/prop-types': 0,
36+
},
37+
settings: {
38+
react: {
39+
version: 'detect',
40+
},
41+
},
42+
}

‎.gitignore

+95
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,95 @@
1+
### https://raw.github.com/github/gitignore/85bf08b19a77c62d7b6286c2db8811f2ff373b0f/Node.gitignore
2+
3+
# Logs
4+
logs
5+
*.log
6+
npm-debug.log*
7+
yarn-debug.log*
8+
yarn-error.log*
9+
lerna-debug.log*
10+
11+
# Diagnostic reports (https://nodejs.org/api/report.html)
12+
report.[0-9]*.[0-9]*.[0-9]*.[0-9]*.json
13+
14+
# Runtime data
15+
pids
16+
*.pid
17+
*.seed
18+
*.pid.lock
19+
20+
# Directory for instrumented libs generated by jscoverage/JSCover
21+
lib-cov
22+
23+
# Coverage directory used by tools like istanbul
24+
coverage
25+
*.lcov
26+
27+
# nyc test coverage
28+
.nyc_output
29+
30+
# Grunt intermediate storage (https://gruntjs.com/creating-plugins#storing-task-files)
31+
.grunt
32+
33+
# Bower dependency directory (https://bower.io/)
34+
bower_components
35+
36+
# node-waf configuration
37+
.lock-wscript
38+
39+
# Compiled binary addons (https://nodejs.org/api/addons.html)
40+
build/Release
41+
42+
# Dependency directories
43+
node_modules/
44+
jspm_packages/
45+
46+
# TypeScript v1 declaration files
47+
typings/
48+
49+
# TypeScript cache
50+
*.tsbuildinfo
51+
52+
# Optional npm cache directory
53+
.npm
54+
55+
# Optional eslint cache
56+
.eslintcache
57+
58+
# Optional REPL history
59+
.node_repl_history
60+
61+
# Output of 'npm pack'
62+
*.tgz
63+
64+
# Yarn Integrity file
65+
.yarn-integrity
66+
67+
# dotenv environment variables file
68+
.env
69+
.env.test
70+
71+
# parcel-bundler cache (https://parceljs.org/)
72+
.cache
73+
74+
# next.js build output
75+
.next
76+
77+
# nuxt.js build output
78+
.nuxt
79+
80+
# vuepress build output
81+
.vuepress/dist
82+
83+
# Serverless directories
84+
.serverless/
85+
86+
# FuseBox cache
87+
.fusebox/
88+
89+
# DynamoDB Local files
90+
.dynamodb/
91+
92+
# App
93+
dist/
94+
artifacts/
95+
tmp/

‎.markdownlintrc

+30
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,30 @@
1+
{
2+
"default": true,
3+
"line-length": false,
4+
"no-duplicate-header": false,
5+
"no-hard-tabs": true,
6+
"no-inline-html": {
7+
"allowed_elements": [
8+
"br",
9+
"ul",
10+
"li",
11+
"div",
12+
"iframe"
13+
]
14+
},
15+
"no-space-in-code": true,
16+
"no-space-in-links": true,
17+
"no-space-in-emphasis": true,
18+
"list-marker-space": false,
19+
"no-blanks-blockquote": true,
20+
"no-multiple-space-blockquote": true,
21+
"no-multiple-blanks": true,
22+
"no-trailing-punctuation": false,
23+
"ul-indent": false,
24+
"no-trailing-spaces": true,
25+
"no-bare-urls": false,
26+
"MD025": {
27+
"front_matter_title": ""
28+
},
29+
"fenced-code-language": false
30+
}

‎.prettierignore

+2
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,2 @@
1+
*.json
2+
*.md

‎.prettierrc

+9
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
{
2+
"bracketSpacing": true,
3+
"parser": "typescript",
4+
"semi": false,
5+
"singleQuote": true,
6+
"tabWidth": 2,
7+
"trailingComma": "es5",
8+
"useTabs": false
9+
}

‎.storybook/addons.js

+4
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,4 @@
1+
import '@storybook/addon-actions/register'
2+
import '@storybook/addon-links/register'
3+
import '@storybook/addon-knobs/register'
4+
import '@storybook/addon-viewport/register'

‎.storybook/config.js

+61
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,61 @@
1+
import React from 'react'
2+
import { configure, addDecorator } from '@storybook/react'
3+
import { withKnobs, boolean } from '@storybook/addon-knobs'
4+
import { addParameters } from '@storybook/react'
5+
6+
import { ThemeProvider as StyledThemeProvider } from 'emotion-theming'
7+
import { ThemeProvider as MaterialThemeProvider } from '@material-ui/styles'
8+
9+
import { getTheme } from '../src/theme'
10+
11+
// automatically import all files ending in *.stories.tsx
12+
const req = require.context('../src/components', true, /.stories.tsx?$/)
13+
const loadStories = () => req.keys().forEach(filename => req(filename))
14+
const theme = getTheme()
15+
16+
addDecorator(withKnobs)
17+
addDecorator(getStory => {
18+
return (
19+
<StyledThemeProvider theme={theme}>
20+
<MaterialThemeProvider theme={theme}>
21+
{getStory()}
22+
</MaterialThemeProvider>
23+
</StyledThemeProvider>
24+
)
25+
})
26+
27+
28+
addParameters({
29+
viewports: {
30+
responsive: {
31+
name: 'Responsive',
32+
styles: { width: '100%', height: '100%' },
33+
},
34+
xxl: {
35+
name: 'xxl',
36+
styles: { width: '1600px', height: '100%' },
37+
},
38+
xl: {
39+
name: 'xl',
40+
styles: { width: '1200px', height: '100%' },
41+
},
42+
lg: {
43+
name: 'lg',
44+
styles: { width: '992px', height: '100%' },
45+
},
46+
md: {
47+
name: 'md',
48+
styles: { width: '768px', height: '100%' },
49+
},
50+
sm: {
51+
name: 'sm',
52+
styles: { width: '576px', height: '100%' },
53+
},
54+
xs: {
55+
name: 'xs',
56+
styles: { width: '568px', height: '100%' },
57+
},
58+
},
59+
})
60+
61+
configure(loadStories, module)

‎.storybook/webpack.config.js

+25
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,25 @@
1+
// you can use this file to add your custom webpack plugins, loaders and anything you like.
2+
// This is just the basic way to add additional webpack configurations.
3+
// For more information refer the docs: https://storybook.js.org/configurations/custom-webpack-config
4+
5+
// IMPORTANT
6+
// When you add this file, we won't add the default configurations which is similar
7+
// to "React Create App". This only has babel loader to load JavaScript.
8+
9+
const TsConfigWebpackPlugin = require('ts-config-webpack-plugin')
10+
11+
module.exports = ({ config }) => {
12+
config.module.rules.push(
13+
{
14+
test: /\.css$/,
15+
use: ['style-loader', 'css-loader'],
16+
},
17+
{
18+
test: /\.(ts|tsx)$/,
19+
use: ['babel-loader'],
20+
}
21+
)
22+
config.plugins.push(new TsConfigWebpackPlugin())
23+
config.resolve.extensions.push('.ts', '.tsx', '.js', '.jsx')
24+
return config
25+
}

‎LICENSE

+21
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,21 @@
1+
MIT License
2+
3+
Copyright (c) 2019 Shinya Ohyanagi.
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

+55
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,55 @@
1+
# My Site build with React-Static
2+
3+
| Library | Description |
4+
|:---------------|:--------------------------------|
5+
| React | Declarative library |
6+
| React-Static | Static site generator |
7+
| React-Router | Router library |
8+
| Material-UI | UI components |
9+
| Emotion | CSS-in-JS |
10+
| jdown + Marked | Markdown |
11+
| htmr | HTML to React element converter |
12+
| Jest | Testing framework |
13+
| Enzyme | React testing library |
14+
| Storybook | UI component dev & test |
15+
16+
## Install
17+
18+
```
19+
$ yarn
20+
```
21+
22+
## Usage
23+
24+
### Build
25+
26+
```
27+
$ yarn build
28+
```
29+
30+
### Development
31+
32+
```
33+
$ yarn start
34+
```
35+
36+
### Storybook
37+
38+
```
39+
$ yarn storybook
40+
```
41+
42+
### Test
43+
44+
```
45+
$ yarn test
46+
```
47+
48+
### Lint
49+
50+
```
51+
$ yarn lint
52+
```
53+
54+
## LICENSE
55+
MIT

‎config/jest.setup.ts

+6
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
import 'jest-enzyme'
2+
3+
import Enzyme from 'enzyme'
4+
import Adapter from 'enzyme-adapter-react-16'
5+
6+
Enzyme.configure({ adapter: new Adapter() })

‎config/tsconfig.test.json

+6
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,6 @@
1+
{
2+
"extends": "../tsconfig",
3+
"compilerOptions": {
4+
"jsx": "react"
5+
}
6+
}

‎contents/collections/posts/2019-07-15_hello.md

+9
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,9 @@
1+
---
2+
title: Hello
3+
date: 2019-07-15
4+
slug: hello
5+
---
6+
7+
## Hello
8+
9+
Hello world!

0 commit comments

Comments
 (0)