PluginProbe
OpenStation: Desktop Windows, Dock & Virtual Desktops for WP Admin / 1.1.10
OpenStation: Desktop Windows, Dock & Virtual Desktops for WP Admin v1.1.10
1.1.10 1.1.9 1.1.8 1.1.7 1.1.6 1.1.5 1.1.4 1.1.3 1.1.2 1.1.1 1.1.0 1.0.1 1.0.0 0.9.8 0.9.7 0.9.6 0.9.4 0.9.5 0.9.3 0.9.2 0.9.1 0.9.0 0.8.9 0.8.8 0.8.7 All 34 releases
← All changes | includes/registries/native-windows.php +619 -267 0.9.81.1.10 View file →
@@ -1,20 +1,20 @@
1 1 <?php
2 2 /**
3 - * Desktop Mode — Native windows registry.
3 + * OpenStation — Native windows registry.
4 4 *
5 5 * The largest of the five components.php registries — owns:
6 6 *
7 - * - `desktop_mode_register_window()` — plugin-author API
8 - * - `desktop_mode_native_window_registry()` — internal store
9 - * - `desktop_mode_native_window_allowed_html()` — wp_kses
7 + * - `openstation_register_window()` — plugin-author API
8 + * - `openstation_native_window_registry()` — internal store
9 + * - `openstation_native_window_allowed_html()` — wp_kses
10 10 * allowlist for `<template>` payloads
11 - * - `desktop_mode_build_native_window_template_html()` —
11 + * - `openstation_build_native_window_template_html()` —
12 12 * wraps the registered template callback in tabs markup
13 13 * when the window has multiple registered tabs
14 - * - `desktop_mode_enqueue_native_window_scripts()` — enqueue
14 + * - `openstation_enqueue_native_window_scripts()` — enqueue
15 15 * hook that ships every registered window's script handle
16 - * - `desktop_mode_render_native_window_templates()` — renders
16 + * - `openstation_render_native_window_templates()` — renders
17 17 * the `<template>` elements the shell clones
18 18 *
19 19 * Extracted from `components.php` during the architecture-0.8.1
20 20 * PHP slicing (phase 6). The window-tabs registry that builds on
@@ -19,9 +19,9 @@
19 19 * Extracted from `components.php` during the architecture-0.8.1
20 20 * PHP slicing (phase 6). The window-tabs registry that builds on
21 21 * top of this lives in `includes/registries/window-tabs.php`.
22 22 *
23 - * @package Desktop_Mode
23 + * @package OpenStation
24 24 */
25 25
26 26 defined( 'ABSPATH' ) || exit;
27 27
@@ -31,17 +31,17 @@
31 31 * Under the hood this:
32 32 *
33 33 * 1. Captures the $args and stores them on a module-level
34 34 * registry so the relevant admin_footer + enqueue hooks fire
35 - * only for the current user's desktop-mode shell.
35 + * only for the current user's openstation shell.
36 36 * 2. On `admin_footer` (shell-side only), emits
37 - * `<template id="desktop-mode-native-window-<id>">` wrapping the
37 + * `<template id="os-native-window-<id>">` wrapping the
38 38 * output of the `template` callback. Each registered window
39 39 * gets its own template element.
40 40 * 3. On `admin_enqueue_scripts` (shell-side), enqueues the
41 41 * caller's `script` handle if one was provided. The script
42 42 * registers a render callback at
43 - * `window.desktopModeNativeWindows[<id>]`. On every window open
43 + * `window.openStationNativeWindows[<id>]`. On every window open
44 44 * the shell clones the registered template into the body and
45 45 * then invokes the callback — render is enhancement: query
46 46 * the body for mount points your template declared, light
47 47 * them up. Without a `script` the cloned template IS the
@@ -46,12 +46,12 @@
46 46 * the body for mount points your template declared, light
47 47 * them up. Without a `script` the cloned template IS the
48 48 * window; declarative-only plugins need zero JS.
49 49 * 4. Passes a localized config blob to the script
50 - * (`desktopModeNativeWindow_<id>`) carrying the window's
50 + * (`openStationNativeWindow_<id>`) carrying the window's
51 51 * `id`, `title`, `icon`, dimensions, and `placement`. The
52 - * script then calls `wp.desktop.registerSystemTile()` +
53 - * `wp.desktop.registerWindow()` to wire up the dock tile
52 + * script then calls `wp.os.registerSystemTile()` +
53 + * `wp.os.registerWindow()` to wire up the dock tile
54 54 * and the open-on-click behaviour.
55 55 *
56 56 * Plugins write the template callback + the render callback on
57 57 * the JS side; everything else is shell plumbing. Capability gate
@@ -60,9 +60,9 @@
60 60 *
61 61 * Note on scope: the shell doesn't auto-open windows server-side
62 62 * — `registerWindow` declares availability, not presence. Users
63 63 * click the registered tile (or your plugin calls
64 - * `wp.desktop.windowManager.open()` programmatically) to surface
64 + * `wp.os.windowManager.open()` programmatically) to surface
65 65 * the window.
66 66 *
67 67 * @param string $id Doubles as window id + dock-tile id. Must
68 68 * be a kebab-case-ish slug.
@@ -72,9 +72,9 @@
72 72 * @type string $title Window + tooltip title. Required.
73 73 * @type string $icon Dashicons class or URL. Required.
74 74 * @type callable $template Echoes the window body markup.
75 75 * Wrapped on `admin_footer` in a
76 - * `<template id="desktop-mode-native-window-
76 + * `<template id="os-native-window-
77 77 * <id>">`; cloned into the window
78 78 * body on every open. The render
79 79 * callback runs against the cloned
80 80 * body, so mount points declared in
@@ -84,8 +84,61 @@
84 84 * owns the JS render callback.
85 85 * Optional — omit for a purely
86 86 * declarative window whose body is
87 87 * exactly the cloned template.
88 + * Loaded the first time the window
89 + * opens, not at boot — see
90 + * `$preload_script`.
91 + * @type string[] $scripts Companion script handles loaded
92 + * immediately before `$script`, in
93 + * the order given. For a bundle that
94 + * extends the window from outside it
95 + * — subscribing to the window's own
96 + * actions, contributing a section —
97 + * and therefore has to be in the tab
98 + * before the window's render callback
99 + * paints. Declaring it here is what
100 + * keeps it off the boot critical
101 + * path: it travels with the window
102 + * it extends. Default empty.
103 + * @type string[] $styles Companion style handles injected on
104 + * the window's first open, after the
105 + * window's own `$style`, in the order
106 + * given — so at equal specificity a
107 + * companion's overrides win, the same
108 + * source-order contract an enqueue
109 + * dependency gives. The styles-side
110 + * mirror of `$scripts`: a stylesheet
111 + * that only paints surfaces inside
112 + * this window is dead weight on every
113 + * document that never shows it —
114 + * declared here it costs nothing at
115 + * boot and never reaches chromeless
116 + * iframes at all. Unlike `$style`
117 + * (injected when the window registers,
118 + * so mid-session activations paint),
119 + * companions wait for the first open;
120 + * the deferral is the point. Default
121 + * empty.
122 + * @type bool $preload_script Load `$script` (and `$scripts`) at
123 + * shell boot instead of on first
124 + * open. Default false — a window's
125 + * bundle is dead weight until the
126 + * window opens, and the documented
127 + * contract for it is "publish a
128 + * render callback on
129 + * `window.openStationNativeWindows[
130 + * <id> ]`", which the shell reads at
131 + * open time. Opt in only when the
132 + * bundle ALSO has a boot-time job
133 + * that must run whether or not the
134 + * user ever opens the window — a
135 + * dock badge poller, a public API it
136 + * installs on `wp.os`. Prefer
137 + * splitting that job into an
138 + * always-loaded bundle over paying
139 + * the whole window's weight on every
140 + * admin page.
88 141 * @type int $width Initial width (px). Default 520.
89 142 * @type int $height Initial height (px). Default 400.
90 143 * @type int $min_width Minimum width (px). Default 280.
91 144 * @type int $min_height Minimum height (px). Default 220.
@@ -91,11 +144,51 @@
91 144 * @type int $min_height Minimum height (px). Default 220.
92 145 * @type string $placement 'dock' | 'none'. Default 'dock'.
93 146 * 'none' skips the tile (plugin
94 147 * opens the window programmatically).
148 + * A PROPOSED default only: the user's
149 + * OpenStation Preferences → Navigation
150 + * pick wins, and so does a right-click
151 + * "Keep in dock".
152 + * @type string $admin 'site' | 'network' | 'any'. Default
153 + * 'site': offered on every site's
154 + * shell and never on the network
155 + * admin's, which is right for a window
156 + * that reads the current site's REST
157 + * API. 'network' is the network
158 + * admin's shell only; 'any' is both.
159 + * @type string $nav_kind 'app' | 'control'. Default 'app'.
160 + * What the window IS, which decides
161 + * where its launcher defaults to (apps
162 + * to the desktop, controls to the
163 + * dock) and which dock zone it sits
164 + * in. Plugins want 'app'; 'control'
165 + * is for OpenStation's own
166 + * affordances.
167 + * @type int $dock_order Sort key among system tiles,
168 + * ascending; ties keep registration
169 + * order. Default 0, which places the
170 + * tile ahead of the shell's own
171 + * trailing cluster (Mio 10, Overview
172 + * 20, System 30, Exit 35, Trash 40).
173 + * Needed because registration order
174 + * is not something a plugin controls:
175 + * tiles land when their lazy script
176 + * resolves.
177 + * @type bool $placeable Whether the dock tile gets a row in
178 + * OpenStation Preferences → Apps &
179 + * Plugins, so the user can move it to
180 + * the wallpaper or hide it. Defaults
181 + * to the dock either way. Default
182 + * false, because most tiles are
183 + * load-bearing. Opt in for a window
184 + * the user can reasonably do without.
185 + * Only offer this on a window that
186 + * registers no desktop icon: the icon
187 + * already owns a row of its own.
95 188 * @type string[] $capabilities User capabilities that gate the
96 189 * registration. ANY miss returns
97 - * `WP_Error desktop_mode_capability_denied`.
190 + * `WP_Error openstation_capability_denied`.
98 191 * @type bool|string $autofocus Passed verbatim to
99 192 * `NativeWindowDef.autofocus`.
100 193 * @type string $main_tab_label Label for the "main" tab that
101 194 * displays the window's own
@@ -101,9 +194,9 @@
101 194 * displays the window's own
102 195 * `template` output. Only rendered
103 196 * when at least one additional
104 197 * tab is registered via
105 - * {@see desktop_mode_register_window_tab()}.
198 + * {@see openstation_register_window_tab()}.
106 199 * Defaults to the window's `title`.
107 200 * @type int $main_tab_padding Padding (in px) applied to the
108 201 * auto-generated tab-wrap around
109 202 * the window body. Only applies
@@ -110,15 +203,15 @@
110 203 * when additional tabs are
111 204 * registered. Default 16. Pass 0
112 205 * for edge-to-edge content.
113 206 * Filterable at runtime via
114 - * `desktop_mode_native_window_tab_wrap_padding`.
207 + * `openstation_native_window_tab_wrap_padding`.
115 208 * @type array $config Arbitrary serializable data to ship
116 209 * to the bundle alongside the script
117 210 * tag. Read in JS via
118 - * `wp.desktop.getWindowConfig( $id )`
211 + * `wp.os.getWindowConfig( $id )`
119 212 * (or directly at
120 - * `window.desktopModeWindowConfig[ $id ]`).
213 + * `window.openStationWindowConfig[ $id ]`).
121 214 * Recommended over `wp_localize_script`
122 215 * for native-window scripts because
123 216 * the lazy-load path bypasses
124 217 * `wp_print_scripts` — passing config
@@ -132,13 +225,13 @@
132 225 * @return true|WP_Error `true` on success; `WP_Error` when any
133 226 * required arg is missing/invalid or a
134 227 * declared capability is unmet.
135 228 */
136 -function desktop_mode_register_window( $id, $args = array() ) {
229 +function openstation_register_window( $id, $args = array() ) {
137 230 $id = sanitize_key( (string) $id );
138 231 if ( '' === $id ) {
139 - return desktop_mode_registration_error(
140 - 'desktop_mode_missing_id',
232 + return openstation_registration_error(
233 + 'openstation_missing_id',
141 234 __( 'Native window id is required and must be a valid slug.', 'desktop-mode' )
142 235 );
143 236 }
144 237
@@ -146,8 +239,11 @@
146 239 'title' => '',
147 240 'icon' => 'dashicons-admin-generic',
148 241 'template' => null,
149 242 'script' => '',
243 + 'scripts' => array(),
244 + 'styles' => array(),
245 + 'preload_script' => false,
150 246 // Optional WP style handle (registered with `wp_register_style()`).
151 247 // Resolved at payload-build time so the shell can lazy-inject a
152 248 // `<link rel="stylesheet">` when a peer plugin is activated
153 249 // mid-session — without this, the parent shell page already
@@ -158,8 +254,12 @@
158 254 'height' => 400,
159 255 'min_width' => 280,
160 256 'min_height' => 220,
161 257 'placement' => 'dock',
258 + 'admin' => 'site',
259 + 'nav_kind' => 'app',
260 + 'dock_order' => 0,
261 + 'placeable' => false,
162 262 'capabilities' => array(),
163 263 'autofocus' => false,
164 264 'main_tab_label' => '',
165 265 'main_tab_padding' => '',
@@ -164,21 +264,27 @@
164 264 'main_tab_label' => '',
165 265 'main_tab_padding' => '',
166 266 'config' => array(),
167 267 );
168 - $args = wp_parse_args( $args, $defaults );
268 + $args = wp_parse_args( $args, $defaults );
269 + if ( ! in_array( $args['admin'], array( 'site', 'network', 'any' ), true ) ) {
270 + $args['admin'] = 'site';
271 + }
169 272
170 273 // Capability gate — ALL listed caps must match. Fail closed.
171 274 foreach ( (array) $args['capabilities'] as $cap ) {
172 275 if ( ! current_user_can( (string) $cap ) ) {
173 - return desktop_mode_registration_error(
174 - 'desktop_mode_capability_denied',
276 + return openstation_registration_error(
277 + 'openstation_capability_denied',
175 278 sprintf(
176 279 /* translators: %s: capability slug. */
177 280 __( 'Current user lacks the %s capability required to register this native window.', 'desktop-mode' ),
178 281 (string) $cap
179 282 ),
180 - array( 'capability' => (string) $cap, 'id' => $id )
283 + array(
284 + 'capability' => (string) $cap,
285 + 'id' => $id,
286 + )
181 287 );
182 288 }
183 289 }
184 290
@@ -183,17 +289,17 @@
183 289 }
184 290
185 291 // Required fields.
186 292 if ( '' === (string) $args['title'] ) {
187 - return desktop_mode_registration_error(
188 - 'desktop_mode_missing_title',
293 + return openstation_registration_error(
294 + 'openstation_missing_title',
189 295 __( 'Native window registration requires a non-empty `title`.', 'desktop-mode' ),
190 296 array( 'id' => $id )
191 297 );
192 298 }
193 299 if ( ! is_callable( $args['template'] ) ) {
194 - return desktop_mode_registration_error(
195 - 'desktop_mode_invalid_template',
300 + return openstation_registration_error(
301 + 'openstation_invalid_template',
196 302 __( 'Native window registration requires a callable `template` that echoes the template body.', 'desktop-mode' ),
197 303 array( 'id' => $id )
198 304 );
199 305 }
@@ -201,8 +307,17 @@
201 307 $placement = in_array( $args['placement'], array( 'dock', 'none' ), true )
202 308 ? $args['placement']
203 309 : 'dock';
204 310
311 + // What the window IS, which is what decides where its launcher
312 + // goes by default and which dock zone it sits in. `'app'` for an
313 + // installed app (the default, and what every plugin wants);
314 + // `'control'` for an OpenStation affordance — the Trash is the
315 + // only shipped one.
316 + $nav_kind = in_array( $args['nav_kind'], array( 'app', 'control' ), true )
317 + ? $args['nav_kind']
318 + : 'app';
319 +
205 320 $entry = array(
206 321 'id' => $id,
207 322 'title' => (string) $args['title'],
208 323 'icon' => (string) $args['icon'],
@@ -207,8 +322,32 @@
207 322 'title' => (string) $args['title'],
208 323 'icon' => (string) $args['icon'],
209 324 'template' => $args['template'],
210 325 'script' => (string) $args['script'],
326 + // Companion handles, deduped and stripped of empties so the
327 + // payload builder can resolve the list without re-checking.
328 + 'scripts' => array_values(
329 + array_unique(
330 + array_filter(
331 + array_map( 'strval', (array) $args['scripts'] ),
332 + static function ( $handle ) {
333 + return '' !== $handle;
334 + }
335 + )
336 + )
337 + ),
338 + // Companion style handles, same dedupe/strip as `scripts`.
339 + 'styles' => array_values(
340 + array_unique(
341 + array_filter(
342 + array_map( 'strval', (array) $args['styles'] ),
343 + static function ( $handle ) {
344 + return '' !== $handle;
345 + }
346 + )
347 + )
348 + ),
349 + 'preload_script' => (bool) $args['preload_script'],
211 350 'style' => (string) $args['style'],
212 351 'width' => (int) $args['width'],
213 352 'height' => (int) $args['height'],
214 353 'min_width' => (int) $args['min_width'],
@@ -213,20 +352,29 @@
213 352 'height' => (int) $args['height'],
214 353 'min_width' => (int) $args['min_width'],
215 354 'min_height' => (int) $args['min_height'],
216 355 'placement' => $placement,
356 + 'nav_kind' => $nav_kind,
357 + // Which admin's shell offers it; see the `admin` arg.
358 + 'admin' => $args['admin'],
359 + // Sort key among system tiles, ascending. `0` (the default)
360 + // puts a plugin's tile ahead of the shell's own trailing
361 + // cluster — Mio 10, Overview 20, System 30 — which is where a
362 + // launcher belongs. Trash uses 40 to sit at the very end.
363 + 'dock_order' => (int) $args['dock_order'],
364 + 'placeable' => (bool) $args['placeable'],
217 365 'autofocus' => $args['autofocus'],
218 366 'main_tab_label' => (string) $args['main_tab_label'],
219 - // Stored as-is (string or int). `desktop_mode_build_native_window_template_html`
367 + // Stored as-is (string or int). `openstation_build_native_window_template_html`
220 368 // coerces to int and falls back to 16 when absent.
221 369 'main_tab_padding' => $args['main_tab_padding'],
222 370 // Bundle-bound config delivered through the same path as
223 371 // `wp_localize_script` `extra['data']` — see the `config` doc
224 - // in this function's `$args` block and `desktop_mode_resolve_script_payload()`
372 + // in this function's `$args` block and `openstation_resolve_script_payload()`
225 373 // for how it lands on the wire.
226 374 'config' => is_array( $args['config'] ) ? $args['config'] : array(),
227 375 );
228 - desktop_mode_native_window_registry( $id, $entry );
376 + openstation_native_window_registry( $id, $entry );
229 377
230 378 /**
231 379 * Fires after a native desktop window is successfully registered.
232 380 *
@@ -232,9 +380,9 @@
232 380 *
233 381 * Lets plugins react to registrations made by other plugins —
234 382 * e.g. a widget that auto-opens when a given window registers,
235 383 * or analytics tracking of which windows the current install
236 - * exposes. Does NOT fire when `desktop_mode_register_window()`
384 + * exposes. Does NOT fire when `openstation_register_window()`
237 385 * returns a `WP_Error`.
238 386 *
239 387 * @param string $id The window id.
240 388 * @param array $entry The stored registry entry (id, title,
@@ -240,9 +388,9 @@
240 388 * @param array $entry The stored registry entry (id, title,
241 389 * icon, template callback, script handle,
242 390 * size defaults, placement, autofocus).
243 391 */
244 - do_action( 'desktop_mode_native_window_registered', $id, $entry );
392 + do_action( 'openstation_native_window_registered', $id, $entry );
245 393
246 394 return true;
247 395 }
248 396
@@ -247,9 +395,9 @@
247 395 }
248 396
249 397 /**
250 398 * Internal module-level registry for native windows registered
251 - * via {@see desktop_mode_register_window()}. Passing a second
399 + * via {@see openstation_register_window()}. Passing a second
252 400 * argument stores the entry; passing only the id returns the
253 401 * stored value (or null). Kept small and side-effect-free so
254 402 * tests can introspect.
255 403 *
@@ -259,9 +407,9 @@
259 407 * @param array|null $entry Entry to store, or null to just read.
260 408 * @return array|null Either the stored entry or the full registry
261 409 * (when id is empty).
262 410 */
263 -function desktop_mode_native_window_registry( $id = '', $entry = null ) {
411 +function openstation_native_window_registry( $id = '', $entry = null ) {
264 412 static $store = array();
265 413
266 414 if ( '' === (string) $id ) {
267 415 return $store;
@@ -280,16 +428,16 @@
280 428 *
281 429 * Templates are inert until JS clones them out of the `<template>`
282 430 * tag — but Plugin Check still requires escape-on-output. The list
283 431 * extends `wp_kses_allowed_html( 'post' )` with form controls,
284 - * `<wpd-*>` web components, and dashicon spans, plus permissive
285 - * `data-*`, `aria-*`, and component-specific attributes. Plugins
432 + * `<os-*>` web components, and dashicon spans, plus permissive
433 + * `data-*`, common ARIA, and component-specific attributes. Plugins
286 434 * registering their own native windows can extend the list via the
287 - * `desktop_mode_native_window_allowed_html` filter below.
435 + * `openstation_native_window_allowed_html` filter below.
288 436 *
289 437 * @return array<string,array<string,bool>>
290 438 */
291 -function desktop_mode_native_window_allowed_html() {
439 +function openstation_native_window_allowed_html() {
292 440 $base = wp_kses_allowed_html( 'post' );
293 441
294 442 $global_attrs = array(
295 443 'id' => true,
@@ -305,11 +453,17 @@
305 453 'dir' => true,
306 454 'draggable' => true,
307 455 'contenteditable' => true,
308 456 'data-*' => true,
309 - 'aria-*' => true,
457 + // `wp_kses` only treats the `data-*` wildcard specially. ARIA
458 + // attributes must be admitted by their exact names or they are
459 + // silently stripped from native-window templates.
460 + 'aria-label' => true,
461 + 'aria-labelledby' => true,
462 + 'aria-current' => true,
463 + 'aria-hidden' => true,
310 464 // `full-width` is a layout-level flag honoured by
311 - // `<wpd-form>` (and any future wpd-* container that opts in
465 + // `<os-form>` (and any future os-* container that opts in
312 466 // to row-spanning slotted children). Lives in the global
313 467 // allowlist so a plain `<div full-width>` wrapper isn't
314 468 // stripped by kses on its way through the template.
315 469 'full-width' => true,
@@ -319,38 +473,38 @@
319 473 $global_attrs,
320 474 array(
321 475 'name' => true,
322 476 'value' => true,
323 - 'placeholder' => true,
324 - 'required' => true,
325 - 'disabled' => true,
326 - 'readonly' => true,
327 - 'checked' => true,
328 - 'selected' => true,
329 - 'min' => true,
330 - 'max' => true,
331 - 'step' => true,
332 - 'minlength' => true,
333 - 'maxlength' => true,
334 - 'pattern' => true,
477 + 'placeholder' => true,
478 + 'required' => true,
479 + 'disabled' => true,
480 + 'readonly' => true,
481 + 'checked' => true,
482 + 'selected' => true,
483 + 'min' => true,
484 + 'max' => true,
485 + 'step' => true,
486 + 'minlength' => true,
487 + 'maxlength' => true,
488 + 'pattern' => true,
335 489 'autocomplete' => true,
336 - 'autofocus' => true,
337 - 'multiple' => true,
338 - 'rows' => true,
339 - 'cols' => true,
340 - 'wrap' => true,
341 - 'size' => true,
342 - 'for' => true,
343 - 'form' => true,
344 - 'type' => true,
345 - 'accept' => true,
346 - 'list' => true,
347 - 'src' => true,
348 - 'href' => true,
349 - 'target' => true,
350 - 'rel' => true,
351 - 'open' => true,
352 - 'variant' => true,
490 + 'autofocus' => true,
491 + 'multiple' => true,
492 + 'rows' => true,
493 + 'cols' => true,
494 + 'wrap' => true,
495 + 'size' => true,
496 + 'for' => true,
497 + 'form' => true,
498 + 'type' => true,
499 + 'accept' => true,
500 + 'list' => true,
501 + 'src' => true,
502 + 'href' => true,
503 + 'target' => true,
504 + 'rel' => true,
505 + 'open' => true,
506 + 'variant' => true,
353 507 )
354 508 );
355 509
356 510 $wpd_attrs = array_merge(
@@ -355,115 +509,218 @@
355 509
356 510 $wpd_attrs = array_merge(
357 511 $form_attrs,
358 512 array(
359 - 'gap' => true,
360 - 'padding' => true,
361 - 'align' => true,
362 - 'justify' => true,
363 - 'direction' => true,
364 - 'wrap' => true,
365 - 'inset' => true,
366 - 'icon' => true,
367 - 'tone' => true,
368 - 'size' => true,
369 - 'shape' => true,
370 - 'badge' => true,
371 - 'selectable' => true,
372 - 'sticky-header' => true,
513 + 'gap' => true,
514 + 'padding' => true,
515 + 'align' => true,
516 + 'justify' => true,
517 + 'direction' => true,
518 + 'wrap' => true,
519 + 'inset' => true,
520 + 'icon' => true,
521 + 'tone' => true,
522 + 'size' => true,
523 + 'shape' => true,
524 + 'badge' => true,
525 + 'selectable' => true,
526 + 'sticky-header' => true,
373 527 'sticky-columns' => true,
374 - 'hover' => true,
375 - 'striped' => true,
376 - 'bordered' => true,
377 - 'compact' => true,
378 - 'loading' => true,
379 - 'loading-rows' => true,
380 - 'columns' => true,
381 - 'rows' => true,
382 - 'sortable' => true,
383 - 'expandable' => true,
384 - 'preset' => true,
385 - 'label' => true,
386 - 'description' => true,
387 - 'orientation' => true,
388 - 'level' => true,
389 - 'collapsed' => true,
390 - // `<wpd-form>` props + the `full-width` row span flag
528 + 'hover' => true,
529 + 'striped' => true,
530 + 'bordered' => true,
531 + 'compact' => true,
532 + 'loading' => true,
533 + 'loading-rows' => true,
534 + 'empty' => true,
535 + 'columns' => true,
536 + 'rows' => true,
537 + 'sortable' => true,
538 + 'expandable' => true,
539 + 'preset' => true,
540 + 'label' => true,
541 + 'heading' => true,
542 + 'description' => true,
543 + 'orientation' => true,
544 + 'level' => true,
545 + 'collapsed' => true,
546 + // `<os-form>` props + the `full-width` row span flag
391 547 // honoured by the form's slotted-child layout rule.
392 - 'submit-label' => true,
393 - 'reset-label' => true,
394 - 'busy' => true,
395 - 'error' => true,
396 - 'min-column' => true,
397 - 'show-reset' => true,
398 - 'reveal' => true,
399 - 'full-width' => true,
548 + 'submit-label' => true,
549 + 'reset-label' => true,
550 + 'busy' => true,
551 + 'error' => true,
552 + 'min-column' => true,
553 + 'show-reset' => true,
554 + 'reveal' => true,
555 + 'full-width' => true,
400 556 )
401 557 );
402 558
403 559 // Built-in HTML elements the templates rely on.
404 560 $extra = array(
405 - 'form' => $form_attrs,
406 - 'fieldset' => $form_attrs,
407 - 'legend' => $global_attrs,
408 - 'label' => $form_attrs,
409 - 'input' => $form_attrs,
410 - 'select' => $form_attrs,
411 - 'option' => $form_attrs,
412 - 'optgroup' => $form_attrs,
413 - 'textarea' => $form_attrs,
414 - 'button' => $form_attrs,
415 - 'output' => $form_attrs,
416 - 'datalist' => $global_attrs,
417 - 'progress' => $form_attrs,
418 - 'meter' => $form_attrs,
419 - 'details' => $global_attrs,
420 - 'summary' => $global_attrs,
421 - 'dialog' => $global_attrs,
422 - 'header' => $global_attrs,
423 - 'footer' => $global_attrs,
424 - 'main' => $global_attrs,
425 - 'nav' => $global_attrs,
426 - 'section' => $global_attrs,
427 - 'article' => $global_attrs,
428 - 'aside' => $global_attrs,
429 - 'figure' => $global_attrs,
561 + 'form' => $form_attrs,
562 + 'fieldset' => $form_attrs,
563 + 'legend' => $global_attrs,
564 + 'label' => $form_attrs,
565 + 'input' => $form_attrs,
566 + 'select' => $form_attrs,
567 + 'option' => $form_attrs,
568 + 'optgroup' => $form_attrs,
569 + 'textarea' => $form_attrs,
570 + 'button' => $form_attrs,
571 + 'output' => $form_attrs,
572 + 'datalist' => $global_attrs,
573 + 'progress' => $form_attrs,
574 + 'meter' => $form_attrs,
575 + 'details' => $global_attrs,
576 + 'summary' => $global_attrs,
577 + 'dialog' => $global_attrs,
578 + 'header' => $global_attrs,
579 + 'footer' => $global_attrs,
580 + 'main' => $global_attrs,
581 + 'nav' => $global_attrs,
582 + 'section' => $global_attrs,
583 + 'article' => $global_attrs,
584 + 'aside' => $global_attrs,
585 + 'figure' => $global_attrs,
430 586 'figcaption' => $global_attrs,
431 - 'time' => array_merge( $global_attrs, array( 'datetime' => true ) ),
432 - 'mark' => $global_attrs,
433 - 'small' => $global_attrs,
434 - 'svg' => array_merge( $global_attrs, array( 'viewbox' => true, 'width' => true, 'height' => true, 'fill' => true, 'stroke' => true, 'xmlns' => true ) ),
435 - 'path' => array( 'd' => true, 'fill' => true, 'stroke' => true, 'stroke-width' => true, 'stroke-linecap' => true, 'stroke-linejoin' => true, 'class' => true ),
436 - 'g' => array( 'class' => true, 'transform' => true, 'fill' => true ),
437 - 'circle' => array( 'cx' => true, 'cy' => true, 'r' => true, 'fill' => true, 'stroke' => true, 'class' => true ),
438 - 'rect' => array( 'x' => true, 'y' => true, 'width' => true, 'height' => true, 'rx' => true, 'ry' => true, 'fill' => true, 'stroke' => true, 'class' => true ),
439 - 'line' => array( 'x1' => true, 'y1' => true, 'x2' => true, 'y2' => true, 'stroke' => true, 'stroke-width' => true, 'class' => true ),
440 - 'polyline' => array( 'points' => true, 'fill' => true, 'stroke' => true, 'class' => true ),
441 - 'polygon' => array( 'points' => true, 'fill' => true, 'stroke' => true, 'class' => true ),
442 - 'use' => array( 'href' => true, 'class' => true ),
587 + 'time' => array_merge( $global_attrs, array( 'datetime' => true ) ),
588 + 'mark' => $global_attrs,
589 + 'small' => $global_attrs,
590 + 'svg' => array_merge(
591 + $global_attrs,
592 + array(
593 + 'viewbox' => true,
594 + 'width' => true,
595 + 'height' => true,
596 + 'fill' => true,
597 + 'stroke' => true,
598 + 'xmlns' => true,
599 + )
600 + ),
601 + 'path' => array(
602 + 'd' => true,
603 + 'fill' => true,
604 + 'stroke' => true,
605 + 'stroke-width' => true,
606 + 'stroke-linecap' => true,
607 + 'stroke-linejoin' => true,
608 + 'class' => true,
609 + ),
610 + 'g' => array(
611 + 'class' => true,
612 + 'transform' => true,
613 + 'fill' => true,
614 + ),
615 + 'circle' => array(
616 + 'cx' => true,
617 + 'cy' => true,
618 + 'r' => true,
619 + 'fill' => true,
620 + 'stroke' => true,
621 + 'class' => true,
622 + ),
623 + 'rect' => array(
624 + 'x' => true,
625 + 'y' => true,
626 + 'width' => true,
627 + 'height' => true,
628 + 'rx' => true,
629 + 'ry' => true,
630 + 'fill' => true,
631 + 'stroke' => true,
632 + 'class' => true,
633 + ),
634 + 'line' => array(
635 + 'x1' => true,
636 + 'y1' => true,
637 + 'x2' => true,
638 + 'y2' => true,
639 + 'stroke' => true,
640 + 'stroke-width' => true,
641 + 'class' => true,
642 + ),
643 + 'polyline' => array(
644 + 'points' => true,
645 + 'fill' => true,
646 + 'stroke' => true,
647 + 'class' => true,
648 + ),
649 + 'polygon' => array(
650 + 'points' => true,
651 + 'fill' => true,
652 + 'stroke' => true,
653 + 'class' => true,
654 + ),
655 + 'use' => array(
656 + 'href' => true,
657 + 'class' => true,
658 + ),
443 659 );
444 660
445 - // `<wpd-*>` web components — every shipped tag plus a permissive
661 + // `<os-*>` web components — every shipped tag plus a permissive
446 662 // open door for new ones added by plugin templates.
447 663 $wpd_tags = array(
448 - 'wpd-stack', 'wpd-cluster', 'wpd-grid', 'wpd-spacer', 'wpd-divider',
449 - 'wpd-tabs', 'wpd-tab', 'wpd-tabpanel',
450 - 'wpd-segmented', 'wpd-segment',
451 - 'wpd-button', 'wpd-icon-button', 'wpd-button-group',
452 - 'wpd-text-field', 'wpd-textarea', 'wpd-search-field',
453 - 'wpd-select', 'wpd-option', 'wpd-checkbox', 'wpd-checkbox-label',
454 - 'wpd-radio', 'wpd-radio-group', 'wpd-form',
455 - 'wpd-switch', 'wpd-slider',
456 - 'wpd-table', 'wpd-table-column', 'wpd-table-row', 'wpd-table-cell',
457 - 'wpd-card', 'wpd-list', 'wpd-list-item',
458 - 'wpd-badge', 'wpd-pill', 'wpd-tag', 'wpd-chip',
459 - 'wpd-spinner', 'wpd-skeleton', 'wpd-empty-state',
460 - 'wpd-tooltip', 'wpd-popover', 'wpd-menu', 'wpd-menu-item',
461 - 'wpd-modal', 'wpd-drawer', 'wpd-toast',
462 - 'wpd-icon', 'wpd-avatar', 'wpd-heading', 'wpd-text', 'wpd-link',
463 - 'wpd-banner', 'wpd-alert', 'wpd-callout',
464 - 'wpd-form-row', 'wpd-form-section', 'wpd-help-text',
465 - 'wpd-toolbar', 'wpd-toolbar-group',
664 + 'os-stack',
665 + 'os-cluster',
666 + 'os-grid',
667 + 'os-spacer',
668 + 'os-divider',
669 + 'os-tabs',
670 + 'os-tab',
671 + 'os-tabpanel',
672 + 'os-segmented',
673 + 'os-segment',
674 + 'os-button',
675 + 'os-icon-button',
676 + 'os-button-group',
677 + 'os-text-field',
678 + 'os-textarea',
679 + 'os-search-field',
680 + 'os-select',
681 + 'os-option',
682 + 'os-checkbox',
683 + 'os-checkbox-label',
684 + 'os-radio',
685 + 'os-radio-group',
686 + 'os-form',
687 + 'os-switch',
688 + 'os-slider',
689 + 'os-table',
690 + 'os-table-column',
691 + 'os-table-row',
692 + 'os-table-cell',
693 + 'os-card',
694 + 'os-list',
695 + 'os-list-item',
696 + 'os-badge',
697 + 'os-pill',
698 + 'os-tag',
699 + 'os-chip',
700 + 'os-spinner',
701 + 'os-skeleton',
702 + 'os-empty-state',
703 + 'os-tooltip',
704 + 'os-popover',
705 + 'os-menu',
706 + 'os-menu-item',
707 + 'os-modal',
708 + 'os-drawer',
709 + 'os-toast',
710 + 'os-icon',
711 + 'os-avatar',
712 + 'os-heading',
713 + 'os-text',
714 + 'os-link',
715 + 'os-banner',
716 + 'os-alert',
717 + 'os-callout',
718 + 'os-form-row',
719 + 'os-form-section',
720 + 'os-help-text',
721 + 'os-toolbar',
722 + 'os-toolbar-group',
466 723 );
467 724 foreach ( $wpd_tags as $tag ) {
468 725 $extra[ $tag ] = $wpd_attrs;
469 726 }
@@ -470,9 +727,9 @@
470 727
471 728 $allowed = array_merge( $base, $extra );
472 729
473 730 // Promote the framework's global attrs (`slot`, `part`,
474 - // `full-width`, `data-*`, `aria-*`, …) to EVERY allowed tag —
731 + // `full-width`, `data-*`, common ARIA, …) to EVERY allowed tag —
475 732 // otherwise plain wrappers like `<div slot="header">` lose
476 733 // their `slot` attribute on the way through kses and get
477 734 // projected into the default slot instead of the named one.
478 735 // Caught by inspection when the Add User form's header
@@ -496,17 +753,17 @@
496 753 * markup not covered here.
497 754 *
498 755 * @param array $allowed wp_kses-shaped allowlist.
499 756 */
500 - return (array) apply_filters( 'desktop_mode_native_window_allowed_html', $allowed );
757 + return (array) apply_filters( 'openstation_native_window_allowed_html', $allowed );
501 758 }
502 759
503 760 /**
504 761 * Run `wp_kses` on a native-window template body with the framework
505 - * allowlist, **auto-extending the allowlist with every `<wpd-*>` tag
762 + * allowlist, **auto-extending the allowlist with every `<os-*>` tag
506 763 * the template actually uses.**
507 764 *
508 - * The pain this fixes: each shipped `<wpd-*>` component had to be
765 + * The pain this fixes: each shipped `<os-*>` component had to be
509 766 * manually added to the `$wpd_tags` list above, and the failure mode
510 767 * of forgetting it was silent — kses would strip the tag, the
511 768 * template would render as a sea of unparented children, and you'd
512 769 * spend an afternoon working out why "the form has no buttons."
@@ -511,27 +768,27 @@
511 768 * template would render as a sea of unparented children, and you'd
512 769 * spend an afternoon working out why "the form has no buttons."
513 770 *
514 771 * Plugin authors registering a new component now only need to
515 - * `defineComponent('wpd-foo', WpdFoo)` on the JS side and use
516 - * `<wpd-foo>` in their template — this helper finds the tag at
772 + * `defineComponent('os-foo', OsFoo)` on the JS side and use
773 + * `<os-foo>` in their template — this helper finds the tag at
517 774 * render time, tags it onto the allowlist with the standard
518 775 * permissive attrs, and runs kses with the extended list.
519 776 *
520 777 * Every callsite in the framework that previously did the
521 - * `wp_kses( $html, desktop_mode_native_window_allowed_html() )`
778 + * `wp_kses( $html, openstation_native_window_allowed_html() )`
522 779 * dance can call this instead and get tag-discovery for free.
523 780 *
524 781 * @param string $html Template HTML to sanitize.
525 782 * @return string Sanitized HTML.
526 783 */
527 -function desktop_mode_kses_native_window_template( $html ) {
528 - $allowed = desktop_mode_native_window_allowed_html();
784 +function openstation_kses_native_window_template( $html ) {
785 + $allowed = openstation_native_window_allowed_html();
529 786
530 - if ( preg_match_all( '/<(wpd-[a-z][a-z0-9-]*)\b/i', (string) $html, $matches ) ) {
531 - $unique = array_unique( array_map( 'strtolower', $matches[1] ) );
532 - $wpd_attrs = isset( $allowed['wpd-button'] )
533 - ? $allowed['wpd-button']
787 + if ( preg_match_all( '/<(os-[a-z][a-z0-9-]*)\b/i', (string) $html, $matches ) ) {
788 + $unique = array_unique( array_map( 'strtolower', $matches[1] ) );
789 + $wpd_attrs = isset( $allowed['os-button'] )
790 + ? $allowed['os-button']
534 791 : array();
535 792 foreach ( $unique as $tag ) {
536 793 if ( ! isset( $allowed[ $tag ] ) ) {
537 794 $allowed[ $tag ] = $wpd_attrs;
@@ -544,11 +801,11 @@
544 801
545 802 /**
546 803 * Render a native window's template HTML to a string, wrapping
547 804 * with tabs when the window has at least one additional tab
548 - * registered. Shared by `desktop_mode_render_native_window_templates()`
805 + * registered. Shared by `openstation_render_native_window_templates()`
549 806 * (which emits the live `<template>` element) and
550 - * `desktop_mode_build_native_windows_payload()` (which captures the same
807 + * `openstation_build_native_windows_payload()` (which captures the same
551 808 * string for the shell config so mid-session activation can inject
552 809 * the template without a reload).
553 810 *
554 811 * Single-tab windows (no additional tabs registered) render the
@@ -557,14 +814,14 @@
557 814 *
558 815 * @param array $entry Window registry entry.
559 816 * @return string Template body HTML (no outer `<template>` tag).
560 817 */
561 -function desktop_mode_build_native_window_template_html( $entry ) {
818 +function openstation_build_native_window_template_html( $entry ) {
562 819 if ( ! is_array( $entry ) || ! is_callable( $entry['template'] ) ) {
563 820 return '';
564 821 }
565 822
566 - $tabs = desktop_mode_get_native_window_tabs( $entry['id'] );
823 + $tabs = openstation_get_native_window_tabs( $entry['id'] );
567 824 $has_extras = count( $tabs ) > 1;
568 825
569 826 // Fast path — single-pane window, no wrapping.
570 827 if ( ! $has_extras ) {
@@ -572,21 +829,30 @@
572 829 call_user_func( $entry['template'] );
573 830 return (string) ob_get_clean();
574 831 }
575 832
576 - // Multi-tab window — wrap in <wpd-stack> + <wpd-tabs> + one
577 - // <wpd-tabpanel> per tab. The default active tab is the main
578 - // one (the window's own template). Plugin authors still get to
579 - // declare their own tab-change side effects via the
580 - // `wpd-tab-change` event bubbled by <wpd-tabs>.
833 + // Multi-tab window — wrap in <os-stack> + one <os-tabpanel> per
834 + // tab. The default active tab is the main one (the window's own
835 + // template).
581 836 //
837 + // The tab STRIP is deliberately absent from this markup. It is
838 + // built by the shell in the window chrome, under the title bar,
839 + // from the same tab metadata this function walks (the payload
840 + // carries it as `tabs`). One tab strip per window, in one place,
841 + // whether the window is an admin page in an iframe or a native
842 + // window like this one.
843 + //
844 + // Plugin authors declare tab-change side effects by listening for
845 + // `os-window-tab-change` on the window element; see
846 + // docs/migration-window-tabs.md.
847 + //
582 848 // The wrap's padding is plugin-controllable two ways:
583 - // 1. `main_tab_padding` arg on `desktop_mode_register_window` —
584 - // a per-window override. `0` opts into edge-to-edge
585 - // content.
586 - // 2. `desktop_mode_native_window_tab_wrap_padding` filter for
587 - // late-bound overrides (e.g. a theme that wants every
588 - // tabbed window to adopt a narrower inset).
849 + // 1. `main_tab_padding` arg on `openstation_register_window` —
850 + // a per-window override. `0` opts into edge-to-edge
851 + // content.
852 + // 2. `openstation_native_window_tab_wrap_padding` filter for
853 + // late-bound overrides (e.g. a theme that wants every
854 + // tabbed window to adopt a narrower inset).
589 855 // Default stays 16px so existing plugins don't shift.
590 856 $default_padding = isset( $entry['main_tab_padding'] )
591 857 && '' !== (string) $entry['main_tab_padding']
592 858 ? (int) $entry['main_tab_padding']
@@ -593,9 +859,9 @@
593 859 : 16;
594 860 /**
595 861 * Filters the padding (in px) applied to the auto-generated
596 862 * tab wrap around a native window's template body. The shell
597 - * emits the wrap as `<wpd-stack padding="N">`; the CSS-as-
863 + * emits the wrap as `<os-stack padding="N">`; the CSS-as-
598 864 * attribute pipeline at the client translates that to
599 865 * `style.padding`.
600 866 *
601 867 * Return `0` for edge-to-edge content. Negative values are
@@ -604,9 +870,9 @@
604 870 * @param int $padding Default padding in px.
605 871 * @param string $window_id The native window id.
606 872 */
607 873 $padding = (int) apply_filters(
608 - 'desktop_mode_native_window_tab_wrap_padding',
874 + 'openstation_native_window_tab_wrap_padding',
609 875 $default_padding,
610 876 (string) $entry['id']
611 877 );
612 878 if ( $padding < 0 ) {
@@ -612,36 +878,25 @@
612 878 if ( $padding < 0 ) {
613 879 $padding = 0;
614 880 }
615 881
616 - $buffer = sprintf(
617 - '<wpd-stack gap="12" padding="%d">',
882 + $buffer = sprintf(
883 + '<os-stack gap="12" padding="%d">',
618 884 $padding
619 885 );
620 - $buffer .= '<wpd-tabs value="' . esc_attr( DESKTOP_MODE_NATIVE_WINDOW_MAIN_TAB ) . '">';
621 - foreach ( $tabs as $tab ) {
622 - $buffer .= sprintf(
623 - '<wpd-tab value="%s">%s</wpd-tab>',
624 - esc_attr( $tab['value'] ),
625 - esc_html( $tab['label'] )
626 - );
627 - }
628 - $buffer .= '</wpd-tabs>';
629 886
630 887 // Stamp `hidden` on every non-active panel directly in the
631 - // emitted HTML. The client-side `<wpd-tabs>` syncs panel
632 - // visibility on `value` changes, but its initial sync runs
633 - // inside a microtask — and panel siblings may not have upgraded
634 - // in time on first paint. Setting the attribute server-side
635 - // makes first paint correct regardless of upgrade order; the JS
636 - // keeps owning subsequent transitions.
888 + // emitted HTML. The shell takes over panel visibility as soon as
889 + // it declares the strip, but that happens after the template is
890 + // in the body — setting the attribute server-side makes first
891 + // paint correct rather than flashing every pane at once.
637 892 foreach ( $tabs as $tab ) {
638 893 if ( ! is_callable( $tab['template'] ) ) {
639 894 continue;
640 895 }
641 - $is_active = DESKTOP_MODE_NATIVE_WINDOW_MAIN_TAB === $tab['value'];
896 + $is_active = OPENSTATION_NATIVE_WINDOW_MAIN_TAB === $tab['value'];
642 897 $buffer .= sprintf(
643 - '<wpd-tabpanel for="%s"%s>',
898 + '<os-tabpanel for="%s"%s>',
644 899 esc_attr( $tab['value'] ),
645 900 $is_active ? '' : ' hidden'
646 901 );
647 902 ob_start();
@@ -646,35 +901,99 @@
646 901 );
647 902 ob_start();
648 903 call_user_func( $tab['template'] );
649 904 $buffer .= (string) ob_get_clean();
650 - $buffer .= '</wpd-tabpanel>';
905 + $buffer .= '</os-tabpanel>';
651 906 }
652 907
653 - $buffer .= '</wpd-stack>';
908 + $buffer .= '</os-stack>';
654 909 return $buffer;
655 910 }
656 911
657 912 /**
658 - * Enqueue every registered native window's script when the shell
659 - * is active. Runs on `admin_enqueue_scripts` alongside the main
660 - * shell enqueue so ordering (shell → plugin scripts) is
661 - * deterministic.
913 + * Run a native window's registered `config` through the
914 + * `openstation_native_window_config` filter, normalized to an array.
915 + *
916 + * Called at BOTH serialization points — the eager inline-script
917 + * attach in `openstation_enqueue_native_window_scripts()` and the
918 + * lazy `scriptL10n` synthesis in
919 + * `openstation_build_native_windows_payload()` — so the filter sees
920 + * every copy of the blob that can reach a browser.
921 + *
922 + * @param array $entry Registry entry (needs `id`; `config` optional).
923 + * @return array Filtered config. Empty array when nothing to ship.
662 924 */
663 -function desktop_mode_enqueue_native_window_scripts() {
664 - if ( ! desktop_mode_is_enabled() || desktop_mode_is_chromeless_request() || desktop_mode_is_classic_request() ) {
925 +function openstation_filter_native_window_config( $entry ) {
926 + $config = isset( $entry['config'] ) && is_array( $entry['config'] )
927 + ? $entry['config']
928 + : array();
929 +
930 + /**
931 + * Filter a native window's config blob at emit time.
932 + *
933 + * The registry snapshots `config` when `openstation_register_window()`
934 + * runs — usually `init`. This filter runs when the blob is
935 + * serialized for the browser (enqueue time on the eager path,
936 + * payload-build time on the lazy path), so values that depend on
937 + * hooks registered later in the bootstrap can be refreshed without
938 + * moving the whole registration. The WP Explorer uses it to
939 + * re-collect `previewActions` so plugins may add
940 + * `openstation_my_wordpress_preview_actions` callbacks any time
941 + * during a normal bootstrap, not just before `init` 99.
942 + *
943 + * Runs per request, after the current user is determined —
944 + * capability-gated values are safe to compute here.
945 + *
946 + * **Status: Experimental**
947 + *
948 + * @param array $config Config blob as registered (empty array
949 + * when the window registered none).
950 + * @param string $window_id Native window id.
951 + */
952 + $config = apply_filters( 'openstation_native_window_config', $config, (string) $entry['id'] );
953 +
954 + return is_array( $config ) ? $config : array();
955 +}
956 +
957 +/**
958 + * Attach every registered native window's script data, and enqueue
959 + * the handful of bundles that asked to load at boot.
960 + *
961 + * **A native window's bundle is not enqueued here.** It loads the
962 + * first time the window opens: the shell reads the render callback
963 + * off `window.openStationNativeWindows[ <id> ]` at open time, so a
964 + * bundle printed at boot is weight on every admin page the window is
965 + * never opened from — and between WP Explorer, Posts, Plugins,
966 + * Comments, the Recycle Bin, Content Graph, Games and the agent
967 + * runner that came to well over a megabyte before a single window
968 + * had been clicked. `preload_script` is the opt-out for a bundle
969 + * with a genuine boot-time job.
970 + *
971 + * What still happens for EVERY window is the data attach: the
972 + * localize blob and the `config` inline. Those hang off the
973 + * REGISTERED handle whether or not it is enqueued, which is exactly
974 + * how the lazy path gets them — `openstation_resolve_script_payload()`
975 + * harvests both into the payload for the shell to replay around the
976 + * script tag it injects. Hence priority 5: `openstation_enqueue_assets()`
977 + * builds that payload at 10, and data attached after it would ship a
978 + * bundle with no config.
979 + */
980 +function openstation_enqueue_native_window_scripts() {
981 + if ( ! openstation_is_shell_request() ) {
665 982 return;
666 983 }
667 - $registry = desktop_mode_native_window_registry();
984 + $registry = openstation_native_window_registry();
668 985 if ( ! is_array( $registry ) ) {
669 986 return;
670 987 }
671 988 foreach ( $registry as $entry ) {
672 - // Enqueue per-tab scripts — each tab registration can carry
673 - // its own script handle so a tab's JS module stays scoped to
674 - // that tab. Main tab uses the window's own `script`; it's
675 - // enqueued below alongside the localize call.
676 - $tabs = desktop_mode_get_native_window_tabs( $entry['id'] );
989 + $preload = ! empty( $entry['preload_script'] );
990 +
991 + // Per-tab scripts stay eager. The shell has no lazy path for
992 + // them — a tab's script is not part of the window's own
993 + // bundle chain — so deferring here would simply break the
994 + // tab. The main tab uses the window's own `script`.
995 + $tabs = openstation_get_native_window_tabs( $entry['id'] );
677 996 foreach ( $tabs as $tab ) {
678 997 if ( $tab['is_main'] || empty( $tab['script'] ) ) {
679 998 continue;
680 999 }
@@ -683,25 +1002,38 @@
683 1002
684 1003 if ( empty( $entry['script'] ) ) {
685 1004 continue;
686 1005 }
687 - wp_enqueue_script( $entry['script'] );
1006 + if ( $preload ) {
1007 + wp_enqueue_script( $entry['script'] );
1008 + foreach ( (array) $entry['scripts'] as $companion ) {
1009 + wp_enqueue_script( $companion );
1010 + }
1011 + // Preload means "everything at boot" — companion styles
1012 + // ride along so the window paints styled on a preloaded
1013 + // first open, same as its scripts are already parsed.
1014 + if ( ! empty( $entry['styles'] ) ) {
1015 + foreach ( (array) $entry['styles'] as $companion_style ) {
1016 + wp_enqueue_style( $companion_style );
1017 + }
1018 + }
1019 + }
688 1020 // Localize the config the JS side reads to register itself.
689 1021 wp_localize_script(
690 1022 $entry['script'],
691 - 'desktopModeNativeWindow_' . str_replace( '-', '_', $entry['id'] ),
1023 + 'openStationNativeWindow_' . str_replace( '-', '_', $entry['id'] ),
692 1024 array(
693 - 'id' => $entry['id'],
694 - 'title' => $entry['title'],
695 - 'icon' => $entry['icon'],
696 - 'width' => $entry['width'],
697 - 'height' => $entry['height'],
698 - 'minWidth' => $entry['min_width'],
699 - 'minHeight' => $entry['min_height'],
700 - 'placement' => $entry['placement'],
701 - 'autofocus' => $entry['autofocus'],
702 - 'templateId' => 'desktop-mode-native-window-' . $entry['id'],
703 - 'tabs' => array_map(
1025 + 'id' => $entry['id'],
1026 + 'title' => $entry['title'],
1027 + 'icon' => $entry['icon'],
1028 + 'width' => $entry['width'],
1029 + 'height' => $entry['height'],
1030 + 'minWidth' => $entry['min_width'],
1031 + 'minHeight' => $entry['min_height'],
1032 + 'placement' => $entry['placement'],
1033 + 'autofocus' => $entry['autofocus'],
1034 + 'templateId' => 'os-native-window-' . $entry['id'],
1035 + 'tabs' => array_map(
704 1036 static function ( $tab ) {
705 1037 return array(
706 1038 'value' => $tab['value'],
707 1039 'label' => $tab['label'],
@@ -712,23 +1044,26 @@
712 1044 ),
713 1045 )
714 1046 );
715 1047
716 - // Bundle-bound `config`. Ships through
717 - // `wp_add_inline_script` `'before'` so it lands on the eager
718 - // path the same way `wp_localize_script` does, AND through
719 - // the lazy-load payload (see `desktop_mode_resolve_script_payload`)
720 - // so the same data is available even when the script is
721 - // dynamically injected mid-session. The bundle reads it via
722 - // `wp.desktop.getWindowConfig( id )` or directly at
723 - // `window.desktopModeWindowConfig[ id ]`.
724 - if ( ! empty( $entry['config'] ) && is_array( $entry['config'] ) ) {
1048 + // Bundle-bound `config`, for the eager print path only.
1049 + // `openstation_build_native_windows_payload()` synthesizes the
1050 + // same assignment into the payload's `scriptL10n`, which is
1051 + // what delivers it on the lazy path — and it has to, because
1052 + // that payload is also built inside chromeless iframes, where
1053 + // this function returns early. Attaching here unconditionally
1054 + // would mean a shell page shipped the identical assignment
1055 + // twice: once as `before`, once as `l10n`. The bundle reads it
1056 + // via `wp.os.getWindowConfig( id )` or directly at
1057 + // `window.openStationWindowConfig[ id ]`.
1058 + $config = openstation_filter_native_window_config( $entry );
1059 + if ( $preload && ! empty( $config ) ) {
725 1060 wp_add_inline_script(
726 1061 $entry['script'],
727 1062 sprintf(
728 - 'window.desktopModeWindowConfig=window.desktopModeWindowConfig||{};window.desktopModeWindowConfig[%s]=%s;',
1063 + 'window.openStationWindowConfig=window.openStationWindowConfig||{};window.openStationWindowConfig[%s]=%s;',
729 1064 wp_json_encode( $entry['id'] ),
730 - wp_json_encode( $entry['config'] )
1065 + wp_json_encode( $config )
731 1066 ),
732 1067 'before'
733 1068 );
734 1069 }
@@ -733,21 +1068,21 @@
733 1068 );
734 1069 }
735 1070 }
736 1071 }
737 -add_action( 'admin_enqueue_scripts', 'desktop_mode_enqueue_native_window_scripts', 20 );
1072 +add_action( 'admin_enqueue_scripts', 'openstation_enqueue_native_window_scripts', 5 );
738 1073
739 1074 /**
740 1075 * Emit a `<template>` tag for every registered native window on
741 1076 * `admin_footer` when the shell is active. The JS side resolves
742 - * these via `document.getElementById( `desktop-mode-native-window-${id}` )`
1077 + * these via `document.getElementById( `os-native-window-${id}` )`
743 1078 * and clones them into each opened window's body.
744 1079 */
745 -function desktop_mode_render_native_window_templates() {
746 - if ( ! desktop_mode_is_enabled() || desktop_mode_is_chromeless_request() || desktop_mode_is_classic_request() ) {
1080 +function openstation_render_native_window_templates() {
1081 + if ( ! openstation_is_shell_request() ) {
747 1082 return;
748 1083 }
749 - $registry = desktop_mode_native_window_registry();
1084 + $registry = openstation_native_window_registry();
750 1085 if ( ! is_array( $registry ) ) {
751 1086 return;
752 1087 }
753 1088 foreach ( $registry as $entry ) {
@@ -753,21 +1088,38 @@
753 1088 foreach ( $registry as $entry ) {
754 1089 if ( ! is_callable( $entry['template'] ) ) {
755 1090 continue;
756 1091 }
757 - $html = desktop_mode_build_native_window_template_html( $entry );
1092 + $html = openstation_build_native_window_template_html( $entry );
758 1093 if ( '' === $html ) {
759 1094 continue;
760 1095 }
761 1096 printf(
762 - '<template id="desktop-mode-native-window-%s">',
1097 + '<template id="os-native-window-%s">',
763 1098 esc_attr( $entry['id'] )
764 1099 );
765 - // `desktop_mode_kses_native_window_template()` auto-extends
766 - // the allowlist with any `<wpd-*>` tag the template carries
1100 + // `openstation_kses_native_window_template()` auto-extends
1101 + // the allowlist with any `<os-*>` tag the template carries
767 1102 // — so plugin authors never have to remember to register
768 1103 // their custom component tags in the kses list.
769 - echo desktop_mode_kses_native_window_template( $html ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped -- helper kses-escapes.
1104 + echo openstation_kses_native_window_template( $html ); // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped -- helper kses-escapes.
770 1105 echo '</template>';
771 1106 }
772 1107 }
773 -add_action( 'admin_footer', 'desktop_mode_render_native_window_templates', 20 );
1108 +add_action( 'admin_footer', 'openstation_render_native_window_templates', 20 );
1109 +
1110 +/**
1111 + * Whether a registered window is offered on the admin this request is
1112 + * in: the network admin's shell offers `network` and `any` windows,
1113 + * every site's shell offers `site` and `any`. See the `admin` arg of
1114 + * {@see openstation_register_window()}.
1115 + *
1116 + * @param array<string,mixed> $entry Registry entry.
1117 + * @return bool
1118 + */
1119 +function openstation_native_window_offered_here( $entry ) {
1120 + $admin = isset( $entry['admin'] ) ? (string) $entry['admin'] : 'site';
1121 + if ( 'any' === $admin ) {
1122 + return true;
1123 + }
1124 + return is_network_admin() ? 'network' === $admin : 'site' === $admin;
1125 +}