diff --git a/.babelrc b/.babelrc index 4ffef06..5e833aa 100644 --- a/.babelrc +++ b/.babelrc @@ -1,3 +1,3 @@ { - "presets": ["env", "react"] + "presets": ["env", "react", "stage-2"] } diff --git a/.gitignore b/.gitignore index f06235c..5232681 100644 --- a/.gitignore +++ b/.gitignore @@ -1,2 +1,3 @@ node_modules dist +.vscode diff --git a/package-lock.json b/package-lock.json index 5df5214..26d67b8 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,5 +1,5 @@ { - "name": "extension-manager", + "name": "extend", "version": "0.0.0", "lockfileVersion": 1, "requires": true, diff --git a/package.json b/package.json index cf8064e..54b2711 100644 --- a/package.json +++ b/package.json @@ -14,6 +14,7 @@ "babel-loader": "^7.1.3", "babel-preset-env": "^1.6.1", "babel-preset-react": "^6.24.1", + "babel-preset-stage-2": "^6.24.1", "copy-webpack-plugin": "^4.4.2", "react": "^16.2.0", "react-dom": "^16.2.0", diff --git a/src/index.js b/src/index.js index fdc109b..d2ed485 100644 --- a/src/index.js +++ b/src/index.js @@ -1,8 +1,37 @@ -import React from 'react' +import React, { Component } from 'react' import { render } from 'react-dom' -const App = () => ( -
Hello React
-) +class App extends Component { + state = { + loading: true, + extensions: [], + } -render(, document.getElementById('root')) + componentDidMount() { + this.props.chrome.management.getAll(extensions => + this.setState({ + loading: false, + extensions, + }), + ) + } + + render() { + return ( +
+ {this.state.extensions.map(extension => ( +
+ + +
+ ))} +
+ ) + } +} + +render(, document.getElementById('root'))