feat(line): add typescript definitions

plouc · Oct 17, 2018 · cfa6a59 · cfa6a59
1 parent 790a54c
commit cfa6a59
Show file tree

Hide file tree

Showing 41 changed files with 7,827 additions and 7,564 deletions.
diff --git a/.gitignore b/.gitignore
@@ -2,7 +2,7 @@
 .idea
 *.log*
 node_modules
-/coverage
+coverage
 /storybook-static
 
 package-lock.json

diff --git a/Makefile b/Makefile
@@ -57,7 +57,7 @@ fmt: ##@0 global format code using prettier (js, css, md)
 		"packages/*/{src,stories,tests}/**/*.js" \
 		"packages/*/README.md" \
 		"website/src/**/*.{js,css}" \
-		"examples/*/src/**/*.{js,css}" \
+		"examples/*/src/**/*.{js,ts,tsx,css}" \
 		"README.md"
 
 fmt-check: ##@0 global check if files were all formatted using prettier
@@ -67,7 +67,7 @@ fmt-check: ##@0 global check if files were all formatted using prettier
         "packages/*/README.md" \
         "website/src/**/*.{js,css}" \
         "storybook/stories/**/*.{js,css}" \
-        "examples/*/src/**/*.{js,css}" \
+        "examples/*/src/**/*.{js,ts,tsx,css}" \
         "README.md"
 
 test-all: ##@0 global run all checks/tests (packages, website & examples)
@@ -188,6 +188,7 @@ package-dev-%: ##@1 packages setup package for development, link to website, run
 	@echo "${YELLOW}Preparing package ${WHITE}${*}${YELLOW} for development${RESET}"
 	@cd packages/${*} && yarn link
 	@cd website && yarn link @nivo/${*}
+	@cd examples/typescript && yarn link @nivo/${*}
 	@$(MAKE) package-watch-${*}
 
 ########################################################################################################################
@@ -259,6 +260,7 @@ storybook-deploy: ##@3 storybook build and deploy storybook
 
 examples-install: ##@4 examples install all examples dependencies
 	@$(MAKE) example-install-retro
+	@$(MAKE) example-install-typescript
 
 example-install-%: ##@4 examples install example dependencies, eg. example-install-retro
 	@echo "${YELLOW}Installing ${WHITE}${*}${YELLOW} example dependencies${RESET}"
@@ -270,6 +272,7 @@ example-start-%: ##@4 examples start example in dev mode, eg. example-start-retr
 
 examples-build: ##@4 examples build all examples
 	@$(MAKE) example-build-retro
+	@$(MAKE) example-build-typescript
 
 example-build-%: ##@4 examples build an example, eg. example-build-retro
 	@echo "${YELLOW}Building ${WHITE}${*}${YELLOW} example${RESET}"

diff --git a/examples/ts/.gitignore b/examples/ts/.gitignore
diff --git a/examples/ts/src/App.css b/examples/ts/src/App.css
diff --git a/examples/ts/src/App.test.tsx b/examples/ts/src/App.test.tsx
diff --git a/examples/ts/src/App.tsx b/examples/ts/src/App.tsx
diff --git a/examples/ts/src/index.tsx b/examples/ts/src/index.tsx
diff --git a/examples/ts/src/logo.svg b/examples/ts/src/logo.svg
diff --git a/examples/ts/src/registerServiceWorker.ts b/examples/ts/src/registerServiceWorker.ts
diff --git a/examples/ts/tslint.json b/examples/ts/tslint.json
diff --git a/examples/ts/README.md → examples/typescript/README.md b/examples/ts/README.md → examples/typescript/README.md
diff --git a/examples/ts/images.d.ts → examples/typescript/images.d.ts b/examples/ts/images.d.ts → examples/typescript/images.d.ts
diff --git a/examples/ts/package.json → examples/typescript/package.json b/examples/ts/package.json → examples/typescript/package.json
@@ -1,8 +1,9 @@
 {
-  "name": "ts",
+  "name": "nivo-example-typescript",
   "version": "0.1.0",
   "private": true,
   "dependencies": {
+    "@nivo/line": "^0.50.0",
     "react": "^16.5.2",
     "react-dom": "^16.5.2",
     "react-scripts-ts": "3.1.0"

diff --git a/examples/ts/public/favicon.ico → examples/typescript/public/favicon.ico b/examples/ts/public/favicon.ico → examples/typescript/public/favicon.ico
diff --git a/examples/ts/public/index.html → examples/typescript/public/index.html b/examples/ts/public/index.html → examples/typescript/public/index.html
@@ -19,7 +19,7 @@
       work correctly both with client-side routing and a non-root public URL.
       Learn how to configure a non-root public URL by running `npm run build`.
     -->
-    <title>React App</title>
+    <title>TypeScript demo | nivo</title>
   </head>
   <body>
     <noscript>

diff --git a/examples/ts/public/manifest.json → examples/typescript/public/manifest.json b/examples/ts/public/manifest.json → examples/typescript/public/manifest.json
diff --git a/examples/typescript/src/App.css b/examples/typescript/src/App.css
@@ -0,0 +1,18 @@
+.App {
+    text-align: center;
+}
+
+.App-header {
+    background-color: #e25d47;
+    height: 60px;
+    padding: 20px;
+    color: white;
+}
+
+.App-title {
+    font-size: 1.5em;
+}
+
+.App-intro {
+    font-size: large;
+}
diff --git a/examples/typescript/src/App.tsx b/examples/typescript/src/App.tsx
@@ -0,0 +1,16 @@
+import * as React from 'react'
+import Line from './components/Line'
+import './App.css'
+
+export default class App extends React.Component {
+    public render() {
+        return (
+            <div className="App">
+                <header className="App-header">
+                    <h1 className="App-title">nivo typescript example</h1>
+                </header>
+                <Line />
+            </div>
+        )
+    }
+}