initial commit
This commit is contained in:
commit
d2db386693
23
.gitignore
vendored
Normal file
23
.gitignore
vendored
Normal file
@ -0,0 +1,23 @@
|
||||
# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
|
||||
|
||||
# dependencies
|
||||
/node_modules
|
||||
/.pnp
|
||||
.pnp.js
|
||||
|
||||
# testing
|
||||
/coverage
|
||||
|
||||
# production
|
||||
/build
|
||||
|
||||
# misc
|
||||
.DS_Store
|
||||
.env.local
|
||||
.env.development.local
|
||||
.env.test.local
|
||||
.env.production.local
|
||||
|
||||
npm-debug.log*
|
||||
yarn-debug.log*
|
||||
yarn-error.log*
|
||||
3
.vscode/settings.json
vendored
Normal file
3
.vscode/settings.json
vendored
Normal file
@ -0,0 +1,3 @@
|
||||
{
|
||||
"typescript.tsdk": "node_modules/typescript/lib"
|
||||
}
|
||||
27
Dockerfile
Normal file
27
Dockerfile
Normal file
@ -0,0 +1,27 @@
|
||||
FROM node:15 as build
|
||||
|
||||
WORKDIR /build
|
||||
|
||||
COPY public ./public
|
||||
COPY src ./src
|
||||
COPY package.json .
|
||||
COPY yarn.lock .
|
||||
COPY tsconfig.json .
|
||||
|
||||
RUN yarn install
|
||||
RUN yarn build
|
||||
|
||||
|
||||
FROM nginx
|
||||
|
||||
WORKDIR /app
|
||||
|
||||
COPY --from=build /build/build ./
|
||||
|
||||
COPY nginx.conf /etc/nginx/nginx.conf.template
|
||||
|
||||
COPY docker-entrypoint.sh /
|
||||
|
||||
EXPOSE 80
|
||||
|
||||
ENTRYPOINT /docker-entrypoint.sh
|
||||
3
build-docker.sh
Executable file
3
build-docker.sh
Executable file
@ -0,0 +1,3 @@
|
||||
#!/usr/bin/env sh
|
||||
|
||||
sudo docker build -t docker.kapelle.org/ncpb .
|
||||
8
docker-compose.yml
Normal file
8
docker-compose.yml
Normal file
@ -0,0 +1,8 @@
|
||||
version: "3"
|
||||
services:
|
||||
pb:
|
||||
build: .
|
||||
ports:
|
||||
- "8080:80"
|
||||
environment:
|
||||
- ENDPOINT=https://your.nextcloud.org/
|
||||
5
docker-entrypoint.sh
Executable file
5
docker-entrypoint.sh
Executable file
@ -0,0 +1,5 @@
|
||||
#!/usr/bin/env sh
|
||||
set -e
|
||||
export DOLLAR='$'
|
||||
envsubst < /etc/nginx/nginx.conf.template > /etc/nginx/nginx.conf
|
||||
nginx -g 'daemon off;'
|
||||
20
nginx.conf
Normal file
20
nginx.conf
Normal file
@ -0,0 +1,20 @@
|
||||
events {}
|
||||
|
||||
http {
|
||||
include mime.types;
|
||||
server {
|
||||
root /app;
|
||||
listen 80;
|
||||
index index.html;
|
||||
|
||||
location / {
|
||||
try_files ${DOLLAR}uri /index.html;
|
||||
}
|
||||
|
||||
location = /api/endpoint {
|
||||
|
||||
return 200 '${ENDPOINT}';
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
42
package.json
Normal file
42
package.json
Normal file
@ -0,0 +1,42 @@
|
||||
{
|
||||
"name": "ncpb",
|
||||
"version": "0.1.0",
|
||||
"private": true,
|
||||
"dependencies": {
|
||||
"@types/node": "^12.0.0",
|
||||
"@types/react": "^17.0.0",
|
||||
"@types/react-copy-to-clipboard": "^5.0.0",
|
||||
"@types/react-dom": "^17.0.0",
|
||||
"@types/react-syntax-highlighter": "^13.5.0",
|
||||
"react": "^17.0.1",
|
||||
"react-copy-to-clipboard": "^5.0.3",
|
||||
"react-dom": "^17.0.1",
|
||||
"react-scripts": "4.0.2",
|
||||
"react-syntax-highlighter": "^15.4.3",
|
||||
"typescript": "^4.1.2"
|
||||
},
|
||||
"scripts": {
|
||||
"start": "react-scripts start",
|
||||
"build": "react-scripts build",
|
||||
"test": "react-scripts test",
|
||||
"eject": "react-scripts eject"
|
||||
},
|
||||
"eslintConfig": {
|
||||
"extends": [
|
||||
"react-app",
|
||||
"react-app/jest"
|
||||
]
|
||||
},
|
||||
"browserslist": {
|
||||
"production": [
|
||||
">0.2%",
|
||||
"not dead",
|
||||
"not op_mini all"
|
||||
],
|
||||
"development": [
|
||||
"last 1 chrome version",
|
||||
"last 1 firefox version",
|
||||
"last 1 safari version"
|
||||
]
|
||||
}
|
||||
}
|
||||
12
public/index.html
Normal file
12
public/index.html
Normal file
@ -0,0 +1,12 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
||||
<title>Pastebin</title>
|
||||
</head>
|
||||
<body>
|
||||
<noscript>You need to enable JavaScript to run this app.</noscript>
|
||||
<div id="root"></div>
|
||||
</body>
|
||||
</html>
|
||||
101
src/App.tsx
Normal file
101
src/App.tsx
Normal file
@ -0,0 +1,101 @@
|
||||
import React, { useEffect, useState } from "react";
|
||||
import CopyToClipboard from "react-copy-to-clipboard";
|
||||
import { Prism as SyntaxHighlighter } from 'react-syntax-highlighter';
|
||||
import style from "react-syntax-highlighter/dist/cjs/styles/prism/vsc-dark-plus"
|
||||
import cutomStyle from "./customStyle";
|
||||
import getLangFromFilename from "./getLangFromFilename";
|
||||
|
||||
interface Props {
|
||||
shareID: string;
|
||||
}
|
||||
|
||||
const filenameRegex = /filename\*?=['"]?(?:UTF-\d['"]*)?([^;\r\n"']*)['"]?;?/gi;
|
||||
|
||||
function parseFilename(headers: Headers): string{
|
||||
const raw = headers.get("content-disposition");
|
||||
if (raw == null) {
|
||||
return ""
|
||||
}
|
||||
|
||||
let m;
|
||||
while ((m = filenameRegex.exec(raw)) !== null) {
|
||||
// Return the first match that we got
|
||||
return m[1];
|
||||
}
|
||||
return "";
|
||||
}
|
||||
|
||||
function App(props: Props) {
|
||||
const [content,setContent] = useState<string>("");
|
||||
const [title,setTitle] = useState<string>("");
|
||||
const [lang,setLang] = useState<string>("text");
|
||||
const [endpoint,setEndpoint] = useState<string>("");
|
||||
|
||||
useEffect(()=>{
|
||||
(async () =>{
|
||||
setEndpoint(await (await fetch("/api/endpoint")).text());
|
||||
})()
|
||||
},[])
|
||||
|
||||
useEffect(()=>{
|
||||
(async ()=>{
|
||||
if (!endpoint){
|
||||
// Still loading endpoint
|
||||
return
|
||||
}
|
||||
|
||||
const response = await fetch(`${endpoint}/index.php/s/${props.shareID}/download`);
|
||||
|
||||
if (response.status === 404){
|
||||
// File not found
|
||||
// TODO display error
|
||||
return;
|
||||
}
|
||||
|
||||
const contentLength = parseInt(response.headers.get("content-length")!,10);
|
||||
const filename = parseFilename(response.headers);
|
||||
setTitle(filename);
|
||||
document.title = filename;
|
||||
|
||||
setLang(getLangFromFilename(filename) || "text")
|
||||
|
||||
if (contentLength <= 20000) {
|
||||
const text = await response.text()
|
||||
setContent(text);
|
||||
|
||||
}else{
|
||||
// TODO display error
|
||||
}
|
||||
})()
|
||||
},[props.shareID,endpoint])
|
||||
|
||||
function downloadClick() {
|
||||
window.open(`${endpoint}/index.php/s/${props.shareID}/download`, "_self");
|
||||
}
|
||||
|
||||
return (
|
||||
<div className="fileContainer">
|
||||
<div className="headerContainer">
|
||||
<span className="fileTitle">{title}</span>
|
||||
<div className="buttonContainer">
|
||||
<CopyToClipboard text={content}>
|
||||
<button className="titleButton">Copy</button>
|
||||
</CopyToClipboard>
|
||||
<button className="titleButton" onClick={downloadClick}>Download</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<SyntaxHighlighter
|
||||
customStyle={cutomStyle}
|
||||
showLineNumbers={true}
|
||||
style={style}
|
||||
wrapLongLines={true}
|
||||
language={lang}
|
||||
>
|
||||
{content}
|
||||
</SyntaxHighlighter>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
export default App;
|
||||
5
src/customStyle.ts
Normal file
5
src/customStyle.ts
Normal file
@ -0,0 +1,5 @@
|
||||
const cutomStyle = {
|
||||
"backgroundColor": "#0d1117"
|
||||
}
|
||||
|
||||
export default cutomStyle;
|
||||
486
src/getLangFromFilename.ts
Normal file
486
src/getLangFromFilename.ts
Normal file
@ -0,0 +1,486 @@
|
||||
export default function getLangFromFilename(filename: string): string {
|
||||
let extension: string;
|
||||
try {
|
||||
const filenameParts = filename.split(".");
|
||||
extension = filenameParts[filenameParts.length - 1].toLocaleLowerCase();
|
||||
} catch (err) {
|
||||
return "text";
|
||||
}
|
||||
|
||||
// bases on https://github.com/react-syntax-highlighter/react-syntax-highlighter/blob/master/AVAILABLE_LANGUAGES_PRISM.MD
|
||||
switch (extension) {
|
||||
case "abap":
|
||||
return "abap";
|
||||
// case "":
|
||||
// return "abnf";
|
||||
// case "":
|
||||
// return "actionscript";
|
||||
// case "":
|
||||
// return "ada";
|
||||
// case "":
|
||||
// return "agda";
|
||||
// case "":
|
||||
// return "al";
|
||||
// case "":
|
||||
// return "antlr4";
|
||||
// case "":
|
||||
// return "apacheconf";
|
||||
// case "":
|
||||
// return "apl";
|
||||
// case "":
|
||||
// return "applescript";
|
||||
// case "":
|
||||
// return "aql";
|
||||
// case "":
|
||||
// return "arduino";
|
||||
// case "":
|
||||
// return "arff";
|
||||
// case "":
|
||||
// return "asciidoc";
|
||||
// case "":
|
||||
// return "asm6502";
|
||||
// case "":
|
||||
// return "aspnet";
|
||||
// case "":
|
||||
// return "autohotkey";
|
||||
// case "":
|
||||
// return "autoit";
|
||||
case "sh":
|
||||
return "bash";
|
||||
// case "":
|
||||
// return "basic";
|
||||
case "bat":
|
||||
return "batch";
|
||||
case "":
|
||||
return "bbcode";
|
||||
// case "":
|
||||
// return "birb";
|
||||
// case "":
|
||||
// return "bison";
|
||||
// case "":
|
||||
// return "bnf";
|
||||
case "bf":
|
||||
return "brainfuck";
|
||||
// case "":
|
||||
// return "brightscript";
|
||||
// case "":
|
||||
// return "bro";
|
||||
// case "":
|
||||
// return "bsl";
|
||||
case "c":
|
||||
return "c";
|
||||
// case "":
|
||||
// return "cil";
|
||||
// case "":
|
||||
// return "clike";
|
||||
// case "":
|
||||
// return "clojure";
|
||||
// case "":
|
||||
// return "cmake";
|
||||
// case "":
|
||||
// return "coffeescript";
|
||||
// case "":
|
||||
// return "concurnas";
|
||||
case "cpp":
|
||||
return "cpp";
|
||||
// case "":
|
||||
// return "crystal";
|
||||
case "cs":
|
||||
return "csharp";
|
||||
// case "":
|
||||
// return "csp";
|
||||
// case "":
|
||||
// return "cssExtras (css-extras)";
|
||||
case "css":
|
||||
return "css";
|
||||
// case "":
|
||||
// return "cypher";
|
||||
// case "":
|
||||
// return "d";
|
||||
// case "":
|
||||
// return "dart";
|
||||
// case "":
|
||||
// return "dax";
|
||||
// case "":
|
||||
// return "dhall";
|
||||
// case "":
|
||||
// return "diff";
|
||||
// case "":
|
||||
// return "django";
|
||||
// case "":
|
||||
// return "dnsZoneFile (dns-zone-file)";
|
||||
// case "":
|
||||
// return "docker";
|
||||
// case "":
|
||||
// return "ebnf";
|
||||
// case "":
|
||||
// return "editorconfig";
|
||||
// case "":
|
||||
// return "eiffel";
|
||||
// case "":
|
||||
// return "ejs";
|
||||
// case "":
|
||||
// return "elixir";
|
||||
// case "":
|
||||
// return "elm";
|
||||
// case "":
|
||||
// return "erb";
|
||||
// case "":
|
||||
// return "erlang";
|
||||
// case "":
|
||||
// return "etlua";
|
||||
// case "":
|
||||
// return "excelFormula (excel-formula)";
|
||||
// case "":
|
||||
// return "factor";
|
||||
// case "":
|
||||
// return "firestoreSecurityRules (firestore-security-rules)";
|
||||
// case "":
|
||||
// return "flow";
|
||||
// case "":
|
||||
// return "fortran";
|
||||
// case "":
|
||||
// return "fsharp";
|
||||
// case "":
|
||||
// return "ftl";
|
||||
// case "":
|
||||
// return "gcode";
|
||||
// case "":
|
||||
// return "gdscript";
|
||||
// case "":
|
||||
// return "gedcom";
|
||||
// case "":
|
||||
// return "gherkin";
|
||||
// case "":
|
||||
// return "git";
|
||||
// case "":
|
||||
// return "glsl";
|
||||
// case "":
|
||||
// return "gml";
|
||||
case "go":
|
||||
return "go";
|
||||
// case "":
|
||||
// return "graphql";
|
||||
// case "":
|
||||
// return "groovy";
|
||||
// case "":
|
||||
// return "haml";
|
||||
// case "":
|
||||
// return "handlebars";
|
||||
case "hs":
|
||||
return "haskell";
|
||||
// case "":
|
||||
// return "haxe";
|
||||
// case "":
|
||||
// return "hcl";
|
||||
// case "":
|
||||
// return "hlsl";
|
||||
// case "":
|
||||
// return "hpkp";
|
||||
// case "":
|
||||
// return "hsts";
|
||||
// case "":
|
||||
// return "http";
|
||||
// case "":
|
||||
// return "ichigojam";
|
||||
// case "":
|
||||
// return "icon";
|
||||
// case "":
|
||||
// return "iecst";
|
||||
// case "":
|
||||
// return "ignore";
|
||||
// case "":
|
||||
// return "inform7";
|
||||
case "ini":
|
||||
return "ini";
|
||||
// case "":
|
||||
// return "io";
|
||||
// case "":
|
||||
// return "j";
|
||||
case "java":
|
||||
return "java";
|
||||
// case "":
|
||||
// return "javadoc";
|
||||
// case "":
|
||||
// return "javadoclike";
|
||||
case "js":
|
||||
return "javascript";
|
||||
// case "":
|
||||
// return "javastacktrace";
|
||||
// case "":
|
||||
// return "jolie";
|
||||
// case "":
|
||||
// return "jq";
|
||||
// case "":
|
||||
// return "jsExtras (js-extras)";
|
||||
// case "":
|
||||
// return "jsTemplates (js-templates)";
|
||||
// case "":
|
||||
// return "jsdoc";
|
||||
case "json":
|
||||
return "json";
|
||||
// case "":
|
||||
// return "json5";
|
||||
// case "":
|
||||
// return "jsonp";
|
||||
// case "":
|
||||
// return "jsstacktrace";
|
||||
case "jsx":
|
||||
return "jsx";
|
||||
// case "":
|
||||
// return "julia";
|
||||
// case "":
|
||||
// return "keyman";
|
||||
// case "":
|
||||
// return "kotlin";
|
||||
case "tex":
|
||||
return "latex";
|
||||
// case "":
|
||||
// return "latte";
|
||||
// case "":
|
||||
// return "less";
|
||||
// case "":
|
||||
// return "lilypond";
|
||||
// case "":
|
||||
// return "liquid";
|
||||
// case "":
|
||||
// return "lisp";
|
||||
// case "":
|
||||
// return "livescript";
|
||||
// case "":
|
||||
// return "llvm";
|
||||
// case "":
|
||||
// return "lolcode";
|
||||
case "lua":
|
||||
return "lua";
|
||||
// case "":
|
||||
// return "makefile";
|
||||
case "md":
|
||||
return "markdown";
|
||||
// case "":
|
||||
// return "markupTemplating (markup-templating)";
|
||||
// case "":
|
||||
// return "markup";
|
||||
// case "":
|
||||
// return "matlab";
|
||||
// case "":
|
||||
// return "mel";
|
||||
// case "":
|
||||
// return "mizar";
|
||||
// case "":
|
||||
// return "mongodb";
|
||||
// case "":
|
||||
// return "monkey";
|
||||
// case "":
|
||||
// return "moonscript";
|
||||
// case "":
|
||||
// return "n1ql";
|
||||
// case "":
|
||||
// return "n4js";
|
||||
// case "":
|
||||
// return "nand2tetrisHdl (nand2tetris-hdl)";
|
||||
// case "":
|
||||
// return "naniscript";
|
||||
// case "":
|
||||
// return "nasm";
|
||||
// case "":
|
||||
// return "neon";
|
||||
// case "":
|
||||
// return "nginx";
|
||||
// case "":
|
||||
// return "nim";
|
||||
// case "":
|
||||
// return "nix";
|
||||
// case "":
|
||||
// return "nsis";
|
||||
// case "":
|
||||
// return "objectivec";
|
||||
// case "":
|
||||
// return "ocaml";
|
||||
// case "":
|
||||
// return "opencl";
|
||||
// case "":
|
||||
// return "oz";
|
||||
// case "":
|
||||
// return "parigp";
|
||||
// case "":
|
||||
// return "parser";
|
||||
// case "":
|
||||
// return "pascal";
|
||||
// case "":
|
||||
// return "pascaligo";
|
||||
// case "":
|
||||
// return "pcaxis";
|
||||
// case "":
|
||||
// return "peoplecode";
|
||||
// case "":
|
||||
// return "perl";
|
||||
// case "":
|
||||
// return "phpExtras (php-extras)";
|
||||
case "php":
|
||||
return "php";
|
||||
// case "":
|
||||
// return "phpdoc";
|
||||
// case "":
|
||||
// return "plsql";
|
||||
// case "":
|
||||
// return "powerquery";
|
||||
// case "":
|
||||
// return "powershell";
|
||||
// case "":
|
||||
// return "processing";
|
||||
// case "":
|
||||
// return "prolog";
|
||||
// case "":
|
||||
// return "properties";
|
||||
// case "":
|
||||
// return "protobuf";
|
||||
case "pug":
|
||||
return "pug";
|
||||
// case "":
|
||||
// return "puppet";
|
||||
// case "":
|
||||
// return "pure";
|
||||
// case "":
|
||||
// return "purebasic";
|
||||
// case "":
|
||||
// return "purescript";
|
||||
case "py":
|
||||
return "python";
|
||||
// case "":
|
||||
// return "q";
|
||||
// case "":
|
||||
// return "qml";
|
||||
// case "":
|
||||
// return "qore";
|
||||
// case "":
|
||||
// return "r";
|
||||
// case "":
|
||||
// return "racket";
|
||||
// case "":
|
||||
// return "reason";
|
||||
// case "":
|
||||
// return "regex";
|
||||
// case "":
|
||||
// return "renpy";
|
||||
// case "":
|
||||
// return "rest";
|
||||
// case "":
|
||||
// return "rip";
|
||||
// case "":
|
||||
// return "roboconf";
|
||||
// case "":
|
||||
// return "robotframework";
|
||||
// case "":
|
||||
// return "ruby";
|
||||
case "rs":
|
||||
return "rust";
|
||||
// case "":
|
||||
// return "sas";
|
||||
// case "":
|
||||
// return "sass";
|
||||
// case "":
|
||||
// return "scala";
|
||||
// case "":
|
||||
// return "scheme";
|
||||
case "scss":
|
||||
return "scss";
|
||||
// case "":
|
||||
// return "shellSession (shell-session)";
|
||||
// case "":
|
||||
// return "smali";
|
||||
// case "":
|
||||
// return "smalltalk";
|
||||
// case "":
|
||||
// return "smarty";
|
||||
// case "":
|
||||
// return "sml";
|
||||
// case "":
|
||||
// return "solidity";
|
||||
// case "":
|
||||
// return "solutionFile (solution-file)";
|
||||
// case "":
|
||||
// return "soy";
|
||||
// case "":
|
||||
// return "sparql";
|
||||
// case "":
|
||||
// return "splunkSpl (splunk-spl)";
|
||||
case "sqf":
|
||||
return "sqf";
|
||||
case "sql":
|
||||
return "sql";
|
||||
// case "":
|
||||
// return "stan";
|
||||
// case "":
|
||||
// return "stylus";
|
||||
// case "":
|
||||
// return "swift";
|
||||
// case "":
|
||||
// return "t4Cs (t4-cs)";
|
||||
// case "":
|
||||
// return "t4Templating (t4-templating)";
|
||||
// case "":
|
||||
// return "t4Vb (t4-vb)";
|
||||
// case "":
|
||||
// return "tap";
|
||||
// case "":
|
||||
// return "tcl";
|
||||
// case "":
|
||||
// return "textile";
|
||||
case "toml":
|
||||
return "toml";
|
||||
case "tsx":
|
||||
return "tsx";
|
||||
// case "":
|
||||
// return "tt2";
|
||||
// case "":
|
||||
// return "turtle";
|
||||
// case "":
|
||||
// return "twig";
|
||||
case "ts":
|
||||
return "typescript";
|
||||
// case "":
|
||||
// return "typoscript";
|
||||
// case "":
|
||||
// return "unrealscript";
|
||||
// case "":
|
||||
// return "vala";
|
||||
// case "":
|
||||
// return "vbnet";
|
||||
// case "":
|
||||
// return "velocity";
|
||||
// case "":
|
||||
// return "verilog";
|
||||
// case "":
|
||||
// return "vhdl";
|
||||
// case "":
|
||||
// return "vim";
|
||||
// case "":
|
||||
// return "visualBasic (visual-basic)";
|
||||
// case "":
|
||||
// return "warpscript";
|
||||
// case "":
|
||||
// return "wasm";
|
||||
// case "":
|
||||
// return "wiki";
|
||||
// case "":
|
||||
// return "xeora";
|
||||
// case "":
|
||||
// return "xmlDoc (xml-doc)";
|
||||
// case "":
|
||||
// return "xojo";
|
||||
// case "":
|
||||
// return "xquery";
|
||||
case "yaml":
|
||||
case "yml":
|
||||
return "yaml";
|
||||
// case "":
|
||||
// return "yang";
|
||||
// case "":
|
||||
// return "zig";
|
||||
default:
|
||||
return "text"
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
15
src/index.tsx
Normal file
15
src/index.tsx
Normal file
@ -0,0 +1,15 @@
|
||||
import React from 'react';
|
||||
import ReactDOM from 'react-dom';
|
||||
import App from './App';
|
||||
import "./style.css"
|
||||
|
||||
const shareID = new URL(window.location.href).pathname.substr(1);
|
||||
|
||||
ReactDOM.render(
|
||||
<React.StrictMode>
|
||||
<App
|
||||
shareID={shareID}
|
||||
/>
|
||||
</React.StrictMode>,
|
||||
document.getElementById('root')
|
||||
);
|
||||
1
src/react-app-env.d.ts
vendored
Normal file
1
src/react-app-env.d.ts
vendored
Normal file
@ -0,0 +1 @@
|
||||
/// <reference types="react-scripts" />
|
||||
57
src/style.css
Normal file
57
src/style.css
Normal file
@ -0,0 +1,57 @@
|
||||
.fileContainer{
|
||||
margin-top: 4rem;
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
|
||||
border-width: 2px;
|
||||
border-color: #1f6feb;
|
||||
border-style: solid;
|
||||
border-radius: 5px;
|
||||
|
||||
max-width: 60rem;
|
||||
}
|
||||
|
||||
.headerContainer{
|
||||
font-size: larger;
|
||||
font-family: sans-serif;
|
||||
color: #58a6ff;
|
||||
|
||||
padding-left: 2rem;
|
||||
padding-right: 2rem;
|
||||
padding-bottom: 2rem;
|
||||
padding-top: 1rem;
|
||||
|
||||
border-bottom: solid 1px #1f6feb;
|
||||
|
||||
}
|
||||
|
||||
.fileTitle{
|
||||
float: left;
|
||||
}
|
||||
|
||||
.buttonContainer{
|
||||
float: right;
|
||||
}
|
||||
|
||||
.titleButton{
|
||||
border: none;
|
||||
border-radius: 2px;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
display: inline-block;
|
||||
font-size: small;
|
||||
margin-left: 1em;
|
||||
background-color: #1f6feb;
|
||||
color: white;
|
||||
}
|
||||
|
||||
/* Not the best soution but it works */
|
||||
/* https://github.com/react-syntax-highlighter/react-syntax-highlighter/issues/347 */
|
||||
.linenumber {
|
||||
color: #50545b !important;
|
||||
}
|
||||
|
||||
body {
|
||||
background-color: #0d1117;
|
||||
}
|
||||
|
||||
26
tsconfig.json
Normal file
26
tsconfig.json
Normal file
@ -0,0 +1,26 @@
|
||||
{
|
||||
"compilerOptions": {
|
||||
"target": "es5",
|
||||
"lib": [
|
||||
"dom",
|
||||
"dom.iterable",
|
||||
"esnext"
|
||||
],
|
||||
"allowJs": true,
|
||||
"skipLibCheck": true,
|
||||
"esModuleInterop": true,
|
||||
"allowSyntheticDefaultImports": true,
|
||||
"strict": true,
|
||||
"forceConsistentCasingInFileNames": true,
|
||||
"noFallthroughCasesInSwitch": true,
|
||||
"module": "esnext",
|
||||
"moduleResolution": "node",
|
||||
"resolveJsonModule": true,
|
||||
"isolatedModules": true,
|
||||
"noEmit": true,
|
||||
"jsx": "react-jsx"
|
||||
},
|
||||
"include": [
|
||||
"src"
|
||||
]
|
||||
}
|
||||
Loading…
Reference in New Issue
Block a user