spaday-regular-layout 0.2.0__tar.gz → 0.2.2__tar.gz

{spaday_regular_layout-0.2.0 → spaday_regular_layout-0.2.2}/.gitignore

@@ -13,6 +13,10 @@ __pycache__/
 *.exp
 *.lib
 
+# vcpkg
+vcpkg/
+vcpkg_installed/
+
 # Rust
 target
 target-capi
@@ -142,6 +146,7 @@ spaday_regular_layout/labextension
 
 # Emscripten SDK (locally installed)
 emsdk
+.pyodide_build/
 
 # Mac
 .DS_Store

{spaday_regular_layout-0.2.0 → spaday_regular_layout-0.2.2}/PKG-INFO

@@ -1,6 +1,6 @@
 Metadata-Version: 2.5
 Name: spaday-regular-layout
-Version: 0.2.0
+Version: 0.2.2
 Summary: regular-layout for spaday
 Project-URL: Repository, https://github.com/1kbgz/spaday-regular-layout
 Project-URL: Homepage, https://github.com/1kbgz/spaday-regular-layout
@@ -17,7 +17,7 @@ Classifier: Programming Language :: Python :: 3.14
 Classifier: Programming Language :: Python :: Implementation :: CPython
 Classifier: Programming Language :: Python :: Implementation :: PyPy
 Requires-Python: >=3.11
-Requires-Dist: spaday>=0.6.0
+Requires-Dist: spaday<1.0,>=0.6.0
 Provides-Extra: develop
 Requires-Dist: build; extra == 'develop'
 Requires-Dist: bump-my-version; extra == 'develop'
@@ -48,7 +48,12 @@ Requires-Dist: uvicorn; extra == 'examples'
 Requires-Dist: websockets; extra == 'examples'
 Description-Content-Type: text/markdown
 
-# spaday-regular-layout
+<a href="https://github.com/1kbgz/spaday-regular-layout">
+  <picture>
+    <source media="(prefers-color-scheme: dark)" srcset="https://github.com/1kbgz/spaday-regular-layout/raw/main/docs/img/logo-dark.png?raw=true">
+    <img alt="spaday-regular-layout logo, a picnic blanket and basket inside a browser window" src="https://github.com/1kbgz/spaday-regular-layout/raw/main/docs/img/logo-light.png?raw=true" width="800">
+  </picture>
+</a>
 
 Serializable, resizable panel layouts for spaday, powered by `regular-layout`.
 

{spaday_regular_layout-0.2.0 → spaday_regular_layout-0.2.2}/README.md

@@ -1,4 +1,9 @@
-# spaday-regular-layout
+<a href="https://github.com/1kbgz/spaday-regular-layout">
+  <picture>
+    <source media="(prefers-color-scheme: dark)" srcset="https://github.com/1kbgz/spaday-regular-layout/raw/main/docs/img/logo-dark.png?raw=true">
+    <img alt="spaday-regular-layout logo, a picnic blanket and basket inside a browser window" src="https://github.com/1kbgz/spaday-regular-layout/raw/main/docs/img/logo-light.png?raw=true" width="800">
+  </picture>
+</a>
 
 Serializable, resizable panel layouts for spaday, powered by `regular-layout`.
 

{spaday_regular_layout-0.2.0 → spaday_regular_layout-0.2.2}/js/build.mjs

@@ -1,4 +1,5 @@
 import { bundle } from "./tools/bundle.mjs";
+import { bundle_css } from "./tools/css.mjs";
 import { node_modules_external } from "./tools/externals.mjs";
 
 import fs from "fs";
@@ -23,12 +24,17 @@ async function build() {
     force: true,
   });
 
+  // Bundle css (incl. spa.css, our shell-aligned theme — light + dark via the --spa-* tokens)
+  await bundle_css("src/css");
+
   // Copy HTML
   await cpy("src/html/*", "dist/");
 
   // Copy images
-  fs.mkdirSync("dist/img", { recursive: true });
-  await cpy("src/img/*", "dist/img");
+  if (fs.existsSync("src/img")) {
+    fs.mkdirSync("dist/img", { recursive: true });
+    await cpy("src/img/*", "dist/img");
+  }
 
   const theme = fs
     .readFileSync("node_modules/regular-layout/themes/lorax.css", "utf8")
@@ -47,4 +53,4 @@ async function build() {
   });
 }
 
-build();
+await build();

{spaday_regular_layout-0.2.0 → spaday_regular_layout-0.2.2}/js/package.json

