forked from srgooglo/monstercanker
This commit is contained in:
parent
27792df4ca
commit
5761947915
|
|
@ -0,0 +1,41 @@
|
|||
# Secrets
|
||||
/**/**/.env
|
||||
/**/**/origin.server
|
||||
/**/**/server.manifest
|
||||
/**/**/server.registry
|
||||
/**/**/*.secret.*
|
||||
|
||||
/**/**/_shared
|
||||
|
||||
# Trash
|
||||
/**/**/*.log
|
||||
/**/**/dumps.log
|
||||
/**/**/.crash.log
|
||||
/**/**/.tmp
|
||||
/**/**/.cache
|
||||
/**/**/cache
|
||||
/**/**/out
|
||||
/**/**/.out
|
||||
/**/**/dist
|
||||
/**/**/node_modules
|
||||
/**/**/corenode_modules
|
||||
/**/**/.DS_Store
|
||||
/**/**/package-lock.json
|
||||
/**/**/yarn.lock
|
||||
/**/**/.evite
|
||||
/**/**/build
|
||||
/**/**/uploads
|
||||
/**/**/d_data
|
||||
/**/**/*.tar
|
||||
/**/**/*.7z
|
||||
/**/**/*.zip
|
||||
/**/**/*.env
|
||||
|
||||
# Logs
|
||||
/**/**/npm-debug.log*
|
||||
/**/**/yarn-error.log
|
||||
/**/**/dumps.log
|
||||
/**/**/corenode.log
|
||||
|
||||
# Temporal configurations
|
||||
/**/**/.aliaser
|
||||
|
|
@ -0,0 +1,40 @@
|
|||
require('dotenv').config()
|
||||
|
||||
const express = require("express")
|
||||
const cors = require("cors")
|
||||
const mlib = require("../../node_lib")
|
||||
|
||||
let app = null
|
||||
|
||||
const { LISTENING_PORT } = process.env
|
||||
const PORT = LISTENING_PORT || 3000
|
||||
|
||||
async function main() {
|
||||
app = express()
|
||||
|
||||
app.use(cors())
|
||||
app.use(express.json())
|
||||
|
||||
app.get("/api", async (req, res) => {
|
||||
let { random } = req.query
|
||||
|
||||
// try to parse random, can be a number or a boolean
|
||||
if (random) {
|
||||
if (random === "true") {
|
||||
random = true
|
||||
} else if (Number(random)) {
|
||||
random = Number(random)
|
||||
}
|
||||
}
|
||||
|
||||
const phrases = await mlib({ random })
|
||||
|
||||
res.json(phrases)
|
||||
})
|
||||
|
||||
app.listen(PORT)
|
||||
|
||||
console.log(`Listening on port ${PORT}`)
|
||||
}
|
||||
|
||||
main().catch(console.error)
|
||||
|
|
@ -0,0 +1,10 @@
|
|||
{
|
||||
"name": "node_api",
|
||||
"version": "1.0.0",
|
||||
"main": "index.js",
|
||||
"license": "MIT",
|
||||
"dependencies": {
|
||||
"dotenv": "^16.4.1",
|
||||
"express": "^4.18.2"
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,20 @@
|
|||
module.exports = {
|
||||
root: true,
|
||||
env: { browser: true, es2020: true },
|
||||
extends: [
|
||||
'eslint:recommended',
|
||||
'plugin:react/recommended',
|
||||
'plugin:react/jsx-runtime',
|
||||
'plugin:react-hooks/recommended',
|
||||
],
|
||||
ignorePatterns: ['dist', '.eslintrc.cjs'],
|
||||
parserOptions: { ecmaVersion: 'latest', sourceType: 'module' },
|
||||
settings: { react: { version: '18.2' } },
|
||||
plugins: ['react-refresh'],
|
||||
rules: {
|
||||
'react-refresh/only-export-components': [
|
||||
'warn',
|
||||
{ allowConstantExport: true },
|
||||
],
|
||||
},
|
||||
}
|
||||
|
|
@ -0,0 +1,24 @@
|
|||
# Logs
|
||||
logs
|
||||
*.log
|
||||
npm-debug.log*
|
||||
yarn-debug.log*
|
||||
yarn-error.log*
|
||||
pnpm-debug.log*
|
||||
lerna-debug.log*
|
||||
|
||||
node_modules
|
||||
dist
|
||||
dist-ssr
|
||||
*.local
|
||||
|
||||
# Editor directories and files
|
||||
.vscode/*
|
||||
!.vscode/extensions.json
|
||||
.idea
|
||||
.DS_Store
|
||||
*.suo
|
||||
*.ntvs*
|
||||
*.njsproj
|
||||
*.sln
|
||||
*.sw?
|
||||
|
|
@ -0,0 +1,8 @@
|
|||
# React + Vite
|
||||
|
||||
This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
|
||||
|
||||
Currently, two official plugins are available:
|
||||
|
||||
- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh
|
||||
- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
|
||||
|
|
@ -0,0 +1,16 @@
|
|||
<!doctype html>
|
||||
<html lang="en">
|
||||
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>Monstercanker</title>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="root"></div>
|
||||
<script type="module" src="/src/main.jsx"></script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
|
@ -0,0 +1,27 @@
|
|||
{
|
||||
"name": "web",
|
||||
"private": true,
|
||||
"version": "0.0.0",
|
||||
"type": "module",
|
||||
"scripts": {
|
||||
"dev": "vite",
|
||||
"build": "vite build",
|
||||
"lint": "eslint . --ext js,jsx --report-unused-disable-directives --max-warnings 0",
|
||||
"preview": "vite preview"
|
||||
},
|
||||
"dependencies": {
|
||||
"axios": "^1.6.7",
|
||||
"react": "^18.2.0",
|
||||
"react-dom": "^18.2.0"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@types/react": "^18.2.43",
|
||||
"@types/react-dom": "^18.2.17",
|
||||
"@vitejs/plugin-react": "^4.2.1",
|
||||
"eslint": "^8.55.0",
|
||||
"eslint-plugin-react": "^7.33.2",
|
||||
"eslint-plugin-react-hooks": "^4.6.0",
|
||||
"eslint-plugin-react-refresh": "^0.4.5",
|
||||
"vite": "^5.0.8"
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,86 @@
|
|||
:root {
|
||||
font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
|
||||
line-height: 1.5;
|
||||
font-weight: 400;
|
||||
|
||||
color-scheme : light dark;
|
||||
color : rgba(255, 255, 255, 0.87);
|
||||
background-color: #242424;
|
||||
|
||||
font-synthesis : none;
|
||||
text-rendering : optimizeLegibility;
|
||||
-webkit-font-smoothing : antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
a {
|
||||
font-weight : 500;
|
||||
color : #646cff;
|
||||
text-decoration: inherit;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
color: #535bf2;
|
||||
}
|
||||
|
||||
body {
|
||||
display : flex;
|
||||
flex-direction: column;
|
||||
|
||||
margin : 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size : 3.2em;
|
||||
line-height: 1.1;
|
||||
}
|
||||
|
||||
button {
|
||||
border-radius : 8px;
|
||||
border : 1px solid transparent;
|
||||
padding : 0.6em 1.2em;
|
||||
font-size : 1em;
|
||||
font-weight : 500;
|
||||
font-family : inherit;
|
||||
background-color: #1a1a1a;
|
||||
cursor : pointer;
|
||||
transition : border-color 0.25s;
|
||||
}
|
||||
|
||||
button:hover {
|
||||
border-color: #646cff;
|
||||
}
|
||||
|
||||
button:focus,
|
||||
button:focus-visible {
|
||||
outline: 4px auto -webkit-focus-ring-color;
|
||||
}
|
||||
|
||||
.app {
|
||||
display : flex;
|
||||
flex-direction: column;
|
||||
|
||||
align-items : center;
|
||||
justify-content: center;
|
||||
|
||||
width : 100%;
|
||||
height: 100vh;
|
||||
}
|
||||
|
||||
footer {
|
||||
position: fixed;
|
||||
|
||||
bottom: 10vh;
|
||||
left : 0;
|
||||
|
||||
width : 100%;
|
||||
height: fit-content;
|
||||
|
||||
display: flex;
|
||||
|
||||
align-items : center;
|
||||
justify-content: center;
|
||||
|
||||
gap: 20px;
|
||||
}
|
||||
|
|
@ -0,0 +1,52 @@
|
|||
import React from "react"
|
||||
import ReactDOM from "react-dom/client"
|
||||
|
||||
import axios from "axios"
|
||||
|
||||
import "./index.css"
|
||||
|
||||
const API_ENDPOINT = import.meta.env.PROD ? "/api" : `http://${window.location.hostname}:3000/api`
|
||||
|
||||
const App = () => {
|
||||
const [loading, setLoading] = React.useState(true)
|
||||
const [randomWord, setRandomWord] = React.useState(null)
|
||||
|
||||
async function loadRandom({
|
||||
random = true,
|
||||
} = {}) {
|
||||
setLoading(true)
|
||||
|
||||
let { data } = await axios({
|
||||
url: API_ENDPOINT,
|
||||
method: "GET",
|
||||
params: {
|
||||
random,
|
||||
},
|
||||
})
|
||||
|
||||
setLoading(false)
|
||||
|
||||
setRandomWord(data)
|
||||
}
|
||||
|
||||
React.useEffect(() => {
|
||||
loadRandom()
|
||||
}, [])
|
||||
|
||||
return <div className="app">
|
||||
{
|
||||
loading ? <p>Loading...</p> : <h1>{randomWord}</h1>
|
||||
}
|
||||
|
||||
<footer>
|
||||
<a href="https://git.ragestudio.net/srgooglo/monstercanker">GitHub</a>
|
||||
<a href={API_ENDPOINT}>API</a>
|
||||
</footer>
|
||||
</div>
|
||||
}
|
||||
|
||||
ReactDOM.createRoot(document.getElementById("root")).render(
|
||||
<React.StrictMode>
|
||||
<App />
|
||||
</React.StrictMode>,
|
||||
)
|
||||
|
|
@ -0,0 +1,7 @@
|
|||
import { defineConfig } from 'vite'
|
||||
import react from '@vitejs/plugin-react'
|
||||
|
||||
// https://vitejs.dev/config/
|
||||
export default defineConfig({
|
||||
plugins: [react()],
|
||||
})
|
||||
|
|
@ -0,0 +1,29 @@
|
|||
const raw_text = "https://git.ragestudio.net/srgooglo/monstercanker/raw/branch/main/main.txt"
|
||||
|
||||
function randomSelect(array) {
|
||||
return array[Math.floor(Math.random() * array.length)]
|
||||
}
|
||||
|
||||
module.exports = async ({ random } = {}) => {
|
||||
const response = await fetch(raw_text)
|
||||
|
||||
let phrases = await response.text()
|
||||
|
||||
phrases = phrases.split("\n")
|
||||
|
||||
if (random) {
|
||||
if (typeof random === "number") {
|
||||
const randomSelections = []
|
||||
|
||||
for await (const _ of Array(random)) {
|
||||
randomSelections.push(randomSelect(phrases))
|
||||
}
|
||||
|
||||
phrases = randomSelections
|
||||
} else {
|
||||
phrases = randomSelect(phrases)
|
||||
}
|
||||
}
|
||||
|
||||
return phrases
|
||||
}
|
||||
|
|
@ -0,0 +1,17 @@
|
|||
const index = require(".")
|
||||
|
||||
async function main() {
|
||||
console.log(`Output entire list...`)
|
||||
|
||||
console.log(await index())
|
||||
|
||||
console.log(`Output 1 random phrase...`)
|
||||
|
||||
console.log(await index({ random: true }))
|
||||
|
||||
console.log(`Output 3 random phrase...`)
|
||||
|
||||
console.log(await index({ random: 3 }))
|
||||
}
|
||||
|
||||
main()
|
||||
|
|
@ -0,0 +1,5 @@
|
|||
{
|
||||
"dependencies": {
|
||||
"cors": "^2.8.5"
|
||||
}
|
||||
}
|
||||
Loading…
Reference in New Issue