adb
/
cybre.town
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

update deps and services

Browse Source
master
adb-sh 1 year ago
parent be40fd9d75
commit 82e6c76d88
14 changed files with 11713 additions and 11321 deletions
Show Stats Download Patch File Download Diff File

1
.browserslistrc
Unescape Escape View File

@ -1,3 +1,4 @@
> 1% > 1%
last 2 versions last 2 versions
not dead not dead
not ie 11

51
.eslintrc.js
Unescape Escape View File

@ -1,35 +1,18 @@
module.exports = { module.exports = {
"env": { root: true,
"browser": true, env: {
"es6": true node: true,
}, },
"extends": [ "extends": [
"eslint:recommended", "plugin:vue/vue3-essential",
"plugin:vue/essential" "eslint:recommended",
], "@vue/typescript/recommended",
"globals": { ],
"Atomics": "readonly", parserOptions: {
"SharedArrayBuffer": "readonly" ecmaVersion: 2020,
}, },
"parserOptions": { rules: {
"ecmaVersion": 2018, "no-console": process.env.NODE_ENV === "production" ? "warn" : "off",
"sourceType": "module" "no-debugger": process.env.NODE_ENV === "production" ? "warn" : "off",
}, },
"plugins": [ };
"vue"
],
"rules": {
"indent": [
"error",
2
],
"linebreak-style": [
"error",
"unix"
],
"quotes": [
"warn",
"double"
]
}
}

5
README.md
Unescape Escape View File

