add: initail

Author: afeiship

.editorconfig

@@ -0,0 +1,11 @@
+root = true
+
+[*]
+indent_style = space
+indent_size = 2
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true
+
+[*.md]
+trim_trailing_whitespace = false

.gitignore

@@ -0,0 +1,9 @@
+node_modules
+bower_components
+coverage
+npm-debug.log
+yarn.lock
+package-lock.json
+.DS_Store
+.idea
+.vscode

.npmignore

@@ -0,0 +1,13 @@
+.idea
+.DS_Store
+**/npm-debug.log
+**/node_modules
+test
+__tests__
+src
+build
+gulpfile.js
+
+.editorconfig
+.npmrc
+.prettoerrc

.npmrc

@@ -0,0 +1,2 @@
+sass_binary_site=https://npm.taobao.org/mirrors/node-sass/
+package-lock=false

.prettierrc

@@ -0,0 +1,40 @@
+{
+ "trailingComma": "none",
+ "arrowParens": "always",
+ "printWidth": 100,
+ "bracketSpacing": true,
+ "jsxBracketSameLine": true,
+ "tabWidth": 2,
+ "semi": true,
+ "singleQuote": true,
+ "overrides": [
+ {
+ "files": ["*.json", ".eslintrc", ".tslintrc", ".prettierrc", ".tern-project"],
+ "options": {
+ "parser": "json",
+ "tabWidth": 2
+ }
+ },
+ {
+ "files": "*.{css,sass,scss,less}",
+ "options": {
+ "parser": "postcss",
+ "tabWidth": 2
+ }
+ },
+ {
+ "files": "*.ts",
+ "options": {
+ "parser": "typescript"
+ }
+ },
+ {
+ "files": "*.md",
+ "options": {
+ "trailingComma": "none",
+ "tabWidth": 2,
+ "parser": "json"
+ }
+ }
+ ]
+}

LICENSE.txt

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2019 afei <1290657123@qq.com>
+
+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.

README.md

@@ -0,0 +1,15 @@
+# react-markdown-props
+> Generate markdown properties string.
+
+## installation
+```shell
+npm install -S @feizheng/react-markdown-props 
+```
+
+## usage
+```js
+// codes
+```
+
+## resources
+- https://github.com/reactjs/react-docgen

__tests__/basic.test.js

@@ -0,0 +1,10 @@
+const reactMarkdownProps = require('../src');
+
+describe('Basic test', () => {
+ test('test development', () => {
+
+ console.log(reactMarkdownProps('__tests__/components/index.js'));
+
+ // expect(true).toBe(true);
+ });
+});

__tests__/components/index.js

@@ -0,0 +1,55 @@
+import React, { Component } from 'react';
+import ReactDOM from 'react-dom';
+import PropTypes from 'prop-types';
+import classNames from 'classnames';
+import noop from '@feizheng/noop';
+import objectAssign from 'object-assign';
+
+const CLASS_NAME = 'boilerplate-react-component';
+
+export default class BoilerplateReactComponent extends Component {
+ static displayName = CLASS_NAME;
+ static version = '__VERSION__';
+ static propTypes = {
+ /**
+ * The extended className for component.
+ */
+ className: PropTypes.string,
+ /**
+ * Default value.
+ */
+ value: PropTypes.object,
+ /**
+ * The change handler.
+ */
+ onChange: PropTypes.func
+ };
+
+ static defaultProps = {
+ value: null,
+ onChange: noop
+ };
+
+ constructor(inProps) {
+ super(inProps);
+ this.state = {};
+ }
+
+ _onClick = (e) => {
+ console.log('click me!');
+ };
+
+ render() {
+ const { className, ...props } = this.props;
+ return (
+ <div data-component={CLASS_NAME} className={classNames(CLASS_NAME, className)} {...props}>
+ <p>
+ <button onClick={this._onClick} className="icon-play">
+ PLAY
+ </button>
+ </p>
+ <p>Hello React!!</p>
+ </div>
+ );
+ }
+}

build/clean.js

@@ -0,0 +1,15 @@
+(function() {
+
+ 'use strict';
+
+ const gulp = require('gulp');
+ const $ = require('gulp-load-plugins')({
+ pattern: ['gulp-*', 'gulp.*', 'del']
+ });
+
+ //clean
+ gulp.task('clean', function() {
+ return $.del('dist');
+ });
+
+}());