mirrors/breakout71
1
0
Fork 0
mirror of https://gitlab.com/lecarore/breakout71.git synced 2025-04-20 20:16:16 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

Help

Browse source
This commit is contained in:
Renan LE CARO 2025-03-31 20:13:47 +02:00
parent af65f22c70
commit d31f8ef0b4
12 changed files with 124 additions and 115 deletions
Download patch file Download diff file Expand all files Collapse all files

4
app/build.gradle.kts
View file

@ -11,8 +11,8 @@ android {
applicationId = "me.lecaro.breakout" applicationId = "me.lecaro.breakout"
minSdk = 21 minSdk = 21
targetSdk = 34 targetSdk = 34
versionCode = 29056849 versionCode = 29057409
versionName = "29056849" versionName = "29057409"
testInstrumentationRunner = "androidx.test.runner.AndroidJUnitRunner" testInstrumentationRunner = "androidx.test.runner.AndroidJUnitRunner"
vectorDrawables { vectorDrawables {
useSupportLibrary = true useSupportLibrary = true

2
app/src/main/assets/index.html
View file

File diff suppressed because one or more lines are too long

48
dist/index.html vendored
View file

@ -192,7 +192,7 @@ body:not(.has-alert-open) #popup {
border: none; border: none;
width: 60px; width: 60px;
height: 60px; height: 60px;
position: absolute; position: fixed;
top: 0; top: 0;
right: 0; right: 0;
overflow: hidden; overflow: hidden;
@ -1462,7 +1462,7 @@ const upgrades = (0, _upgrades.rawUpgrades).map((u)=>({
})); }));
},{"./data/palette.json":"ktRBU","./data/levels.json":"8JSUc","./data/version.json":"iyP6E","./upgrades":"1u3Dx","./getLevelBackground":"7OIPf","./levelIcon":"6rQoT","@parcel/transformer-js/src/esmodule-helpers.js":"gkKU3"}],"iyP6E":[function(require,module,exports,__globalThis) { },{"./data/palette.json":"ktRBU","./data/levels.json":"8JSUc","./data/version.json":"iyP6E","./upgrades":"1u3Dx","./getLevelBackground":"7OIPf","./levelIcon":"6rQoT","@parcel/transformer-js/src/esmodule-helpers.js":"gkKU3"}],"iyP6E":[function(require,module,exports,__globalThis) {
module.exports = JSON.parse("\"29056849\""); module.exports = JSON.parse("\"29057409\"");
},{}],"1u3Dx":[function(require,module,exports,__globalThis) { },{}],"1u3Dx":[function(require,module,exports,__globalThis) {
var parcelHelpers = require("@parcel/transformer-js/src/esmodule-helpers.js"); var parcelHelpers = require("@parcel/transformer-js/src/esmodule-helpers.js");
@ -2207,39 +2207,39 @@ function hoursSpentPlaying() {
function miniMarkDown(md) { function miniMarkDown(md) {
let html = []; let html = [];
let lastNode = null; let lastNode = null;
md.split('\n').forEach((line)=>{ md.split("\n").forEach((line)=>{
const titlePrefix = line.match(/^#+ /)?.[0]; const titlePrefix = line.match(/^#+ /)?.[0];
if (titlePrefix) { if (titlePrefix) {
if (lastNode) html.push(lastNode); if (lastNode) html.push(lastNode);
lastNode = { lastNode = {
tagName: 'h' + (titlePrefix.length - 1), tagName: "h" + (titlePrefix.length - 1),
text: line.slice(titlePrefix.length) text: line.slice(titlePrefix.length)
}; };
} else if (line.startsWith('- ')) { } else if (line.startsWith("- ")) {
if (lastNode?.tagName !== 'ul') { if (lastNode?.tagName !== "ul") {
if (lastNode) html.push(lastNode); if (lastNode) html.push(lastNode);
lastNode = { lastNode = {
tagName: 'ul', tagName: "ul",
text: '' text: ""
}; };
} }
lastNode.text += '<li>' + line.slice(2) + '</li>'; lastNode.text += "<li>" + line.slice(2) + "</li>";
} else if (!line.trim()) { } else if (!line.trim()) {
if (lastNode) html.push(lastNode); if (lastNode) html.push(lastNode);
lastNode = null; lastNode = null;
} else { } else {
if (lastNode?.tagName !== 'p') { if (lastNode?.tagName !== "p") {
if (lastNode) html.push(lastNode); if (lastNode) html.push(lastNode);
lastNode = { lastNode = {
tagName: 'p', tagName: "p",
text: '' text: ""
}; };
} }
lastNode.text += line + ' '; lastNode.text += line + " ";
} }
}); });
if (lastNode) html.push(lastNode); if (lastNode) html.push(lastNode);
return html.map((h)=>'<' + h.tagName + '>' + h.text.replace(/\bhttps?:\/\/[^\s<>]+/gi, (a)=>`<a href="${a}">${a}</a>`) + '</' + h.tagName + '>').join('\n'); return html.map((h)=>"<" + h.tagName + ">" + h.text.replace(/\bhttps?:\/\/[^\s<>]+/gi, (a)=>`<a href="${a}">${a}</a>`) + "</" + h.tagName + ">").join("\n");
} }
},{"@parcel/transformer-js/src/esmodule-helpers.js":"gkKU3"}],"6rQoT":[function(require,module,exports,__globalThis) { },{"@parcel/transformer-js/src/esmodule-helpers.js":"gkKU3"}],"6rQoT":[function(require,module,exports,__globalThis) {
@ -4747,19 +4747,17 @@ var _asyncAlert = require("./asyncAlert");
var _pureFunctions = require("./pure_functions"); var _pureFunctions = require("./pure_functions");
function helpMenuEntry() { function helpMenuEntry() {
return { return {
icon: (0, _loadGameData.icons)['icon:help'], icon: (0, _loadGameData.icons)["icon:help"],
text: (0, _i18N.t)('main_menu.help_title'), text: (0, _i18N.t)("main_menu.help_title"),
help: (0, _i18N.t)('main_menu.help_help'), help: (0, _i18N.t)("main_menu.help_help"),
async value () { async value () {
await (0, _asyncAlert.asyncAlert)({ await (0, _asyncAlert.asyncAlert)({
title: (0, _i18N.t)('main_menu.help_title'), title: (0, _i18N.t)("main_menu.help_title"),
allowClose: true, allowClose: true,
content: [ content: [
(0, _pureFunctions.miniMarkDown)((0, _i18N.t)('main_menu.help_content')), (0, _pureFunctions.miniMarkDown)((0, _i18N.t)("main_menu.help_content")),
(0, _i18N.t)('main_menu.help_upgrades'), (0, _i18N.t)("main_menu.help_upgrades"),
...(0, _loadGameData.upgrades).map((u)=>` ...(0, _loadGameData.upgrades).map((u)=>`
<div class="upgrade used"> <div class="upgrade used">
${u.icon} ${u.icon}
<p> <p>
@ -4770,9 +4768,9 @@ function helpMenuEntry() {
${(0, _pureFunctions.miniMarkDown)(u.fullHelp)} ${(0, _pureFunctions.miniMarkDown)(u.fullHelp)}
`), `),
(0, _pureFunctions.miniMarkDown)((0, _i18N.t)('main_menu.credits')), (0, _pureFunctions.miniMarkDown)((0, _i18N.t)("main_menu.credits")),
(0, _i18N.t)('main_menu.credit_levels'), (0, _i18N.t)("main_menu.credit_levels"),
...(0, _loadGameData.allLevels).filter((l)=>l.credit?.startsWith('http')).map((l)=>` ...(0, _loadGameData.allLevels).filter((l)=>l.credit?.startsWith("http")).map((l)=>`
<div class="upgrade used"> <div class="upgrade used">
${(0, _loadGameData.icons)[l.name]} ${(0, _loadGameData.icons)[l.name]}
<p> <p>

2
src/PWA/sw-b71.js
View file

@ -1,5 +1,5 @@
// The version of the cache. // The version of the cache.
const VERSION = "29056849"; const VERSION = "29057409";
// The name of the cache // The name of the cache
const CACHE_NAME = `breakout-71-${VERSION}`; const CACHE_NAME = `breakout-71-${VERSION}`;

2
src/data/version.json
View file

@ -1 +1 @@
"29056849" "29057409"

2
src/game.less
View file

@ -189,7 +189,7 @@ body:not(.has-alert-open) #popup {
button#close-modale { button#close-modale {
color: white; color: white;
position: absolute; position: fixed;
top: 0; top: 0;
right: 0; right: 0;
width: 60px; width: 60px;

4
src/game.ts
View file

@ -63,7 +63,7 @@ import {
import { isOptionOn, options, toggleOption } from "./options"; import { isOptionOn, options, toggleOption } from "./options";
import { hashCode } from "./getLevelBackground"; import { hashCode } from "./getLevelBackground";
import { hoursSpentPlaying } from "./pure_functions"; import { hoursSpentPlaying } from "./pure_functions";
import {helpMenuEntry} from "./help"; import { helpMenuEntry } from "./help";
export function play() { export function play() {
if (applyFullScreenChoice()) return; if (applyFullScreenChoice()) return;
@ -556,7 +556,7 @@ export async function openMainMenu() {
openSettingsMenu(); openSettingsMenu();
}, },
}, },
helpMenuEntry() helpMenuEntry(),
]; ];
const cb = await asyncAlert<() => void>({ const cb = await asyncAlert<() => void>({

54
src/help.ts
View file

@ -1,23 +1,22 @@
import {allLevels, icons, upgrades} from "./loadGameData"; import { allLevels, icons, upgrades } from "./loadGameData";
import {t} from "./i18n/i18n"; import { t } from "./i18n/i18n";
import {asyncAlert} from "./asyncAlert"; import { asyncAlert } from "./asyncAlert";
import {miniMarkDown} from "./pure_functions"; import { miniMarkDown } from "./pure_functions";
export function helpMenuEntry() { export function helpMenuEntry() {
return { return {
icon: icons['icon:help'], icon: icons["icon:help"],
text: t('main_menu.help_title'), text: t("main_menu.help_title"),
help: t('main_menu.help_help'), help: t("main_menu.help_help"),
async value() { async value() {
await asyncAlert({ await asyncAlert({
title:t('main_menu.help_title'), title: t("main_menu.help_title"),
allowClose:true, allowClose: true,
content:[ content: [
miniMarkDown(t('main_menu.help_content')), miniMarkDown(t("main_menu.help_content")),
t('main_menu.help_upgrades'), t("main_menu.help_upgrades"),
...upgrades.map(u=>` ...upgrades.map(
(u) => `
<div class="upgrade used"> <div class="upgrade used">
${u.icon} ${u.icon}
<p> <p>
@ -27,22 +26,25 @@ export function helpMenuEntry() {
</div> </div>
${miniMarkDown(u.fullHelp)} ${miniMarkDown(u.fullHelp)}
`), `,
miniMarkDown(t('main_menu.credits')), ),
miniMarkDown(t("main_menu.credits")),
t('main_menu.credit_levels'), t("main_menu.credit_levels"),
...allLevels.filter(l=>l.credit?.startsWith('http')).map(l=>` ...allLevels
.filter((l) => l.credit?.startsWith("http"))
.map(
(l) => `
<div class="upgrade used"> <div class="upgrade used">
${icons[l.name]} ${icons[l.name]}
<p> <p>
<strong>${l.name}</strong><br/> <strong>${l.name}</strong><br/>
<a href="${l.credit}" target="_blank">${l.credit}</a> <a href="${l.credit}" target="_blank">${l.credit}</a>
</p> </p>
</div>`) </div>`,
),
] ],
}) });
} },
} };
} }

4
src/level_editor/levels_editor.less
View file

@ -34,11 +34,11 @@ body {
display: grid; display: grid;
grid-template-columns: auto auto; grid-template-columns: auto auto;
grid-template-areas: "name credits" "buttons bricks"; grid-template-areas: "name credits" "buttons bricks";
.name{ .name {
grid-area: name; grid-area: name;
width: 100px; width: 100px;
} }
.credits{ .credits {
grid-area: credits; grid-area: credits;
} }

10
src/level_editor/levels_editor.tsx
View file

@ -53,7 +53,7 @@ function App() {
> >
<div id={"levels"}> <div id={"levels"}>
{levels.map((level, li) => { {levels.map((level, li) => {
const { name,credit, bricks, size, svg, color } = level; const { name, credit, bricks, size, svg, color } = level;
const brickButtons = []; const brickButtons = [];
for (let x = 0; x < size; x++) { for (let x = 0; x < size; x++) {
@ -105,15 +105,11 @@ function App() {
<input <input
className={"credit"} className={"credit"}
type="text" type="text"
value={credit||''} value={credit || ""}
onChange={(e) => updateLevel(li, { credit: e.target.value })} onChange={(e) => updateLevel(li, { credit: e.target.value })}
/> />
<div className={"buttons"}>
<div
className={"buttons"}
>
<button onClick={() => deleteLevel(li)}>Delete</button> <button onClick={() => deleteLevel(li)}>Delete</button>
<button onClick={() => updateLevel(li, resizeLevel(level, -1))}> <button onClick={() => updateLevel(li, resizeLevel(level, -1))}>
- -

63
src/pure_functions.ts
View file

@ -17,38 +17,51 @@ export function hoursSpentPlaying() {
} }
export function miniMarkDown(md: string) { export function miniMarkDown(md: string) {
let html = [] let html: { tagName: string; text: string }[] = [];
let lastNode = null let lastNode: { tagName: string; text: string } | null = null;
md.split('\n').forEach(line => { md.split("\n").forEach((line) => {
const titlePrefix = line.match(/^#+ /)?.[0];
const titlePrefix = line.match(/^#+ /)?.[0]
if (titlePrefix) { if (titlePrefix) {
if (lastNode) html.push(lastNode) if (lastNode) html.push(lastNode);
lastNode = {tagName: 'h' + (titlePrefix.length - 1), text: line.slice(titlePrefix.length)} lastNode = {
} else if (line.startsWith('- ')) { tagName: "h" + (titlePrefix.length - 1),
if (lastNode?.tagName !== 'ul') { text: line.slice(titlePrefix.length),
if (lastNode) };
html.push(lastNode) } else if (line.startsWith("- ")) {
lastNode = {tagName: 'ul', text: ''} if (lastNode?.tagName !== "ul") {
if (lastNode) html.push(lastNode);
lastNode = { tagName: "ul", text: "" };
} }
lastNode.text+='<li>' +line.slice(2) + '</li>' lastNode.text += "<li>" + line.slice(2) + "</li>";
} else if (!line.trim()) { } else if (!line.trim()) {
if (lastNode) html.push(lastNode) if (lastNode) html.push(lastNode);
lastNode=null lastNode = null;
} else { } else {
if (lastNode?.tagName !== "p") {
if (lastNode?.tagName!=='p') { if (lastNode) html.push(lastNode);
if(lastNode) lastNode = { tagName: "p", text: "" };
html.push(lastNode)
lastNode={tagName: 'p', text: ''}
} }
lastNode.text+= line+' ' lastNode.text += line + " ";
} }
}) });
if(lastNode){ if (lastNode) {
html.push(lastNode) html.push(lastNode);
} }
return html.map(h=>'<'+h.tagName+'>'+h.text.replace(/\bhttps?:\/\/[^\s<>]+/gi,a=>`<a href="${a}">${a}</a>`)+'</'+h.tagName+'>').join('\n') return html
.map(
(h) =>
"<" +
h.tagName +
">" +
h.text.replace(
/\bhttps?:\/\/[^\s<>]+/gi,
(a) => `<a href="${a}">${a}</a>`,
) +
"</" +
h.tagName +
">",
)
.join("\n");
} }