@@ -1,6 +1,6 @@
 {
   "name": "spaday-regular-layout",
-  "version": "0.2.0",
+  "version": "0.2.2",
   "description": "regular-layout for spaday",
   "repository": "git@github.com:1kbgz/spaday-regular-layout.git",
   "author": "1kbgz <dev@1kbgz.com>",
@@ -18,8 +18,7 @@
     "./package.json": "./package.json"
   },
   "files": [
-    "dist/**/*",
-    "index.d.ts"
+    "dist/**/*"
   ],
   "types": "./dist/esm/index.d.ts",
   "publishConfig": {
@@ -27,7 +26,9 @@
   },
   "scripts": {
     "build:debug": "node build.mjs --debug",
-    "build": "node build.mjs",
+    "build:prod": "node build.mjs",
+    "build:types": "tsc",
+    "build": "npm-run-all build:prod build:types",
     "clean": "rm -rf dist playwright-report ../spaday_regular_layout/extension",
     "dev": "npm-run-all -p start watch",
     "lint": "oxlint . && oxfmt --check \"src/**/*.{js,ts,jsx,tsx,css}\" \"tests/**/*.{js,ts,jsx,tsx}\" \"*.mjs\" \"*.json\"",
@@ -40,13 +41,14 @@
     "watch": "nodemon --watch src -e ts,css,html --exec \"pnpm build:debug\""
   },
   "dependencies": {
-    "regular-layout": "^0.6.1"
+    "regular-layout": "=0.6.1"
   },
   "devDependencies": {
     "@playwright/test": "^1.62.0",
     "cpy": "^13.2.2",
     "esbuild": "^0.28.1",
     "http-server": "^14.1.1",
+    "lightningcss": "^1.33.0",
     "nodemon": "^3.1.10",
     "npm-run-all": "^4.1.5",
     "oxfmt": "^0.63.0",

{spaday_regular_layout-0.2.0 → spaday_regular_layout-0.2.2}/js/pnpm-lock.yaml

@@ -9,7 +9,7 @@ importers:
   .:
     dependencies:
       regular-layout:
-        specifier: ^0.6.1
+        specifier: '=0.6.1'
         version: 0.6.1
     devDependencies:
       '@playwright/test':
@@ -24,6 +24,9 @@ importers:
       http-server:
         specifier: ^14.1.1
         version: 14.1.1(debug@4.4.3(supports-color@5.5.0))(supports-color@5.5.0)
+      lightningcss:
+        specifier: ^1.33.0
+        version: 1.33.0
       nodemon:
         specifier: ^3.1.10
         version: 3.1.14
@@ -725,6 +728,10 @@ packages:
     resolution: {integrity: sha512-8QmQKqEASLd5nx0U1B1okLElbUuuttJ/AnYmRXbbbGDWh6uS208EjD4Xqq/I9wK7u0v6O08XhTWnt5XtEbR6Dg==}
     engines: {node: '>= 0.4'}
 
+  detect-libc@2.1.2:
+    resolution: {integrity: sha512-Btj2BOOO83o3WyH59e8MgXsxEQVcarkUOpEYrubB0urwnN10yQ364rsiByU11nZlqWYZm05i/of7io4mzihBtQ==}
+    engines: {node: '>=8'}
+
   dunder-proto@1.0.1:
     resolution: {integrity: sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==}
     engines: {node: '>= 0.4'}
@@ -1045,6 +1052,80 @@ packages:
     resolution: {integrity: sha512-Qush0uP+G8ZScpGMZvHUiRfI0YBWuB3gVBYlI0v0vvOJt5FLicco+IkP0a50LqTTQhmts/m6tP5SWE+USyIvcQ==}
     engines: {node: '>=12.20'}
 
+  lightningcss-android-arm64@1.33.0:
+    resolution: {integrity: sha512-gEpRTalKdosp4Bb8qWtc2iOgE5SeIHlpS1up9bFq2wAyYhl1UdTObYiHe98zEM9SQvSoqQZ1IQD0JNpg3Ml5pg==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [android]
+
+  lightningcss-darwin-arm64@1.33.0:
+    resolution: {integrity: sha512-Sciaz8eenNTKn9b3t7+xr0ipTp9YxKQY4npwQ3mrRuL0BAVHBLyZxofhaKBAVtzmtRZ/zTyo0/to4B1uWG/Djg==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [darwin]
+
+  lightningcss-darwin-x64@1.33.0:
+    resolution: {integrity: sha512-Z5UPAxzrjlWNNyGy6i65cJzzvgJ5D3T6wMvs+gWpY9d7qRhANrxqAp6LhxIgZhWEw18RfJTGcRxjuLIBr+m8XQ==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [darwin]
+
+  lightningcss-freebsd-x64@1.33.0:
+    resolution: {integrity: sha512-QQM/Ti/hQajJwCY+RiWuCZ9sdtI/XQk7nDK5vC8kkdwixezOlDgvDx7+RT+QjK6FcFT4MpsuoBnHIo/O3StRRg==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [freebsd]
+
+  lightningcss-linux-arm-gnueabihf@1.33.0:
+    resolution: {integrity: sha512-N7FVBe6iS24MlM6R/4RBTxGhQheZGs7tiQ9U32UtF75NzP5Q7xWPRqLBCKxlRQRk3rY1jCIPLzx7WzOhuUIRLQ==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm]
+    os: [linux]
+
+  lightningcss-linux-arm64-gnu@1.33.0:
+    resolution: {integrity: sha512-j2v/itmy4HlNxlc6voKXYgBqNi0Ng2LShg4z7GufpEgs05P+2suBVyi9I6YHq5uoVFx9ETin3eCEhLVyXGQnKg==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [linux]
+    libc: [glibc]
+
+  lightningcss-linux-arm64-musl@1.33.0:
+    resolution: {integrity: sha512-yiO5ROMuYQgXbC60yjZU5CYSFZGKXL0HFATXt9mHJn1+zW55oCtMI9NfcVhYLMFDL7gV7oBPon/EmMMGg2OvtQ==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [linux]
+    libc: [musl]
+
+  lightningcss-linux-x64-gnu@1.33.0:
+    resolution: {integrity: sha512-ar+Ju7LmcN0Jo4FpL4hpFybwNG9/3A/Br5KW2n2jyODg3MEZXaDYADdemoNS+BDNfMgKvylJLj4S5tyRActuAg==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [linux]
+    libc: [glibc]
+
+  lightningcss-linux-x64-musl@1.33.0:
+    resolution: {integrity: sha512-RYiYbkokw0trfKqqzfF55lginwEPrD3OJDfTuJzFs1MK6iFnDenaz1fqLLtX4ITG3OktJQXOeTaw1awrBAlZPw==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [linux]
+    libc: [musl]
+
+  lightningcss-win32-arm64-msvc@1.33.0:
+    resolution: {integrity: sha512-1K+MPfLSFVpphzpdbfkhlWk6wBrTObBzS2T6db10PNOZgR9GoVsAWzwNyuhUYYbTp23j+4RrncfujZ4uAzXvwA==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [win32]
+
+  lightningcss-win32-x64-msvc@1.33.0:
+    resolution: {integrity: sha512-OlEICDx/Xl0FqSp4bry8zFnCvGpig3Gl4gCquvYwHuqJKEC1+n9NgDniFvqHGmMv1ZkqDJrDqKKSykTDX+ehuA==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [win32]
+
+  lightningcss@1.33.0:
+    resolution: {integrity: sha512-WkUDrojuJs0xkgGf2udWxa3yGBRxPtxUkB79i6aCZLRgc7PM8fZe9TosfPDcvEpQZbuFASnHYmRLBLUbmLOIIA==}
+    engines: {node: '>= 12.0.0'}
+
   load-json-file@4.0.0:
     resolution: {integrity: sha512-Kx8hMakjX03tiGTLAIdJ+lL0htKnXjEZN6hk/tozf/WOuYGdZBJrZ+rCJRbVCugsjB3jMLn9746NsQIf5VjBMw==}
     engines: {node: '>=4'}
@@ -1905,6 +1986,8 @@ snapshots:
       has-property-descriptors: 1.0.2
       object-keys: 1.1.1
 
+  detect-libc@2.1.2: {}
+
   dunder-proto@1.0.1:
     dependencies:
       call-bind-apply-helpers: 1.0.2
@@ -2331,6 +2414,55 @@ snapshots:
 
   junk@4.0.1: {}
 
+  lightningcss-android-arm64@1.33.0:
+    optional: true
+
+  lightningcss-darwin-arm64@1.33.0:
+    optional: true
+
+  lightningcss-darwin-x64@1.33.0:
+    optional: true
+
+  lightningcss-freebsd-x64@1.33.0:
+    optional: true
+
+  lightningcss-linux-arm-gnueabihf@1.33.0:
+    optional: true
+
+  lightningcss-linux-arm64-gnu@1.33.0:
+    optional: true
+
+  lightningcss-linux-arm64-musl@1.33.0:
+    optional: true
+
+  lightningcss-linux-x64-gnu@1.33.0:
+    optional: true
+
+  lightningcss-linux-x64-musl@1.33.0:
+    optional: true
+
+  lightningcss-win32-arm64-msvc@1.33.0:
+    optional: true
+
+  lightningcss-win32-x64-msvc@1.33.0:
+    optional: true
+
+  lightningcss@1.33.0:
+    dependencies:
+      detect-libc: 2.1.2
+    optionalDependencies:
+      lightningcss-android-arm64: 1.33.0
+      lightningcss-darwin-arm64: 1.33.0
+      lightningcss-darwin-x64: 1.33.0
+      lightningcss-freebsd-x64: 1.33.0
+      lightningcss-linux-arm-gnueabihf: 1.33.0
+      lightningcss-linux-arm64-gnu: 1.33.0
+      lightningcss-linux-arm64-musl: 1.33.0
+      lightningcss-linux-x64-gnu: 1.33.0
+      lightningcss-linux-x64-musl: 1.33.0
+      lightningcss-win32-arm64-msvc: 1.33.0
+      lightningcss-win32-x64-msvc: 1.33.0
+
   load-json-file@4.0.0:
     dependencies:
       graceful-fs: 4.2.11

spaday_regular_layout-0.2.2/js/src/css/spa.css

@@ -0,0 +1,124 @@
+/* The `spa` theme: neutral panel chrome aligned with the spaday shell and WebAwesome.
+ * Apply with class="spa" on <spaday-regular-layout>. Every color rides a local token
+ * that defers to the shell's --spa-* variables, so an application that re-themes the
+ * shell carries the layout with it, and spaday's page-mode convention applies: `wa-dark`
+ * on the root switches to the dark values, `wa-light` flips a nested island back. The
+ * fallbacks keep a standalone page coherent in both modes. */
+
+spaday-regular-layout.spa {
+  --spa-rl-surface: var(--spa-surface, #fff);
+  --spa-rl-surface-2: var(--spa-surface-2, #fafafa);
+  --spa-rl-border: var(--spa-border, #e6e6e6);
+  --spa-rl-muted: var(--spa-muted, #666);
+  --spa-rl-shadow: rgba(0, 0, 0, 0.05);
+}
+
+:where(.wa-dark) spaday-regular-layout.spa {
+  --spa-rl-surface: var(--spa-surface, #15191e);
+  --spa-rl-surface-2: var(--spa-surface-2, #1d232b);
+  --spa-rl-border: var(--spa-border, #333b45);
+  --spa-rl-muted: var(--spa-muted, #9aa3ad);
+  --spa-rl-shadow: rgba(0, 0, 0, 0.35);
+}
+
+:where(.wa-light) spaday-regular-layout.spa {
+  --spa-rl-surface: var(--spa-surface, #fff);
+  --spa-rl-surface-2: var(--spa-surface-2, #fafafa);
+  --spa-rl-border: var(--spa-border, #e6e6e6);
+  --spa-rl-muted: var(--spa-muted, #666);
+  --spa-rl-shadow: rgba(0, 0, 0, 0.05);
+}
+
+spaday-regular-layout.spa regular-layout-frame {
+  --rl-tab-width: 200px;
+}
+
+/* Panel content chrome (only the selected frame's container is rendered). */
+spaday-regular-layout.spa regular-layout-frame::part(container) {
+  box-sizing: border-box;
+  margin: 0 3px 3px 3px;
+  padding: 8px;
+  /* Square top-left so the tab strip sits flush; rounded elsewhere. */
+  border-radius: 0 8px 8px 8px;
+  border: 1px solid var(--spa-rl-border);
+  background: var(--spa-rl-surface);
+  box-shadow: 0 1px 2px var(--spa-rl-shadow);
+}
+
+/* Transparent strip; the engine tiles the per-frame tabs across it. */
+spaday-regular-layout.spa regular-layout-frame::part(titlebar) {
+  margin: 3px 6px 0 3px;
+  align-items: end;
+}
+
+spaday-regular-layout.spa regular-layout-frame::part(tab) {
+  box-sizing: border-box;
+  align-items: center;
+  justify-content: center;
+  font-size: 12px;
+  padding: 0 10px;
+  margin-right: 2px;
+  cursor: pointer;
+  border: 1px solid var(--spa-rl-border);
+  border-bottom: none;
+  border-radius: 8px 8px 0 0;
+  background: var(--spa-rl-surface-2);
+  color: var(--spa-rl-muted);
+}
+
+spaday-regular-layout.spa regular-layout-frame::part(title) {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+/* The active tab shares the container's surface so the two read as one panel. */
+spaday-regular-layout.spa regular-layout-frame::part(active-tab) {
+  background: var(--spa-rl-surface);
+  color: inherit;
+}
+
+spaday-regular-layout.spa regular-layout-frame::part(close) {
+  border: none;
+  border-radius: 4px;
+  background: transparent;
+  color: var(--spa-rl-muted);
+  cursor: pointer;
+  /* The engine renders the close control as an empty <button>; without an
+   * explicit glyph and box it collapses to nothing. */
+  width: 16px;
+  height: 14px;
+  padding: 0;
+  font-size: 13px;
+  line-height: 13px;
+  align-self: center;
+}
+
+spaday-regular-layout.spa regular-layout-frame::part(close)::before {
+  content: "\00d7";
+}
+
+spaday-regular-layout.spa regular-layout-frame::part(close):hover {
+  transition: background-color 0.2s;
+  background-color: var(--spa-rl-surface-2);
+}
+
+/* While dragging, dim the settled frames and accent the floating one. */
+spaday-regular-layout.spa:has(.overlay) > * {
+  opacity: 0.6;
+}
+
+spaday-regular-layout.spa:has(.overlay) > .overlay {
+  opacity: 1;
+}
+
+spaday-regular-layout.spa regular-layout-frame.overlay {
+  background: var(--spa-rl-surface-2);
+  border: 1px dashed var(--spa-rl-border);
+  border-radius: 8px;
+  transition:
+    top 0.1s ease-in-out,
+    height 0.1s ease-in-out,
+    width 0.1s ease-in-out,
+    left 0.1s ease-in-out;
+}

{spaday_regular_layout-0.2.0/spaday_regular_layout/extension → spaday_regular_layout-0.2.2/js/src/html}/index.html

@@ -7,6 +7,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta http-equiv="content-type" content="text/html; charset=utf-8" />
     <link rel="stylesheet" type="text/css" href="css/lorax.css" />
+    <link rel="stylesheet" type="text/css" href="css/spa.css" />
     <script type="module" src="cdn/index.js"></script>
   </head>
   <body></body>

spaday_regular_layout-0.2.2/js/src/ts/define-guard.ts

@@ -0,0 +1,25 @@
+/** Tolerate another bundle having already registered the engine's custom elements.
+ *
+ * Perspective 5's viewer bundles the same `regular-layout` engine and registers
+ * `regular-layout` / `regular-layout-frame` / `regular-layout-tab` at import. Whichever
+ * bundle loads second would throw from `customElements.define` and die entirely —
+ * taking the `spaday-regular-layout` wrapper with it. Importing this module FIRST makes
+ * `define` idempotent (skip names that already exist); `restoreDefine()` puts the real
+ * one back immediately after the engine import, so the guard never leaks to other
+ * scripts. Both bundles pin the engine to the same exact version, so adopting the other
+ * copy's registration is adopting identical code.
+ */
+
+const original = customElements.define.bind(customElements);
+
+customElements.define = (
+  name: string,
+  ctor: CustomElementConstructor,
+  options?: ElementDefinitionOptions,
+) => {
+  if (!customElements.get(name)) original(name, ctor, options);
+};
+
+export function restoreDefine(): void {
+  customElements.define = original;
+}

{spaday_regular_layout-0.2.0 → spaday_regular_layout-0.2.2}/js/src/ts/index.ts

@@ -1,13 +1,42 @@
+// the guard must execute before the engine module registers its elements
+import { restoreDefine } from "./define-guard";
 import {
   RegularLayout as BaseRegularLayout,
   type Layout,
 } from "regular-layout";
 
+restoreDefine();
+
 /** A regular-layout whose saved layout tree can be assigned as a spaday prop. */
 export class SpadayRegularLayout extends BaseRegularLayout {
   #pendingLayout: Layout | null = null;
   #restoring = 0;
 
+  constructor() {
+    super();
+    // Frames drive drag-rearranging through these two instance methods; a
+    // locked layout swallows them so tabs still select and close but panels
+    // cannot be dragged into new positions.
+    const setOverlay = this.setOverlayState;
+    const clearOverlay = this.clearOverlayState;
+    this.setOverlayState = async (...args) => {
+      if (this.locked) return;
+      return setOverlay(...args);
+    };
+    this.clearOverlayState = async (...args) => {
+      if (this.locked) return;
+      return clearOverlay(...args);
+    };
+  }
+
+  get locked(): boolean {
+    return this.hasAttribute("locked");
+  }
+
+  set locked(value: boolean) {
+    this.toggleAttribute("locked", Boolean(value));
+  }
+
   connectedCallback(): void {
     this.#restoring += 1;
     super.connectedCallback();