feat: add compact scheme sharing URLs

Author: ciembor

CHANGELOG.md

@@ -6,6 +6,13 @@ Early history is grouped by day to keep the file readable while still covering t
 
 ## 2026
 
+### 2026-05-10
+
+- Added compact `s` query-string serialization for complete scheme settings while keeping backward compatibility with legacy shared URLs.
+- Added mintty drag-and-drop URL payload support so generated palettes can be dropped into mintty from shared links.
+- Updated social sharing and browser URL synchronization to use the compressed scheme settings and mintty drag payload.
+- Extended unit and browser smoke coverage for compressed settings, legacy URL hydration, sharing URLs, and mintty drag serialization.
+
 ### 2026-04-22
 
 - Completed the Vue migration of the remaining UI pieces.

README.md

@@ -81,7 +81,10 @@ Project structure:
 
 * `src/domain` - pure scheme rules, defaults, color naming, and color-mode logic
 * `src/application` - synchronization/use-case layer that applies domain logic to app state
-* `src/infrastructure` - URL/query codecs, export serializers, browser sync, and wrapped legacy vendor code
+* `src/infrastructure/url` - URL/query codecs, share URL builders, and URL-only scheme settings formats
+* `src/infrastructure/serialization` - terminal export serializers
+* `src/infrastructure/browser` - browser URL/storage synchronization
+* `src/infrastructure/vendor` - wrapped legacy vendor code
 * `src/presentation` - Vue components, Pinia stores, fonts, and styles
 * `public` - static assets copied to the final build, including images and SEO files
 

src/infrastructure/browser/scheme-url-sync.js

@@ -1,11 +1,13 @@
 import { useSchemeStore } from '../../presentation/stores/scheme';
+import { calculateSchemeColors } from '../../domain/scheme/color-scheme-calculator';
 import {
   buildSchemeQueryParams,
   buildSchemeSearch,
   readSchemeFromSearch,
   SCHEME_QUERY_KEYS,
   serializeSearchParams,
-} from '../serialization/scheme-query';
+} from '../url/scheme-query';
+import { buildMinttyDragSchemeHash } from '../url/mintty-drag-scheme';
 export const SCHEME_STORAGE_KEY = '4bit:scheme-search';
 
 function browserWindow() {
@@ -105,6 +107,10 @@ function replaceLocationSearch(nextSearch, location, history) {
   }
 }
 
+function buildSchemeHash(scheme) {
+  return buildMinttyDragSchemeHash(calculateSchemeColors(scheme));
+}
+
 export function hydrateSchemeStoreFromLocation(pinia, options = browserLocation().search) {
   const settings = typeof options === 'string'
     ? { search: options }
@@ -165,7 +171,11 @@ export class SchemeUrlSync {
     });
 
     const nextSearch = serializeSearchParams(currentParams);
-    const nextUrl = `${this.location.pathname}${nextSearch ? `?${nextSearch}` : ''}${this.location.hash}`;
+    const nextUrl = [
+      this.location.pathname,
+      nextSearch ? `?${nextSearch}` : '',
+      buildSchemeHash(scheme),
+    ].join('');
     const currentUrl = `${this.location.pathname}${this.location.search}${this.location.hash}`;
 
     if (nextUrl !== currentUrl) {