Compare commits
22 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
ec20d5ee8f
|
|||
|
b20a829d37
|
|||
|
988c4a899b
|
|||
|
d8faa308e6
|
|||
|
6bddb24bfe
|
|||
|
1c2be3567a
|
|||
|
d62cec415b | ||
|
8be28a4472
|
|||
|
48778b3e8a
|
|||
|
8bd5d5c3e6
|
|||
|
cf37ccd843
|
|||
| 9a65dfe55d | |||
| 2a88362d00 | |||
| 8e3ae3e7d6 | |||
| 51bbe0cb52 | |||
| 08292039cf | |||
| 934b2a0483 | |||
| 27270d6452 | |||
|
a4681b5b97
|
|||
|
8327597e2e
|
|||
|
bae67fc1ec
|
|||
|
47426d529a
|
18
.gitea/workflows/deploy.yaml
Normal file
18
.gitea/workflows/deploy.yaml
Normal file
@@ -0,0 +1,18 @@
|
|||||||
|
name: Deploy to Production
|
||||||
|
run-name: Deploy to Production by @${{ github.actor }}
|
||||||
|
|
||||||
|
on:
|
||||||
|
push:
|
||||||
|
branches:
|
||||||
|
- main
|
||||||
|
|
||||||
|
jobs:
|
||||||
|
deploy:
|
||||||
|
runs-on: self-hosted
|
||||||
|
steps:
|
||||||
|
- name: Check out repository code
|
||||||
|
uses: actions/checkout@v4
|
||||||
|
|
||||||
|
- name: Build and deploy with Docker Compose
|
||||||
|
run: |
|
||||||
|
docker compose up -d --build
|
||||||
2
.gitignore
vendored
2
.gitignore
vendored
@@ -1,3 +1,3 @@
|
|||||||
|
|
||||||
.gpg/
|
.gpg/
|
||||||
node_modules
|
node_modules
|
||||||
|
.DS_Store
|
||||||
|
|||||||
@@ -8,4 +8,6 @@ Nonograms is a modern, fast, and accessible logic puzzle game (also known as Pic
|
|||||||
- Difficulty simulation and guide to learn solving strategies
|
- Difficulty simulation and guide to learn solving strategies
|
||||||
- Shareable puzzles and persistent progress
|
- Shareable puzzles and persistent progress
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
Play online at https://nonograms.7u.pl or install as a PWA for an app-like experience.
|
Play online at https://nonograms.7u.pl or install as a PWA for an app-like experience.
|
||||||
|
|||||||
@@ -1,37 +0,0 @@
|
|||||||
|
|
||||||
const fs = require('fs');
|
|
||||||
|
|
||||||
const fileContent = fs.readFileSync('src/composables/useI18n.js', 'utf8');
|
|
||||||
|
|
||||||
// Extract the messages object
|
|
||||||
const match = fileContent.match(/const messages = ({[\s\S]*?});/);
|
|
||||||
if (!match) {
|
|
||||||
console.error('Could not find messages object');
|
|
||||||
process.exit(1);
|
|
||||||
}
|
|
||||||
|
|
||||||
// We need to make the string valid JS to eval it.
|
|
||||||
// It seems the content inside `const messages = { ... };` is valid JS object notation.
|
|
||||||
// But we need to be careful about imports or other things if we were to `eval` the whole file.
|
|
||||||
// We'll just `eval` the object part.
|
|
||||||
|
|
||||||
const messagesStr = match[1];
|
|
||||||
const messages = eval(`(${messagesStr})`);
|
|
||||||
|
|
||||||
const enKeys = Object.keys(messages.en);
|
|
||||||
const languages = Object.keys(messages);
|
|
||||||
|
|
||||||
const missing = {};
|
|
||||||
|
|
||||||
languages.forEach(lang => {
|
|
||||||
if (lang === 'en') return;
|
|
||||||
|
|
||||||
const langKeys = Object.keys(messages[lang]);
|
|
||||||
const missingKeys = enKeys.filter(k => !langKeys.includes(k));
|
|
||||||
|
|
||||||
if (missingKeys.length > 0) {
|
|
||||||
missing[lang] = missingKeys;
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
console.log(JSON.stringify(missing, null, 2));
|
|
||||||
@@ -82,7 +82,7 @@ define(['./workbox-7a5e81cd'], (function (workbox) { 'use strict';
|
|||||||
*/
|
*/
|
||||||
workbox.precacheAndRoute([{
|
workbox.precacheAndRoute([{
|
||||||
"url": "index.html",
|
"url": "index.html",
|
||||||
"revision": "0.ohmkvc7m8mo"
|
"revision": "0.0dmrmul42fg"
|
||||||
}], {});
|
}], {});
|
||||||
workbox.cleanupOutdatedCaches();
|
workbox.cleanupOutdatedCaches();
|
||||||
workbox.registerRoute(new workbox.NavigationRoute(workbox.createHandlerBoundToURL("index.html"), {
|
workbox.registerRoute(new workbox.NavigationRoute(workbox.createHandlerBoundToURL("index.html"), {
|
||||||
|
|||||||
@@ -3,7 +3,7 @@
|
|||||||
<head>
|
<head>
|
||||||
<meta charset="UTF-8" />
|
<meta charset="UTF-8" />
|
||||||
<link rel="icon" type="image/svg+xml" href="/nonograms.svg" />
|
<link rel="icon" type="image/svg+xml" href="/nonograms.svg" />
|
||||||
<link rel="apple-touch-icon" href="/nonograms.svg" />
|
<link rel="apple-touch-icon" href="/apple-touch-icon.png" />
|
||||||
<link rel="mask-icon" href="/nonograms.svg" color="#00f2fe" />
|
<link rel="mask-icon" href="/nonograms.svg" color="#00f2fe" />
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||||
<title>Nonograms Pro - Vue 3 SOLID</title>
|
<title>Nonograms Pro - Vue 3 SOLID</title>
|
||||||
|
|||||||
4
package-lock.json
generated
4
package-lock.json
generated
@@ -1,12 +1,12 @@
|
|||||||
{
|
{
|
||||||
"name": "vue-nonograms-solid",
|
"name": "vue-nonograms-solid",
|
||||||
"version": "1.10.0",
|
"version": "1.12.7",
|
||||||
"lockfileVersion": 3,
|
"lockfileVersion": 3,
|
||||||
"requires": true,
|
"requires": true,
|
||||||
"packages": {
|
"packages": {
|
||||||
"": {
|
"": {
|
||||||
"name": "vue-nonograms-solid",
|
"name": "vue-nonograms-solid",
|
||||||
"version": "1.10.0",
|
"version": "1.12.7",
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"fireworks-js": "^2.10.8",
|
"fireworks-js": "^2.10.8",
|
||||||
"flag-icons": "^7.5.0",
|
"flag-icons": "^7.5.0",
|
||||||
|
|||||||
@@ -1,10 +1,10 @@
|
|||||||
{
|
{
|
||||||
"name": "vue-nonograms-solid",
|
"name": "vue-nonograms-solid",
|
||||||
"version": "1.10.0",
|
"version": "1.12.7",
|
||||||
"homepage": "https://nonograms.7u.pl/",
|
"homepage": "https://nonograms.7u.pl/",
|
||||||
"type": "module",
|
"type": "module",
|
||||||
"scripts": {
|
"scripts": {
|
||||||
"dev": "vite",
|
"dev": "vite --host",
|
||||||
"build": "vite build",
|
"build": "vite build",
|
||||||
"preview": "vite preview",
|
"preview": "vite preview",
|
||||||
"test": "vitest"
|
"test": "vitest"
|
||||||
|
|||||||
BIN
public/apple-touch-icon.png
Normal file
BIN
public/apple-touch-icon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 15 KiB |
@@ -1,28 +1,44 @@
|
|||||||
<svg xmlns="http://www.w3.org/2000/svg" width="192" height="192" viewBox="0 0 192 192">
|
<svg xmlns="http://www.w3.org/2000/svg" width="192" height="192" viewBox="0 0 192 192">
|
||||||
<rect width="192" height="192" fill="#0b0f1f"/>
|
<defs>
|
||||||
<g transform="translate(24,24)">
|
<linearGradient id="bg" x1="0" y1="0" x2="1" y2="1">
|
||||||
<rect x="0" y="0" width="144" height="144" rx="16" fill="#121639" stroke="#00f2fe" stroke-width="4"/>
|
<stop offset="0" stop-color="#43C6AC"/>
|
||||||
<g stroke="#00f2fe" stroke-width="2">
|
<stop offset="1" stop-color="#191654"/>
|
||||||
<line x1="24" y1="0" x2="24" y2="144"/>
|
</linearGradient>
|
||||||
<line x1="48" y1="0" x2="48" y2="144"/>
|
<linearGradient id="cell" x1="0" y1="0" x2="1" y2="1">
|
||||||
<line x1="72" y1="0" x2="72" y2="144"/>
|
<stop offset="0" stop-color="#00f2fe"/>
|
||||||
<line x1="96" y1="0" x2="96" y2="144"/>
|
<stop offset="1" stop-color="#4facfe"/>
|
||||||
<line x1="120" y1="0" x2="120" y2="144"/>
|
</linearGradient>
|
||||||
<line x1="0" y1="24" x2="144" y2="24"/>
|
<filter id="glow" x="-20%" y="-20%" width="140%" height="140%">
|
||||||
<line x1="0" y1="48" x2="144" y2="48"/>
|
<feGaussianBlur stdDeviation="1.5" result="blur"/>
|
||||||
<line x1="0" y1="72" x2="144" y2="72"/>
|
<feComposite in="SourceGraphic" in2="blur" operator="over"/>
|
||||||
<line x1="0" y1="96" x2="144" y2="96"/>
|
</filter>
|
||||||
<line x1="0" y1="120" x2="144" y2="120"/>
|
</defs>
|
||||||
</g>
|
|
||||||
<g fill="#00f2fe">
|
<!-- Main Background -->
|
||||||
<rect x="6" y="6" width="18" height="18" rx="3"/>
|
<rect width="192" height="192" rx="42" fill="url(#bg)"/>
|
||||||
<rect x="54" y="30" width="18" height="18" rx="3"/>
|
|
||||||
<rect x="102" y="78" width="18" height="18" rx="3"/>
|
<!-- Console Screen Background -->
|
||||||
<rect x="30" y="126" width="18" height="18" rx="3"/>
|
<rect x="26" y="26" width="140" height="140" rx="16" fill="rgba(0,10,30,0.5)" stroke="rgba(0,242,254,0.2)" stroke-width="1.5"/>
|
||||||
</g>
|
|
||||||
<g fill="#ffffff">
|
<!-- Letter N built from Nonogram cells -->
|
||||||
<path d="M36 40 h16 v64 h-16 z"/>
|
<g fill="url(#cell)" filter="url(#glow)">
|
||||||
<path d="M52 40 h16 l32 48 v-48 h16 v64 h-16 l-32 -48 v48 h-16 z"/>
|
<!-- Left Column -->
|
||||||
</g>
|
<rect x="38" y="38" width="20" height="20" rx="4"/>
|
||||||
|
<rect x="38" y="62" width="20" height="20" rx="4"/>
|
||||||
|
<rect x="38" y="86" width="20" height="20" rx="4"/>
|
||||||
|
<rect x="38" y="110" width="20" height="20" rx="4"/>
|
||||||
|
<rect x="38" y="134" width="20" height="20" rx="4"/>
|
||||||
|
|
||||||
|
<!-- Diagonal -->
|
||||||
|
<rect x="62" y="62" width="20" height="20" rx="4"/>
|
||||||
|
<rect x="86" y="86" width="20" height="20" rx="4"/>
|
||||||
|
<rect x="110" y="110" width="20" height="20" rx="4"/>
|
||||||
|
|
||||||
|
<!-- Right Column -->
|
||||||
|
<rect x="134" y="38" width="20" height="20" rx="4"/>
|
||||||
|
<rect x="134" y="62" width="20" height="20" rx="4"/>
|
||||||
|
<rect x="134" y="86" width="20" height="20" rx="4"/>
|
||||||
|
<rect x="134" y="110" width="20" height="20" rx="4"/>
|
||||||
|
<rect x="134" y="134" width="20" height="20" rx="4"/>
|
||||||
</g>
|
</g>
|
||||||
</svg>
|
</svg>
|
||||||
|
Before Width: | Height: | Size: 1.2 KiB After Width: | Height: | Size: 1.8 KiB |
BIN
public/pwa-192x192.png
Normal file
BIN
public/pwa-192x192.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 16 KiB |
@@ -8,17 +8,37 @@
|
|||||||
<stop offset="0" stop-color="#00f2fe"/>
|
<stop offset="0" stop-color="#00f2fe"/>
|
||||||
<stop offset="1" stop-color="#4facfe"/>
|
<stop offset="1" stop-color="#4facfe"/>
|
||||||
</linearGradient>
|
</linearGradient>
|
||||||
|
<filter id="glow" x="-20%" y="-20%" width="140%" height="140%">
|
||||||
|
<feGaussianBlur stdDeviation="1.5" result="blur"/>
|
||||||
|
<feComposite in="SourceGraphic" in2="blur" operator="over"/>
|
||||||
|
</filter>
|
||||||
</defs>
|
</defs>
|
||||||
<rect width="192" height="192" rx="28" fill="url(#bg)"/>
|
|
||||||
<rect x="28" y="28" width="136" height="136" rx="14" fill="rgba(0,0,0,0.35)"/>
|
<!-- Main Background -->
|
||||||
<g fill="url(#cell)">
|
<rect width="192" height="192" rx="42" fill="url(#bg)"/>
|
||||||
<rect x="48" y="48" width="20" height="20" rx="4"/>
|
|
||||||
<rect x="76" y="48" width="20" height="20" rx="4"/>
|
<!-- Console Screen Background -->
|
||||||
<rect x="104" y="48" width="20" height="20" rx="4"/>
|
<rect x="26" y="26" width="140" height="140" rx="16" fill="rgba(0,10,30,0.5)" stroke="rgba(0,242,254,0.2)" stroke-width="1.5"/>
|
||||||
<rect x="48" y="76" width="20" height="20" rx="4"/>
|
|
||||||
<rect x="104" y="76" width="20" height="20" rx="4"/>
|
<!-- Letter N built from Nonogram cells -->
|
||||||
<rect x="48" y="104" width="20" height="20" rx="4"/>
|
<g fill="url(#cell)" filter="url(#glow)">
|
||||||
<rect x="76" y="104" width="20" height="20" rx="4"/>
|
<!-- Left Column -->
|
||||||
<rect x="104" y="104" width="20" height="20" rx="4"/>
|
<rect x="38" y="38" width="20" height="20" rx="4"/>
|
||||||
|
<rect x="38" y="62" width="20" height="20" rx="4"/>
|
||||||
|
<rect x="38" y="86" width="20" height="20" rx="4"/>
|
||||||
|
<rect x="38" y="110" width="20" height="20" rx="4"/>
|
||||||
|
<rect x="38" y="134" width="20" height="20" rx="4"/>
|
||||||
|
|
||||||
|
<!-- Diagonal -->
|
||||||
|
<rect x="62" y="62" width="20" height="20" rx="4"/>
|
||||||
|
<rect x="86" y="86" width="20" height="20" rx="4"/>
|
||||||
|
<rect x="110" y="110" width="20" height="20" rx="4"/>
|
||||||
|
|
||||||
|
<!-- Right Column -->
|
||||||
|
<rect x="134" y="38" width="20" height="20" rx="4"/>
|
||||||
|
<rect x="134" y="62" width="20" height="20" rx="4"/>
|
||||||
|
<rect x="134" y="86" width="20" height="20" rx="4"/>
|
||||||
|
<rect x="134" y="110" width="20" height="20" rx="4"/>
|
||||||
|
<rect x="134" y="134" width="20" height="20" rx="4"/>
|
||||||
</g>
|
</g>
|
||||||
</svg>
|
</svg>
|
||||||
|
Before Width: | Height: | Size: 1.1 KiB After Width: | Height: | Size: 1.8 KiB |
BIN
public/pwa-512x512.png
Normal file
BIN
public/pwa-512x512.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 78 KiB |
@@ -1,4 +1,4 @@
|
|||||||
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512">
|
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 192 192">
|
||||||
<defs>
|
<defs>
|
||||||
<linearGradient id="bg" x1="0" y1="0" x2="1" y2="1">
|
<linearGradient id="bg" x1="0" y1="0" x2="1" y2="1">
|
||||||
<stop offset="0" stop-color="#43C6AC"/>
|
<stop offset="0" stop-color="#43C6AC"/>
|
||||||
@@ -8,17 +8,37 @@
|
|||||||
<stop offset="0" stop-color="#00f2fe"/>
|
<stop offset="0" stop-color="#00f2fe"/>
|
||||||
<stop offset="1" stop-color="#4facfe"/>
|
<stop offset="1" stop-color="#4facfe"/>
|
||||||
</linearGradient>
|
</linearGradient>
|
||||||
|
<filter id="glow" x="-20%" y="-20%" width="140%" height="140%">
|
||||||
|
<feGaussianBlur stdDeviation="1.5" result="blur"/>
|
||||||
|
<feComposite in="SourceGraphic" in2="blur" operator="over"/>
|
||||||
|
</filter>
|
||||||
</defs>
|
</defs>
|
||||||
<rect width="512" height="512" rx="80" fill="url(#bg)"/>
|
|
||||||
<rect x="74" y="74" width="364" height="364" rx="40" fill="rgba(0,0,0,0.35)"/>
|
<!-- Main Background -->
|
||||||
<g fill="url(#cell)">
|
<rect width="192" height="192" rx="42" fill="url(#bg)"/>
|
||||||
<rect x="138" y="138" width="54" height="54" rx="10"/>
|
|
||||||
<rect x="214" y="138" width="54" height="54" rx="10"/>
|
<!-- Console Screen Background -->
|
||||||
<rect x="290" y="138" width="54" height="54" rx="10"/>
|
<rect x="26" y="26" width="140" height="140" rx="16" fill="rgba(0,10,30,0.5)" stroke="rgba(0,242,254,0.2)" stroke-width="1.5"/>
|
||||||
<rect x="138" y="214" width="54" height="54" rx="10"/>
|
|
||||||
<rect x="290" y="214" width="54" height="54" rx="10"/>
|
<!-- Letter N built from Nonogram cells -->
|
||||||
<rect x="138" y="290" width="54" height="54" rx="10"/>
|
<g fill="url(#cell)" filter="url(#glow)">
|
||||||
<rect x="214" y="290" width="54" height="54" rx="10"/>
|
<!-- Left Column -->
|
||||||
<rect x="290" y="290" width="54" height="54" rx="10"/>
|
<rect x="38" y="38" width="20" height="20" rx="4"/>
|
||||||
|
<rect x="38" y="62" width="20" height="20" rx="4"/>
|
||||||
|
<rect x="38" y="86" width="20" height="20" rx="4"/>
|
||||||
|
<rect x="38" y="110" width="20" height="20" rx="4"/>
|
||||||
|
<rect x="38" y="134" width="20" height="20" rx="4"/>
|
||||||
|
|
||||||
|
<!-- Diagonal -->
|
||||||
|
<rect x="62" y="62" width="20" height="20" rx="4"/>
|
||||||
|
<rect x="86" y="86" width="20" height="20" rx="4"/>
|
||||||
|
<rect x="110" y="110" width="20" height="20" rx="4"/>
|
||||||
|
|
||||||
|
<!-- Right Column -->
|
||||||
|
<rect x="134" y="38" width="20" height="20" rx="4"/>
|
||||||
|
<rect x="134" y="62" width="20" height="20" rx="4"/>
|
||||||
|
<rect x="134" y="86" width="20" height="20" rx="4"/>
|
||||||
|
<rect x="134" y="110" width="20" height="20" rx="4"/>
|
||||||
|
<rect x="134" y="134" width="20" height="20" rx="4"/>
|
||||||
</g>
|
</g>
|
||||||
</svg>
|
</svg>
|
||||||
|
Before Width: | Height: | Size: 1.1 KiB After Width: | Height: | Size: 1.8 KiB |
BIN
public/screenshot.png
Normal file
BIN
public/screenshot.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.4 MiB |
42
scripts/generate-icons.js
Normal file
42
scripts/generate-icons.js
Normal file
@@ -0,0 +1,42 @@
|
|||||||
|
import sharp from 'sharp';
|
||||||
|
import path from 'path';
|
||||||
|
import { fileURLToPath } from 'url';
|
||||||
|
|
||||||
|
const __filename = fileURLToPath(import.meta.url);
|
||||||
|
const __dirname = path.dirname(__filename);
|
||||||
|
|
||||||
|
const INPUT_FILE = path.join(__dirname, '../public/nonograms.svg');
|
||||||
|
const OUTPUT_DIR = path.join(__dirname, '../public');
|
||||||
|
|
||||||
|
async function generateIcons() {
|
||||||
|
console.log('Generating icons from ' + INPUT_FILE);
|
||||||
|
|
||||||
|
try {
|
||||||
|
// 192x192
|
||||||
|
await sharp(INPUT_FILE)
|
||||||
|
.resize(192, 192)
|
||||||
|
.png()
|
||||||
|
.toFile(path.join(OUTPUT_DIR, 'pwa-192x192.png'));
|
||||||
|
console.log('Created pwa-192x192.png');
|
||||||
|
|
||||||
|
// 512x512
|
||||||
|
await sharp(INPUT_FILE)
|
||||||
|
.resize(512, 512)
|
||||||
|
.png()
|
||||||
|
.toFile(path.join(OUTPUT_DIR, 'pwa-512x512.png'));
|
||||||
|
console.log('Created pwa-512x512.png');
|
||||||
|
|
||||||
|
// Apple Touch Icon (180x180)
|
||||||
|
await sharp(INPUT_FILE)
|
||||||
|
.resize(180, 180)
|
||||||
|
.png()
|
||||||
|
.toFile(path.join(OUTPUT_DIR, 'apple-touch-icon.png'));
|
||||||
|
console.log('Created apple-touch-icon.png');
|
||||||
|
|
||||||
|
} catch (err) {
|
||||||
|
console.error('Error generating icons:', err);
|
||||||
|
process.exit(1);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
generateIcons();
|
||||||
@@ -1,75 +1,38 @@
|
|||||||
|
|
||||||
import fs from 'fs';
|
|
||||||
import path from 'path';
|
|
||||||
import { generateRandomGrid, calculateHints } from '../src/utils/puzzleUtils.js';
|
import { generateRandomGrid, calculateHints } from '../src/utils/puzzleUtils.js';
|
||||||
import { solvePuzzle } from '../src/utils/solver.js';
|
import { solvePuzzle } from '../src/utils/solver.js';
|
||||||
|
|
||||||
const OUTPUT_FILE = 'difficulty_simulation_results.json';
|
const SIZES = [5, 10, 15, 20, 25, 30, 35, 40, 45, 50, 60, 70, 80];
|
||||||
const CSV_FILE = 'difficulty_simulation_results.csv';
|
|
||||||
|
|
||||||
// Configuration
|
|
||||||
const SIZES = [5, 10, 15, 20, 25, 30, 35, 40, 45, 50, 60, 70, 80]; // Steps of 5 up to 50, then 10
|
|
||||||
const DENSITIES = [0.1, 0.2, 0.3, 0.4, 0.5, 0.6, 0.7, 0.8, 0.9];
|
const DENSITIES = [0.1, 0.2, 0.3, 0.4, 0.5, 0.6, 0.7, 0.8, 0.9];
|
||||||
const SAMPLES_PER_POINT = 20; // Adjust based on time/accuracy needs
|
const SAMPLES_SMALL = 100; // For size <= 25
|
||||||
|
const SAMPLES_LARGE = 30; // For size > 25
|
||||||
|
|
||||||
console.log('Starting Monte Carlo Simulation for Nonogram Difficulty...');
|
const results = {};
|
||||||
console.log(`Config: Sizes=${SIZES.length}, Densities=${DENSITIES.length}, Samples=${SAMPLES_PER_POINT}`);
|
|
||||||
|
|
||||||
const results = [];
|
console.log('Starting Monte Carlo Simulation...');
|
||||||
const csvRows = ['size,density,avg_solved_percent,min_solved_percent,max_solved_percent,avg_time_ms'];
|
|
||||||
|
|
||||||
const startTime = Date.now();
|
const startTime = Date.now();
|
||||||
|
|
||||||
for (const size of SIZES) {
|
for (const size of SIZES) {
|
||||||
|
const samples = size <= 25 ? SAMPLES_SMALL : SAMPLES_LARGE;
|
||||||
|
const rowData = [];
|
||||||
|
|
||||||
for (const density of DENSITIES) {
|
for (const density of DENSITIES) {
|
||||||
let totalSolved = 0;
|
let totalSolved = 0;
|
||||||
let minSolved = 100;
|
|
||||||
let maxSolved = 0;
|
for (let i = 0; i < samples; i++) {
|
||||||
let totalTime = 0;
|
|
||||||
|
|
||||||
process.stdout.write(`Simulating Size: ${size}x${size}, Density: ${density} ... `);
|
|
||||||
|
|
||||||
for (let i = 0; i < SAMPLES_PER_POINT; i++) {
|
|
||||||
const t0 = performance.now();
|
|
||||||
|
|
||||||
// 1. Generate
|
|
||||||
const grid = generateRandomGrid(size, density);
|
const grid = generateRandomGrid(size, density);
|
||||||
const { rowHints, colHints } = calculateHints(grid);
|
const { rowHints, colHints } = calculateHints(grid);
|
||||||
|
|
||||||
// 2. Solve
|
|
||||||
const { percentSolved } = solvePuzzle(rowHints, colHints);
|
const { percentSolved } = solvePuzzle(rowHints, colHints);
|
||||||
|
|
||||||
const t1 = performance.now();
|
|
||||||
|
|
||||||
totalSolved += percentSolved;
|
totalSolved += percentSolved;
|
||||||
minSolved = Math.min(minSolved, percentSolved);
|
|
||||||
maxSolved = Math.max(maxSolved, percentSolved);
|
|
||||||
totalTime += (t1 - t0);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
const avgSolved = totalSolved / SAMPLES_PER_POINT;
|
|
||||||
const avgTime = totalTime / SAMPLES_PER_POINT;
|
|
||||||
|
|
||||||
results.push({
|
|
||||||
size,
|
|
||||||
density,
|
|
||||||
avgSolved,
|
|
||||||
minSolved,
|
|
||||||
maxSolved,
|
|
||||||
avgTime
|
|
||||||
});
|
|
||||||
|
|
||||||
csvRows.push(`${size},${density},${avgSolved.toFixed(2)},${minSolved.toFixed(2)},${maxSolved.toFixed(2)},${avgTime.toFixed(2)}`);
|
|
||||||
|
|
||||||
console.log(`Avg Solved: ${avgSolved.toFixed(1)}%`);
|
const avg = Math.round(totalSolved / samples);
|
||||||
|
rowData.push(avg);
|
||||||
}
|
}
|
||||||
|
results[size] = rowData;
|
||||||
|
console.log(` Size ${size}: [${rowData.join(', ')}]`);
|
||||||
}
|
}
|
||||||
|
|
||||||
const totalDuration = (Date.now() - startTime) / 1000;
|
const duration = (Date.now() - startTime) / 1000;
|
||||||
console.log(`Simulation complete in ${totalDuration.toFixed(1)}s`);
|
console.log(`\nSimulation Complete in ${duration.toFixed(2)}s. Result JSON:`);
|
||||||
|
console.log(JSON.stringify(results, null, 4));
|
||||||
// Save results
|
|
||||||
fs.writeFileSync(OUTPUT_FILE, JSON.stringify(results, null, 2));
|
|
||||||
fs.writeFileSync(CSV_FILE, csvRows.join('\n'));
|
|
||||||
|
|
||||||
console.log(`Results saved to ${OUTPUT_FILE} and ${CSV_FILE}`);
|
|
||||||
|
|||||||
12
src/App.vue
12
src/App.vue
@@ -23,6 +23,7 @@ const canInstall = ref(false);
|
|||||||
const installDismissed = ref(false);
|
const installDismissed = ref(false);
|
||||||
const isCoarsePointer = ref(false);
|
const isCoarsePointer = ref(false);
|
||||||
const isStandalone = ref(false);
|
const isStandalone = ref(false);
|
||||||
|
const isIos = ref(false);
|
||||||
const themePreference = ref('system');
|
const themePreference = ref('system');
|
||||||
const appVersion = __APP_VERSION__;
|
const appVersion = __APP_VERSION__;
|
||||||
let displayModeMedia = null;
|
let displayModeMedia = null;
|
||||||
@@ -109,6 +110,8 @@ onMounted(() => {
|
|||||||
}
|
}
|
||||||
if (typeof window !== 'undefined') {
|
if (typeof window !== 'undefined') {
|
||||||
isCoarsePointer.value = window.matchMedia('(pointer: coarse)').matches;
|
isCoarsePointer.value = window.matchMedia('(pointer: coarse)').matches;
|
||||||
|
const ua = navigator.userAgent.toLowerCase();
|
||||||
|
isIos.value = /ipad|iphone|ipod/.test(ua) || (ua.includes('mac') && navigator.maxTouchPoints > 1);
|
||||||
const storedTheme = typeof localStorage !== 'undefined' ? localStorage.getItem('theme') : null;
|
const storedTheme = typeof localStorage !== 'undefined' ? localStorage.getItem('theme') : null;
|
||||||
if (storedTheme === 'light' || storedTheme === 'dark' || storedTheme === 'system') {
|
if (storedTheme === 'light' || storedTheme === 'dark' || storedTheme === 'system') {
|
||||||
themePreference.value = storedTheme;
|
themePreference.value = storedTheme;
|
||||||
@@ -160,10 +163,13 @@ onUnmounted(() => {
|
|||||||
/>
|
/>
|
||||||
<FixedBar />
|
<FixedBar />
|
||||||
|
|
||||||
<div v-if="canInstall && !installDismissed" class="install-banner">
|
<div v-if="(canInstall || (isIos && !isStandalone)) && !installDismissed" class="install-banner">
|
||||||
<div class="install-text">{{ t('pwa.installTitle') }}</div>
|
<div class="install-text">
|
||||||
|
<span v-if="isIos && !isStandalone">{{ t('pwa.installIos') }}</span>
|
||||||
|
<span v-else>{{ t('pwa.installTitle') }}</span>
|
||||||
|
</div>
|
||||||
<div class="install-actions">
|
<div class="install-actions">
|
||||||
<button class="btn-neon secondary install-btn" @click="handleInstall">
|
<button v-if="!isIos" class="btn-neon secondary install-btn" @click="handleInstall">
|
||||||
{{ installLabel }}
|
{{ installLabel }}
|
||||||
</button>
|
</button>
|
||||||
<button class="install-close" @click="installDismissed = true">×</button>
|
<button class="install-close" @click="installDismissed = true">×</button>
|
||||||
|
|||||||
BIN
src/assets/.DS_Store
vendored
BIN
src/assets/.DS_Store
vendored
Binary file not shown.
@@ -43,21 +43,30 @@ const handlePointerDown = (e) => {
|
|||||||
const now = Date.now();
|
const now = Date.now();
|
||||||
if (now - lastTap < 300) {
|
if (now - lastTap < 300) {
|
||||||
// Double tap -> X (Force)
|
// Double tap -> X (Force)
|
||||||
|
clearLongPress();
|
||||||
emit('start-drag', props.r, props.c, true, true);
|
emit('start-drag', props.r, props.c, true, true);
|
||||||
lastTap = 0;
|
lastTap = 0;
|
||||||
} else {
|
} else {
|
||||||
// Single tap / Start drag -> Fill
|
// Single tap / Start drag -> Fill
|
||||||
emit('start-drag', props.r, props.c, false, false);
|
emit('start-drag', props.r, props.c, false, false);
|
||||||
lastTap = now;
|
lastTap = now;
|
||||||
|
|
||||||
|
// Start Long Press Timer
|
||||||
|
clearLongPress();
|
||||||
|
longPressTimer = setTimeout(() => {
|
||||||
|
if (navigator.vibrate) navigator.vibrate(50);
|
||||||
|
// Switch to Cross (Right click logic, force=true to overwrite the just-placed Fill)
|
||||||
|
emit('start-drag', props.r, props.c, true, true);
|
||||||
|
}, 500);
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
const handlePointerUp = (e) => {
|
const handlePointerUp = (e) => {
|
||||||
// Handled in pointerdown
|
clearLongPress();
|
||||||
};
|
};
|
||||||
|
|
||||||
const handlePointerCancel = (e) => {
|
const handlePointerCancel = (e) => {
|
||||||
// Handled in pointerdown
|
clearLongPress();
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
|||||||
@@ -340,12 +340,20 @@ const confirm = () => {
|
|||||||
text-align: center;
|
text-align: center;
|
||||||
max-width: 800px;
|
max-width: 800px;
|
||||||
width: 90%;
|
width: 90%;
|
||||||
|
max-height: 90vh;
|
||||||
|
overflow-y: auto;
|
||||||
border: 1px solid var(--accent-cyan);
|
border: 1px solid var(--accent-cyan);
|
||||||
box-shadow: 0 0 50px rgba(0, 242, 255, 0.2);
|
box-shadow: 0 0 50px rgba(0, 242, 255, 0.2);
|
||||||
animation: slideUp 0.3s ease;
|
animation: slideUp 0.3s ease;
|
||||||
transition: all 0.3s ease-in-out;
|
transition: all 0.3s ease-in-out;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media (max-width: 768px), (max-height: 600px) {
|
||||||
|
.modal {
|
||||||
|
padding: 20px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.modal-content {
|
.modal-content {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
|
|||||||
@@ -27,17 +27,28 @@ let dragStartLeft = 0;
|
|||||||
const checkScroll = () => {
|
const checkScroll = () => {
|
||||||
const el = scrollWrapper.value;
|
const el = scrollWrapper.value;
|
||||||
if (!el) return;
|
if (!el) return;
|
||||||
|
|
||||||
|
const content = el.firstElementChild;
|
||||||
|
const contentWidth = content ? content.offsetWidth : el.scrollWidth;
|
||||||
const sw = el.scrollWidth;
|
const sw = el.scrollWidth;
|
||||||
const cw = el.clientWidth;
|
const cw = el.clientWidth;
|
||||||
|
|
||||||
// Only show custom scrollbar on mobile/tablet (width < 768px) and if content overflows
|
// Only show custom scrollbar on mobile/tablet (width < 768px) and if content overflows
|
||||||
const isMobile = window.innerWidth <= 768;
|
const isMobile = window.innerWidth <= 768;
|
||||||
showScrollbar.value = isMobile && (sw > cw + 1);
|
// Use contentWidth to check for overflow, as scrollWidth might be misleading
|
||||||
|
showScrollbar.value = isMobile && (contentWidth > cw + 1);
|
||||||
|
|
||||||
if (showScrollbar.value) {
|
if (showScrollbar.value) {
|
||||||
// Thumb width percentage = (viewport / total) * 100
|
// Thumb width percentage = (viewport / total) * 100
|
||||||
const ratio = cw / sw;
|
// Use contentWidth for more accurate ratio
|
||||||
|
const ratio = cw / contentWidth;
|
||||||
thumbWidth.value = Math.max(10, ratio * 100);
|
thumbWidth.value = Math.max(10, ratio * 100);
|
||||||
|
|
||||||
|
// Hide if content fits or almost fits (prevent useless scrollbar)
|
||||||
|
// Increased tolerance to 95%
|
||||||
|
if (ratio >= 0.95) {
|
||||||
|
showScrollbar.value = false;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
|
|
||||||
@@ -175,21 +186,38 @@ const handleGridLeave = () => {
|
|||||||
activeCol.value = null;
|
activeCol.value = null;
|
||||||
};
|
};
|
||||||
|
|
||||||
|
const handleResize = () => {
|
||||||
|
computeCellSize();
|
||||||
|
checkScroll();
|
||||||
|
// Re-check after potential layout animation/transition
|
||||||
|
setTimeout(() => {
|
||||||
|
computeCellSize();
|
||||||
|
checkScroll();
|
||||||
|
}, 300);
|
||||||
|
};
|
||||||
|
|
||||||
onMounted(() => {
|
onMounted(() => {
|
||||||
nextTick(() => {
|
nextTick(() => {
|
||||||
computeCellSize();
|
computeCellSize();
|
||||||
|
checkScroll();
|
||||||
|
// Extra check for slow layout/font loading or orientation changes
|
||||||
|
setTimeout(() => {
|
||||||
|
computeCellSize();
|
||||||
|
checkScroll();
|
||||||
|
}, 300);
|
||||||
});
|
});
|
||||||
isFinePointer.value = window.matchMedia('(pointer: fine)').matches;
|
isFinePointer.value = window.matchMedia('(pointer: fine)').matches;
|
||||||
window.addEventListener('resize', computeCellSize);
|
|
||||||
window.addEventListener('resize', checkScroll);
|
window.addEventListener('resize', handleResize);
|
||||||
|
window.addEventListener('orientationchange', handleResize);
|
||||||
window.addEventListener('mouseup', handleGlobalMouseUp);
|
window.addEventListener('mouseup', handleGlobalMouseUp);
|
||||||
window.addEventListener('pointerup', handleGlobalPointerUp);
|
window.addEventListener('pointerup', handleGlobalPointerUp);
|
||||||
window.addEventListener('touchend', handleGlobalPointerUp, { passive: true });
|
window.addEventListener('touchend', handleGlobalPointerUp, { passive: true });
|
||||||
});
|
});
|
||||||
|
|
||||||
onUnmounted(() => {
|
onUnmounted(() => {
|
||||||
window.removeEventListener('resize', computeCellSize);
|
window.removeEventListener('resize', handleResize);
|
||||||
window.removeEventListener('resize', checkScroll);
|
window.removeEventListener('orientationchange', handleResize);
|
||||||
window.removeEventListener('mouseup', handleGlobalMouseUp);
|
window.removeEventListener('mouseup', handleGlobalMouseUp);
|
||||||
window.removeEventListener('pointerup', handleGlobalPointerUp);
|
window.removeEventListener('pointerup', handleGlobalPointerUp);
|
||||||
window.removeEventListener('touchend', handleGlobalPointerUp);
|
window.removeEventListener('touchend', handleGlobalPointerUp);
|
||||||
@@ -199,6 +227,10 @@ watch(() => store.size, async () => {
|
|||||||
await nextTick();
|
await nextTick();
|
||||||
computeCellSize();
|
computeCellSize();
|
||||||
checkScroll();
|
checkScroll();
|
||||||
|
setTimeout(() => {
|
||||||
|
computeCellSize();
|
||||||
|
checkScroll();
|
||||||
|
}, 300);
|
||||||
});
|
});
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
|
|||||||
@@ -321,8 +321,10 @@ watch(isMobileMenuOpen, (val) => {
|
|||||||
</transition>
|
</transition>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</nav>
|
||||||
|
|
||||||
<!-- Mobile Menu Overlay -->
|
<!-- Mobile Menu Overlay -->
|
||||||
|
<Teleport to="body">
|
||||||
<transition name="fade">
|
<transition name="fade">
|
||||||
<div v-if="isMobileMenuOpen" class="mobile-menu-overlay">
|
<div v-if="isMobileMenuOpen" class="mobile-menu-overlay">
|
||||||
<div class="mobile-menu-header">
|
<div class="mobile-menu-header">
|
||||||
@@ -402,7 +404,7 @@ watch(isMobileMenuOpen, (val) => {
|
|||||||
/>
|
/>
|
||||||
</div>
|
</div>
|
||||||
<div class="lang-list mobile-lang-list">
|
<div class="lang-list mobile-lang-list">
|
||||||
<button
|
<button
|
||||||
v-for="lang in filteredLanguages"
|
v-for="lang in filteredLanguages"
|
||||||
:key="lang.code"
|
:key="lang.code"
|
||||||
class="mobile-sub-item"
|
class="mobile-sub-item"
|
||||||
@@ -420,7 +422,7 @@ watch(isMobileMenuOpen, (val) => {
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</transition>
|
</transition>
|
||||||
</nav>
|
</Teleport>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<style scoped>
|
<style scoped>
|
||||||
|
|||||||
@@ -9,9 +9,9 @@ import { X, Play, Square, RotateCcw } from 'lucide-vue-next';
|
|||||||
const emit = defineEmits(['close']);
|
const emit = defineEmits(['close']);
|
||||||
const { t } = useI18n();
|
const { t } = useI18n();
|
||||||
|
|
||||||
const SIZES = [5, 10, 15, 20, 25, 30, 35, 40, 45, 50];
|
const SIZES = [5, 10, 15, 20, 25, 30, 35, 40, 45, 50, 60, 70, 80];
|
||||||
const DENSITIES = [0.1, 0.2, 0.3, 0.4, 0.5, 0.6, 0.7, 0.8, 0.9];
|
const DENSITIES = [0.1, 0.2, 0.3, 0.4, 0.5, 0.6, 0.7, 0.8, 0.9];
|
||||||
const SAMPLES_PER_POINT = 10; // Reduced for web performance demo
|
const SAMPLES_PER_POINT = 50; // Increased for better accuracy
|
||||||
|
|
||||||
const isRunning = ref(false);
|
const isRunning = ref(false);
|
||||||
const progress = ref(0);
|
const progress = ref(0);
|
||||||
|
|||||||
@@ -215,6 +215,8 @@ onUnmounted(() => {
|
|||||||
width: fit-content;
|
width: fit-content;
|
||||||
max-width: min(92vw, 560px);
|
max-width: min(92vw, 560px);
|
||||||
min-width: 280px;
|
min-width: 280px;
|
||||||
|
max-height: 90vh;
|
||||||
|
overflow-y: auto;
|
||||||
border: 1px solid var(--primary-accent);
|
border: 1px solid var(--primary-accent);
|
||||||
box-shadow: 0 0 50px rgba(0, 242, 255, 0.2);
|
box-shadow: 0 0 50px rgba(0, 242, 255, 0.2);
|
||||||
animation: slideUp 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
|
animation: slideUp 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
|
||||||
@@ -223,6 +225,12 @@ onUnmounted(() => {
|
|||||||
overflow-wrap: anywhere;
|
overflow-wrap: anywhere;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media (max-width: 768px), (max-height: 600px) {
|
||||||
|
.modal {
|
||||||
|
padding: 20px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
h2 {
|
h2 {
|
||||||
font-size: 2.5rem;
|
font-size: 2.5rem;
|
||||||
color: var(--primary-accent);
|
color: var(--primary-accent);
|
||||||
|
|||||||
@@ -50,6 +50,7 @@ const messages = {
|
|||||||
'pwa.installTitle': 'Zainstaluj aplikację i graj offline',
|
'pwa.installTitle': 'Zainstaluj aplikację i graj offline',
|
||||||
'pwa.installMobile': 'Dodaj do ekranu głównego',
|
'pwa.installMobile': 'Dodaj do ekranu głównego',
|
||||||
'pwa.installDesktop': 'Zainstaluj na komputerze',
|
'pwa.installDesktop': 'Zainstaluj na komputerze',
|
||||||
|
'pwa.installIos': 'Aby zainstalować: kliknij Udostępnij i wybierz "Dodaj do ekranu głównego"',
|
||||||
'pwa.offlineReady': 'Aplikacja gotowa do pracy offline',
|
'pwa.offlineReady': 'Aplikacja gotowa do pracy offline',
|
||||||
'pwa.newContent': 'Dostępna nowa wersja, odśwież aby zaktualizować',
|
'pwa.newContent': 'Dostępna nowa wersja, odśwież aby zaktualizować',
|
||||||
'pwa.reload': 'Odśwież',
|
'pwa.reload': 'Odśwież',
|
||||||
@@ -223,6 +224,7 @@ const messages = {
|
|||||||
'pwa.installTitle': 'Install the app and play offline',
|
'pwa.installTitle': 'Install the app and play offline',
|
||||||
'pwa.installMobile': 'Add to home screen',
|
'pwa.installMobile': 'Add to home screen',
|
||||||
'pwa.installDesktop': 'Install on desktop',
|
'pwa.installDesktop': 'Install on desktop',
|
||||||
|
'pwa.installIos': 'To install: tap Share and select "Add to Home Screen"',
|
||||||
'pwa.offlineReady': 'App ready to work offline',
|
'pwa.offlineReady': 'App ready to work offline',
|
||||||
'pwa.newContent': 'New content available, click on reload button to update',
|
'pwa.newContent': 'New content available, click on reload button to update',
|
||||||
'pwa.reload': 'Reload',
|
'pwa.reload': 'Reload',
|
||||||
|
|||||||
@@ -63,21 +63,20 @@ export function generateRandomGrid(size, density = 0.5) {
|
|||||||
export function calculateDifficulty(density, size = 10) {
|
export function calculateDifficulty(density, size = 10) {
|
||||||
// Data derived from Monte Carlo Simulation (Logical Solver)
|
// Data derived from Monte Carlo Simulation (Logical Solver)
|
||||||
// Format: { size: [solved_pct_at_0.1, ..., solved_pct_at_0.9] }
|
// Format: { size: [solved_pct_at_0.1, ..., solved_pct_at_0.9] }
|
||||||
// Densities: 0.1, 0.2, 0.3, 0.4, 0.5, 0.6, 0.7, 0.8, 0.9
|
|
||||||
const SIM_DATA = {
|
const SIM_DATA = {
|
||||||
5: [89, 74, 74, 81, 97, 98, 99, 100, 100],
|
5: [86, 73, 74, 80, 88, 98, 99, 99, 100],
|
||||||
10: [57, 20, 16, 54, 92, 100, 100, 100, 100],
|
10: [57, 22, 19, 44, 86, 99, 100, 100, 100],
|
||||||
15: [37, 10, 2, 12, 68, 100, 100, 100, 100],
|
15: [37, 7, 2, 12, 70, 99, 100, 100, 100],
|
||||||
20: [23, 3, 1, 2, 37, 100, 100, 100, 100],
|
20: [23, 3, 0, 3, 40, 99, 100, 100, 100],
|
||||||
25: [16, 0, 0, 1, 19, 99, 100, 100, 100],
|
25: [13, 1, 0, 1, 19, 99, 100, 100, 100],
|
||||||
30: [8, 0, 0, 0, 5, 99, 100, 100, 100],
|
30: [8, 1, 0, 0, 4, 100, 100, 100, 100],
|
||||||
35: [6, 0, 0, 0, 4, 91, 100, 100, 100],
|
35: [5, 0, 0, 0, 3, 99, 100, 100, 100],
|
||||||
40: [3, 0, 0, 0, 2, 91, 100, 100, 100],
|
40: [3, 0, 0, 0, 1, 96, 100, 100, 100],
|
||||||
45: [2, 0, 0, 0, 1, 82, 100, 100, 100],
|
45: [2, 0, 0, 0, 1, 83, 100, 100, 100],
|
||||||
50: [2, 0, 0, 0, 1, 73, 100, 100, 100],
|
50: [1, 0, 0, 0, 0, 62, 100, 100, 100],
|
||||||
60: [0, 0, 0, 0, 0, 35, 100, 100, 100],
|
60: [0, 0, 0, 0, 0, 18, 100, 100, 100],
|
||||||
71: [0, 0, 0, 0, 0, 16, 100, 100, 100],
|
70: [0, 0, 0, 0, 0, 14, 100, 100, 100],
|
||||||
80: [0, 0, 0, 0, 0, 1, 100, 100, 100]
|
80: [0, 0, 0, 0, 0, 4, 100, 100, 100]
|
||||||
};
|
};
|
||||||
|
|
||||||
// Helper to get interpolated value from array
|
// Helper to get interpolated value from array
|
||||||
@@ -122,17 +121,32 @@ export function calculateDifficulty(density, size = 10) {
|
|||||||
|
|
||||||
const solvedPct = getSimulatedSolvedPct(size, density);
|
const solvedPct = getSimulatedSolvedPct(size, density);
|
||||||
|
|
||||||
// Difficulty Score: Inverse of Solved Percent
|
let value;
|
||||||
// 100% Solved -> 0 Difficulty
|
let level;
|
||||||
// 0% Solved -> 100 Difficulty
|
|
||||||
const value = Math.round(100 - solvedPct);
|
|
||||||
|
|
||||||
// Thresholds
|
|
||||||
let level = 'easy';
|
|
||||||
if (value >= 90) level = 'extreme'; // < 10% Solved
|
|
||||||
else if (value >= 60) level = 'hardest'; // < 40% Solved
|
|
||||||
else if (value >= 30) level = 'harder'; // < 70% Solved
|
|
||||||
else level = 'easy'; // > 70% Solved
|
|
||||||
|
|
||||||
return { level, value };
|
// "Hardest" threshold is 99% solvability.
|
||||||
|
if (solvedPct < 99) {
|
||||||
|
// Extreme: Requires guessing
|
||||||
|
level = 'extreme';
|
||||||
|
// Map 0-99% solved to value 85-100
|
||||||
|
value = 85 + ((99 - solvedPct) / 99) * 15;
|
||||||
|
} else {
|
||||||
|
// Solvable (>= 99%)
|
||||||
|
// Density factor: 0.5 is hardest (1), 0.1/0.9 is easiest (0.2)
|
||||||
|
const densityFactor = 1 - 2 * Math.abs(density - 0.5);
|
||||||
|
|
||||||
|
// Complexity based on Size and Density
|
||||||
|
// Max size 80.
|
||||||
|
// Formula: size * (0.4 + 0.6 * densityFactor)
|
||||||
|
// Max: 80 * 1 = 80.
|
||||||
|
const complexity = size * (0.4 + 0.6 * densityFactor);
|
||||||
|
|
||||||
|
value = Math.min(85, complexity);
|
||||||
|
|
||||||
|
if (value < 25) level = 'easy';
|
||||||
|
else if (value < 55) level = 'harder';
|
||||||
|
else level = 'hardest';
|
||||||
|
}
|
||||||
|
|
||||||
|
return { level, value: Math.round(value) };
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -31,14 +31,14 @@ export default defineConfig({
|
|||||||
theme_color: '#00f2fe',
|
theme_color: '#00f2fe',
|
||||||
icons: [
|
icons: [
|
||||||
{
|
{
|
||||||
src: '/pwa-192x192.svg',
|
src: '/pwa-192x192.png',
|
||||||
sizes: '192x192',
|
sizes: '192x192',
|
||||||
type: 'image/svg+xml'
|
type: 'image/png'
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
src: '/pwa-512x512.svg',
|
src: '/pwa-512x512.png',
|
||||||
sizes: '512x512',
|
sizes: '512x512',
|
||||||
type: 'image/svg+xml'
|
type: 'image/png'
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
}
|
}
|
||||||
@@ -48,5 +48,8 @@ export default defineConfig({
|
|||||||
alias: {
|
alias: {
|
||||||
'@': path.resolve(__dirname, './src')
|
'@': path.resolve(__dirname, './src')
|
||||||
}
|
}
|
||||||
|
},
|
||||||
|
server: {
|
||||||
|
allowedHosts: true
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
|
|||||||
Reference in New Issue
Block a user