mirrors/breakout71
1
0
Fork 0
mirror of https://gitlab.com/lecarore/breakout71.git synced 2025-04-20 12:15:06 -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"
minSdk = 21
targetSdk = 34
versionCode = 29056849
versionName = "29056849"
versionCode = 29057409
versionName = "29057409"
testInstrumentationRunner = "androidx.test.runner.AndroidJUnitRunner"
vectorDrawables {
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;
width: 60px;
height: 60px;
position: absolute;
position: fixed;
top: 0;
right: 0;
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) {
module.exports = JSON.parse("\"29056849\"");
module.exports = JSON.parse("\"29057409\"");
},{}],"1u3Dx":[function(require,module,exports,__globalThis) {
var parcelHelpers = require("@parcel/transformer-js/src/esmodule-helpers.js");
@ -2207,39 +2207,39 @@ function hoursSpentPlaying() {
function miniMarkDown(md) {
let html = [];
let lastNode = null;
md.split('\n').forEach((line)=>{
md.split("\n").forEach((line)=>{
const titlePrefix = line.match(/^#+ /)?.[0];
if (titlePrefix) {
if (lastNode) html.push(lastNode);
lastNode = {
tagName: 'h' + (titlePrefix.length - 1),
tagName: "h" + (titlePrefix.length - 1),
text: line.slice(titlePrefix.length)
};
} else if (line.startsWith('- ')) {
if (lastNode?.tagName !== 'ul') {
} else if (line.startsWith("- ")) {
if (lastNode?.tagName !== "ul") {
if (lastNode) html.push(lastNode);
lastNode = {
tagName: 'ul',
text: ''
tagName: "ul",
text: ""
};
}
lastNode.text += '<li>' + line.slice(2) + '</li>';
lastNode.text += "<li>" + line.slice(2) + "</li>";
} else if (!line.trim()) {
if (lastNode) html.push(lastNode);
lastNode = null;
} else {
if (lastNode?.tagName !== 'p') {
if (lastNode?.tagName !== "p") {
if (lastNode) html.push(lastNode);
lastNode = {
tagName: 'p',
text: ''
tagName: "p",
text: ""
};
}
lastNode.text += line + ' ';
lastNode.text += line + " ";
}
});
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) {
@ -4747,19 +4747,17 @@ var _asyncAlert = require("./asyncAlert");
var _pureFunctions = require("./pure_functions");
function helpMenuEntry() {
return {
icon: (0, _loadGameData.icons)['icon:help'],
text: (0, _i18N.t)('main_menu.help_title'),
help: (0, _i18N.t)('main_menu.help_help'),
icon: (0, _loadGameData.icons)["icon:help"],
text: (0, _i18N.t)("main_menu.help_title"),
help: (0, _i18N.t)("main_menu.help_help"),
async value () {
await (0, _asyncAlert.asyncAlert)({
title: (0, _i18N.t)('main_menu.help_title'),
title: (0, _i18N.t)("main_menu.help_title"),
allowClose: true,
content: [
(0, _pureFunctions.miniMarkDown)((0, _i18N.t)('main_menu.help_content')),
(0, _i18N.t)('main_menu.help_upgrades'),
(0, _pureFunctions.miniMarkDown)((0, _i18N.t)("main_menu.help_content")),
(0, _i18N.t)("main_menu.help_upgrades"),
...(0, _loadGameData.upgrades).map((u)=>`
<div class="upgrade used">
${u.icon}
<p>
@ -4770,9 +4768,9 @@ function helpMenuEntry() {
${(0, _pureFunctions.miniMarkDown)(u.fullHelp)}
`),
(0, _pureFunctions.miniMarkDown)((0, _i18N.t)('main_menu.credits')),
(0, _i18N.t)('main_menu.credit_levels'),
...(0, _loadGameData.allLevels).filter((l)=>l.credit?.startsWith('http')).map((l)=>`
(0, _pureFunctions.miniMarkDown)((0, _i18N.t)("main_menu.credits")),
(0, _i18N.t)("main_menu.credit_levels"),
...(0, _loadGameData.allLevels).filter((l)=>l.credit?.startsWith("http")).map((l)=>`
<div class="upgrade used">
${(0, _loadGameData.icons)[l.name]}
<p>

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

@ -1,5 +1,5 @@
// The version of the cache.
const VERSION = "29056849";
const VERSION = "29057409";
// The name of the cache
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 {
color: white;
position: absolute;
position: fixed;
top: 0;
right: 0;
width: 60px;

4
src/game.ts
View file

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

54
src/help.ts
View file

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

4
src/level_editor/levels_editor.less
View file

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

10
src/level_editor/levels_editor.tsx
View file

@ -53,7 +53,7 @@ function App() {
>
<div id={"levels"}>
{levels.map((level, li) => {
const { name,credit, bricks, size, svg, color } = level;
const { name, credit, bricks, size, svg, color } = level;
const brickButtons = [];
for (let x = 0; x < size; x++) {
@ -105,15 +105,11 @@ function App() {
<input
className={"credit"}
type="text"
value={credit||''}
value={credit || ""}
onChange={(e) => updateLevel(li, { credit: e.target.value })}
/>
<div
className={"buttons"}
>
<div className={"buttons"}>
<button onClick={() => deleteLevel(li)}>Delete</button>
<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) {
let html = []
let lastNode = null
let html: { tagName: string; text: string }[] = [];
let lastNode: { tagName: string; text: string } | null = null;
md.split('\n').forEach(line => {
const titlePrefix = line.match(/^#+ /)?.[0]
md.split("\n").forEach((line) => {
const titlePrefix = line.match(/^#+ /)?.[0];
if (titlePrefix) {
if (lastNode) html.push(lastNode)
lastNode = {tagName: 'h' + (titlePrefix.length - 1), text: line.slice(titlePrefix.length)}
} else if (line.startsWith('- ')) {
if (lastNode?.tagName !== 'ul') {
if (lastNode)
html.push(lastNode)
lastNode = {tagName: 'ul', text: ''}
if (lastNode) html.push(lastNode);
lastNode = {
tagName: "h" + (titlePrefix.length - 1),
text: line.slice(titlePrefix.length),
};
} else if (line.startsWith("- ")) {
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()) {
if (lastNode) html.push(lastNode)
lastNode=null
if (lastNode) html.push(lastNode);
lastNode = null;
} else {
if (lastNode?.tagName!=='p') {
if(lastNode)
html.push(lastNode)
lastNode={tagName: 'p', text: ''}
if (lastNode?.tagName !== "p") {
if (lastNode) html.push(lastNode);
lastNode = { tagName: "p", 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");
}