Merge pull request #4 from one-react/update-scaffold

update scaffold to or-template@v2.4.1

Author: foryuki

.babelrc.js

@@ -10,6 +10,7 @@ const presets = [
 ]
 
 const plugins = [
+  '@babel/plugin-transform-runtime',
   '@babel/plugin-proposal-class-properties',
   '@babel/plugin-proposal-object-rest-spread'
 ]

.circleci/config.yml

@@ -35,4 +35,3 @@ jobs:
 
       # run tests!
       - run: yarn test
-

.gitignore

@@ -61,4 +61,9 @@ typings/
 lib
 es
 
+# storybook examples outputs
+site
+
 package-lock.json
+
+.DS_Store

.prettierrc

@@ -1,4 +1,5 @@
 {
   "singleQuote": true,
-  "semi": false
+  "semi": false,
+  "trailingComma": "none"
 }

examples/.storybook/webpack.config.js

@@ -14,9 +14,6 @@ module.exports = (baseConfig, env, defaultConfig) => {
       },
       require.resolve('react-docgen-typescript-loader')
     ]
-  }, {
-    test: /\.scss$/,
-    use: ['style-loader', 'css-loader', 'sass-loader']
   })
 
   defaultConfig.resolve.alias['or-code-previewer'] = path.resolve(__dirname, '../../src')

examples/package.json

@@ -4,27 +4,26 @@
   "description": "",
   "main": "index.js",
   "scripts": {
+    "type-check": "tsc --noEmit",
     "dev": "start-storybook -s public -p 9001 -c .storybook",
     "build": "build-storybook -s public -o site"
   },
   "author": "foryuki <foryuki@outlook.com>",
   "license": "MIT",
   "devDependencies": {
-    "@babel/core": "^7.0.1",
-    "@storybook/addon-actions": "^4.0.0-alpha.23",
-    "@storybook/addon-info": "^4.0.0-alpha.23",
-    "@storybook/addon-options": "^4.0.0-alpha.23",
-    "@storybook/react": "^4.0.0-alpha.23",
+    "@babel/core": "^7.1.2",
+    "@storybook/addon-actions": "^4.0.2",
+    "@storybook/addon-info": "^4.0.2",
+    "@storybook/addon-options": "^4.0.2",
+    "@storybook/react": "^4.0.2",
     "@types/storybook__addon-actions": "^3.4.1",
     "@types/storybook__addon-info": "^3.4.2",
     "@types/storybook__react": "^3.0.9",
     "babel-loader": "^8.0.2",
-    "css-loader": "^1.0.0",
-    "node-sass": "^4.7.2",
+    "node-sass": "^4.9.4",
+    "or-code-previewer": "^1.0.0",
     "raw-loader": "^0.5.1",
     "react-docgen-typescript-loader": "^3.0.0",
-    "sass-loader": "^7.1.0",
-    "style-loader": "^0.23.0",
     "typescript": "^3.0.3"
   },
   "dependencies": {

examples/stories/util.tsx

@@ -2,6 +2,6 @@ import React from 'react'
 
 import CodePreviewer from 'or-code-previewer'
 
-export function previewCode(code: string): any {
+export function previewCode(code: string) {
   return <CodePreviewer title="Story Source" lang="tsx" code={code} />
 }

examples/types/declarations.d.ts

@@ -6,12 +6,15 @@ import * as React from 'react'
 import { Options } from '@storybook/addon-info'
 
 declare module '@storybook/react' {
+  interface ExtOptions extends Options {
+    text?: string | React.ReactNode
+  }
   export interface Story {
     readonly kind: string
     add(
       storyName: string,
       callback: RenderFunction,
-      options?: { info: Options & { text?: string | React.ReactNode } }
+      options?: { info: ExtOptions }
     ): this
     addDecorator(decorator: StoryDecorator): this
   }

package.json

@@ -29,14 +29,15 @@
   },
   "homepage": "https://github.com/one-react/code-previewer#readme",
   "devDependencies": {
-    "@babel/cli": "^7.0.0",
-    "@babel/core": "^7.0.1",
-    "@babel/plugin-proposal-class-properties": "^7.0.0",
+    "@babel/cli": "^7.1.2",
+    "@babel/core": "^7.1.2",
+    "@babel/plugin-proposal-class-properties": "^7.1.0",
     "@babel/plugin-proposal-object-rest-spread": "^7.0.0",
-    "@babel/plugin-transform-modules-commonjs": "^7.0.0",
-    "@babel/preset-env": "^7.0.0",
+    "@babel/plugin-transform-modules-commonjs": "^7.1.0",
+    "@babel/plugin-transform-runtime": "^7.1.0",
+    "@babel/preset-env": "^7.1.0",
     "@babel/preset-react": "^7.0.0",
-    "@babel/preset-typescript": "^7.0.0",
+    "@babel/preset-typescript": "^7.1.0",
     "@commitlint/cli": "^7.1.2",
     "@commitlint/config-angular": "^7.1.2",
     "@types/enzyme": "^3.1.14",
@@ -50,7 +51,7 @@
     "enzyme-adapter-react-16": "^1.1.0",
     "husky": "^1.0.0-rc.14",
     "jest": "^23.6.0",
-    "lint-staged": "^7.2.2",
+    "lint-staged": "^8.0.0",
     "prettier": "^1.14.2",
     "raf": "^3.4.0",
     "react": "^16.1.1",
@@ -64,6 +65,7 @@
     "typescript": "^3.0.3"
   },
   "dependencies": {
+    "@babel/runtime": "^7.1.2",
     "classnames": "^2.2.6",
     "or-theme": "^1.2.0",
     "react-copy-to-clipboard": "^5.0.1",

readme.md

@@ -1,7 +1,6 @@
 # One React Component: code-previewer
 
-
-<p align="center"><img width="150" src="https://cdn.rawgit.com/one-react/assets/2a4f10b4/logo%402x.png" alt="logo"></p>
+<p align="center"><img width="150" src="https://cdn.rawgit.com/one-react/assets/master/logo%402x.png" alt="logo"></p>
 
 [![TravisCI Build](https://img.shields.io/travis/one-react/code-previewer.svg)](https://travis-ci.org/one-react/code-previewer)
 [![CircieCI Build](https://img.shields.io/circleci/project/github/one-react/code-previewer.svg)](https://circleci.com/gh/one-react/code-previewer)
@@ -10,10 +9,7 @@
 [![Chat](https://img.shields.io/gitter/room/one-react-org/Lobby.svg)](https://gitter.im/one-react-org/Lobby)
 [![License: MIT](https://img.shields.io/badge/License-MIT-brightgreen.svg)](https://opensource.org/licenses/MIT)
 [![JavaScript Style Guide](https://img.shields.io/badge/code_style-standard-brightgreen.svg)](https://standardjs.com)
-[![Greenkeeper badge](https://badges.greenkeeper.io/one-react/code-previewer.svg)](https://greenkeeper.io/)
-
-## Inspired by `@storybook/addon-info`
-* and styles/views are similar with `@storybook/addon-info`
+[![Greenkeeper badge](https://badges.greenkeeper.io/one-react/code-previewer.svg)](https://greenkeeper.io/) 
 
 ## Installation
 ```