Lots of new stuff
This commit is contained in:
Timothy Warren
parent
bd8996fba1
commit
177c966935
@ -3,26 +3,15 @@
|
||||
# top-most EditorConfig file
|
||||
root = true
|
||||
|
||||
# Unix-style newlines with a newline ending every file
|
||||
[*]
|
||||
end_of_line = lf
|
||||
insert_final_newline = true
|
||||
|
||||
# Matches multiple files with brace expansion notation
|
||||
# Set default charset
|
||||
# Global settings
|
||||
[*]
|
||||
charset = utf-8
|
||||
|
||||
# Tab indentation (no size specified)
|
||||
[*]
|
||||
end_of_line = lf
|
||||
indent_size = 2
|
||||
indent_style = tab
|
||||
indent_size = 4
|
||||
insert_final_newline = true
|
||||
|
||||
# Indentation override for all JS under lib directory
|
||||
[*.js]
|
||||
# If i ever MUST use a yaml file
|
||||
[*.yml, *.yaml]
|
||||
indent_size = 2
|
||||
|
||||
# Matches the exact files either package.json or .travis.yml
|
||||
[*.yml]
|
||||
indent_style = space
|
||||
indent_size = 2
|
||||
|
||||
@ -17,6 +17,7 @@
|
||||
"bootstrap": "4",
|
||||
"electron": "^1.8.4",
|
||||
"electron-builder": "^20.8.1",
|
||||
"electron-react-devtools": "^0.5.3",
|
||||
"eslint": "^4.19.1",
|
||||
"eslint-config-happiness": "^10.2.1",
|
||||
"eslint-plugin-import": "^2.9.0",
|
||||
|
||||
@ -1,3 +1,24 @@
|
||||
/**
|
||||
* Custom styles for electron app
|
||||
*/
|
||||
|
||||
/*! Classes */
|
||||
.abs-center {
|
||||
height: auto;
|
||||
margin: auto;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
.full-height {
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
/*! Elements */
|
||||
html, body {
|
||||
height: 100vh;
|
||||
}
|
||||
|
||||
/*! Ids */
|
||||
#app {
|
||||
height: 100vh;
|
||||
}
|
||||
|
||||
@ -10,7 +10,8 @@
|
||||
<title>Inferno App</title>
|
||||
</head>
|
||||
<body>
|
||||
<div id="app"></div>
|
||||
<film-exif id="app"></film-exif>
|
||||
<script src="%PUBLIC_URL%/js/customElements.js"></script>
|
||||
<noscript>
|
||||
You need to enable JavaScript to run this app.
|
||||
</noscript>
|
||||
|
||||
3
public/js/customElements.js
Normal file
3
public/js/customElements.js
Normal file
@ -0,0 +1,3 @@
|
||||
class FilmExifElement extends HTMLElement {}
|
||||
|
||||
customElements.define('film-exif', FilmExifElement);
|
||||
58
src/App.js
58
src/App.js
@ -1,60 +1,8 @@
|
||||
import { BrowserRouter } from 'inferno-router';
|
||||
import QueryString from 'query-string';
|
||||
import { Routes } from './Routes';
|
||||
|
||||
import { Jumbotron } from './components/Bootstrap';
|
||||
import {
|
||||
Button,
|
||||
Form,
|
||||
FormGroup,
|
||||
Input,
|
||||
Label,
|
||||
Select
|
||||
} from './components/Bootstrap/Form';
|
||||
import { Container, Row } from './components/Bootstrap/Grid';
|
||||
|
||||
const App = () => (
|
||||
export const App = () => (
|
||||
<BrowserRouter>
|
||||
<div>
|
||||
<Jumbotron>
|
||||
<Container className="App">
|
||||
<Row>
|
||||
<header className="App-header">
|
||||
<h1>Welcome to Inferno</h1>
|
||||
</header>
|
||||
</Row>
|
||||
<Row>
|
||||
<p className="App-intro">
|
||||
To get started, edit <code>src/App.js</code> and save to reload.
|
||||
</p>
|
||||
</Row>
|
||||
<Row>
|
||||
<Form>
|
||||
<FormGroup>
|
||||
<label htmlFor="brand">Brand</label>
|
||||
<Input type="text" id="brand" name="brand" />
|
||||
</FormGroup>
|
||||
<FormGroup>
|
||||
<label htmlFor="filmFormat">Film Format</label>
|
||||
<select className="custom-select" id="filmFormat" name="filmFormat">
|
||||
<option value="110">110</option>
|
||||
<option value="120">120</option>
|
||||
<option value="127">127</option>
|
||||
<option value="135">135</option>
|
||||
</select>
|
||||
</FormGroup>
|
||||
<Button color="primary" type="submit">Save</Button>
|
||||
</Form>
|
||||
</Row>
|
||||
</Container>
|
||||
</Jumbotron>
|
||||
<br />
|
||||
<Jumbotron>
|
||||
<pre>{
|
||||
JSON.stringify(QueryString.parse(window.location.search), undefined, 2)
|
||||
}</pre>
|
||||
</Jumbotron>
|
||||
</div>
|
||||
<Routes />
|
||||
</BrowserRouter>
|
||||
);
|
||||
|
||||
export default App;
|
||||
|
||||
10
src/Routes.js
Normal file
10
src/Routes.js
Normal file
@ -0,0 +1,10 @@
|
||||
import { Route, Switch } from 'inferno-router';
|
||||
|
||||
import * as V from './views';
|
||||
|
||||
export const Routes = (props) => (
|
||||
<Switch>
|
||||
<Route component={V.OopsView} />
|
||||
<Route exact path='/' component={V.HomeView} />
|
||||
</Switch>
|
||||
);
|
||||
@ -31,9 +31,10 @@ const createWindow = () => {
|
||||
});
|
||||
mainWindow.loadURL(startUrl);
|
||||
// Open the DevTools.
|
||||
mainWindow.webContents.openDevTools({
|
||||
require('electron-react-devtools').install();
|
||||
/* mainWindow.webContents.openDevTools({
|
||||
mode: 'bottom',
|
||||
});
|
||||
});*/
|
||||
|
||||
// Emitted when the window is closed.
|
||||
mainWindow.on('closed', () => {
|
||||
|
||||
@ -1,4 +1,4 @@
|
||||
import App from './App';
|
||||
import { App } from './App';
|
||||
import { render } from 'inferno';
|
||||
|
||||
render(<App />, document.getElementById('app'));
|
||||
|
||||
@ -1,3 +0,0 @@
|
||||
export const CameraList = () => {
|
||||
return <div />;
|
||||
};
|
||||
3
src/views/Camera/CameraListView.js
Normal file
3
src/views/Camera/CameraListView.js
Normal file
@ -0,0 +1,3 @@
|
||||
export const CameraListView = () => {
|
||||
return <div />;
|
||||
};
|
||||
@ -1 +1 @@
|
||||
export * from './CameraList';
|
||||
export * from './CameraListView';
|
||||
|
||||
11
src/views/Film/FilmAddView.js
Normal file
11
src/views/Film/FilmAddView.js
Normal file
@ -0,0 +1,11 @@
|
||||
import { Component } from 'inferno';
|
||||
|
||||
import {
|
||||
Form,
|
||||
FormFeedback,
|
||||
FormGroup
|
||||
} from '../../components/Bootstrap'
|
||||
|
||||
export class FilmAddView extends Component {
|
||||
|
||||
}
|
||||
1
src/views/Film/index.js
Normal file
1
src/views/Film/index.js
Normal file
@ -0,0 +1 @@
|
||||
export * from './FilmAddView';
|
||||
51
src/views/HomeView.js
Normal file
51
src/views/HomeView.js
Normal file
@ -0,0 +1,51 @@
|
||||
import QueryString from 'query-string';
|
||||
import {
|
||||
Button,
|
||||
Container,
|
||||
Form,
|
||||
FormGroup,
|
||||
Input,
|
||||
Jumbotron,
|
||||
Label,
|
||||
Row,
|
||||
} from '../components/Bootstrap';
|
||||
|
||||
export const HomeView = (props) => {
|
||||
return (
|
||||
<Jumbotron>
|
||||
<Container className="App">
|
||||
<Row>
|
||||
<header className="App-header">
|
||||
<h1>Welcome to Inferno</h1>
|
||||
</header>
|
||||
</Row>
|
||||
<Row>
|
||||
<p className="App-intro">
|
||||
To get started, edit <code>src/App.js</code> and save to reload.
|
||||
</p>
|
||||
</Row>
|
||||
<Row>
|
||||
<Form>
|
||||
<FormGroup>
|
||||
<Label tag='label' for="brand">Brand</Label>
|
||||
<Input type="text" id="brand" name="brand" />
|
||||
</FormGroup>
|
||||
<FormGroup>
|
||||
<Label tag='label' for="filmFormat">Film Format</Label>
|
||||
<select className="custom-select" id="filmFormat" name="filmFormat">
|
||||
<option value="110">110</option>
|
||||
<option value="120">120</option>
|
||||
<option value="127">127</option>
|
||||
<option value="135">135</option>
|
||||
</select>
|
||||
</FormGroup>
|
||||
<Button color="primary" type="submit">Save</Button>
|
||||
</Form>
|
||||
</Row>
|
||||
</Container>
|
||||
<pre>{
|
||||
JSON.stringify(QueryString.parse(window.location.search), undefined, 2)
|
||||
}</pre>
|
||||
</Jumbotron>
|
||||
)
|
||||
}
|
||||
19
src/views/OopsView.js
Normal file
19
src/views/OopsView.js
Normal file
@ -0,0 +1,19 @@
|
||||
import {
|
||||
Alert,
|
||||
Container,
|
||||
Row
|
||||
} from '../components/Bootstrap';
|
||||
|
||||
export const OopsView = (props) => (
|
||||
<Container className="full-height" tag="section">
|
||||
<Row
|
||||
className="align-items-center full-height justify-content-center"
|
||||
tag="section"
|
||||
>
|
||||
<Alert className="abs-center" color="danger" tag="main">
|
||||
<h1>Oops!</h1>
|
||||
<p>Looks like there was a problem.</p>
|
||||
</Alert>
|
||||
</Row>
|
||||
</Container>
|
||||
);
|
||||
@ -1 +1,4 @@
|
||||
export * from './Camera';
|
||||
export * from './Film';
|
||||
export * from './HomeView';
|
||||
export * from './OopsView';
|
||||
|
||||
100
yarn.lock
100
yarn.lock
@ -1626,6 +1626,10 @@ chokidar@^2.0.0, chokidar@^2.0.2:
|
||||
optionalDependencies:
|
||||
fsevents "^1.1.2"
|
||||
|
||||
chownr@^1.0.1:
|
||||
version "1.0.1"
|
||||
resolved "https://registry.npmjs.org/chownr/-/chownr-1.0.1.tgz#e2a75042a9551908bebd25b8523d5f9769d79181"
|
||||
|
||||
chromium-pickle-js@^0.2.0:
|
||||
version "0.2.0"
|
||||
resolved "https://registry.yarnpkg.com/chromium-pickle-js/-/chromium-pickle-js-0.2.0.tgz#04a106672c18b085ab774d983dfa3ea138f22205"
|
||||
@ -2140,7 +2144,7 @@ date-now@^0.1.4:
|
||||
version "0.1.4"
|
||||
resolved "https://registry.yarnpkg.com/date-now/-/date-now-0.1.4.tgz#eaf439fd4d4848ad74e5cc7dbef200672b9e345b"
|
||||
|
||||
debug@2.6.9, debug@^2.1.3, debug@^2.2.0, debug@^2.3.3, debug@^2.6.0, debug@^2.6.6, debug@^2.6.8, debug@^2.6.9:
|
||||
debug@2.6.9, debug@^2.1.2, debug@^2.1.3, debug@^2.2.0, debug@^2.3.3, debug@^2.6.0, debug@^2.6.6, debug@^2.6.8, debug@^2.6.9:
|
||||
version "2.6.9"
|
||||
resolved "https://registry.yarnpkg.com/debug/-/debug-2.6.9.tgz#5d128515df134ff327e90a4c93f4e077a536341f"
|
||||
dependencies:
|
||||
@ -2579,6 +2583,10 @@ electron-publish@20.8.1:
|
||||
lazy-val "^1.0.3"
|
||||
mime "^2.2.0"
|
||||
|
||||
electron-react-devtools@^0.5.3:
|
||||
version "0.5.3"
|
||||
resolved "https://registry.npmjs.org/electron-react-devtools/-/electron-react-devtools-0.5.3.tgz#c74edb1245dc1cfe1380b93016cd4eb588ed00b7"
|
||||
|
||||
electron-to-chromium@^1.2.7, electron-to-chromium@^1.3.30, electron-to-chromium@^1.3.41:
|
||||
version "1.3.41"
|
||||
resolved "https://registry.yarnpkg.com/electron-to-chromium/-/electron-to-chromium-1.3.41.tgz#7e33643e00cd85edfd17e04194f6d00e73737235"
|
||||
@ -3459,6 +3467,12 @@ fs-extra@^4.0.1:
|
||||
jsonfile "^4.0.0"
|
||||
universalify "^0.1.0"
|
||||
|
||||
fs-minipass@^1.2.5:
|
||||
version "1.2.5"
|
||||
resolved "https://registry.npmjs.org/fs-minipass/-/fs-minipass-1.2.5.tgz#06c277218454ec288df77ada54a03b8702aacb9d"
|
||||
dependencies:
|
||||
minipass "^2.2.1"
|
||||
|
||||
fs.realpath@^1.0.0:
|
||||
version "1.0.0"
|
||||
resolved "https://registry.yarnpkg.com/fs.realpath/-/fs.realpath-1.0.0.tgz#1504ad2523158caa40db4a2787cb01411994ea4f"
|
||||
@ -3959,7 +3973,7 @@ https-browserify@^1.0.0:
|
||||
version "1.0.0"
|
||||
resolved "https://registry.yarnpkg.com/https-browserify/-/https-browserify-1.0.0.tgz#ec06c10e0a34c0f2faf199f7fd7fc78fffd03c73"
|
||||
|
||||
iconv-lite@0.4.19, iconv-lite@^0.4.17, iconv-lite@^0.4.19, iconv-lite@~0.4.13:
|
||||
iconv-lite@0.4.19, iconv-lite@^0.4.17, iconv-lite@^0.4.19, iconv-lite@^0.4.4, iconv-lite@~0.4.13:
|
||||
version "0.4.19"
|
||||
resolved "https://registry.yarnpkg.com/iconv-lite/-/iconv-lite-0.4.19.tgz#f7468f60135f5e5dad3399c0a81be9a1603a082b"
|
||||
|
||||
@ -3977,6 +3991,12 @@ ieee754@^1.1.4:
|
||||
version "1.1.11"
|
||||
resolved "https://registry.yarnpkg.com/ieee754/-/ieee754-1.1.11.tgz#c16384ffe00f5b7835824e67b6f2bd44a5229455"
|
||||
|
||||
ignore-walk@^3.0.1:
|
||||
version "3.0.1"
|
||||
resolved "https://registry.npmjs.org/ignore-walk/-/ignore-walk-3.0.1.tgz#a83e62e7d272ac0e3b551aaa82831a19b69f82f8"
|
||||
dependencies:
|
||||
minimatch "^3.0.4"
|
||||
|
||||
ignore@^3.3.3, ignore@^3.3.6:
|
||||
version "3.3.7"
|
||||
resolved "https://registry.yarnpkg.com/ignore/-/ignore-3.3.7.tgz#612289bfb3c220e186a58118618d5be8c1bab021"
|
||||
@ -5423,6 +5443,19 @@ minimist@~0.0.1:
|
||||
version "0.0.10"
|
||||
resolved "https://registry.yarnpkg.com/minimist/-/minimist-0.0.10.tgz#de3f98543dbf96082be48ad1a0c7cda836301dcf"
|
||||
|
||||
minipass@^2.2.1, minipass@^2.2.4:
|
||||
version "2.2.4"
|
||||
resolved "https://registry.npmjs.org/minipass/-/minipass-2.2.4.tgz#03c824d84551ec38a8d1bb5bc350a5a30a354a40"
|
||||
dependencies:
|
||||
safe-buffer "^5.1.1"
|
||||
yallist "^3.0.0"
|
||||
|
||||
minizlib@^1.1.0:
|
||||
version "1.1.0"
|
||||
resolved "https://registry.npmjs.org/minizlib/-/minizlib-1.1.0.tgz#11e13658ce46bc3a70a267aac58359d1e0c29ceb"
|
||||
dependencies:
|
||||
minipass "^2.2.1"
|
||||
|
||||
mixin-deep@^1.2.0:
|
||||
version "1.3.1"
|
||||
resolved "https://registry.yarnpkg.com/mixin-deep/-/mixin-deep-1.3.1.tgz#a49e7268dce1a0d9698e45326c5626df3543d0fe"
|
||||
@ -5436,7 +5469,7 @@ mkdirp@0.5.0:
|
||||
dependencies:
|
||||
minimist "0.0.8"
|
||||
|
||||
mkdirp@0.5.1, mkdirp@0.5.x, "mkdirp@>=0.5 0", mkdirp@^0.5.1, mkdirp@~0.5.0, mkdirp@~0.5.1:
|
||||
mkdirp@0.5.1, mkdirp@0.5.x, "mkdirp@>=0.5 0", mkdirp@^0.5.0, mkdirp@^0.5.1, mkdirp@~0.5.0, mkdirp@~0.5.1:
|
||||
version "0.5.1"
|
||||
resolved "https://registry.yarnpkg.com/mkdirp/-/mkdirp-0.5.1.tgz#30057438eac6cf7f8c4767f38648d6697d75c903"
|
||||
dependencies:
|
||||
@ -5469,6 +5502,10 @@ nan@^2.3.0:
|
||||
version "2.10.0"
|
||||
resolved "https://registry.yarnpkg.com/nan/-/nan-2.10.0.tgz#96d0cd610ebd58d4b4de9cc0c6828cda99c7548f"
|
||||
|
||||
nan@~2.9.2:
|
||||
version "2.9.2"
|
||||
resolved "https://registry.npmjs.org/nan/-/nan-2.9.2.tgz#f564d75f5f8f36a6d9456cca7a6c4fe488ab7866"
|
||||
|
||||
nanomatch@^1.2.9:
|
||||
version "1.2.9"
|
||||
resolved "https://registry.yarnpkg.com/nanomatch/-/nanomatch-1.2.9.tgz#879f7150cb2dab7a471259066c104eee6e0fa7c2"
|
||||
@ -5496,6 +5533,14 @@ ncname@1.0.x:
|
||||
dependencies:
|
||||
xml-char-classes "^1.0.0"
|
||||
|
||||
needle@^2.2.0:
|
||||
version "2.2.0"
|
||||
resolved "https://registry.npmjs.org/needle/-/needle-2.2.0.tgz#f14efc69cee1024b72c8b21c7bdf94a731dc12fa"
|
||||
dependencies:
|
||||
debug "^2.1.2"
|
||||
iconv-lite "^0.4.4"
|
||||
sax "^1.2.4"
|
||||
|
||||
negotiator@0.6.1:
|
||||
version "0.6.1"
|
||||
resolved "https://registry.yarnpkg.com/negotiator/-/negotiator-0.6.1.tgz#2b327184e8992101177b28563fb5e7102acd0ca9"
|
||||
@ -5601,6 +5646,21 @@ node-pre-gyp@^0.6.39:
|
||||
tar "^2.2.1"
|
||||
tar-pack "^3.4.0"
|
||||
|
||||
node-pre-gyp@~0.9.0:
|
||||
version "0.9.0"
|
||||
resolved "https://registry.npmjs.org/node-pre-gyp/-/node-pre-gyp-0.9.0.tgz#bdd4c3afac9b1b1ebff0a9ff3362859eb6781bb8"
|
||||
dependencies:
|
||||
detect-libc "^1.0.2"
|
||||
mkdirp "^0.5.1"
|
||||
needle "^2.2.0"
|
||||
nopt "^4.0.1"
|
||||
npm-packlist "^1.1.6"
|
||||
npmlog "^4.0.2"
|
||||
rc "^1.1.7"
|
||||
rimraf "^2.6.1"
|
||||
semver "^5.3.0"
|
||||
tar "^4"
|
||||
|
||||
nopt@^4.0.1:
|
||||
version "4.0.1"
|
||||
resolved "https://registry.yarnpkg.com/nopt/-/nopt-4.0.1.tgz#d0d4685afd5415193c8c7505602d0d17cd64474d"
|
||||
@ -5636,6 +5696,17 @@ normalize-url@^1.4.0:
|
||||
query-string "^4.1.0"
|
||||
sort-keys "^1.0.0"
|
||||
|
||||
npm-bundled@^1.0.1:
|
||||
version "1.0.3"
|
||||
resolved "https://registry.npmjs.org/npm-bundled/-/npm-bundled-1.0.3.tgz#7e71703d973af3370a9591bafe3a63aca0be2308"
|
||||
|
||||
npm-packlist@^1.1.6:
|
||||
version "1.1.10"
|
||||
resolved "https://registry.npmjs.org/npm-packlist/-/npm-packlist-1.1.10.tgz#1039db9e985727e464df066f4cf0ab6ef85c398a"
|
||||
dependencies:
|
||||
ignore-walk "^3.0.1"
|
||||
npm-bundled "^1.0.1"
|
||||
|
||||
npm-run-path@^2.0.0:
|
||||
version "2.0.2"
|
||||
resolved "https://registry.yarnpkg.com/npm-run-path/-/npm-run-path-2.0.2.tgz#35a9232dfa35d7067b4cb2ddf2357b1871536c5f"
|
||||
@ -7374,6 +7445,13 @@ sprintf-js@~1.0.2:
|
||||
version "1.0.3"
|
||||
resolved "https://registry.yarnpkg.com/sprintf-js/-/sprintf-js-1.0.3.tgz#04e6926f662895354f3dd015203633b857297e2c"
|
||||
|
||||
sqlite3@^4.0.0:
|
||||
version "4.0.0"
|
||||
resolved "https://registry.npmjs.org/sqlite3/-/sqlite3-4.0.0.tgz#cc0e093ab51873f50d9dfc4126fcbef15d486570"
|
||||
dependencies:
|
||||
nan "~2.9.2"
|
||||
node-pre-gyp "~0.9.0"
|
||||
|
||||
sshpk@^1.7.0:
|
||||
version "1.14.1"
|
||||
resolved "https://registry.yarnpkg.com/sshpk/-/sshpk-1.14.1.tgz#130f5975eddad963f1d56f92b9ac6c51fa9f83eb"
|
||||
@ -7650,6 +7728,18 @@ tar@^2.2.1:
|
||||
fstream "^1.0.2"
|
||||
inherits "2"
|
||||
|
||||
tar@^4:
|
||||
version "4.4.1"
|
||||
resolved "https://registry.npmjs.org/tar/-/tar-4.4.1.tgz#b25d5a8470c976fd7a9a8a350f42c59e9fa81749"
|
||||
dependencies:
|
||||
chownr "^1.0.1"
|
||||
fs-minipass "^1.2.5"
|
||||
minipass "^2.2.4"
|
||||
minizlib "^1.1.0"
|
||||
mkdirp "^0.5.0"
|
||||
safe-buffer "^5.1.1"
|
||||
yallist "^3.0.2"
|
||||
|
||||
temp-file@^3.1.1:
|
||||
version "3.1.1"
|
||||
resolved "https://registry.yarnpkg.com/temp-file/-/temp-file-3.1.1.tgz#8823649aa4e8a6e419eb71b601a2e4d472b0f24f"
|
||||
@ -8339,6 +8429,10 @@ yallist@^2.1.2:
|
||||
version "2.1.2"
|
||||
resolved "https://registry.yarnpkg.com/yallist/-/yallist-2.1.2.tgz#1c11f9218f076089a47dd512f93c6699a6a81d52"
|
||||
|
||||
yallist@^3.0.0, yallist@^3.0.2:
|
||||
version "3.0.2"
|
||||
resolved "https://registry.npmjs.org/yallist/-/yallist-3.0.2.tgz#8452b4bb7e83c7c188d8041c1a837c773d6d8bb9"
|
||||
|
||||
yargs-parser@^4.2.0:
|
||||
version "4.2.1"
|
||||
resolved "https://registry.yarnpkg.com/yargs-parser/-/yargs-parser-4.2.1.tgz#29cceac0dc4f03c6c87b4a9f217dd18c9f74871c"
|
||||
|
||||
Loading…
Reference in New Issue
Block a user