chore: bump version to 1.11.0

.gitignore

@@ -1,7 +1,3 @@
+
+.gpg/
 node_modules
-dist
-.DS_Store
-.vscode
-.idea
-*.log
-dev-dist

dev-dist/sw.js

@@ -0,0 +1,92 @@
+/**
+ * Copyright 2018 Google Inc. All Rights Reserved.
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+// If the loader is already loaded, just stop.
+if (!self.define) {
+  let registry = {};
+
+  // Used for `eval` and `importScripts` where we can't get script URL by other means.
+  // In both cases, it's safe to use a global var because those functions are synchronous.
+  let nextDefineUri;
+
+  const singleRequire = (uri, parentUri) => {
+    uri = new URL(uri + ".js", parentUri).href;
+    return registry[uri] || (
+      
+        new Promise(resolve => {
+          if ("document" in self) {
+            const script = document.createElement("script");
+            script.src = uri;
+            script.onload = resolve;
+            document.head.appendChild(script);
+          } else {
+            nextDefineUri = uri;
+            importScripts(uri);
+            resolve();
+          }
+        })
+      
+      .then(() => {
+        let promise = registry[uri];
+        if (!promise) {
+          throw new Error(`Module ${uri} didn’t register its module`);
+        }
+        return promise;
+      })
+    );
+  };
+
+  self.define = (depsNames, factory) => {
+    const uri = nextDefineUri || ("document" in self ? document.currentScript.src : "") || location.href;
+    if (registry[uri]) {
+      // Module is already loading or loaded.
+      return;
+    }
+    let exports = {};
+    const require = depUri => singleRequire(depUri, uri);
+    const specialDeps = {
+      module: { uri },
+      exports,
+      require
+    };
+    registry[uri] = Promise.all(depsNames.map(
+      depName => specialDeps[depName] || require(depName)
+    )).then(deps => {
+      factory(...deps);
+      return exports;
+    });
+  };
+}
+define(['./workbox-7a5e81cd'], (function (workbox) { 'use strict';
+
+  self.addEventListener('message', event => {
+    if (event.data && event.data.type === 'SKIP_WAITING') {
+      self.skipWaiting();
+    }
+  });
+
+  /**
+   * The precacheAndRoute() method efficiently caches and responds to
+   * requests for URLs in the manifest.
+   * See https://goo.gl/S9QRab
+   */
+  workbox.precacheAndRoute([{
+    "url": "index.html",
+    "revision": "0.ohmkvc7m8mo"
+  }], {});
+  workbox.cleanupOutdatedCaches();
+  workbox.registerRoute(new workbox.NavigationRoute(workbox.createHandlerBoundToURL("index.html"), {
+    allowlist: [/^\/$/]
+  }));
+
+}));

package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "vue-nonograms-solid",
-  "version": "1.9.14",
+  "version": "1.11.0",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "vue-nonograms-solid",
-      "version": "1.9.14",
+      "version": "1.11.0",
       "dependencies": {
         "fireworks-js": "^2.10.8",
         "flag-icons": "^7.5.0",

package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-nonograms-solid",
-  "version": "1.9.14",
+  "version": "1.11.0",
   "homepage": "https://nonograms.7u.pl/",
   "type": "module",
   "scripts": {

public/pwa-192x192.svg

@@ -8,17 +8,37 @@
       <stop offset="0" stop-color="#00f2fe"/>
       <stop offset="1" stop-color="#4facfe"/>
     </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>
-  <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)"/>
-  <g fill="url(#cell)">
-    <rect x="48" y="48" width="20" height="20" rx="4"/>
-    <rect x="76" y="48" width="20" height="20" rx="4"/>
-    <rect x="104" y="48" width="20" height="20" rx="4"/>
-    <rect x="48" y="76" width="20" height="20" rx="4"/>
-    <rect x="104" y="76" width="20" height="20" rx="4"/>
-    <rect x="48" y="104" width="20" height="20" rx="4"/>
-    <rect x="76" y="104" width="20" height="20" rx="4"/>
-    <rect x="104" y="104" width="20" height="20" rx="4"/>
+  
+  <!-- Main Background -->
+  <rect width="192" height="192" rx="42" fill="url(#bg)"/>
+  
+  <!-- Console Screen Background -->
+  <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"/>
+
+  <!-- Letter N built from Nonogram cells -->
+  <g fill="url(#cell)" filter="url(#glow)">
+    <!-- Left Column -->
+    <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>
 </svg>

public/pwa-512x512.svg

@@ -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>
     <linearGradient id="bg" x1="0" y1="0" x2="1" y2="1">
       <stop offset="0" stop-color="#43C6AC"/>
@@ -8,17 +8,37 @@
       <stop offset="0" stop-color="#00f2fe"/>
       <stop offset="1" stop-color="#4facfe"/>
     </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>
-  <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)"/>
-  <g fill="url(#cell)">
-    <rect x="138" y="138" width="54" height="54" rx="10"/>
-    <rect x="214" y="138" width="54" height="54" rx="10"/>
-    <rect x="290" y="138" width="54" height="54" rx="10"/>
-    <rect x="138" y="214" width="54" height="54" rx="10"/>
-    <rect x="290" y="214" width="54" height="54" rx="10"/>
-    <rect x="138" y="290" width="54" height="54" rx="10"/>
-    <rect x="214" y="290" width="54" height="54" rx="10"/>
-    <rect x="290" y="290" width="54" height="54" rx="10"/>
+  
+  <!-- Main Background -->
+  <rect width="192" height="192" rx="42" fill="url(#bg)"/>
+  
+  <!-- Console Screen Background -->
+  <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"/>
+
+  <!-- Letter N built from Nonogram cells -->
+  <g fill="url(#cell)" filter="url(#glow)">
+    <!-- Left Column -->
+    <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>
 </svg>

src/components/GameBoard.vue

@@ -272,6 +272,7 @@ watch(() => store.size, async () => {
     min-width: 100%;
     margin: 0 auto; /* Center the wrapper safely */
     align-items: flex-start; /* Prevent cropping when centered */
+    padding-right: 40px;
   }
   
   .game-container {

src/utils/shareUtils.js

@@ -227,7 +227,11 @@ export function buildShareSVG(data, t, formattedTime) {
   }
 
   // URL
-  svgContent += `<text x="${padding}" y="${height - padding + 6}" font-family="Segoe UI, sans-serif" font-weight="500" font-size="14" fill="${urlColor}">${appUrl}</text>`;
+  svgContent += `
+    <a href="${appUrl}" target="_blank">
+      <text x="${padding}" y="${height - padding + 6}" font-family="Segoe UI, sans-serif" font-weight="500" font-size="14" fill="${urlColor}" style="text-decoration: underline; cursor: pointer;">${appUrl}</text>
+    </a>
+  `;
 
   svgContent += '</svg>';
   return svgContent;