diff options
Diffstat (limited to 'node_modules/ts-loader/examples/webpack2-gulp-react-flux-babel-karma/src')
5 files changed, 0 insertions, 161 deletions
diff --git a/node_modules/ts-loader/examples/webpack2-gulp-react-flux-babel-karma/src/components/App.tsx b/node_modules/ts-loader/examples/webpack2-gulp-react-flux-babel-karma/src/components/App.tsx deleted file mode 100644 index e74cc9538..000000000 --- a/node_modules/ts-loader/examples/webpack2-gulp-react-flux-babel-karma/src/components/App.tsx +++ /dev/null @@ -1,45 +0,0 @@ -import React from 'react';
-import FBEmitter from "fbemitter";
-
-import GreetingStore from '../stores/GreetingStore';
-import GreetingState from '../types/GreetingState';
-import WhoToGreet from './WhoToGreet';
-import Greeting from './Greeting';
-
-class App extends React.Component<{}, GreetingState> {
- eventSubscription: FBEmitter.EventSubscription;
- constructor(props: {}) {
- super(props);
- this.state = this.getStateFromStores();
- }
- private onChange = () => {
- this.setState(this.getStateFromStores());
- }
-
- public componentWillMount() {
- this.eventSubscription = GreetingStore.addChangeListener(this.onChange);
- }
-
- public componentWillUnmount() {
- this.eventSubscription.remove();
- }
-
- render() {
- const { greetings, newGreeting } = this.state;
- return (
- <div className="container-fluid">
- <h1>Hello People!</h1>
-
- <WhoToGreet newGreeting={ newGreeting } />
-
- { greetings.map((g, index) => <Greeting key={ index } targetOfGreeting={ g } />) }
- </div>
- );
- }
-
- private getStateFromStores() {
- return GreetingStore.getState();
- }
-}
-
-export default App;
diff --git a/node_modules/ts-loader/examples/webpack2-gulp-react-flux-babel-karma/src/components/Greeting.tsx b/node_modules/ts-loader/examples/webpack2-gulp-react-flux-babel-karma/src/components/Greeting.tsx deleted file mode 100644 index 7150537c7..000000000 --- a/node_modules/ts-loader/examples/webpack2-gulp-react-flux-babel-karma/src/components/Greeting.tsx +++ /dev/null @@ -1,37 +0,0 @@ -import React from 'react';
-
-import * as GreetingActions from '../actions/GreetingActions';
-
-interface Props {
- key: number;
- targetOfGreeting: string;
-}
-
-class Greeting extends React.Component<Props, any> {
- constructor(props: Props) {
- super(props);
- }
-
- static propTypes: React.ValidationMap<Props> = {
- targetOfGreeting: React.PropTypes.string.isRequired
- }
-
- render() {
- return (
- <p>
- Hello { this.props.targetOfGreeting }!
-
- <button className="btn btn-default btn-danger"
- onClick={ this._onClick }>
- Remove
- </button>
- </p>
- );
- }
-
- _onClick = (_event: React.MouseEvent<HTMLButtonElement>) => {
- GreetingActions.removeGreeting(this.props.targetOfGreeting);
- }
-}
-
-export default Greeting;
diff --git a/node_modules/ts-loader/examples/webpack2-gulp-react-flux-babel-karma/src/components/WhoToGreet.tsx b/node_modules/ts-loader/examples/webpack2-gulp-react-flux-babel-karma/src/components/WhoToGreet.tsx deleted file mode 100644 index 9f3deda94..000000000 --- a/node_modules/ts-loader/examples/webpack2-gulp-react-flux-babel-karma/src/components/WhoToGreet.tsx +++ /dev/null @@ -1,53 +0,0 @@ -import React from 'react';
-
-import * as GreetingActions from '../actions/GreetingActions';
-
-interface Props {
- newGreeting: string;
-}
-
-class WhoToGreet extends React.Component<Props, any> {
- constructor(props: Props) {
- super(props);
- }
-
- static propTypes: React.ValidationMap<Props> = {
- newGreeting: React.PropTypes.string.isRequired
- }
-
- render() {
- return (
- <form role="form">
- <div className="form-group">
- <input type="text" className="form-control" placeholder="Who would you like to greet?"
- value={ this.props.newGreeting }
- onChange={ this._handleNewGreetingChange } />
- <button type="submit" className="btn btn-default btn-primary"
- onClick={ this._onSubmit }
- disabled={ this._preventSubmission }>
- Add greeting
- </button>
- </div>
- </form>
- );
- }
-
- get _preventSubmission() {
- return !this.props.newGreeting;
- }
-
- _handleNewGreetingChange = (event: React.FormEvent<HTMLInputElement>) => {
- const newGreeting = (event.target as HTMLInputElement).value;
- GreetingActions.newGreetingChanged(newGreeting);
- }
-
- _onSubmit = (event: React.FormEvent<HTMLButtonElement>) => {
- event.preventDefault();
-
- if (!this._preventSubmission) {
- GreetingActions.addGreeting(this.props.newGreeting);
- }
- }
-}
-
-export default WhoToGreet;
diff --git a/node_modules/ts-loader/examples/webpack2-gulp-react-flux-babel-karma/src/index.html b/node_modules/ts-loader/examples/webpack2-gulp-react-flux-babel-karma/src/index.html deleted file mode 100644 index a3f53185a..000000000 --- a/node_modules/ts-loader/examples/webpack2-gulp-react-flux-babel-karma/src/index.html +++ /dev/null @@ -1,19 +0,0 @@ -<!doctype html>
-<html lang="en">
- <head>
- <meta charset="utf-8">
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
- <meta name="viewport" content="width=device-width, initial-scale=1">
-
- <title>TypeScript, Babel, React, Flux, and Karma</title>
-
- <!-- inject:css -->
- <!-- endinject -->
- <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
- </head>
- <body>
- <div id="content"></div>
- <!-- inject:js -->
- <!-- endinject -->
- </body>
-</html>
diff --git a/node_modules/ts-loader/examples/webpack2-gulp-react-flux-babel-karma/src/main.tsx b/node_modules/ts-loader/examples/webpack2-gulp-react-flux-babel-karma/src/main.tsx deleted file mode 100644 index 7e957bd47..000000000 --- a/node_modules/ts-loader/examples/webpack2-gulp-react-flux-babel-karma/src/main.tsx +++ /dev/null @@ -1,7 +0,0 @@ -import 'babel-polyfill';
-import React from 'react';
-import ReactDOM from 'react-dom';
-
-import App from './components/App';
-
-ReactDOM.render(<App />, document.getElementById('content'));
|