sneak/webstatus
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Compare commits

base: sneak:ee593a061087fc1cc0b97a29bf29a6674c62699d
Branches Tags
sneak:master
..
compare: sneak:e62f93d5e6de12e1553a0c8b275aa8aa07d73c18
Branches Tags
sneak:master

No commits in common. "ee593a061087fc1cc0b97a29bf29a6674c62699d" and "e62f93d5e6de12e1553a0c8b275aa8aa07d73c18" have entirely different histories.
ee593a0610 ... e62f93d5e6

5 changed files with 130 additions and 135 deletions
Show Stats Expand all files Collapse all files

146
bin/webstatus-manifest-generator.js
View File

@ -1,112 +1,104 @@
#!/usr/bin/env node #!/usr/bin/env node
"use strict"; 'use strict';
const figlet = require("figlet"); const figlet = require('figlet');
const chalk = require("chalk"); const chalk = require('chalk');
const fs = require("fs"); const fs = require('fs');
const find = require("find");
const pkg = require("../package.json");
const warnSymbol = "⚠️"; function recFindByExt(base, ext, files, result) {
const headExplode = "🤯"; files = files || fs.readdirSync(base)
const rightArrow = "➡️"; result = result || []
function pprint(obj) { files.forEach(
console.log("%o", obj); function (file) {
var newbase = path.join(base,file)
if ( fs.statSync(newbase).isDirectory() ) {
result = recFindByExt(newbase,ext,fs.readdirSync(newbase),result)
} else {
if ( file.substr(-1*(ext.length+1)) == '.' + ext ) {
result.push(newbase)
}
}
}
)
return result
} }
function outputManifest(path, fileList) { function pprint(obj) {
if (!fileList) { console.log("%o", obj)
l = []; }
function outputManifest (path, fileList) {
if(!fileList) {
l = []
} }
const output = { const output = {
$id: "berlin.sneak.ns.webstatus.manifest-v1", version: 1,
'$id': 'berlin.sneak.ns.webstatus.manifest-v1',
manifest: fileList manifest: fileList
}; }
fs.writeFileSync(path + ".tmp", JSON.stringify(output)); fs.writeFileSync(path + ".tmp", JSON.stringify(output))
fs.renameSync(path + ".tmp", path); fs.renameSync(path + ".tmp", path)
} }
function main() { function main() {
const commander = require("commander"); const commander = require('commander');
const program = new commander.Command(); const program = new commander.Command();
program.version(pkg.version, "-v --version", "output current version"); program.version('0.0.1', '-v --version', 'output current version');
program program
.option("-s --source <directory>", "directory to scan/write", ".") .option('-s --source <directory>', 'directory to scan/write', '.')
.option("-v --verbose", "verbose output", false) .option('-v --verbose', 'verbose output', false)
.option("-q --quiet", "no output", false); .option('-q --quiet', 'no output', false)
program.parse(process.argv); program.parse(process.argv);
const print = x => { const print = (x) => {
if (program.quiet) { if(program.quiet) {
return; return
} }
console.log(x); console.log(x)
}; }
const log = {}; const log = {}
log.info = x => { log.info = (x) => {
print(rightArrow + chalk.blue(" " + x)); print(chalk.blue(x))
}; }
log.die = x => { log.die = (x) => {
print(warnSymbol + chalk.bold.red(" " + x)); print(chalk.bold.red('error: ' + x))
print(headExplode); print(chalk.bold.red('exiting.'))
process.exit(-1); process.exit(-1)
}; }
log.huge = x => { log.huge = (x) => {
var f = figlet.textSync(x, { var f = figlet.textSync(x, {
font: "Red Phoenix", font: 'Red Phoenix',
horizontalLayout: "default", horizontalLayout: 'default',
verticalLayout: "default" verticalLayout: 'default'
}); })
print(chalk.red(f)); print(chalk.red(f))
}; }
log.huge("webstatus"); log.huge('webstatus')
//const dir = program.source //const dir = program.source
//pprint(program) //pprint(program)
if (!fs.lstatSync(program.source).isDirectory()) { if(!fs.lstatSync(program.source).isDirectory()) {
log.die(`${program.source} is not a directory`); log.die(`${program.source} is not a directory`)
} else { } else {
process.chdir(program.source); log.info(`scanning ${program.source} for images...`)
program.source = process.cwd();
log.info(`scanning ${program.source} for images...`);
} }
var fileList = []; var fileList = []
var manifestFilename = program.source + "/webstatus.manifest.json"; var manifestFilename = program.source + '/webstatus.manifest.json'
const matchRE = /\.(png|gif|jpg|jpeg|webp)$/i; //FIXME scan for files
//
log.info(`writing ${fileList.length} entries to manifest ${manifestFilename}`)
outputManifest(manifestFilename, fileList)
var candidateList = find.fileSync(matchRE, program.source); log.die("unimplemented")
candidateList.forEach(fn => {
var stat = fs.statSync(fn);
var prefix = new RegExp("^" + program.source + "/");
fn = fn.replace(prefix, "");
fileList.push({
// FIXME read image size from files so that
// renderer can scale them more intelligently
$id: "berlin.sneak.ns.webstatus.fileitem-v1",
path: fn,
mtime: stat.mtime
});
});
log.info(
`writing ${fileList.length} entries to manifest ${manifestFilename}`
);
try {
outputManifest(manifestFilename, fileList);
} catch (err) {
program.quiet = false;
log.die(`unable to write manifest: ${err}`);
}
log.info("success");
} }
main(); main();

