aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorMartin Ashby <martin@martin-laptop.lan>2018-05-17 21:28:49 +0100
committerMartin Ashby <martin@martin-laptop.lan>2018-05-17 21:28:49 +0100
commit7e45cf7f66327c87a5369b8194fc05ba60fc3755 (patch)
tree255b9166ac55565f62f95b419c6a44a73dd6ab3e
parente8215610fda6a39cf57dd19367fe9757597d31e7 (diff)
downloadunicornpaint-7e45cf7f66327c87a5369b8194fc05ba60fc3755.tar.gz
unicornpaint-7e45cf7f66327c87a5369b8194fc05ba60fc3755.tar.bz2
unicornpaint-7e45cf7f66327c87a5369b8194fc05ba60fc3755.tar.xz
unicornpaint-7e45cf7f66327c87a5369b8194fc05ba60fc3755.zip
Added twitter feed for livestream video
-rw-r--r--package-lock.json121
-rw-r--r--package.json3
-rw-r--r--src/App.js6
3 files changed, 29 insertions, 101 deletions
diff --git a/package-lock.json b/package-lock.json
index 9128614..02a2fd6 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -90,22 +90,6 @@
}
}
},
- "active-event-stack": {
- "version": "1.0.0",
- "resolved": "https://registry.npmjs.org/active-event-stack/-/active-event-stack-1.0.0.tgz",
- "integrity": "sha1-a1uS661xmvrpgs1R9Jw4xbaADFA=",
- "requires": {
- "immutable": "3.8.2",
- "lodash": "3.10.1"
- },
- "dependencies": {
- "lodash": {
- "version": "3.10.1",
- "resolved": "https://registry.npmjs.org/lodash/-/lodash-3.10.1.tgz",
- "integrity": "sha1-W/Rejkm6QYnhfUgnid/RW9FAt7Y="
- }
- }
- },
"address": {
"version": "1.0.3",
"resolved": "https://registry.npmjs.org/address/-/address-1.0.3.tgz",
@@ -1424,11 +1408,6 @@
"hoek": "4.2.1"
}
},
- "bowser": {
- "version": "1.9.3",
- "resolved": "https://registry.npmjs.org/bowser/-/bowser-1.9.3.tgz",
- "integrity": "sha512-/gp96UlcFw5DbV2KQPCqTqi0Mb9gZRyDAHiDsGEH+4B/KOQjeoE5lM1PxlVX8DQDvfEfitmC1rW2Oy8fk/XBDg=="
- },
"boxen": {
"version": "1.3.0",
"resolved": "https://registry.npmjs.org/boxen/-/boxen-1.3.0.tgz",
@@ -1891,11 +1870,6 @@
}
}
},
- "classnames": {
- "version": "2.2.5",
- "resolved": "https://registry.npmjs.org/classnames/-/classnames-2.2.5.tgz",
- "integrity": "sha1-+zgB1FNGdknvNgPH1hoCvRKb3m0="
- },
"clean-css": {
"version": "4.1.11",
"resolved": "https://registry.npmjs.org/clean-css/-/clean-css-4.1.11.tgz",
@@ -2297,15 +2271,6 @@
"resolved": "https://registry.npmjs.org/css-color-names/-/css-color-names-0.0.4.tgz",
"integrity": "sha1-gIrcLnnPhHOAabZGyyDsJ762KeA="
},
- "css-in-js-utils": {
- "version": "2.0.1",
- "resolved": "https://registry.npmjs.org/css-in-js-utils/-/css-in-js-utils-2.0.1.tgz",
- "integrity": "sha512-PJF0SpJT+WdbVVt0AOYp9C8GnuruRlL/UFW7932nLWmFLQTaWEzTBQEx7/hn4BuV+WON75iAViSUJLiU3PKbpA==",
- "requires": {
- "hyphenate-style-name": "1.0.2",
- "isobject": "3.0.1"
- }
- },
"css-loader": {
"version": "0.28.7",
"resolved": "https://registry.npmjs.org/css-loader/-/css-loader-0.28.7.tgz",
@@ -2847,11 +2812,6 @@
"resolved": "https://registry.npmjs.org/duplexer3/-/duplexer3-0.1.4.tgz",
"integrity": "sha1-7gHdHKwO08vH/b6jfcCo8c4ALOI="
},
- "dynamics.js": {
- "version": "1.1.5",
- "resolved": "https://registry.npmjs.org/dynamics.js/-/dynamics.js-1.1.5.tgz",
- "integrity": "sha1-uQvcM2Bc7+ZSuEFucB95v27vzjI="
- },
"ecc-jsbn": {
"version": "0.1.1",
"resolved": "https://registry.npmjs.org/ecc-jsbn/-/ecc-jsbn-0.1.1.tgz",
@@ -3451,6 +3411,11 @@
"strip-eof": "1.0.0"
}
},
+ "exenv": {
+ "version": "1.2.2",
+ "resolved": "https://registry.npmjs.org/exenv/-/exenv-1.2.2.tgz",
+ "integrity": "sha1-KueOhdmJQVhnCwPUe+wfA72Ru50="
+ },
"expand-brackets": {
"version": "2.1.4",
"resolved": "https://registry.npmjs.org/expand-brackets/-/expand-brackets-2.1.4.tgz",
@@ -5041,11 +5006,6 @@
"resolved": "https://registry.npmjs.org/humps/-/humps-2.0.1.tgz",
"integrity": "sha1-3QLqYIG9BWjcXQcxhEY5V7qe+ao="
},
- "hyphenate-style-name": {
- "version": "1.0.2",
- "resolved": "https://registry.npmjs.org/hyphenate-style-name/-/hyphenate-style-name-1.0.2.tgz",
- "integrity": "sha1-MRYKNpMK2vH8BMYHT360FGXU7Es="
- },
"iconv-lite": {
"version": "0.4.23",
"resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.4.23.tgz",
@@ -5077,11 +5037,6 @@
"resolved": "https://registry.npmjs.org/ignore/-/ignore-3.3.8.tgz",
"integrity": "sha512-pUh+xUQQhQzevjRHHFqqcTy0/dP/kS9I8HSrUydhihjuD09W6ldVWFtIrwhXdUJHis3i2rZNqEHpZH/cbinFbg=="
},
- "immutable": {
- "version": "3.8.2",
- "resolved": "https://registry.npmjs.org/immutable/-/immutable-3.8.2.tgz",
- "integrity": "sha1-wkOZUUVbs5kT2vKBN28VMOEErfM="
- },
"import-lazy": {
"version": "2.1.0",
"resolved": "https://registry.npmjs.org/import-lazy/-/import-lazy-2.1.0.tgz",
@@ -5138,15 +5093,6 @@
"resolved": "https://registry.npmjs.org/ini/-/ini-1.3.5.tgz",
"integrity": "sha512-RZY5huIKCMRWDUqZlEi72f/lmXKMvuszcMBduliQ3nnWbx9X/ZBQO7DijMEYS9EhHBb2qacRUMtC7svLwe0lcw=="
},
- "inline-style-prefixer": {
- "version": "4.0.2",
- "resolved": "https://registry.npmjs.org/inline-style-prefixer/-/inline-style-prefixer-4.0.2.tgz",
- "integrity": "sha512-N8nVhwfYga9MiV9jWlwfdj1UDIaZlBFu4cJSJkIr7tZX7sHpHhGR5su1qdpW+7KPL8ISTvCIkcaFi/JdBknvPg==",
- "requires": {
- "bowser": "1.9.3",
- "css-in-js-utils": "2.0.1"
- }
- },
"inquirer": {
"version": "3.3.0",
"resolved": "https://registry.npmjs.org/inquirer/-/inquirer-3.3.0.tgz",
@@ -6380,11 +6326,6 @@
"resolved": "https://registry.npmjs.org/jsx-ast-utils/-/jsx-ast-utils-1.4.1.tgz",
"integrity": "sha1-OGchPo3Xm/Ho8jAMDPwe+xgsDfE="
},
- "keycode": {
- "version": "2.2.0",
- "resolved": "https://registry.npmjs.org/keycode/-/keycode-2.2.0.tgz",
- "integrity": "sha1-PQr1bce4uOXLqNCpfxByBO7CKwQ="
- },
"killable": {
"version": "1.0.0",
"resolved": "https://registry.npmjs.org/killable/-/killable-1.0.0.tgz",
@@ -6895,14 +6836,6 @@
"to-regex": "3.0.2"
}
},
- "narcissus": {
- "version": "1.0.0",
- "resolved": "https://registry.npmjs.org/narcissus/-/narcissus-1.0.0.tgz",
- "integrity": "sha1-JGKgfEWYzpBl60Gyq72zDQ4w9G4=",
- "requires": {
- "inline-style-prefixer": "4.0.2"
- }
- },
"natural-compare": {
"version": "1.4.0",
"resolved": "https://registry.npmjs.org/natural-compare/-/natural-compare-1.4.0.tgz",
@@ -8881,14 +8814,6 @@
"prop-types": "15.6.1"
}
},
- "react-center-component": {
- "version": "3.0.0",
- "resolved": "https://registry.npmjs.org/react-center-component/-/react-center-component-3.0.0.tgz",
- "integrity": "sha1-0omGv0NOD46/9jyRJ38b9q0YnHI=",
- "requires": {
- "lodash": "4.17.10"
- }
- },
"react-dev-utils": {
"version": "5.0.1",
"resolved": "https://registry.npmjs.org/react-dev-utils/-/react-dev-utils-5.0.1.tgz",
@@ -8930,26 +8855,6 @@
"resolved": "https://registry.npmjs.org/react-error-overlay/-/react-error-overlay-4.0.0.tgz",
"integrity": "sha512-FlsPxavEyMuR6TjVbSSywovXSEyOg6ZDj5+Z8nbsRl9EkOzAhEIcS+GLoQDC5fz/t9suhUXWmUrOBrgeUvrMxw=="
},
- "react-modal-dialog": {
- "version": "github:Dean177/react-modal-dialog#9dbc6fe9e1d48d4643714c02ec46c8d991f338ea",
- "requires": {
- "active-event-stack": "1.0.0",
- "classnames": "2.2.5",
- "dynamics.js": "1.1.5",
- "immutable": "3.8.2",
- "keycode": "2.2.0",
- "lodash": "3.10.1",
- "narcissus": "1.0.0",
- "react-center-component": "3.0.0"
- },
- "dependencies": {
- "lodash": {
- "version": "3.10.1",
- "resolved": "https://registry.npmjs.org/lodash/-/lodash-3.10.1.tgz",
- "integrity": "sha1-W/Rejkm6QYnhfUgnid/RW9FAt7Y="
- }
- }
- },
"react-scripts": {
"version": "1.1.4",
"resolved": "https://registry.npmjs.org/react-scripts/-/react-scripts-1.1.4.tgz",
@@ -9011,6 +8916,17 @@
}
}
},
+ "react-twitter-widgets": {
+ "version": "1.7.1",
+ "resolved": "https://registry.npmjs.org/react-twitter-widgets/-/react-twitter-widgets-1.7.1.tgz",
+ "integrity": "sha512-bAcR/NKqRbVRJav981bHrm2+xka7NA2nQJB6Urtj9BARqP7aeGHPC0CrrC7wdYIaluOqiF8MiTtURqIJjFs2ZA==",
+ "requires": {
+ "exenv": "1.2.2",
+ "lodash": "4.17.10",
+ "prop-types": "15.6.1",
+ "scriptjs": "2.5.8"
+ }
+ },
"read-pkg": {
"version": "1.1.0",
"resolved": "https://registry.npmjs.org/read-pkg/-/read-pkg-1.1.0.tgz",
@@ -9491,6 +9407,11 @@
"ajv": "5.5.2"
}
},
+ "scriptjs": {
+ "version": "2.5.8",
+ "resolved": "https://registry.npmjs.org/scriptjs/-/scriptjs-2.5.8.tgz",
+ "integrity": "sha1-0MQ5VcLmutM7bk7fe1O4llqnyl8="
+ },
"select-hose": {
"version": "2.0.0",
"resolved": "https://registry.npmjs.org/select-hose/-/select-hose-2.0.0.tgz",
diff --git a/package.json b/package.json
index e60d660..6086efb 100644
--- a/package.json
+++ b/package.json
@@ -8,7 +8,8 @@
"react": "^16.3.2",
"react-dom": "^16.3.2",
"react-modal-dialog": "Dean177/react-modal-dialog#support/bump-react",
- "react-scripts": "1.1.4"
+ "react-scripts": "1.1.4",
+ "react-twitter-widgets": "^1.7.1"
},
"scripts": {
"start": "react-scripts start",
diff --git a/src/App.js b/src/App.js
index fe5a100..1895e23 100644
--- a/src/App.js
+++ b/src/App.js
@@ -9,6 +9,7 @@ import ColorIndicator from './ColorIndicator'
import ConnectedIndicator from './ConnectedIndicator'
import LoadDialog from './LoadDialog'
import SaveDialog from './SaveDialog'
+import { Timeline } from 'react-twitter-widgets'
const tools = [
{
@@ -208,6 +209,11 @@ class App extends Component {
selectedColor={this.state.selectedColor}
onSelectColor={(color) => this.setState({ selectedColor: color })} />
<ColorIndicator color={this.state.selectedColor} />
+ {/* Embedded tweet showing live stream */}
+ <Timeline dataSource={{
+ sourceType: 'profile',
+ screenName: 'UnicornPaint'
+ }}/>
<div>
{
this.state.showingLoad