mirror of
https://gitlab.com/octtspacc/sitoctt
synced 2025-06-05 22:09:20 +02:00
Upd. PicoBlog, Minesweeper; Add. 2048; Fix. CSS
This commit is contained in:
429
Assets/vuesweeper-core/app.js
Normal file
429
Assets/vuesweeper-core/app.js
Normal file
@ -0,0 +1,429 @@
|
||||
// This file was manually hacked directly from the compiled version downloaded from <https://vuesweeper.netlify.app/>.
|
||||
|
||||
// Change AppDeployPath from "/vuesweeper-core/" to wherever you put this folder on the server.
|
||||
// Unfortunately Vue won't work with relative paths, only absolute, and won't work served from file:///.
|
||||
var AppDeployPath = "/vuesweeper-core/";
|
||||
|
||||
var C = Object.getOwnPropertySymbols;
|
||||
var $ = (i, e, t) => e in i ? Object.defineProperty(i, e, {
|
||||
enumerable: !0,
|
||||
configurable: !0,
|
||||
writable: !0,
|
||||
value: t
|
||||
}) : i[e] = t,
|
||||
g = (i, e) => {
|
||||
for (var t in e || (e = {})) Object.prototype.hasOwnProperty.call(e, t) && $(i, t, e[t]);
|
||||
if (C)
|
||||
for (var t of C(e)) Object.prototype.propertyIsEnumerable.call(e, t) && $(i, t, e[t]);
|
||||
return i
|
||||
},
|
||||
p = (i, e) => Object.defineProperties(i, Object.getOwnPropertyDescriptors(e));
|
||||
|
||||
import { d as v, w as Z, o, c as u, a as _, u as q, b as E, r as S, e as f, F as x, t as b, f as H, n as P, g as z, h as y, i as K, j as W, k as d, l as w, m as G, p as k, q as J, s as Q, v as U, x as X, y as Y, z as ee } from "./vendor.js";
|
||||
|
||||
const te = function() {
|
||||
const e = document.createElement("link").relList;
|
||||
if (e && e.supports && e.supports("modulepreload")) return;
|
||||
for (const n of document.querySelectorAll('link[rel="modulepreload"]')) r(n);
|
||||
new MutationObserver(n => {
|
||||
for (const s of n)
|
||||
if (s.type === "childList")
|
||||
for (const a of s.addedNodes) a.tagName === "LINK" && a.rel === "modulepreload" && r(a)
|
||||
}).observe(document, {
|
||||
childList: !0,
|
||||
subtree: !0
|
||||
});
|
||||
|
||||
function t(n) {
|
||||
const s = {};
|
||||
return n.integrity && (s.integrity = n.integrity), n.referrerpolicy && (s.referrerPolicy = n.referrerpolicy), n.crossorigin === "use-credentials" ? s.credentials = "include" : n.crossorigin === "anonymous" ? s.credentials = "omit" : s.credentials = "same-origin", s
|
||||
}
|
||||
|
||||
function r(n) {
|
||||
if (n.ep) return;
|
||||
n.ep = !0;
|
||||
const s = t(n);
|
||||
fetch(n.href, s)
|
||||
}
|
||||
};
|
||||
te();
|
||||
const ne = v({
|
||||
props: {
|
||||
passed: {
|
||||
type: Boolean
|
||||
}
|
||||
},
|
||||
setup(i) {
|
||||
const e = i;
|
||||
|
||||
function t() {
|
||||
const r = {
|
||||
colors: ["#5D8C7B", "#F2D091", "#F2A679", "#D9695F", "#8C4646"],
|
||||
shapes: ["square"],
|
||||
ticks: 500
|
||||
};
|
||||
_(p(g({}, r), {
|
||||
particleCount: 80,
|
||||
spread: 100,
|
||||
origin: {
|
||||
y: 0
|
||||
}
|
||||
})), setTimeout(() => {
|
||||
_(p(g({}, r), {
|
||||
particleCount: 50,
|
||||
angle: 60,
|
||||
spread: 80,
|
||||
origin: {
|
||||
x: 0
|
||||
}
|
||||
}))
|
||||
}, 250), setTimeout(() => {
|
||||
_(p(g({}, r), {
|
||||
particleCount: 50,
|
||||
angle: 120,
|
||||
spread: 80,
|
||||
origin: {
|
||||
x: 1
|
||||
}
|
||||
}))
|
||||
}, 400)
|
||||
}
|
||||
return Z(() => e.passed, r => {
|
||||
r && setTimeout(t, 300)
|
||||
}, {
|
||||
flush: "post"
|
||||
}), (r, n) => (o(), u("div"))
|
||||
}
|
||||
}),
|
||||
j = q(),
|
||||
se = E(j),
|
||||
N = S(!1);
|
||||
E(N);
|
||||
const re = {
|
||||
key: 0,
|
||||
"i-mdi-flag": "",
|
||||
"text-red": ""
|
||||
},
|
||||
ae = {
|
||||
key: 0,
|
||||
"i-mdi-mine": ""
|
||||
},
|
||||
ie = {
|
||||
key: 1,
|
||||
"font-600": ""
|
||||
},
|
||||
oe = v({
|
||||
props: {
|
||||
block: null
|
||||
},
|
||||
emits: ["lrclick"],
|
||||
setup(i, {
|
||||
emit: e
|
||||
}) {
|
||||
function t(s) {
|
||||
s.buttons === 3 && e("lrclick", s)
|
||||
}
|
||||
const r = ["text-transparent", "text-blue-500", "text-green-500", "text-yellow-500", "text-orange-500", "text-red-500", "text-purple-500", "text-pink-500", "text-teal-500"];
|
||||
|
||||
function n(s) {
|
||||
return s.flagged ? "bg-gray-500/10" : s.revealed ? s.mine ? "bg-red-500/50" : r[s.adjacentMines] : "bg-gray-500/10 hover:bg-gray-500/20"
|
||||
}
|
||||
return (s, a) => (o(), u("button", {
|
||||
flex: "~",
|
||||
"items-center": "",
|
||||
"justify-center": "",
|
||||
"min-w-8": "",
|
||||
"min-h-8": "",
|
||||
m: "1px",
|
||||
border: "0.5 gray-400/10",
|
||||
class: P(n(i.block)),
|
||||
onMousedown: t
|
||||
}, [i.block.flagged ? (o(), u("div", re)) : i.block.revealed || f(N) ? (o(), u(x, {
|
||||
key: 1
|
||||
}, [i.block.mine ? (o(), u("div", ae)) : (o(), u("div", ie, b(i.block.adjacentMines), 1))], 64)) : H("", !0)], 34))
|
||||
}
|
||||
}),
|
||||
le = [
|
||||
[1, 1],
|
||||
[1, 0],
|
||||
[1, -1],
|
||||
[0, -1],
|
||||
[-1, -1],
|
||||
[-1, 0],
|
||||
[-1, 1],
|
||||
[0, 1]
|
||||
];
|
||||
class ue {
|
||||
constructor(e, t, r) {
|
||||
this.width = e, this.height = t, this.mines = r, this.state = S(), this.reset()
|
||||
}
|
||||
get board() {
|
||||
return this.state.value.board
|
||||
}
|
||||
get blocks() {
|
||||
return this.state.value.board.flat()
|
||||
}
|
||||
reset(e = this.width, t = this.height, r = this.mines) {
|
||||
this.width = e, this.height = t, this.mines = r, this.state.value = {
|
||||
mineGenerated: !1,
|
||||
status: "ready",
|
||||
board: Array.from({
|
||||
length: this.height
|
||||
}, (n, s) => Array.from({
|
||||
length: this.width
|
||||
}, (a, l) => ({
|
||||
x: l,
|
||||
y: s,
|
||||
adjacentMines: 0,
|
||||
revealed: !1
|
||||
})))
|
||||
}
|
||||
}
|
||||
randomRange(e, t) {
|
||||
return Math.random() * (t - e) + e
|
||||
}
|
||||
randomInt(e, t) {
|
||||
return Math.round(this.randomRange(e, t))
|
||||
}
|
||||
generateMines(e, t) {
|
||||
const r = () => {
|
||||
const n = this.randomInt(0, this.width - 1),
|
||||
s = this.randomInt(0, this.height - 1),
|
||||
a = e[s][n];
|
||||
return Math.abs(t.x - a.x) <= 1 && Math.abs(t.y - a.y) <= 1 || a.mine ? !1 : (a.mine = !0, !0)
|
||||
};
|
||||
Array.from({
|
||||
length: this.mines
|
||||
}, () => null).forEach(() => {
|
||||
let n = !1;
|
||||
for (; !n;) n = r()
|
||||
}), this.updateNumbers()
|
||||
}
|
||||
updateNumbers() {
|
||||
this.board.forEach(e => {
|
||||
e.forEach(t => {
|
||||
t.mine || this.getSiblings(t).forEach(r => {
|
||||
r.mine && (t.adjacentMines += 1)
|
||||
})
|
||||
})
|
||||
})
|
||||
}
|
||||
expendZero(e) {
|
||||
e.adjacentMines || this.getSiblings(e).forEach(t => {
|
||||
t.revealed || (t.flagged || (t.revealed = !0), this.expendZero(t))
|
||||
})
|
||||
}
|
||||
onRightClick(e) {
|
||||
this.state.value.status === "play" && (e.revealed || (e.flagged = !e.flagged))
|
||||
}
|
||||
onClick(e) {
|
||||
if (this.state.value.status === "ready" && (this.state.value.status = "play", this.state.value.startMS = +new Date), !(this.state.value.status !== "play" || e.flagged)) {
|
||||
if (this.state.value.mineGenerated || (this.generateMines(this.board, e), this.state.value.mineGenerated = !0), e.revealed = !0, e.mine) {
|
||||
this.onGameOver("lost");
|
||||
return
|
||||
}
|
||||
this.expendZero(e)
|
||||
}
|
||||
}
|
||||
getSiblings(e) {
|
||||
return le.map(([t, r]) => {
|
||||
const n = e.x + t,
|
||||
s = e.y + r;
|
||||
if (!(n < 0 || n >= this.width || s < 0 || s >= this.height)) return this.board[s][n]
|
||||
}).filter(Boolean)
|
||||
}
|
||||
showAllMines() {
|
||||
this.board.flat().forEach(e => {
|
||||
e.mine && (e.revealed = !0)
|
||||
})
|
||||
}
|
||||
checkGameState() {
|
||||
if (!this.state.value.mineGenerated || this.state.value.status !== "play") return;
|
||||
this.board.flat().some(t => !t.mine && !t.revealed) || this.onGameOver("won")
|
||||
}
|
||||
autoExpand(e) {
|
||||
if (this.state.value.status !== "play" || e.flagged) return;
|
||||
const t = this.getSiblings(e),
|
||||
r = t.reduce((a, l) => a + (l.flagged ? 1 : 0), 0),
|
||||
n = t.reduce((a, l) => a + (!l.revealed && !l.flagged ? 1 : 0), 0);
|
||||
r === e.adjacentMines && t.forEach(a => {
|
||||
a.revealed || a.flagged || (a.revealed = !0, this.expendZero(a), a.mine && this.onGameOver("lost"))
|
||||
});
|
||||
const s = e.adjacentMines - r;
|
||||
n === s && t.forEach(a => {
|
||||
!a.revealed && !a.flagged && (a.flagged = !0)
|
||||
})
|
||||
}
|
||||
onGameOver(e) {
|
||||
this.state.value.status = e, this.state.value.endMS = +Date.now(), e === "lost" && (this.showAllMines(), setTimeout(() => {
|
||||
//alert("lost")
|
||||
}, 10))
|
||||
}
|
||||
}
|
||||
const ce = w(),
|
||||
de = {
|
||||
flex: "~ gap1",
|
||||
"justify-center": "",
|
||||
p4: ""
|
||||
},
|
||||
fe = {
|
||||
flex: "~ gap-10",
|
||||
"justify-center": ""
|
||||
},
|
||||
he = {
|
||||
"font-mono": "",
|
||||
"text-2xl": "",
|
||||
flex: "~ gap-1",
|
||||
"items-center": ""
|
||||
},
|
||||
me = d("div", {
|
||||
"i-carbon-timer": ""
|
||||
}, null, -1),
|
||||
ge = {
|
||||
"font-mono": "",
|
||||
"text-2xl": "",
|
||||
flex: "~ gap-1",
|
||||
"items-center": ""
|
||||
},
|
||||
pe = d("div", {
|
||||
"i-mdi-mine": ""
|
||||
}, null, -1),
|
||||
ve = {
|
||||
p5: "",
|
||||
"w-full": "",
|
||||
"overflow-auto": ""
|
||||
},
|
||||
GameMain = v({
|
||||
setup(i) {
|
||||
const e = new ue(9, 9, 10),
|
||||
t = z(),
|
||||
r = y(() => {
|
||||
var l, c;
|
||||
return Math.round((((l = e.state.value.endMS) != null ? l : +t.value) - ((c = e.state.value.startMS) != null ? c : +t.value)) / 1e3)
|
||||
});
|
||||
|
||||
// Export game object
|
||||
window.vuesweeper = e;
|
||||
|
||||
// Actualy don't use localStorage, as saving the game state glitches after a while
|
||||
//K("vuesweeper-state", e.state);
|
||||
|
||||
const n = y(() => e.board),
|
||||
s = y(() => e.state.value.mineGenerated ? e.blocks.reduce((l, c) => l - (c.flagged ? 1 : 0), e.mines) : e.mines);
|
||||
|
||||
function a(l) {
|
||||
switch (l) {
|
||||
case "easy":
|
||||
e.reset(9, 9, 10);
|
||||
break;
|
||||
case "medium":
|
||||
e.reset(16, 16, 40);
|
||||
break;
|
||||
case "hard":
|
||||
e.reset(16, 30, 99);
|
||||
break;
|
||||
}
|
||||
}
|
||||
return W(() => {
|
||||
e.checkGameState()
|
||||
}), (l, c) => {
|
||||
const D = oe,
|
||||
A = ne;
|
||||
return o(), u("div", null, [ce, /*d("div", de, [
|
||||
d("button", {
|
||||
btn: "",
|
||||
onClick: c[0] || (c[0] = h => f(e).reset())
|
||||
}, " New Game "),
|
||||
d("button", {
|
||||
btn: "",
|
||||
onClick: c[1] || (c[1] = h => a("easy"))
|
||||
}, " Easy "),
|
||||
d("button", {
|
||||
btn: "",
|
||||
onClick: c[2] || (c[2] = h => a("medium"))
|
||||
}, " Medium "),
|
||||
d("button", {
|
||||
btn: "",
|
||||
onClick: c[3] || (c[3] = h => a("hard"))
|
||||
}, " Hard "),
|
||||
]),*/ d("div", fe, [d("div", he, [me, w(" " + b(r.value), 1)]), d("div", ge, [pe, w(" " + b(s.value), 1)])]), d("div", ve, [(o(!0), u(x, null, G(n.value, (h, O) => (o(), u("div", {
|
||||
key: O,
|
||||
flex: "~",
|
||||
"items-center": "",
|
||||
"justify-center": "",
|
||||
"w-max": "",
|
||||
ma: ""
|
||||
}, [(o(!0), u(x, null, G(h, (m, F) => (o(), J(D, {
|
||||
key: F,
|
||||
block: m,
|
||||
onClick: M => f(e).onClick(m),
|
||||
onLrclick: M => f(e).autoExpand(m),
|
||||
onContextmenu: Q(M => f(e).onRightClick(m), ["prevent"])
|
||||
}, null, 8, ["block", "onClick", "onLrclick", "onContextmenu"]))), 128))]))), 128))]), k(A, {
|
||||
passed: f(e).state.value.status === "won"
|
||||
}, null, 8, ["passed"])])
|
||||
}
|
||||
}
|
||||
}),
|
||||
VueRoutes = [{
|
||||
name: "index",
|
||||
path: "/",
|
||||
component: GameMain,
|
||||
props: !0
|
||||
}, {
|
||||
name: AppDeployPath,
|
||||
path: AppDeployPath,
|
||||
component: GameMain,
|
||||
props: !0
|
||||
}],
|
||||
xe = {
|
||||
"text-xl": "",
|
||||
"mt-6": "",
|
||||
"inline-flex": "",
|
||||
"gap-2": ""
|
||||
}//,
|
||||
/*
|
||||
be = {
|
||||
key: 0,
|
||||
"i-carbon-moon": ""
|
||||
},
|
||||
we = {
|
||||
key: 1,
|
||||
"i-carbon-sun": ""
|
||||
},
|
||||
*/
|
||||
//Me = v({
|
||||
// setup(i) {
|
||||
// return (e, t) => (o(), u("nav", xe, [d("button", {
|
||||
// class: "icon-btn !outline-none",
|
||||
// onClick: t[0] || (t[0] = r => f(se)())
|
||||
// }, /*[f(j) ? (o(), u("div", be)) : (o(), u("div", we))]*/)]))
|
||||
// }
|
||||
//});
|
||||
var Ce = (i, e) => {
|
||||
const t = i.__vccOpts || i;
|
||||
for (const [r, n] of e) t[r] = n;
|
||||
return t
|
||||
};
|
||||
const $e = {},
|
||||
Ge = {
|
||||
"font-sans": "",
|
||||
p: "y-10",
|
||||
text: "center gray-700 dark:gray-200"
|
||||
};
|
||||
|
||||
function Ee(i, e) {
|
||||
const t = U("router-view");
|
||||
//const r = Me;
|
||||
return o(), u("main", Ge, [k(t), /*k(r)*/])
|
||||
}
|
||||
var Se = Ce($e, [
|
||||
["render", Ee]
|
||||
]);
|
||||
const AppRuntime = X(Se);
|
||||
const RouteRuntime = Y({
|
||||
history: ee(),
|
||||
routes: VueRoutes
|
||||
});
|
||||
AppRuntime.use(RouteRuntime);
|
||||
AppRuntime.mount("#app");
|
||||
Reference in New Issue
Block a user