Initial commit.
commit
692f10d361
GPG Key ID:
1573F6D8EFE4D0CF
|
|
@ -0,0 +1,18 @@
|
|||
{
|
||||
"presets": [
|
||||
["babel-preset-env", {
|
||||
"targets": {
|
||||
"node": true,
|
||||
"uglify": false
|
||||
}
|
||||
}]
|
||||
],
|
||||
"plugins": [
|
||||
"babel-plugin-dynamic-import-node",
|
||||
"babel-plugin-syntax-export-extensions",
|
||||
"babel-plugin-transform-class-properties",
|
||||
"babel-plugin-transform-export-extensions",
|
||||
"babel-plugin-transform-object-rest-spread",
|
||||
"babel-plugin-transform-runtime"
|
||||
]
|
||||
}
|
||||
|
|
@ -0,0 +1,33 @@
|
|||
# Logs
|
||||
logs
|
||||
*.log
|
||||
|
||||
# Runtime data
|
||||
pids
|
||||
*.pid
|
||||
*.seed
|
||||
|
||||
# Directory for instrumented libs generated by jscoverage/JSCover
|
||||
lib-cov
|
||||
|
||||
# Coverage directory used by tools like istanbul
|
||||
coverage
|
||||
|
||||
# Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
|
||||
.grunt
|
||||
|
||||
# Compiled binary addons (http://nodejs.org/api/addons.html)
|
||||
build/Release
|
||||
|
||||
# Dependency directory
|
||||
# Deployed apps should consider commenting this line out:
|
||||
# see https://npmjs.org/doc/faq.html#Should-I-check-my-node_modules-folder-into-git
|
||||
node_modules/**
|
||||
!node_modules/.gitkeep
|
||||
|
||||
# Webpack/Babel output
|
||||
/dist
|
||||
/lib
|
||||
|
||||
# Intermediate build files (cache, etc.)
|
||||
/build
|
||||
|
|
@ -0,0 +1,38 @@
|
|||
extends: airbnb-base
|
||||
|
||||
parser: babel-eslint
|
||||
|
||||
plugins:
|
||||
- babel
|
||||
- json
|
||||
|
||||
env:
|
||||
browser: true
|
||||
node: true
|
||||
es6: true
|
||||
|
||||
rules:
|
||||
no-console: off
|
||||
no-plusplus:
|
||||
- error
|
||||
- allowForLoopAfterthoughts: true
|
||||
no-underscore-dangle: 'off'
|
||||
|
||||
overrides:
|
||||
- files:
|
||||
- "config/**"
|
||||
- "devtools/**"
|
||||
- "**/webpack.config*.js"
|
||||
- "**/.babelrc*"
|
||||
rules:
|
||||
import/no-extraneous-dependencies:
|
||||
- error
|
||||
- devDependencies: true
|
||||
|
||||
- files:
|
||||
- src/**/*
|
||||
rules:
|
||||
import/no-extraneous-dependencies:
|
||||
- error
|
||||
- devDependencies: true
|
||||
no-console: error
|
||||
|
|
@ -0,0 +1,28 @@
|
|||
# Logs
|
||||
logs
|
||||
*.log
|
||||
|
||||
# Runtime data
|
||||
pids
|
||||
*.pid
|
||||
*.seed
|
||||
|
||||
# Directory for instrumented libs generated by jscoverage/JSCover
|
||||
lib-cov
|
||||
|
||||
# Coverage directory used by tools like istanbul
|
||||
coverage
|
||||
|
||||
# Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files)
|
||||
.grunt
|
||||
|
||||
# Compiled binary addons (http://nodejs.org/api/addons.html)
|
||||
build/Release
|
||||
|
||||
# Dependency directory
|
||||
# Deployed apps should consider commenting this line out:
|
||||
# see https://npmjs.org/doc/faq.html#Should-I-check-my-node_modules-folder-into-git
|
||||
node_modules
|
||||
|
||||
# webpack output
|
||||
dist
|
||||
|
|
@ -0,0 +1,13 @@
|
|||
> 0.75%
|
||||
#unreleased versions # would throw error on invalid Safari versions
|
||||
unreleased Chrome versions
|
||||
unreleased Firefox versions
|
||||
unreleased Edge versions
|
||||
unreleased IE versions
|
||||
last 3 major versions
|
||||
last 2 years
|
||||
Firefox ESR
|
||||
IE >= 9
|
||||
Android >= 4
|
||||
iOS >= 6
|
||||
not dead
|
||||
|
|
@ -0,0 +1,4 @@
|
|||
rules:
|
||||
import/no-extraneous-dependencies:
|
||||
- error
|
||||
- devDependencies: true
|
||||
|
|
@ -0,0 +1,137 @@
|
|||
import postcssAutoprefixerPlugin from 'autoprefixer';
|
||||
import postcssImportPlugin from 'postcss-import';
|
||||
import postcssPresetEnvPlugin from 'postcss-preset-env';
|
||||
|
||||
export default class Environment {
|
||||
constructor(options) {
|
||||
this.development = true;
|
||||
this.production = false;
|
||||
this.server = false;
|
||||
this.docker = false;
|
||||
|
||||
this.locales = ['de'];
|
||||
|
||||
if (options !== undefined && options !== null) {
|
||||
this.input(options);
|
||||
}
|
||||
}
|
||||
|
||||
input(options) {
|
||||
if (options) {
|
||||
switch (true) {
|
||||
case typeof (options) === 'string': // string
|
||||
this.inputString(options);
|
||||
break;
|
||||
|
||||
case Array.isArray(options): // array
|
||||
options.forEach((arg) => { this.input(arg); });
|
||||
break;
|
||||
|
||||
default: // object
|
||||
Object.keys(options).forEach((k) => {
|
||||
this[k] = options[k] || this[k];
|
||||
});
|
||||
break;
|
||||
}
|
||||
} else if (process.env.NODE_ENV) {
|
||||
this.inputString(process.env.NODE_ENV);
|
||||
}
|
||||
}
|
||||
|
||||
inputString(env) {
|
||||
switch (env.toLowerCase()) {
|
||||
case 'development':
|
||||
this.development = true;
|
||||
this.production = false;
|
||||
break;
|
||||
case 'production':
|
||||
this.development = false;
|
||||
this.production = true;
|
||||
break;
|
||||
case 'server':
|
||||
this.server = true;
|
||||
break;
|
||||
case 'docker':
|
||||
this.docker = true;
|
||||
break;
|
||||
default:
|
||||
console.warn('Unknown environment:', env);
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
styleLoaders(...preprocessingLoaders) {
|
||||
const {
|
||||
production,
|
||||
server,
|
||||
|
||||
// @HACK
|
||||
// ExtractTextPlugin,
|
||||
MiniCssExtractPlugin,
|
||||
} = this;
|
||||
|
||||
// if (!ExtractTextPlugin) {
|
||||
// throw new Error('Need a valid ExtractTextPlugin fed into the environment object.');
|
||||
// }
|
||||
|
||||
if (!MiniCssExtractPlugin) {
|
||||
throw new Error('Need a valid MiniCssExtractPlugin fed into the environment object.');
|
||||
}
|
||||
|
||||
const cssLoaders = [
|
||||
{
|
||||
loader: 'css-loader',
|
||||
options: {
|
||||
importLoaders: 1,
|
||||
sourceMap: true,
|
||||
modules: false,
|
||||
localIdentName: production
|
||||
? '[name]__[local]--[hash:base64:5]'
|
||||
: '[name]__[local]--[hash:base64:5]',
|
||||
},
|
||||
},
|
||||
{
|
||||
loader: 'postcss-loader',
|
||||
options: {
|
||||
ident: 'postcss',
|
||||
plugins: [
|
||||
postcssImportPlugin(),
|
||||
postcssPresetEnvPlugin(),
|
||||
postcssAutoprefixerPlugin(),
|
||||
],
|
||||
sourceMap: true,
|
||||
},
|
||||
},
|
||||
].filter(loader => loader !== false);
|
||||
|
||||
if (preprocessingLoaders && preprocessingLoaders.length > 0) {
|
||||
cssLoaders.push(
|
||||
{
|
||||
loader: 'resolve-url-loader',
|
||||
options: {
|
||||
fail: true,
|
||||
silent: false,
|
||||
},
|
||||
},
|
||||
...preprocessingLoaders.map(loader => Object.assign({}, loader, {
|
||||
options: Object.assign({}, loader.options || {}, {
|
||||
sourceMap: true,
|
||||
}),
|
||||
})),
|
||||
);
|
||||
}
|
||||
|
||||
if (!server) {
|
||||
// const fallback = {
|
||||
// loader: 'style-loader',
|
||||
// };
|
||||
// cssLoaders = ExtractTextPlugin.extract({
|
||||
// fallback,
|
||||
// use: cssLoaders,
|
||||
// });
|
||||
cssLoaders.unshift(MiniCssExtractPlugin.loader);
|
||||
}
|
||||
|
||||
return cssLoaders;
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,8 @@
|
|||
/* env { es6: false } */
|
||||
|
||||
if (process.env.NODE_ENV === 'production') {
|
||||
process.exit(0);
|
||||
}
|
||||
|
||||
require('babel-register');
|
||||
require('./main');
|
||||
|
|
@ -0,0 +1,33 @@
|
|||
/**
|
||||
* Reads the newer one of package-lock.json or yarn.lock, converts it to its
|
||||
* counterpart (package-lock.json => yarn.lock or vice versa) using synp.
|
||||
*/
|
||||
|
||||
import { promisify } from 'util';
|
||||
import { writeFile } from 'fs';
|
||||
import { npmToYarn, yarnToNpm } from 'synp';
|
||||
import { exit } from 'process';
|
||||
import { basename } from 'path';
|
||||
|
||||
const writeFileAsync = promisify(writeFile);
|
||||
|
||||
const npmExecPath = process.env.npm_execpath || 'npm';
|
||||
const isYarn = basename(npmExecPath).startsWith('yarn');
|
||||
|
||||
async function main() {
|
||||
const libPath = process.cwd();
|
||||
if (isYarn) {
|
||||
console.info('Converting yarn.lock to package-lock.json...');
|
||||
await writeFileAsync('package-lock.json', yarnToNpm(libPath));
|
||||
} else {
|
||||
console.info('Converting package-lock.json to yarn.lock...');
|
||||
await writeFileAsync('yarn.lock', npmToYarn(libPath));
|
||||
}
|
||||
}
|
||||
|
||||
main()
|
||||
.then(() => exit(0))
|
||||
.catch((err) => {
|
||||
console.error(err);
|
||||
exit(1);
|
||||
});
|
||||
File diff suppressed because one or more lines are too long
|
|
@ -0,0 +1,77 @@
|
|||
{
|
||||
"name": "secret-keys.v2",
|
||||
"version": "1.0.0",
|
||||
"main": "index.js",
|
||||
"license": "MIT",
|
||||
"scripts": {
|
||||
"build:development": "webpack --mode development",
|
||||
"build:production": "webpack --mode production",
|
||||
"build:watch": "run-s build:development -- --watch",
|
||||
"build": "run-s build:development --",
|
||||
"clean": "rimraf dist",
|
||||
"lint": "eslint .",
|
||||
"postinstall": "node ./devtools/lockfiles",
|
||||
"prepublishOnly": "run-s build:production",
|
||||
"start:webpack-dev-server": "nodemon --watch webpack.config.babel.js --watch config/webpack --watch browserslist --watch .browserslistrc --exec webpack-dev-server --mode development --env development --hot --inline",
|
||||
"start": "run-p start:*"
|
||||
},
|
||||
"devDependencies": {
|
||||
"autoprefixer": "^8.6.5",
|
||||
"babel-cli": "^6.26.0",
|
||||
"babel-core": "^6.26.3",
|
||||
"babel-eslint": "^8.2.6",
|
||||
"babel-loader": "^7.1.5",
|
||||
"babel-plugin-dynamic-import-node": "^2.0.0",
|
||||
"babel-plugin-dynamic-import-webpack": "^1.0.2",
|
||||
"babel-plugin-syntax-export-extensions": "^6.13.0",
|
||||
"babel-plugin-transform-class-properties": "^6.24.1",
|
||||
"babel-plugin-transform-export-extensions": "^6.22.0",
|
||||
"babel-plugin-transform-object-rest-spread": "^6.26.0",
|
||||
"babel-plugin-transform-runtime": "^6.23.0",
|
||||
"babel-polyfill": "^6.26.0",
|
||||
"babel-preset-env": "^1.7.0",
|
||||
"babel-register": "^6.26.0",
|
||||
"better-npm-run": "^0.1.0",
|
||||
"browserslist": "^4.0.0",
|
||||
"case-sensitive-paths-webpack-plugin": "^2.1.2",
|
||||
"chalk": "^2.4.1",
|
||||
"css-loader": "^1.0.0",
|
||||
"debug": "^3.1.0",
|
||||
"eslint": "4",
|
||||
"eslint-config-airbnb-base": "^13.0.0",
|
||||
"eslint-plugin-babel": "^5.1.0",
|
||||
"eslint-plugin-import": "^2.13.0",
|
||||
"eslint-plugin-json": "^1.2.0",
|
||||
"execa": "^0.10.0",
|
||||
"file-loader": "^1.1.11",
|
||||
"html-webpack-plugin": "^3.2.0",
|
||||
"jimp": "^0.2.28",
|
||||
"mini-css-extract-plugin": "^0.4.1",
|
||||
"node-sass": "^4.9.2",
|
||||
"nodemon": "^1.18.1",
|
||||
"normalize-scss": "^7.0.1",
|
||||
"npm-run-all": "^4.1.3",
|
||||
"postcss-import": "^11.1.0",
|
||||
"postcss-loader": "^2.1.6",
|
||||
"postcss-preset-env": "^5.2.1",
|
||||
"progress-bar-webpack-plugin": "^1.11.0",
|
||||
"resolve-url-loader": "^2.3.0",
|
||||
"responsive-loader": "^1.1.0",
|
||||
"rimraf": "^2.6.2",
|
||||
"sass-loader": "^7.0.3",
|
||||
"slash": "^2.0.0",
|
||||
"style-loader": "^0.21.0",
|
||||
"synp": "^1.3.0",
|
||||
"uglifyjs-webpack-plugin": "^1.2.7",
|
||||
"url-loader": "^1.0.1",
|
||||
"webfontloader": "^1.6.28",
|
||||
"webpack": "^4.16.0",
|
||||
"webpack-cli": "^3.0.8",
|
||||
"webpack-dev-server": "^3.1.4",
|
||||
"webpack-hot-middleware": "^2.22.2",
|
||||
"webpack-merge": "^4.1.3"
|
||||
},
|
||||
"dependencies": {
|
||||
"typeface-orbitron": "^0.0.54"
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,24 @@
|
|||
{
|
||||
"presets": [
|
||||
["babel-preset-env", {
|
||||
"targets": {
|
||||
"browsers": ">1%",
|
||||
"uglify": false
|
||||
},
|
||||
"modules": false
|
||||
}],
|
||||
"babel-preset-react"
|
||||
],
|
||||
"plugins": [
|
||||
"babel-plugin-dynamic-import-node",
|
||||
"babel-plugin-syntax-export-extensions",
|
||||
"babel-plugin-transform-class-properties",
|
||||
"babel-plugin-transform-export-extensions",
|
||||
"babel-plugin-transform-react-constant-elements",
|
||||
["babel-plugin-transform-runtime", {
|
||||
"helpers": false,
|
||||
"polyfill": false,
|
||||
"regenerator": true
|
||||
}]
|
||||
]
|
||||
}
|
||||
|
|
@ -0,0 +1,19 @@
|
|||
@if ($debug)
|
||||
*
|
||||
background-color: rgba(255, 0, 255, 0.1)
|
||||
border: red 1px solid
|
||||
box-sizing: border-box
|
||||
position: relative
|
||||
&:after
|
||||
content: attr(class)
|
||||
z-index: 99999
|
||||
box-shadow: 0 0 10px black
|
||||
position: absolute
|
||||
left: 0
|
||||
top: 0
|
||||
background: white
|
||||
border: black 1px solid
|
||||
padding: 4px
|
||||
font-size: 12px
|
||||
font-weight: bold
|
||||
font-family: monospace
|
||||
|
|
@ -0,0 +1,7 @@
|
|||
// @import url('https://fonts.googleapis.com/css?family=Orbitron:400,700');
|
||||
// @import '~typeface-orbitron';
|
||||
|
||||
@mixin icedream-font() {
|
||||
font-family: 'Orbitron', sans-serif;
|
||||
font-size: 2vmin;
|
||||
}
|
||||
|
|
@ -0,0 +1,15 @@
|
|||
$debug: false !default;
|
||||
|
||||
$icedream-bg-color: #000 !default;
|
||||
$icedream-text-color: #eee !default;
|
||||
|
||||
// extra features
|
||||
$icedream-metadata-overlay: false !default;
|
||||
$icedream-nav-tab-fix: false !default;
|
||||
$icedream-nav-bg-fade: true !default;
|
||||
$icedream-fog-bg: true !default;
|
||||
$icedream-fog-bg-animated: true !default;
|
||||
$icedream-fog-bg-animation-length: 5s !default;
|
||||
$icedream-fog-bg-tab-offset: true !default;
|
||||
|
||||
$rekt-tab-count: 4;
|
||||
|
|
@ -0,0 +1,150 @@
|
|||
@charset "UTF-8";
|
||||
|
||||
@import './variables';
|
||||
|
||||
@import './font';
|
||||
@import './debug';
|
||||
|
||||
// wrap all rules in body{} to increase css rule specificity, relatively safe overriding without !important
|
||||
body {
|
||||
// metadata overlay tweak
|
||||
@if $icedream-metadata-overlay {
|
||||
#meta {
|
||||
position: fixed;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
text-align: left;
|
||||
padding: 1em;
|
||||
margin: 0;
|
||||
z-index: 900;
|
||||
// copied from https://gist.github.com/Odepia/5790397
|
||||
background: transparent;
|
||||
background: linear-gradient(to right, #000 0%, transparent 100%);
|
||||
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#000, endColorstr=transparent);
|
||||
}
|
||||
|
||||
.page:not(#page_EQ) {
|
||||
height: calc(100% - 9vmin);
|
||||
}
|
||||
}
|
||||
|
||||
// push in some air between lines
|
||||
#meta,
|
||||
#nav {
|
||||
line-height: 5vmin;
|
||||
}
|
||||
|
||||
// use user font for all text it is seen to look good on
|
||||
#meta,
|
||||
#nav,
|
||||
.page:not(#page_Chat) {
|
||||
@include icedream-font();
|
||||
}
|
||||
|
||||
// apply darker background and brighter text to content
|
||||
#nav > .active,
|
||||
.page,
|
||||
.page.active {
|
||||
background: $icedream-bg-color;
|
||||
color: $icedream-text-color;
|
||||
}
|
||||
|
||||
// stylization of text
|
||||
//text-transform: lowercase;
|
||||
|
||||
// currently playing track metadata
|
||||
#meta {
|
||||
color: $icedream-text-color;
|
||||
|
||||
&:before {
|
||||
content: '🎶 Now playing: ';
|
||||
font-weight: 700;
|
||||
}
|
||||
}
|
||||
|
||||
.station .title {
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
#nav > .active,
|
||||
.page,
|
||||
.page.active {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
// just some nice fades
|
||||
#nav {
|
||||
> div {
|
||||
@if $icedream-nav-bg-fade {
|
||||
transition: background 0.6s ease-in-out, color 0.6s ease-in-out, border 0.25s ease-out;
|
||||
}
|
||||
@if $icedream-nav-tab-fix {
|
||||
&:not(.active) {
|
||||
border: 1px transparent solid;
|
||||
border-bottom-color: #aaa;
|
||||
|
||||
&+div {
|
||||
// rules here for all but first child that don't follow an active tab
|
||||
&:hover {
|
||||
border-left-color: #aaa;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
&:not(:last-child) {
|
||||
// rules here for all but last child
|
||||
&:hover {
|
||||
border-right-color: #aaa;
|
||||
}
|
||||
}
|
||||
// rules here for all children
|
||||
&:hover {
|
||||
border-bottom-color: transparent;
|
||||
border-top-color: #aaa;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// smoke effect
|
||||
@if $icedream-fog-bg {
|
||||
#main {
|
||||
position: relative;
|
||||
|
||||
&::before {
|
||||
opacity: 0.2;
|
||||
background-image: url("whitefog.png");
|
||||
background-attachment: fixed;
|
||||
content: ' ';
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
height: 100%;
|
||||
@if not($icedream-fog-bg-animated) {
|
||||
background-size: cover;
|
||||
min-width: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
// animate it so it moves right to left slowly?
|
||||
@if $icedream-fog-bg-animated {
|
||||
background-repeat: repeat-x;
|
||||
background-size: 100% 100%;
|
||||
min-width: 200%;
|
||||
width: 200%;
|
||||
animation: icedream-bg-slide linear $icedream-fog-bg-animation-length infinite;
|
||||
@keyframes icedream-bg-slide {
|
||||
from {
|
||||
transform: translateX(0);
|
||||
}
|
||||
|
||||
to {
|
||||
transform: translateX(-50%);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,85 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<title>Get REKT! - Rekt Network - 320kbps Post Apocalyptic Radio</title>
|
||||
|
||||
<meta name=viewport content="width=device-width, initial-scale=0.75" />
|
||||
<meta charset="UTF-8">
|
||||
<meta name="description" content="There are two choices left for you. Succumb to the mindset of the machine city? Or Get Rekt! On the Rekt Network's
|
||||
320kbps post apocalyptic radio streams" />
|
||||
<meta name="mobile-web-app-capable" content="yes">
|
||||
|
||||
<meta property="og:url" content="https://rekt.network" />
|
||||
<meta property="og:site_name" content="https://rekt.network" />
|
||||
<meta property="og:type" content="music.radio_station" />
|
||||
<meta property="og:audio:url" content="https://stream.rekt.network/live.mp3" />
|
||||
<meta property="og:title" content="Get REKT! - Rekt Network - 320kbps Post Apocalyptic Radio" />
|
||||
<meta property="og:description" content="There are two choices left for you. Succumb to the mindset of the machine city? Or Get Rekt! On the Rekt Network's
|
||||
320kbps post apocalyptic radio streams" />
|
||||
<meta property="og:image" content="https://rekt.network/img/rekt_white.png" />
|
||||
<meta property="fb:app_id" content="1000465486695949" />
|
||||
|
||||
<meta name="twitter:card" content="player" />
|
||||
<meta name="twitter:title" content="Rekt Network" />
|
||||
<meta name="twitter:description" content="There are two choices left for you. Succumb to the mindset of the machine city? Or Get Rekt! On the Rekt Network's
|
||||
320kbps post apocalyptic radio streams" />
|
||||
<meta name="twitter:player" content="https://rekt.network/player?station=live" />
|
||||
<meta name="twitter:player:width" content="600" />
|
||||
<meta name="twitter:player:height" content="100" />
|
||||
<meta name="twitter:image" content="https://rekt.network/img/rekt_white.png" />
|
||||
<meta name="twitter:player:stream" content="https://stream.rekt.network/live.mp3" />
|
||||
<meta name="twitter:player:stream:content_type" content="audio/mpeg " />
|
||||
|
||||
|
||||
<link rel="shortcut icon" href="https://rekt.network/static/img/favicon.png">
|
||||
<link rel="manifest" href="https://rekt.network/manifest.json" />
|
||||
|
||||
<link rel="stylesheet" href="https://rekt.network/static/css/slider.css" type="text/css" />
|
||||
<link rel="stylesheet" href="https://rekt.network/static/css/style.css" type="text/css" />
|
||||
<link rel="stylesheet" href="https://rekt.network/static/css/irc.css" type="text/css" />
|
||||
<link rel="stylesheet" href="https://rekt.network/static/theme/css/default.css" type="text/css" id="theme" />
|
||||
</head>
|
||||
|
||||
<body class="table">
|
||||
<header>
|
||||
<div id="player">
|
||||
<div id="player_play" class="player_button"></div>
|
||||
<div id="player_stop" class="player_button" style="display:none;"></div>
|
||||
</div>
|
||||
<div id="meta">
|
||||
Loading Track Information
|
||||
</div>
|
||||
<nav id="nav">
|
||||
</nav>
|
||||
</header>
|
||||
<main id="main">
|
||||
</main>
|
||||
<script src="https://rekt.network/static/js/shaka.js"></script>
|
||||
<script src="https://rekt.network/static/js/helper.js"></script>
|
||||
<script src="https://rekt.network/static/js/slider.js"></script>
|
||||
<script src="https://rekt.network/static/js/page.js"></script>
|
||||
<script src="https://rekt.network/static/js/stream.js"></script>
|
||||
<script src="https://rekt.network/static/js/eq.js"></script>
|
||||
<script src="https://rekt.network/static/js/station.js"></script>
|
||||
<script src="https://rekt.network/static/js/settings.js"></script>
|
||||
|
||||
<script src="https://rekt.network/static/js/fetch.js"></script>
|
||||
<!-- <script src="https://rekt.network/static/js/meta_worker.js"></script> -->
|
||||
<script src="https://rekt.network/static/js/meta.js"></script>
|
||||
|
||||
<script src="https://rekt.network/static/js/webrtc.js"></script>
|
||||
<script src="https://rekt.network/static/js/irc.js"></script>
|
||||
|
||||
|
||||
<script src="https://rekt.network/static/js/firebase-app.js"></script>
|
||||
<script src="https://rekt.network/static/js/firebase-messaging.js"></script>
|
||||
<script src="https://rekt.network/static/js/push.js"></script>
|
||||
<script src="https://rekt.network/static/js/player.js"></script>
|
||||
<script src="https://rekt.network/static/js/keybind.js"></script>
|
||||
<script>
|
||||
params = new URLSearchParams(location.search); // querystring parameters
|
||||
</script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
|
@ -0,0 +1,3 @@
|
|||
import 'typeface-orbitron';
|
||||
|
||||
import './icedream.scss';
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 328 KiB |
|
|
@ -0,0 +1,334 @@
|
|||
import {
|
||||
DefinePlugin,
|
||||
NamedModulesPlugin,
|
||||
HashedModuleIdsPlugin,
|
||||
LoaderOptionsPlugin,
|
||||
HotModuleReplacementPlugin,
|
||||
NoEmitOnErrorsPlugin,
|
||||
ProvidePlugin,
|
||||
|
||||
optimize,
|
||||
} from 'webpack';
|
||||
|
||||
import path from 'path';
|
||||
import { isatty } from 'tty';
|
||||
import chalk from 'chalk';
|
||||
import _debug from 'debug';
|
||||
// import slash from 'slash';
|
||||
import CaseSensitivePathsPlugin from 'case-sensitive-paths-webpack-plugin';
|
||||
// import ExtractTextPlugin from 'extract-text-webpack-plugin';
|
||||
import MiniCssExtractPlugin from 'mini-css-extract-plugin';
|
||||
import HtmlPlugin from 'html-webpack-plugin';
|
||||
import ProgressBarPlugin from 'progress-bar-webpack-plugin';
|
||||
import UglifyJsPlugin from 'uglifyjs-webpack-plugin';
|
||||
|
||||
import Environment from './config/webpack/environment';
|
||||
|
||||
const debug = _debug('webpack:config');
|
||||
debug.generated = _debug('webpack:config:generated');
|
||||
|
||||
debug.generated('filename:', __filename);
|
||||
debug.generated('dirname:', __dirname);
|
||||
|
||||
const {
|
||||
ModuleConcatenationPlugin,
|
||||
} = optimize;
|
||||
|
||||
export default (options) => {
|
||||
const environment = new Environment({
|
||||
// @HACK
|
||||
// ExtractTextPlugin,
|
||||
MiniCssExtractPlugin,
|
||||
});
|
||||
|
||||
environment.input(options);
|
||||
|
||||
debug.generated(environment);
|
||||
|
||||
const {
|
||||
development,
|
||||
production,
|
||||
server,
|
||||
docker,
|
||||
} = environment;
|
||||
|
||||
const baseOutputFilename = development
|
||||
? 'assets/dev/[name].dev.[ext]'
|
||||
// Always use a hash (in production) to prevent files with the same name causing issues
|
||||
: 'assets/prod/[chunkhash:2]/[name].[chunkhash:8].[ext]';
|
||||
|
||||
const webpackChunkFilename = baseOutputFilename
|
||||
.replace(/\[ext(.*?)\]/g, 'js');
|
||||
const webpackOutputFilename = webpackChunkFilename;
|
||||
|
||||
const assetOutputFilename = baseOutputFilename
|
||||
.replace(/\[chunkhash(.*?)\]/g, '[hash$1]');
|
||||
|
||||
const cssOutputFileName = baseOutputFilename
|
||||
.replace(/\[ext(.*?)\]/g, 'css');
|
||||
// .replace(/\[chunkhash(.*?)\]/g, '[contenthash$1]');
|
||||
const cssChunkOutputFileName = baseOutputFilename
|
||||
.replace(/\[chunkhash(.*?)\]/g, '[id$1]')
|
||||
.replace(/\[ext(.*?)\]/g, 'css');
|
||||
// const cssOutputRebasePath = `${slash(path.relative(path.dirname(cssOutputFileName), ''))}/`;
|
||||
const cssOutputRebasePath = '/';
|
||||
|
||||
// Default options for file-loader
|
||||
const fileLoaderOptions = {
|
||||
name: assetOutputFilename,
|
||||
publicPath: cssOutputRebasePath,
|
||||
};
|
||||
|
||||
// Default options for url-loader
|
||||
const urlLoaderOptions = {
|
||||
...fileLoaderOptions,
|
||||
// limit: 1, // Don't inline anything (but empty files) by default
|
||||
limit: 4 * 1024,
|
||||
};
|
||||
|
||||
const config = {
|
||||
name: 'frontend',
|
||||
target: 'web',
|
||||
|
||||
devServer: {
|
||||
// inline: true,
|
||||
// contentBase: path.join(__dirname, 'public'),
|
||||
headers: {
|
||||
'Access-Control-Allow-Origin': '*',
|
||||
'Access-Control-Allow-Methods': 'GET',
|
||||
},
|
||||
historyApiFallback: {
|
||||
index: '/',
|
||||
},
|
||||
hot: true,
|
||||
https: !docker,
|
||||
noInfo: false,
|
||||
overlay: true,
|
||||
publicPath: '',
|
||||
quiet: false,
|
||||
disableHostCheck: docker,
|
||||
watchOptions: {
|
||||
ignored: /node_modules/,
|
||||
},
|
||||
},
|
||||
|
||||
module: {
|
||||
rules: [
|
||||
{
|
||||
test: /\.jsx?/i,
|
||||
include: [
|
||||
path.resolve(__dirname, 'src'),
|
||||
],
|
||||
use: [
|
||||
{
|
||||
loader: 'babel-loader',
|
||||
options: {
|
||||
// Look for babel configuration in project directory
|
||||
babelrc: false,
|
||||
// Cache transformations to the filesystem (in default temp dir)
|
||||
cacheDirectory: true,
|
||||
|
||||
presets: [
|
||||
['babel-preset-env', {
|
||||
targets: {
|
||||
browsers: {},
|
||||
uglify: false,
|
||||
},
|
||||
// spec: true,
|
||||
// debug: development,
|
||||
useBuiltIns: true,
|
||||
modules: false, // do not transpile modules, webpack 2+ does that
|
||||
}],
|
||||
],
|
||||
plugins: [
|
||||
'babel-plugin-transform-class-properties',
|
||||
'babel-plugin-transform-object-rest-spread',
|
||||
['babel-plugin-transform-runtime', {
|
||||
helpers: false,
|
||||
polyfill: false,
|
||||
regenerator: true,
|
||||
}],
|
||||
'babel-plugin-dynamic-import-webpack',
|
||||
],
|
||||
},
|
||||
},
|
||||
],
|
||||
},
|
||||
|
||||
...[
|
||||
/\.(gif|png|webp)$/i, // graphics
|
||||
/\.svg$/i, // svg
|
||||
/\.jpe?g$/i, // jpeg
|
||||
].map(test => ({
|
||||
test,
|
||||
loader: 'url-loader',
|
||||
options: {
|
||||
...urlLoaderOptions,
|
||||
fallback: 'responsive-loader',
|
||||
},
|
||||
})),
|
||||
|
||||
...[
|
||||
/\.(mp4|ogg|webm)$/i, // video
|
||||
/\.(eot|otf|ttf|woff|woff2)$/i, // fonts
|
||||
/\.(wav|mp3|m4a|aac|oga)$/i, // audio
|
||||
].map(test => ({
|
||||
test,
|
||||
loader: 'url-loader',
|
||||
options: urlLoaderOptions,
|
||||
})),
|
||||
{
|
||||
test: /\.css$/,
|
||||
use: environment.styleLoaders(),
|
||||
},
|
||||
{
|
||||
test: /\.s[ac]ss$/,
|
||||
use: environment.styleLoaders({
|
||||
loader: 'sass-loader',
|
||||
}),
|
||||
},
|
||||
// {
|
||||
// test: /\.styl$/,
|
||||
// use: environment.styleLoaders({
|
||||
// loader: 'stylus-loader',
|
||||
// }),
|
||||
// },
|
||||
],
|
||||
strictExportPresence: true,
|
||||
},
|
||||
|
||||
output: {
|
||||
filename: webpackOutputFilename,
|
||||
chunkFilename: webpackChunkFilename,
|
||||
path: path.join(__dirname, 'dist'),
|
||||
publicPath: '',
|
||||
globalObject: 'this', // https://github.com/webpack-contrib/worker-loader/issues/142#issuecomment-385764803
|
||||
},
|
||||
|
||||
plugins: [
|
||||
// Show progress as a bar during build
|
||||
isatty(1) && new ProgressBarPlugin({
|
||||
complete: chalk.white('\u2588'),
|
||||
incomplete: chalk.grey('\u2591'),
|
||||
format: `:bar ${chalk.cyan.bold(':percent')} Webpack build: ${chalk.grey(':msg')}`,
|
||||
}),
|
||||
|
||||
// Enforce case-sensitive import paths
|
||||
new CaseSensitivePathsPlugin(),
|
||||
// Replace specified expressions with values
|
||||
new DefinePlugin({
|
||||
'process.env.__DEV__': JSON.stringify(development),
|
||||
'process.env.__PROD__': JSON.stringify(production),
|
||||
'process.env.__SERVER__': JSON.stringify(server),
|
||||
'process.env.NODE_ENV': JSON.stringify(production ? 'production' : 'development'),
|
||||
}),
|
||||
|
||||
// Publish modules that are expected by other dependencies to be
|
||||
// registered on `window` global in respective expected way.
|
||||
new ProvidePlugin({
|
||||
jQuery: 'jquery',
|
||||
$: 'jquery',
|
||||
jquery: 'jquery',
|
||||
}),
|
||||
|
||||
// Dev server build
|
||||
...[
|
||||
// Hot module reloading
|
||||
new HotModuleReplacementPlugin(),
|
||||
new NoEmitOnErrorsPlugin(),
|
||||
|
||||
// Use paths as names when serving
|
||||
new NamedModulesPlugin(),
|
||||
].filter(() => server),
|
||||
|
||||
// If we're not serving, we're creating a static build
|
||||
...[// Extract imported stylesheets out into .css files
|
||||
new MiniCssExtractPlugin({
|
||||
filename: cssOutputFileName,
|
||||
chunkFileName: cssChunkOutputFileName,
|
||||
}),
|
||||
].filter(() => !server),
|
||||
|
||||
// If we're generating an HTML file, we must be building a web app, so
|
||||
// configure deterministic hashing for long-term caching.
|
||||
|
||||
// Generate stable module ids instead of having Webpack assign integers.
|
||||
// NamedModulesPlugin allows for easier debugging and
|
||||
// HashedModuleIdsPlugin does this without adding too much to bundle
|
||||
// size.
|
||||
development
|
||||
? new NamedModulesPlugin()
|
||||
: new HashedModuleIdsPlugin(),
|
||||
|
||||
// Production builds
|
||||
...[
|
||||
// JavaScript minification
|
||||
new LoaderOptionsPlugin({ debug: false, minimize: true }),
|
||||
|
||||
// Hoisting
|
||||
new ModuleConcatenationPlugin(),
|
||||
].filter(() => production),
|
||||
|
||||
new HtmlPlugin({
|
||||
template: path.join(__dirname, 'src', 'index.html'),
|
||||
filename: 'index.html',
|
||||
hash: false,
|
||||
inject: true,
|
||||
compile: true,
|
||||
favicon: false,
|
||||
minify: production ? {
|
||||
removeComments: true,
|
||||
removeRedundantAttributes: true,
|
||||
removeScriptTypeAttributes: true,
|
||||
removeStyleLinkTypeAttributes: true,
|
||||
useShortDoctype: true,
|
||||
// includeAutoGeneratedTags: false,
|
||||
collapseWhitespace: true,
|
||||
// conservativeCollapse: true,
|
||||
} : false,
|
||||
cache: true,
|
||||
showErrors: true,
|
||||
chunks: 'all',
|
||||
excludeChunks: [],
|
||||
title: 'REKT Network',
|
||||
xhtml: false,
|
||||
chunksSortMode: 'dependency',
|
||||
}),
|
||||
].filter(plugin => plugin !== false),
|
||||
resolve: {
|
||||
extensions: [
|
||||
'.js', '.jsx',
|
||||
],
|
||||
},
|
||||
resolveLoader: {
|
||||
modules: ['node_modules'],
|
||||
},
|
||||
optimization: {
|
||||
minimize: production,
|
||||
minimizer: [
|
||||
new UglifyJsPlugin({
|
||||
parallel: true,
|
||||
uglifyOptions: {
|
||||
compress: {
|
||||
warnings: false,
|
||||
},
|
||||
output: {
|
||||
comments: false,
|
||||
},
|
||||
},
|
||||
sourceMap: true,
|
||||
}),
|
||||
],
|
||||
},
|
||||
devtool: server ? 'cheap-module-source-map' : 'source-map',
|
||||
entry: {
|
||||
app: [
|
||||
path.join(__dirname, 'src'),
|
||||
],
|
||||
},
|
||||
};
|
||||
|
||||
debug.generated(config);
|
||||
|
||||
return config;
|
||||
};
|
||||
Loading…
Reference in New Issue