parent
d7454ddc1c
commit
f9662e31a2
@ -1 +0,0 @@
|
||||
.gitignore
|
@ -1 +0,0 @@
|
||||
{}
|
@ -1,280 +1,245 @@
|
||||
const pug = require("pug");
|
||||
const sass = require("sass");
|
||||
const fs = require("fs").promises;
|
||||
const os = require("os");
|
||||
const crypto = require("crypto");
|
||||
const path = require("path");
|
||||
const pj = path.join;
|
||||
const babel = require("@babel/core");
|
||||
const fetch = require("node-fetch");
|
||||
const chalk = require("chalk");
|
||||
const hint = require("jshint").JSHINT;
|
||||
|
||||
process.chdir(pj(__dirname, "src"));
|
||||
|
||||
const buildDir = "../build";
|
||||
|
||||
const validationQueue = [];
|
||||
const validationHost =
|
||||
os.hostname() === "future"
|
||||
? "http://localhost:8888/"
|
||||
: "http://validator.w3.org/nu/";
|
||||
const static = new Map();
|
||||
const links = new Map();
|
||||
const pugLocals = { static, links };
|
||||
|
||||
const spec = require("./spec.js");
|
||||
const pug = require("pug")
|
||||
const sass = require("sass")
|
||||
const fs = require("fs").promises
|
||||
const os = require("os")
|
||||
const crypto = require("crypto")
|
||||
const path = require("path")
|
||||
const pj = path.join
|
||||
const babel = require("@babel/core")
|
||||
const fetch = require("node-fetch")
|
||||
const chalk = require("chalk")
|
||||
const hint = require("jshint").JSHINT
|
||||
|
||||
process.chdir(pj(__dirname, "src"))
|
||||
|
||||
const buildDir = "../build"
|
||||
|
||||
const validationQueue = []
|
||||
const validationHost = os.hostname() === "future" ? "http://localhost:8888/" : "http://validator.w3.org/nu/"
|
||||
const static = new Map()
|
||||
const links = new Map()
|
||||
const pugLocals = {static, links}
|
||||
|
||||
const spec = require("./spec.js")
|
||||
|
||||
function hash(buffer) {
|
||||
return crypto.createHash("sha256").update(buffer).digest("hex").slice(0, 10);
|
||||
return crypto.createHash("sha256").update(buffer).digest("hex").slice(0, 10)
|
||||
}
|
||||
|
||||
function validate(filename, body, type) {
|
||||
const promise = fetch(validationHost + "?out=json", {
|
||||
method: "POST",
|
||||
body,
|
||||
headers: {
|
||||
"content-type": `text/${type}; charset=UTF-8`,
|
||||
},
|
||||
})
|
||||
.then((res) => res.json())
|
||||
.then((root) => {
|
||||
return function cont() {
|
||||
let concerningMessages = 0;
|
||||
for (const message of root.messages) {
|
||||
if (message.hiliteStart) {
|
||||
let type = message.type;
|
||||
if (message.type === "error") {
|
||||
type = chalk.red("error");
|
||||
} else if (message.type === "warning") {
|
||||
type = chalk.yellow("warning");
|
||||
} else {
|
||||
continue; // don't care about info
|
||||
}
|
||||
let match;
|
||||
if (
|
||||
(match = message.message.match(
|
||||
/Property “([\w-]+)” doesn't exist.$/
|
||||
))
|
||||
) {
|
||||
// allow these properties specifically
|
||||
if (
|
||||
[
|
||||
"scrollbar-width",
|
||||
"scrollbar-color",
|
||||
"overflow-anchor",
|
||||
].includes(match[1])
|
||||
) {
|
||||
continue;
|
||||
}
|
||||
}
|
||||
concerningMessages++;
|
||||
console.log(`validation: ${type} in ${filename}`);
|
||||
console.log(` ${message.message}`);
|
||||
const text = message.extract
|
||||
.replace(/\n/g, "⏎")
|
||||
.replace(/\t/g, " ");
|
||||
console.log(
|
||||
chalk.grey(
|
||||
" " +
|
||||
text.slice(0, message.hiliteStart) +
|
||||
chalk.inverse(
|
||||
text.substr(message.hiliteStart, message.hiliteLength)
|
||||
) +
|
||||
text.slice(message.hiliteStart + message.hiliteLength)
|
||||
)
|
||||
);
|
||||
} else {
|
||||
console.log(message);
|
||||
}
|
||||
}
|
||||
if (!concerningMessages) {
|
||||
console.log(`validation: ${chalk.green("ok")} for ${filename}`);
|
||||
}
|
||||
};
|
||||
});
|
||||
validationQueue.push(promise);
|
||||
return promise;
|
||||
const promise = fetch(validationHost+"?out=json", {
|
||||
method: "POST",
|
||||
body,
|
||||
headers: {
|
||||
"content-type": `text/${type}; charset=UTF-8`
|
||||
}
|
||||
}).then(res => res.json()).then(root => {
|
||||
return function cont() {
|
||||
let concerningMessages = 0
|
||||
for (const message of root.messages) {
|
||||
if (message.hiliteStart) {
|
||||
let type = message.type
|
||||
if (message.type === "error") {
|
||||
type = chalk.red("error")
|
||||
} else if (message.type === "warning") {
|
||||
type = chalk.yellow("warning")
|
||||
} else {
|
||||
continue // don't care about info
|
||||
}
|
||||
let match
|
||||
if (match = message.message.match(/Property “([\w-]+)” doesn't exist.$/)) {
|
||||
// allow these properties specifically
|
||||
if (["scrollbar-width", "scrollbar-color", "overflow-anchor"].includes(match[1])) {
|
||||
continue
|
||||
}
|
||||
}
|
||||
concerningMessages++
|
||||
console.log(`validation: ${type} in ${filename}`)
|
||||
console.log(` ${message.message}`)
|
||||
const text = message.extract.replace(/\n/g, "⏎").replace(/\t/g, " ")
|
||||
console.log(chalk.grey(
|
||||
" "
|
||||
+ text.slice(0, message.hiliteStart)
|
||||
+ chalk.inverse(text.substr(message.hiliteStart, message.hiliteLength))
|
||||
+ text.slice(message.hiliteStart+message.hiliteLength)
|
||||
))
|
||||
} else {
|
||||
console.log(message)
|
||||
}
|
||||
}
|
||||
if (!concerningMessages) {
|
||||
console.log(`validation: ${chalk.green("ok")} for ${filename}`)
|
||||
}
|
||||
}
|
||||
})
|
||||
validationQueue.push(promise)
|
||||
return promise
|
||||
}
|
||||
|
||||
function runHint(filename, source) {
|
||||
hint(source, {
|
||||
esversion: 9,
|
||||
undef: true,
|
||||
// unused: true,
|
||||
loopfunc: true,
|
||||
globals: ["console", "URLSearchParams"],
|
||||
browser: true,
|
||||
asi: true,
|
||||
});
|
||||
const result = hint.data();
|
||||
let problems = 0;
|
||||
if (result.errors) {
|
||||
for (const error of result.errors) {
|
||||
if (error.evidence) {
|
||||
const text = error.evidence.replace(/\t/g, " ");
|
||||
if (["W014"].includes(error.code)) continue;
|
||||
let type = error.code.startsWith("W")
|
||||
? chalk.yellow("warning")
|
||||
: chalk.red("error");
|
||||
console.log(`hint: ${type} in ${filename}`);
|
||||
console.log(
|
||||
` ${error.line}:${error.character}: ${error.reason} (${error.code})`
|
||||
);
|
||||
console.log(
|
||||
chalk.gray(
|
||||
" " +
|
||||
text.slice(0, error.character) +
|
||||
chalk.inverse(text.substr(error.character, 1)) +
|
||||
text.slice(error.character + 1)
|
||||
)
|
||||
);
|
||||
problems++;
|
||||
}
|
||||
}
|
||||
}
|
||||
if (problems) {
|
||||
console.log(`hint: ${chalk.cyan(problems + " problems")} in ${filename}`);
|
||||
} else {
|
||||
console.log(`hint: ${chalk.green("ok")} for ${filename}`);
|
||||
}
|
||||
hint(source, {
|
||||
esversion: 9,
|
||||
undef: true,
|
||||
// unused: true,
|
||||
loopfunc: true,
|
||||
globals: ["console", "URLSearchParams"],
|
||||
browser: true,
|
||||
asi: true,
|
||||
})
|
||||
const result = hint.data()
|
||||
let problems = 0
|
||||
if (result.errors) {
|
||||
for (const error of result.errors) {
|
||||
if (error.evidence) {
|
||||
const text = error.evidence.replace(/\t/g, " ")
|
||||
if ([
|
||||
"W014"
|
||||
].includes(error.code)) continue
|
||||
let type = error.code.startsWith("W") ? chalk.yellow("warning") : chalk.red("error")
|
||||
console.log(`hint: ${type} in ${filename}`)
|
||||
console.log(` ${error.line}:${error.character}: ${error.reason} (${error.code})`)
|
||||
console.log(chalk.gray(
|
||||
" "
|
||||
+ text.slice(0, error.character)
|
||||
+ chalk.inverse(text.substr(error.character, 1))
|
||||
+ text.slice(error.character+1)
|
||||
))
|
||||
problems++
|
||||
}
|
||||
}
|
||||
}
|
||||
if (problems) {
|
||||
console.log(`hint: ${chalk.cyan(problems+" problems")} in ${filename}`)
|
||||
} else {
|
||||
console.log(`hint: ${chalk.green("ok")} for ${filename}`)
|
||||
}
|
||||
}
|
||||
|
||||
async function addFile(sourcePath, targetPath) {
|
||||
const contents = await fs.readFile(pj(".", sourcePath), { encoding: null });
|
||||
static.set(sourcePath, `${targetPath}?static=${hash(contents)}`);
|
||||
fs.writeFile(pj(buildDir, targetPath), contents);
|
||||
const contents = await fs.readFile(pj(".", sourcePath), {encoding: null})
|
||||
static.set(sourcePath, `${targetPath}?static=${hash(contents)}`)
|
||||
fs.writeFile(pj(buildDir, targetPath), contents)
|
||||
}
|
||||
|
||||
async function addJS(sourcePath, targetPath) {
|
||||
const source = await fs.readFile(pj(".", sourcePath), { encoding: "utf8" });
|
||||
static.set(sourcePath, `${targetPath}?static=${hash(source)}`);
|
||||
runHint(sourcePath, source);
|
||||
fs.writeFile(pj(buildDir, targetPath), source);
|
||||
const source = await fs.readFile(pj(".", sourcePath), {encoding: "utf8"})
|
||||
static.set(sourcePath, `${targetPath}?static=${hash(source)}`)
|
||||
runHint(sourcePath, source);
|
||||
fs.writeFile(pj(buildDir, targetPath), source)
|
||||
}
|
||||
|
||||
async function addSass(sourcePath, targetPath) {
|
||||
const renderedCSS = sass.renderSync({
|
||||
file: pj(".", sourcePath),
|
||||
outputStyle: "expanded",
|
||||
indentType: "tab",
|
||||
indentWidth: 1,
|
||||
functions: {
|
||||
"static($name)": function (name) {
|
||||
if (!(name instanceof sass.types.String)) {
|
||||
throw "$name: expected a string";
|
||||
}
|
||||
const result = static.get(name.getValue());
|
||||
if (typeof result === "string") {
|
||||
return new sass.types.String(result);
|
||||
} else {
|
||||
throw new Error(
|
||||
"static file '" + name.getValue() + "' does not exist"
|
||||
);
|
||||
}
|
||||
},
|
||||
},
|
||||
}).css;
|
||||
static.set(sourcePath, `${targetPath}?static=${hash(renderedCSS)}`);
|
||||
validate(sourcePath, renderedCSS, "css");
|
||||
await fs.writeFile(pj(buildDir, targetPath), renderedCSS);
|
||||
const renderedCSS = sass.renderSync({
|
||||
file: pj(".", sourcePath),
|
||||
outputStyle: "expanded",
|
||||
indentType: "tab",
|
||||
indentWidth: 1,
|
||||
functions: {
|
||||
"static($name)": function(name) {
|
||||
if (!(name instanceof sass.types.String)) {
|
||||
throw "$name: expected a string"
|
||||
}
|
||||
const result = static.get(name.getValue())
|
||||
if (typeof result === "string") {
|
||||
return new sass.types.String(result)
|
||||
} else {
|
||||
throw new Error("static file '"+name.getValue()+"' does not exist")
|
||||
}
|
||||
}
|
||||
}
|
||||
}).css
|
||||
static.set(sourcePath, `${targetPath}?static=${hash(renderedCSS)}`)
|
||||
validate(sourcePath, renderedCSS, "css")
|
||||
await fs.writeFile(pj(buildDir, targetPath), renderedCSS)
|
||||
}
|
||||
|
||||
async function addPug(sourcePath, targetPath) {
|
||||
function getRelative(staticTarget) {
|
||||
const pathLayer = (
|
||||
path.dirname(targetPath).replace(/\/$/, "").match(/\//g) || []
|
||||
).length;
|
||||
const prefix = Array(pathLayer).fill("../").join("");
|
||||
const result = prefix + staticTarget.replace(/^\//, "");
|
||||
if (result) return result;
|
||||
else return "./";
|
||||
}
|
||||
function getStatic(target) {
|
||||
return getRelative(static.get(target));
|
||||
}
|
||||
function getStaticName(target) {
|
||||
return getRelative(static.get(target)).replace(/\?.*$/, "");
|
||||
}
|
||||
function getLink(target) {
|
||||
return getRelative(links.get(target));
|
||||
}
|
||||
const renderedHTML = pug.compileFile(pj(".", sourcePath), { pretty: true })({
|
||||
getStatic,
|
||||
getStaticName,
|
||||
getLink,
|
||||
...pugLocals,
|
||||
});
|
||||
let renderedWithoutPHP = renderedHTML.replace(/<\?(?:php|=).*?\?>/gms, "");
|
||||
validate(sourcePath, renderedWithoutPHP, "html");
|
||||
await fs.writeFile(pj(buildDir, targetPath), renderedHTML);
|
||||
function getRelative(staticTarget) {
|
||||
const pathLayer = (path.dirname(targetPath).replace(/\/$/, "").match(/\//g) || []).length
|
||||
const prefix = Array(pathLayer).fill("../").join("")
|
||||
const result = prefix + staticTarget.replace(/^\//, "")
|
||||
if (result) return result
|
||||
else return "./"
|
||||
}
|
||||
function getStatic(target) {
|
||||
return getRelative(static.get(target))
|
||||
}
|
||||
function getStaticName(target) {
|
||||
return getRelative(static.get(target)).replace(/\?.*$/, "")
|
||||
}
|
||||
function getLink(target) {
|
||||
return getRelative(links.get(target))
|
||||
}
|
||||
const renderedHTML = pug.compileFile(pj(".", sourcePath), {pretty: true})({getStatic, getStaticName, getLink, ...pugLocals})
|
||||
let renderedWithoutPHP = renderedHTML.replace(/<\?(?:php|=).*?\?>/gsm, "")
|
||||
validate(sourcePath, renderedWithoutPHP, "html")
|
||||
await fs.writeFile(pj(buildDir, targetPath), renderedHTML)
|
||||
}
|
||||
|
||||
async function addBabel(sourcePath, targetPath) {
|
||||
const originalCode = await fs.readFile(pj(".", sourcePath), "utf8");
|
||||
|
||||
const compiled = babel.transformSync(originalCode, {
|
||||
sourceMaps: false,
|
||||
sourceType: "script",
|
||||
presets: [
|
||||
[
|
||||
"@babel/env",
|
||||
{
|
||||
targets: {
|
||||
ie: 11,
|
||||
},
|
||||
},
|
||||
],
|
||||
],
|
||||
generatorOpts: {
|
||||
comments: false,
|
||||
minified: false,
|
||||
sourceMaps: false,
|
||||
},
|
||||
});
|
||||
|
||||
const filenameWithQuery = `${targetPath}?static=${hash(compiled.code)}`;
|
||||
|
||||
static.set(sourcePath, filenameWithQuery);
|
||||
|
||||
await Promise.all([
|
||||
fs.writeFile(pj(buildDir, targetPath), originalCode),
|
||||
fs.writeFile(pj(buildDir, minFilename), compiled.code),
|
||||
fs.writeFile(pj(buildDir, mapFilename), JSON.stringify(compiled.map)),
|
||||
]);
|
||||
const originalCode = await fs.readFile(pj(".", sourcePath), "utf8")
|
||||
|
||||
const compiled = babel.transformSync(originalCode, {
|
||||
sourceMaps: false,
|
||||
sourceType: "script",
|
||||
presets: [
|
||||
[
|
||||
"@babel/env", {
|
||||
targets: {
|
||||
"ie": 11
|
||||
}
|
||||
}
|
||||
]
|
||||
],
|
||||
generatorOpts: {
|
||||
comments: false,
|
||||
minified: false,
|
||||
sourceMaps: false,
|
||||
}
|
||||
})
|
||||
|
||||
const filenameWithQuery = `${targetPath}?static=${hash(compiled.code)}`
|
||||
|
||||
static.set(sourcePath, filenameWithQuery)
|
||||
|
||||
await Promise.all([
|
||||
fs.writeFile(pj(buildDir, targetPath), originalCode),
|
||||
fs.writeFile(pj(buildDir, minFilename), compiled.code),
|
||||
fs.writeFile(pj(buildDir, mapFilename), JSON.stringify(compiled.map))
|
||||
])
|
||||
}
|
||||
|
||||
(async () => {
|
||||
// Stage 1: Register
|
||||
for (const item of spec) {
|
||||
if (item.type === "pug") {
|
||||
links.set(item.source, item.target.replace(/index.html$/, ""));
|
||||
}
|
||||
}
|
||||
|
||||
// Stage 2: Build
|
||||
for (const item of spec) {
|
||||
if (item.type === "file") {
|
||||
await addFile(item.source, item.target);
|
||||
} else if (item.type === "js") {
|
||||
await addJS(item.source, item.target);
|
||||
} else if (item.type === "sass") {
|
||||
await addSass(item.source, item.target);
|
||||
} else if (item.type === "babel") {
|
||||
await addBabel(item.source, item.target);
|
||||
} else if (item.type === "pug") {
|
||||
await addPug(item.source, item.target);
|
||||
} else {
|
||||
throw new Error("Unknown item type: " + item.type);
|
||||
}
|
||||
}
|
||||
|
||||
console.log(chalk.green("All files emitted."));
|
||||
|
||||
await Promise.all(validationQueue).then((v) => {
|
||||
console.log(`validation: using host ${chalk.cyan(validationHost)}`);
|
||||
v.forEach((cont) => cont());
|
||||
});
|
||||
|
||||
console.log(chalk.green("Build complete.") + "\n\n------------\n");
|
||||
})();
|
||||
;(async () => {
|
||||
// Stage 1: Register
|
||||
for (const item of spec) {
|
||||
if (item.type === "pug") {
|
||||
links.set(item.source, item.target.replace(/index.html$/, ""))
|
||||
}
|
||||
}
|
||||
|
||||
// Stage 2: Build
|
||||
for (const item of spec) {
|
||||
if (item.type === "file") {
|
||||
await addFile(item.source, item.target)
|
||||
} else if (item.type === "js") {
|
||||
await addJS(item.source, item.target)
|
||||
} else if (item.type === "sass") {
|
||||
await addSass(item.source, item.target)
|
||||
} else if (item.type === "babel") {
|
||||
await addBabel(item.source, item.target)
|
||||
} else if (item.type === "pug") {
|
||||
await addPug(item.source, item.target)
|
||||
} else {
|
||||
throw new Error("Unknown item type: "+item.type)
|
||||
}
|
||||
}
|
||||
|
||||
console.log(chalk.green("All files emitted."))
|
||||
|
||||
await Promise.all(validationQueue).then(v => {
|
||||
console.log(`validation: using host ${chalk.cyan(validationHost)}`)
|
||||
v.forEach(cont => cont())
|
||||
})
|
||||
|
||||
console.log(chalk.green("Build complete.") + "\n\n------------\n")
|
||||
})()
|
||||
|
@ -1,9 +1,9 @@
|
||||
{
|
||||
"compilerOptions": {
|
||||
"target": "esnext",
|
||||
"module": "esnext",
|
||||
"checkJs": true,
|
||||
"moduleResolution": "node",
|
||||
"allowSyntheticDefaultImports": true
|
||||
}
|
||||
"compilerOptions": {
|
||||
"target": "esnext",
|
||||
"module": "esnext",
|
||||
"checkJs": true,
|
||||
"moduleResolution": "node",
|
||||
"allowSyntheticDefaultImports": true
|
||||
}
|
||||
}
|
||||
|
@ -1,117 +1,117 @@
|
||||
module.exports = [
|
||||
{
|
||||
type: "file",
|
||||
source: "/assets/fonts/whitney-500.woff",
|
||||
target: "/static/whitney-500.woff",
|
||||
},
|
||||
{
|
||||
type: "file",
|
||||
source: "/assets/fonts/whitney-400.woff",
|
||||
target: "/static/whitney-400.woff",
|
||||
},
|
||||
{
|
||||
type: "js",
|
||||
source: "/js/basic.js",
|
||||
target: "/static/basic.js",
|
||||
},
|
||||
{
|
||||
type: "js",
|
||||
source: "/js/groups.js",
|
||||
target: "/static/groups.js",
|
||||
},
|
||||
{
|
||||
type: "js",
|
||||
source: "/js/chat-input.js",
|
||||
target: "/static/chat-input.js",
|
||||
},
|
||||
{
|
||||
type: "js",
|
||||
source: "/js/room-picker.js",
|
||||
target: "/static/room-picker.js",
|
||||
},
|
||||
{
|
||||
type: "js",
|
||||
source: "/js/store/store.js",
|
||||
target: "/static/store/store.js",
|
||||
},
|
||||
{
|
||||
type: "js",
|
||||
source: "/js/store/Subscribable.js",
|
||||
target: "/static/store/Subscribable.js",
|
||||
},
|
||||
{
|
||||
type: "js",
|
||||
source: "/js/store/SubscribeValue.js",
|
||||
target: "/static/store/SubscribeValue.js",
|
||||
},
|
||||
{
|
||||
type: "js",
|
||||
source: "/js/store/SubscribeMapList.js",
|
||||
target: "/static/store/SubscribeMapList.js",
|
||||
},
|
||||
{
|
||||
type: "js",
|
||||
source: "/js/store/SubscribeSet.js",
|
||||
target: "/static/store/SubscribeSet.js",
|
||||
},
|
||||
{
|
||||
type: "js",
|
||||
source: "/js/sync/sync.js",
|
||||
target: "/static/sync/sync.js",
|
||||
},
|
||||
{
|
||||
type: "js",
|
||||
source: "/js/lsm.js",
|
||||
target: "/static/lsm.js",
|
||||
},
|
||||
{
|
||||
type: "js",
|
||||
source: "/js/Timeline.js",
|
||||
target: "/static/Timeline.js",
|
||||
},
|
||||
{
|
||||
type: "js",
|
||||
source: "/js/Anchor.js",
|
||||
target: "/static/Anchor.js",
|
||||
},
|
||||
{
|
||||
type: "js",
|
||||
source: "/js/chat.js",
|
||||
target: "/static/chat.js",
|
||||
},
|
||||
{
|
||||
type: "file",
|
||||
source: "/assets/fonts/whitney-500.woff",
|
||||
target: "/static/whitney-500.woff",
|
||||
},
|
||||
{
|
||||
type: "file",
|
||||
source: "/assets/icons/directs.svg",
|
||||
target: "/static/directs.svg",
|
||||
},
|
||||
{
|
||||
type: "file",
|
||||
source: "/assets/icons/channels.svg",
|
||||
target: "/static/channels.svg",
|
||||
},
|
||||
{
|
||||
type: "file",
|
||||
source: "/assets/icons/join-event.svg",
|
||||
target: "/static/join-event.svg",
|
||||
},
|
||||
{
|
||||
type: "sass",
|
||||
source: "/sass/main.sass",
|
||||
target: "/static/main.css",
|
||||
},
|
||||
{
|
||||
type: "pug",
|
||||
source: "/home.pug",
|
||||
target: "/index.html",
|
||||
},
|
||||
{
|
||||
type: "pug",
|
||||
source: "/login.pug",
|
||||
target: "/login.html",
|
||||
},
|
||||
];
|
||||
{
|
||||
type: "file",
|
||||
source: "/assets/fonts/whitney-500.woff",
|
||||
target: "/static/whitney-500.woff"
|
||||
},
|
||||
{
|
||||
type: "file",
|
||||
source: "/assets/fonts/whitney-400.woff",
|
||||
target: "/static/whitney-400.woff"
|
||||
},
|
||||
{
|
||||
type: "js",
|
||||
source: "/js/basic.js",
|
||||
target: "/static/basic.js"
|
||||
},
|
||||
{
|
||||
type: "js",
|
||||
source: "/js/groups.js",
|
||||
target: "/static/groups.js"
|
||||
},
|
||||
{
|
||||
type: "js",
|
||||
source: "/js/chat-input.js",
|
||||
target: "/static/chat-input.js"
|
||||
},
|
||||
{
|
||||
type: "js",
|
||||
source: "/js/room-picker.js",
|
||||
target: "/static/room-picker.js"
|
||||
},
|
||||
{
|
||||
type: "js",
|
||||
source: "/js/store/store.js",
|
||||
target: "/static/store/store.js"
|
||||
},
|
||||
{
|
||||
type: "js",
|
||||
source: "/js/store/Subscribable.js",
|
||||
target: "/static/store/Subscribable.js"
|
||||
},
|
||||
{
|
||||
type: "js",
|
||||
source: "/js/store/SubscribeValue.js",
|
||||
target: "/static/store/SubscribeValue.js"
|
||||
},
|
||||
{
|
||||
type: "js",
|
||||
source: "/js/store/SubscribeMapList.js",
|
||||
target: "/static/store/SubscribeMapList.js"
|
||||
},
|
||||
{
|
||||
type: "js",
|
||||
source: "/js/store/SubscribeSet.js",
|
||||
target: "/static/store/SubscribeSet.js"
|
||||
},
|
||||
{
|
||||
type: "js",
|
||||
source: "/js/sync/sync.js",
|
||||
target: "/static/sync/sync.js"
|
||||
},
|
||||
{
|
||||
type: "js",
|
||||
source: "/js/lsm.js",
|
||||
target: "/static/lsm.js"
|
||||
},
|
||||
{
|
||||
type: "js",
|
||||
source: "/js/Timeline.js",
|
||||
target: "/static/Timeline.js"
|
||||
},
|
||||
{
|
||||
type: "js",
|
||||
source: "/js/Anchor.js",
|
||||
target: "/static/Anchor.js"
|
||||
},
|
||||
{
|
||||
type: "js",
|
||||
source: "/js/chat.js",
|
||||
target: "/static/chat.js"
|
||||
},
|
||||
{
|
||||
type: "file",
|
||||
source: "/assets/fonts/whitney-500.woff",
|
||||
target: "/static/whitney-500.woff"
|
||||
},
|
||||
{
|
||||
type: "file",
|
||||
source: "/assets/icons/directs.svg",
|
||||
target: "/static/directs.svg"
|
||||
},
|
||||
{
|
||||
type: "file",
|
||||
source: "/assets/icons/channels.svg",
|
||||
target: "/static/channels.svg"
|
||||
},
|
||||
{
|
||||
type: "file",
|
||||
source: "/assets/icons/join-event.svg",
|
||||
target: "/static/join-event.svg"
|
||||
},
|
||||
{
|
||||
type: "sass",
|
||||
source: "/sass/main.sass",
|
||||
target: "/static/main.css"
|
||||
},
|
||||
{
|
||||
type: "pug",
|
||||
source: "/home.pug",
|
||||
target: "/index.html"
|
||||
},
|
||||
{
|
||||
type: "pug",
|
||||
source: "/login.pug",
|
||||
target: "/login.html"
|
||||
}
|
||||
]
|
||||
|
@ -1,15 +1,15 @@
|
||||
import { ElemJS } from "./basic.js";
|
||||
import {ElemJS} from "./basic.js"
|
||||
|
||||
class Anchor extends ElemJS {
|
||||
constructor() {
|
||||
super("div");
|
||||
this.class("c-anchor");
|
||||
}
|
||||
constructor() {
|
||||
super("div")
|
||||
this.class("c-anchor")
|
||||
}
|
||||
|
||||
scroll() {
|
||||
// console.log("anchor scrolled")
|
||||
this.element.scrollIntoView({ block: "start" });
|
||||
}
|
||||
scroll() {
|
||||
// console.log("anchor scrolled")
|
||||
this.element.scrollIntoView({block: "start"})
|
||||
}
|
||||
}
|
||||
|
||||
export { Anchor };
|
||||
export {Anchor}
|
||||
|