94
package.json
View File

@ -1,49 +1,49 @@
{ {
"name": "@sneak.berlin/webstatus", "name": "@sneak.berlin/webstatus",
"version": "1.0.0", "version": "1.0.0",
"description": "webstatus app for displaying a directory of images", "description": "webstatus app for displaying a directory of images",
"main": "index.js", "main": "index.js",
"bin": { "bin": {
"webstatus-manifest-generator": "./bin/webstatus-manifest-generator.js" "webstatus-manifest-generator": "./bin/webstatus-manifest-generator.js"
}, },
"dependencies": { "dependencies": {
"@testing-library/jest-dom": "^4.2.4", "@testing-library/jest-dom": "^4.2.4",
"@testing-library/react": "^9.3.2", "@testing-library/react": "^9.3.2",
"@testing-library/user-event": "^7.1.2", "@testing-library/user-event": "^7.1.2",
"chalk": "^3.0.0", "chalk": "^3.0.0",
"figlet": "^1.3.0", "figlet": "^1.3.0",
"find": "^0.3.0", "find": "^0.3.0",
"prettier": "^1.19.1", "prettier": "^1.19.1",
"react": "^16.13.0", "react": "^16.13.0",
"react-dom": "^16.13.0", "react-dom": "^16.13.0",
"react-scripts": "3.4.0" "react-scripts": "3.4.0"
}, },
"scripts": { "scripts": {
"start": "react-scripts start", "start": "react-scripts start",
"build": "react-scripts build", "build": "react-scripts build",
"test": "react-scripts test", "test": "react-scripts test",
"eject": "react-scripts eject", "eject": "react-scripts eject",
"fmt": "prettier --write --tab-width 4 -- bin/**/*.js src/**/*.js package.json" "fmt": "prettier -- --write bin/**/*.js src/**/*.js package.json"
}, },
"eslintConfig": { "eslintConfig": {
"extends": "react-app" "extends": "react-app"
}, },
"browserslist": { "browserslist": {
"production": [ "production": [
">0.2%", ">0.2%",
"not dead", "not dead",
"not op_mini all" "not op_mini all"
], ],
"development": [ "development": [
"last 1 chrome version", "last 1 chrome version",
"last 1 firefox version", "last 1 firefox version",
"last 1 safari version" "last 1 safari version"
] ]
}, },
"repository": { "repository": {
"type": "git", "type": "git",
"url": "https://git.eeqj.de/sneak/webstatus.git" "url": "https://git.eeqj.de/sneak/webstatus.git"
}, },
"author": "sneak <sneak@sneak.berlin>", "author": "sneak <sneak@sneak.berlin>",
"license": "WTFPL" "license": "WTFPL"
} }

13
src/WebStatus.js
View File

@ -1,22 +1,25 @@
import React from "react"; import React from 'react';
//import logo from './logo.svg'; //import logo from './logo.svg';
import "./WebStatus.css"; import './WebStatus.css';
class WebStatusImage extends React.Component { class WebStatusImage extends React.Component {
render() { render() {
return <img className="webstatusimage" src={this.props.url} />; return (
<img className="webstatusimage" src={this.props.url} />
)
} }
} }
class WebStatus extends React.Component { class WebStatus extends React.Component {
render() { render() {
const currentImageUrl = "http://placekitten.com/3840/2160";
const currentImageUrl = "http://placekitten.com/3840/2160"
return ( return (
<div className="webstatus"> <div className="webstatus">
<WebStatusImage url={currentImageUrl} /> <WebStatusImage url={currentImageUrl} />
</div> </div>
); )
} }
} }

10
src/index.js
View File

@ -1,6 +1,6 @@
import React from "react"; import React from 'react';
import ReactDOM from "react-dom"; import ReactDOM from 'react-dom';
import "./index.css"; import './index.css';
import WebStatus from "./WebStatus"; import WebStatus from './WebStatus';
ReactDOM.render(<WebStatus />, document.getElementById("root")); ReactDOM.render(<WebStatus />, document.getElementById('root'));

2
src/setupTests.js
View File

@ -2,4 +2,4 @@
// allows you to do things like: // allows you to do things like:
// expect(element).toHaveTextContent(/react/i) // expect(element).toHaveTextContent(/react/i)
// learn more: https://github.com/testing-library/jest-dom // learn more: https://github.com/testing-library/jest-dom
import "@testing-library/jest-dom/extend-expect"; import '@testing-library/jest-dom/extend-expect';