@ -1,24 +1,29 @@
# cybre.town # cybre.town
## Project setup ## Project setup
``` ```
npm install npm install
``` ```
### Compiles and hot-reloads for development ### Compiles and hot-reloads for development
``` ```
npm run serve npm run serve
``` ```
### Compiles and minifies for production ### Compiles and minifies for production
``` ```
npm run build npm run build
``` ```
### Lints and fixes files ### Lints and fixes files
``` ```
npm run lint npm run lint
``` ```
### Customize configuration ### Customize configuration
See [Configuration Reference](https://cli.vuejs.org/config/). See [Configuration Reference](https://cli.vuejs.org/config/).

6
babel.config.js
Unescape Escape View File

@ -1,5 +1,5 @@
module.exports = { module.exports = {
presets: [ presets: [
'@vue/cli-plugin-babel/preset' "@vue/cli-plugin-babel/preset",
] ],
} };

22338
package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

31
package.json
Unescape Escape View File

@ -1,5 +1,5 @@
{ {
"name": "cybre.town", "name": "vue3",
"version": "0.1.0", "version": "0.1.0",
"private": true, "private": true,
"scripts": { "scripts": {
@ -8,20 +8,23 @@
"lint": "vue-cli-service lint" "lint": "vue-cli-service lint"
}, },
"dependencies": { "dependencies": {
"core-js": "^3.6.5", "core-js": "^3.8.3",
"register-service-worker": "^1.7.1", "register-service-worker": "^1.7.2",
"vue": "^3.0.0" "vue": "^3.2.13"
}, },
"devDependencies": { "devDependencies": {
"@vue/cli-plugin-babel": "~4.5.0", "@typescript-eslint/eslint-plugin": "^5.4.0",
"@vue/cli-plugin-eslint": "~4.5.0", "@typescript-eslint/parser": "^5.4.0",
"@vue/cli-plugin-pwa": "~4.5.0", "@vue/cli-plugin-babel": "~5.0.0",
"@vue/cli-service": "~4.5.0", "@vue/cli-plugin-eslint": "~5.0.0",
"@vue/compiler-sfc": "^3.0.0", "@vue/cli-plugin-pwa": "~5.0.0",
"babel-eslint": "^10.1.0", "@vue/cli-plugin-typescript": "~5.0.0",
"eslint": "^6.7.2", "@vue/cli-service": "~5.0.0",
"eslint-plugin-vue": "^7.5.0", "@vue/eslint-config-typescript": "^9.1.0",
"node-sass": "^5.0.0", "eslint": "^7.32.0",
"sass-loader": "^10.1.1" "eslint-plugin-vue": "^8.0.3",
"sass": "^1.32.7",
"sass-loader": "^12.0.0",
"typescript": "~4.5.5"
} }
} }

16
src/App.vue
Unescape Escape View File

@ -1,17 +1,11 @@
<script setup>
import ConsoleWrapper from "@/components/ConsoleWrapper.vue"
</script>
<template> <template>
<console class="console"></console> <ConsoleWrapper class="console" />
</template> </template>
<script>
import console from "@/components/console"
export default {
name: "App",
components: {
console
}
}
</script>
<style lang="scss"> <style lang="scss">
body,html{ body,html{

17
src/components/console.vue → src/components/ConsoleWrapper.vue
Unescape Escape View File

@ -3,11 +3,11 @@
<div class="content"> <div class="content">
<div class="group" v-for="(group, index) in history" :key="group"> <div class="group" v-for="(group, index) in history" :key="group">
<pre><span class="host">{{group.host}}</span><span <pre><span class="host">{{group.host}}</span><span
v-if="index !== history.length-1">{{group.command}}</span><input v-if="index !== history.length-1">{{group.command}}</span><input
v-else v-model="group.command" ref="consoleInput" type="text" autocomplete="off" v-else v-model="group.command" ref="consoleInput" type="text" autocomplete="off"
@keydown.enter.exact="displayCommand();" @keydown.enter.exact="displayCommand();"
@keydown.up="group.command = getPreviousCommand(index);" @keydown.up="group.command = getPreviousCommand(index);"
@keydown.down="group.command = getNextCommand(index);"></pre> @keydown.down="group.command = getNextCommand(index);"></pre>
<pre v-if="group.output.length"><span v-for="output in group.output" :key="output" :class="output.color">{{output.content}}</span></pre> <pre v-if="group.output.length"><span v-for="output in group.output" :key="output" :class="output.color">{{output.content}}</span></pre>
</div> </div>
</div> </div>
@ -15,10 +15,10 @@
</template> </template>
<script> <script>
import commands from "@/render-commands.js" import commands from "@/renderCommands.js"
export default { export default {
name: "console", name: "ConsoleWrapper",
data(){ data(){
return{ return{
history:[{ history:[{
@ -61,7 +61,8 @@ export default {
return this.history[this.currentHistoryPoint].command; return this.history[this.currentHistoryPoint].command;
}, },
focusInput(){ focusInput(){
this.$nextTick(() => this.$refs.consoleInput.focus()); console.log(this.$refs.consoleInput)
this.$nextTick(() => this.$refs.consoleInput[0].focus());
this.scrollToBottom(); this.scrollToBottom();
}, },
scrollToBottom(){ scrollToBottom(){

5
src/main.js
Unescape Escape View File

@ -1,5 +0,0 @@
import { createApp } from 'vue'
import App from './App.vue'
import './registerServiceWorker'
createApp(App).mount('#app')

5
src/main.ts
Unescape Escape View File

@ -0,0 +1,5 @@
import { createApp } from "vue";
import App from "./App.vue";
import "./registerServiceWorker";
createApp(App).mount("#app");

217
src/render-commands.js
Unescape Escape View File

@ -1,217 +0,0 @@
let commands = [
{
name: "unknown",
output(input){return[
{color: "white", content: `the command "${input[0]}" you entered is undefined!\n`, delay: 100},
{
color: "white",
content:
input.find(arr => arr === "--help")?
"try something like:\n" +
"\n" +
" - Mastodon > social\n" +
" - Gitea > git\n" +
" - Matrix > element\n" +
" - Etherpad > ether\n" +
" - short url > surl\n" +
" - Jitsi > meet\n":
"show examples with \"welcome --help\"",
delay: 200
},
]}
},
{
name: "welcome",
output(input){
let fontSize = window.getComputedStyle(document.body,null).fontSize.split("px", 1);
return[
{color: "white", content: "\nWelcome to:\n", delay: 100},
{
color: "green",
content: window.innerWidth/fontSize<35?
" __ \n" +
" /\\ \\ \n" +
" ____ __ \\_\\ \\____ _____ ____ \n" +
" / ___\\\\ \\/\\ \\\\ __ \\\\ __\\/ __ \\ \n" +
"/\\ \\__/ \\ \\_\\ \\\\ \\_\\ \\\\ \\_/\\ __/ \n" +
"\\ \\____\\ \\____ \\\\____/ \\_\\\\ \\____\\\n" +
" \\/____/\\/___/\\ \\___/ \\/_/ \\/____/\n" +
" __ /\\___/ \n" +
" /\\ \\__ \\/__/ @adb.sh\n" +
" \\ \\ _\\ ____ __ __ __ ______\n" +
" \\ \\ \\/ / __ \\\\ \\/\\ \\/\\ \\\\ __ \\\n" +
" __\\ \\ \\_\\ \\_\\ \\\\ \\/ \\/ / \\ \\/\\ \\\n" +
" /\\_\\\\ \\__\\\\____/ \\__/\\__/ \\ \\_\\ \\_\\\n" +
" \\/_/ \\/__//___/ \\/_/\\/_/ \\/_/\\/_/\n\n"
:
" __ __\n" +
" /\\ \\ /\\ \\__\n" +
" ____ __ \\_\\ \\____ _____ ____ \\ \\ _\\ ____ __ __ __ ______\n" +
" / ___\\\\ \\/\\ \\\\ __ \\\\ __\\/ __ \\ \\ \\ \\/ / __ \\\\ \\/\\ \\/\\ \\\\ __ \\\n" +
"/\\ \\__/ \\ \\_\\ \\\\ \\_\\ \\\\ \\_/\\ __/ __\\ \\ \\_\\ \\_\\ \\\\ \\/ \\/ / \\ \\/\\ \\\n" +
"\\ \\____\\ \\____ \\\\____/ \\_\\\\ \\____\\/\\_\\\\ \\__\\\\____/ \\__/\\__/ \\ \\_\\ \\_\\\n" +
" \\/____/\\/___/\\ \\___/ \\/_/ \\/____/\\/_/ \\/__//___/ \\/_/\\/_/ \\/_/\\/_/\n" +
" /\\___/\n" +
" \\/__/ @adb.sh\n\n",
delay: 300
},
input.find(arr => arr === "--help")?{
color: "white",
content:
"free services on this server:\n" +
"\n" +
" - Mastodon > social\n" +
" - Gitea > git\n" +
" - Matrix > element\n" +
" - Etherpad > ether\n" +
" - short url > surl\n" +
" - Jitsi > meet\n",
delay: 500
}:{color: "white", content: "show examples with \"welcome --help\"", delay: 600}
]
}
},
{
name: ["ls", "la", "list"],
output:[
{color: "white", content: "social ", delay: 100},
{color: "white", content: "git ", delay: 200},
{color: "white", content: "element ", delay: 300},
{color: "white", content: "ether ", delay: 350},
{color: "white", content: "surl ", delay: 400},
{color: "white", content: "meet", delay: 500},
]
},
{
name: "time",
output(){ return[
{color: "white", content: "your current time is: ", delay: 100},
{color: "blue", content: function(){return new Date().toLocaleTimeString()}(), delay: 200},
]}
},
{
name: "date",
output(){ return[
{color: "white", content: "your current date is: ", delay: 100},
{color: "blue", content: function(){return new Date().toLocaleDateString()}(), delay: 200},
]}
},
{
name: ["social", "mastodon", "Mastodon", "mstdn"],
output:[
{color: "blue", content: "\nMastodon", delay: 100},
{color: "white", content: " is loading\n", delay: 200},
{color: "white", content: "forwarding", delay: 400},
{color: "white", content: " ...", forward: "https://social.cybre.town", delay: 600}
]
},
{
name: ["git", "gitea", "Gitea"],
output:[
{color: "blue", content: "\nGitea", delay: 100},
{color: "white", content: " is loading\n", delay: 200},
{color: "white", content: "forwarding", delay: 400},
{color: "white", content: " ...", forward: "https://git.adb.sh", delay: 600}
]
},
{
name: ["matrix", "Matrix", "element", "Element"],
output:[
{color: "blue", content: "\nmatrix", delay: 100},
{color: "white", content: " is loading\n", delay: 200},
{color: "white", content: "forwarding", delay: 400},
{color: "white", content: " ...", forward: "https://element.adb.sh", delay: 600}
]
},
{
name: ["ether", "etherpad", "Etherpad"],
output(input){
if (input.find(arr => arr === "--help")) return [
{color: "white", content: "the syntax for this command is:\n", delay: 100},
{color: "white", content: "etherpad", delay: 200},
{color: "red", content: " [padname]", delay: 300}
]
return input[1]?[
{color: "blue", content: "\nEtherpad", delay: 100},
{color: "white", content: ` pad "${input[1]}" is loading\n`, delay: 200},
{color: "white", content: "forwarding", delay: 400},
{color: "white", content: " ...", forward: `https://ether.adb.sh/p/${input[1]}`, delay: 600}
]:[
{color: "blue", content: "\nEtherpad", delay: 100},
{color: "white", content: " startpage is loading\n", delay: 200},
{color: "white", content: "run with \"--help\" to show syntax\n", delay: 300},
{color: "white", content: "forwarding", delay: 400},
{color: "white", content: " ...", forward: "https://ether.adb.sh", delay: 600}
]
}
},
{
name: ["surl", "short-url", "shortURL"],
output:[
{color: "blue", content: "\nsurl", delay: 100},
{color: "white", content: " is loading\n", delay: 200},
{color: "white", content: "forwarding", delay: 400},
{color: "white", content: " ...", forward: "https://s.adb.sh", delay: 600}
]
},
{
name: ["meet", "jitsi", "Jitsi"],
output(input){
if (input.find(arr => arr === "--help")) return [
{color: "white", content: "the syntax for this command is:\n", delay: 100},
{color: "white", content: "meet", delay: 200},
{color: "red", content: " [roomname]", delay: 300}
]
return input[1]?[
{color: "blue", content: "\nJitsi", delay: 100},
{color: "white", content: ` room "${input[1]}" is loading\n`, delay: 200},
{color: "white", content: "forwarding", delay: 400},
{color: "white", content: " ...", forward: `https://meet.adb.sh/${input[1]}`, delay: 600}
]:[
{color: "blue", content: "\nJitsi", delay: 100},
{color: "white", content: " startpage is loading\n", delay: 200},
{color: "white", content: "run with \"--help\" to show syntax\n", delay: 300},
{color: "white", content: "forwarding", delay: 400},
{color: "white", content: " ...", forward: "https://meet.adb.sh", delay: 600}
]
}
},
{
name: "cat",
output:[
{
color: "red",
content: "" +
" . .\n" +
" \\`-\"'\"-'/\n" +
" } 6 6 { \n" +
" =. Y ,= \n" +
" /^^^\\ .\n" +
" / \\ )\n" +
"jgs ( )-( )/ \n" +
" \"\" \"\"",
delay: 100}
]
}
]
export default {
data(){
return {
commands
}
},
methods:{
renderCommand(input){
let toRender = this.getCommand(input).output
return typeof toRender === "function"?toRender(input.split(" ")):toRender;
},
getCommand(input) {
input = input.split(" ", 1)[0];
let command = commands.find(
command => Array.isArray(command.name)?command.name.find(
altName => altName === input):command.name === input);
return command?command:commands[0];
}
}
}

294
src/renderCommands.js
Unescape Escape View File

@ -0,0 +1,294 @@
let commands = [
{
name: "unknown",
output(input) {
return [
{
color: "white",
content: `the command "${input[0]}" you entered is undefined!\n`,
delay: 100,
},
{
color: "white",
content: input.find((arr) => arr === "--help")
? "try something like:\n" +
"\n" +
" - Mastodon > social\n" +
" - Gitea > git\n" +
" - HeadgeDoc > md\n" +
" - Jitsi > meet\n"
: 'show examples with "welcome --help"',
delay: 200,
},
];
},
},
{
name: "welcome",
output(input) {
let fontSize = window.getComputedStyle(document.body, null).fontSize
.split("px", 1);
return [
{ color: "white", content: "\nWelcome to:\n", delay: 100 },
{
color: "green",
content: window.innerWidth / fontSize < 35
? " __ \n" +
" /\\ \\ \n" +
" ____ __ \\_\\ \\____ _____ ____ \n" +
" / ___\\\\ \\/\\ \\\\ __ \\\\ __\\/ __ \\ \n" +
"/\\ \\__/ \\ \\_\\ \\\\ \\_\\ \\\\ \\_/\\ __/ \n" +
"\\ \\____\\ \\____ \\\\____/ \\_\\\\ \\____\\\n" +
" \\/____/\\/___/\\ \\___/ \\/_/ \\/____/\n" +
" __ /\\___/ \n" +
" /\\ \\__ \\/__/ @adb.sh\n" +
" \\ \\ _\\ ____ __ __ __ ______\n" +
" \\ \\ \\/ / __ \\\\ \\/\\ \\/\\ \\\\ __ \\\n" +
" __\\ \\ \\_\\ \\_\\ \\\\ \\/ \\/ / \\ \\/\\ \\\n" +
" /\\_\\\\ \\__\\\\____/ \\__/\\__/ \\ \\_\\ \\_\\\n" +
" \\/_/ \\/__//___/ \\/_/\\/_/ \\/_/\\/_/\n\n"
: " __ __\n" +
" /\\ \\ /\\ \\__\n" +
" ____ __ \\_\\ \\____ _____ ____ \\ \\ _\\ ____ __ __ __ ______\n" +
" / ___\\\\ \\/\\ \\\\ __ \\\\ __\\/ __ \\ \\ \\ \\/ / __ \\\\ \\/\\ \\/\\ \\\\ __ \\\n" +
"/\\ \\__/ \\ \\_\\ \\\\ \\_\\ \\\\ \\_/\\ __/ __\\ \\ \\_\\ \\_\\ \\\\ \\/ \\/ / \\ \\/\\ \\\n" +
"\\ \\____\\ \\____ \\\\____/ \\_\\\\ \\____\\/\\_\\\\ \\__\\\\____/ \\__/\\__/ \\ \\_\\ \\_\\\n" +
" \\/____/\\/___/\\ \\___/ \\/_/ \\/____/\\/_/ \\/__//___/ \\/_/\\/_/ \\/_/\\/_/\n" +
" /\\___/\n" +
" \\/__/ @adb.sh\n\n",
delay: 300,
},
input.find((arr) => arr === "--help")
? {
color: "white",
content: "free services on this server:\n" +
"\n" +
" - Mastodon > social\n" +
" - Gitea > git\n" +
" - HeadgeDoc > md\n" +
" - Jitsi > meet\n",
delay: 500,
}
: {
color: "white",
content: 'show examples with "welcome --help"',
delay: 600,
},
];
},
},
{
name: "time",
output() {
return [
{ color: "white", content: "your current time is: ", delay: 100 },
{
color: "blue",
content: function () {
return new Date().toLocaleTimeString();
}(),
delay: 200,
},
];
},
},
{
name: "date",
output() {
return [
{ color: "white", content: "your current date is: ", delay: 100 },
{
color: "blue",
content: function () {
return new Date().toLocaleDateString();
}(),
delay: 200,
},
];
},
},
{
name: ["social", "mastodon", "Mastodon", "mstdn"],
output: [
{ color: "blue", content: "\nMastodon", delay: 100 },
{ color: "white", content: " is loading\n", delay: 200 },
{ color: "white", content: "forwarding", delay: 400 },
{
color: "white",
content: " ...",
forward: "https://social.cybre.town",
delay: 600,
},
],
},
{
name: ["git", "gitea", "Gitea"],
output: [
{ color: "blue", content: "\nGitea", delay: 100 },
{ color: "white", content: " is loading\n", delay: 200 },
{ color: "white", content: "forwarding", delay: 400 },
{
color: "white",
content: " ...",
forward: "https://git.cybre.town",
delay: 600,
},
],
},
{
name: ["md", "hedgedoc", "HedgeDoc"],
output(input) {
if (input.find((arr) => arr === "--help")) {
return [
{
color: "white",
content: "the syntax for this command is:\n",
delay: 100,
},
{ color: "white", content: "", delay: 200 },
{ color: "red", content: " [padname]", delay: 300 },
];
}
return input[1]
? [
{ color: "blue", content: "\nhedgedoc", delay: 100 },
{
color: "white",
content: ` pad "${input[1]}" is loading\n`,
delay: 200,
},
{ color: "white", content: "forwarding", delay: 400 },
{
color: "white",
content: " ...",
forward: `https://md.cybre.town/${input[1]}`,
delay: 600,
},
]
: [
{ color: "blue", content: "\nHedgeDoc", delay: 100 },
{ color: "white", content: " startpage is loading\n", delay: 200 },
{
color: "white",
content: 'run with "--help" to show syntax\n',
delay: 300,
},
{ color: "white", content: "forwarding", delay: 400 },
{
color: "white",
content: " ...",
forward: "https://md.cybre.town",
delay: 600,
},
];
},
},
{
name: ["surl", "short-url", "shortURL"],
output: [
{ color: "blue", content: "\nsurl", delay: 100 },
{ color: "white", content: " is loading\n", delay: 200 },
{ color: "white", content: "forwarding", delay: 400 },
{
color: "white",
content: " ...",
forward: "https://s.adb.sh",
delay: 600,
},
],
},
{
name: ["meet", "jitsi", "Jitsi"],
output(input) {
if (input.find((arr) => arr === "--help")) {
return [
{
color: "white",
content: "the syntax for this command is:\n",
delay: 100,
},
{ color: "white", content: "meet", delay: 200 },
{ color: "red", content: " [roomname]", delay: 300 },
];
}
return input[1]
? [
{ color: "blue", content: "\nJitsi", delay: 100 },
{
color: "white",
content: ` room "${input[1]}" is loading\n`,
delay: 200,
},
{ color: "white", content: "forwarding", delay: 400 },
{
color: "white",
content: " ...",
forward: `https://meet.adb.sh/${input[1]}`,
delay: 600,
},
]
: [
{ color: "blue", content: "\nJitsi", delay: 100 },
{ color: "white", content: " startpage is loading\n", delay: 200 },
{
color: "white",
content: 'run with "--help" to show syntax\n',
delay: 300,
},
{ color: "white", content: "forwarding", delay: 400 },
{
color: "white",
content: " ...",
forward: "https://meet.adb.sh",
delay: 600,
},
];
},
},
{
name: "cat",
output: [
{
color: "red",
content: "" +
" . .\n" +
" \\`-\"'\"-'/\n" +
" } 6 6 { \n" +
" =. Y ,= \n" +
" /^^^\\ .\n" +
" / \\ )\n" +
"jgs ( )-( )/ \n" +
' "" ""',
delay: 100,
},
],
},
];
export default {
data() {
return {
commands,
};
},
methods: {
renderCommand(input) {
let toRender = this.getCommand(input).output;
return typeof toRender === "function"
? toRender(input.split(" "))
: toRender;
},
getCommand(input) {
input = input.split(" ", 1)[0];
let command = commands.find(
(command) =>
Array.isArray(command.name)
? command.name.find(
(altName) => altName === input,
)
: command.name === input,
);
return command ? command : commands[0];
},
},
};

40
tsconfig.json
Unescape Escape View File

@ -0,0 +1,40 @@
{
"compilerOptions": {
"target": "esnext",
"module": "esnext",
"strict": false,
"jsx": "preserve",
"moduleResolution": "node",
"skipLibCheck": true,
"esModuleInterop": true,
"allowSyntheticDefaultImports": true,
"forceConsistentCasingInFileNames": true,
"useDefineForClassFields": true,
"sourceMap": true,
"baseUrl": ".",
"types": [
"webpack-env"
],
"paths": {
"@/*": [
"src/*"
]
},
"lib": [
"esnext",
"dom",
"dom.iterable",
"scripthost"
]
},
"include": [
"src/**/*.ts",
"src/**/*.tsx",
"src/**/*.vue",
"tests/**/*.ts",
"tests/**/*.tsx"
],
"exclude": [
"node_modules"
]
}

4
vue.config.js
Unescape Escape View File

@ -0,0 +1,4 @@
const { defineConfig } = require("@vue/cli-service");
module.exports = defineConfig({
transpileDependencies: true,
});
Write Preview
Loading…
Cancel
Save