← All changes | includes/assets.php +87 -133 1.1.3 → 1.1.13 View file →

		@@ -122,13 +122,14 @@
122	122	*
123	123	* window-chrome → window-states → effects → window-links
124	124	* → windows
125	125	*
126		- * `window-overview` and `os-settings` are deliberately NOT in this
127		- * chain — they are registered below, after `os-windows`,
128		- * so they can load deferred. Adding a sheet here means splicing it
129		- * into the chain, not appending an unrelated dependency: order is
130		- * the contract.
	126	+ * `window-overview` is deliberately NOT in this chain — it is
	127	+ * registered below, after `os-windows`, so it can load deferred.
	128	+ * Adding a sheet here means splicing it into the chain, not
	129	+ * appending an unrelated dependency: order is the contract.
	130	+ * (The Preferences window's sheet is not here at all: it rides
	131	+ * the `apps/os-settings/` app as a first-open companion style.)
131	132	*/
132	133	$window_sheets = array(
133	134	'os-window-chrome' => 'assets/css/window-chrome.css',
134	135	'os-window-states' => 'assets/css/window-states.css',
		@@ -154,14 +155,14 @@
154	155	OPENSTATION_URL . 'assets/css/windows.css',
155	156	$previous,
156	157	$built_version( 'assets/css/windows.css' )
157	158	);
158		- // These two load DEFERRED (see `openstation_defer_non_critical_styles()`):
159		- // the UI they style — the OS Settings panel and the window
160		- // overview — is lazy-loaded JS that can never be on screen at
161		- // first paint, so ~47 KB of CSS has no business blocking render.
162		- // They depend on `os-windows` so they print after it,
163		- // preserving the cascade position they had as `@import`s.
	159	+ // Loads DEFERRED (see `openstation_defer_non_critical_styles()`):
	160	+ // the UI it styles — the window overview — is lazy-loaded JS that
	161	+ // can never be on screen at first paint, so its CSS has no
	162	+ // business blocking render. It depends on `os-windows` so it
	163	+ // prints after it, preserving the cascade position it had as an
	164	+ // `@import`.
164	165	wp_register_style(
165	166	'os-window-overview',
166	167	OPENSTATION_URL . 'assets/css/window-overview.css',
167	168	array( 'os-windows' ),
		@@ -166,14 +167,8 @@
166	167	OPENSTATION_URL . 'assets/css/window-overview.css',
167	168	array( 'os-windows' ),
168	169	$built_version( 'assets/css/window-overview.css' )
169	170	);
170		- wp_register_style(
171		- 'os-settings',
172		- OPENSTATION_URL . 'assets/css/os-settings.css',
173		- array( 'os-windows' ),
174		- $built_version( 'assets/css/os-settings.css' )
175		- );
176	171	// Solo mode — one window, no desk around it. Loads last so it can
177	172	// hide surfaces the sheets above declared, and only enqueues on a
178	173	// solo request, so a normal shell never pays for it.
179	174	wp_register_style(
		@@ -187,22 +182,44 @@
187	182	OPENSTATION_URL . 'assets/css/dock.css',
188	183	array( 'os-variables', 'dashicons' ),
189	184	$built_version( 'assets/css/dock.css' )
190	185	);
	186	+ // The Taskbar rail renderer. Scoped to the rail it stamps, so it is
	187	+ // inert under the icon strip; loaded with the dock because the
	188	+ // renderer can be picked live.
191	189	wp_register_style(
	190	+ 'os-dock-taskbar',
	191	+ OPENSTATION_URL . 'assets/css/dock-taskbar.css',
	192	+ array( 'os-dock' ),
	193	+ $built_version( 'assets/css/dock-taskbar.css' )
	194	+ );
	195	+ wp_register_style(
192	196	'os-dock-peek',
193	197	OPENSTATION_URL . 'assets/css/dock-peek.css',
194	198	array( 'os-dock' ),
195	199	$built_version( 'assets/css/dock-peek.css' )
196	200	);
197		- // The notch — the shell's top-centre voice and the site
198		- // assistant's front door. Scoped to `.os-notch`.
	201	+ // The phone layer. Every rule is scoped to
	202	+ // `html[data-os-mode="mobile"]`, so the sheet is inert on a
	203	+ // desktop and the first paint on a phone is already right (the
	204	+ // head stamp writes the attribute before any stylesheet applies).
	205	+ // Depends on the dock and window sheets because it overrides them.
199	206	wp_register_style(
200		- 'os-notch',
201		- OPENSTATION_URL . 'assets/css/notch.css',
202		- array( 'os-variables' ),
203		- $built_version( 'assets/css/notch.css' )
	207	+ 'os-mobile',
	208	+ OPENSTATION_URL . 'assets/css/mobile.css',
	209	+ array( 'os-variables', 'dashicons', 'os-dock', 'os-windows' ),
	210	+ $built_version( 'assets/css/mobile.css' )
204	211	);
	212	+ // The workspace wizard. Scoped to `.os-workspace-wizard`, so it is
	213	+ // inert until the user opens it from the overview bar's `+` or a
	214	+ // tile's Edit. Those controls are styled with the rest of the bar
	215	+ // in `window-overview.css`.
	216	+ wp_register_style(
	217	+ 'os-workspaces',
	218	+ OPENSTATION_URL . 'assets/css/workspaces.css',
	219	+ array( 'os-variables', 'dashicons' ),
	220	+ $built_version( 'assets/css/workspaces.css' )
	221	+ );
205	222	// Keyboard-shortcuts window. Scoped to `.os-shortcuts`, so it is
206	223	// inert until the System menu opens the window, and unconditional
207	224	// for the same reason the layout sheet is: the window can be
208	225	// opened at any moment and a deferred sheet would paint it raw.
		@@ -267,40 +284,10 @@
267	284	array( 'os-variables', 'dashicons' ),
268	285	file_exists( $recycle_bin_css ) ? (string) filemtime( $recycle_bin_css ) : $version
269	286	);
270	287
271		- // `filemtime` for the native Posts window CSS — same rationale as
272		- // the recycle-bin CSS: bundle iterates faster than the plugin
273		- // version and stale caches are worse than the cost of a 304.
274		- $posts_window_css = OPENSTATION_DIR . 'assets/css/posts-window.css';
275		- wp_register_style(
276		- 'os-posts-window',
277		- OPENSTATION_URL . 'assets/css/posts-window.css',
278		- array( 'os-variables', 'dashicons' ),
279		- file_exists( $posts_window_css ) ? (string) filemtime( $posts_window_css ) : $version
280		- );
281		-
282		- // Native Plugins window CSS — same `filemtime`-cache-bust posture
283		- // as the Posts/Recycle Bin styles.
284		- $plugins_window_css = OPENSTATION_DIR . 'assets/css/plugins-window.css';
285		- wp_register_style(
286		- 'os-plugins-window',
287		- OPENSTATION_URL . 'assets/css/plugins-window.css',
288		- array( 'os-variables', 'dashicons' ),
289		- file_exists( $plugins_window_css ) ? (string) filemtime( $plugins_window_css ) : $version
290		- );
291		-
292		- // Native Comments window CSS — same `filemtime` posture.
293		- $comments_window_css = OPENSTATION_DIR . 'assets/css/comments-window.css';
294		- wp_register_style(
295		- 'os-comments-window',
296		- OPENSTATION_URL . 'assets/css/comments-window.css',
297		- array( 'os-variables', 'dashicons' ),
298		- file_exists( $comments_window_css ) ? (string) filemtime( $comments_window_css ) : $version
299		- );
300		-
301	288	// Files-on-the-Desktop tile + layer styles. `filemtime` for the
302		- // same reason as the recycle-bin / posts-window CSS: this file
	289	+ // same reason as the recycle-bin CSS: this file
303	290	// iterates faster than the plugin version, and a stale cache
304	291	// would mask a real fix.
305	292	$desktop_files_css = OPENSTATION_DIR . 'assets/css/desktop-files.css';
306	293	wp_register_style(
		@@ -410,8 +397,49 @@
410	397	$built_version( 'assets/js/iframe-bridge' . $suffix . '.js' ),
411	398	true
412	399	);
413	400
	401	+ // `os-deactivation-feedback` — the dialog that asks one optional
	402	+ // question when an admin deactivates OpenStation. Enqueued on
	403	+ // `plugins.php` (classic, chromeless and network admin) by
	404	+ // `includes/feedback/deactivation.php`, and lazy-loaded by the
	405	+ // native Plugins app from its config block. Plain DOM on purpose:
	406	+ // the classic screen has no `<os-*>` kit.
	407	+ wp_register_script(
	408	+ 'os-deactivation-feedback',
	409	+ OPENSTATION_URL . 'assets/js/deactivation-feedback' . $suffix . '.js',
	410	+ array( 'wp-i18n' ),
	411	+ $built_version( 'assets/js/deactivation-feedback' . $suffix . '.js' ),
	412	+ true
	413	+ );
	414	+ wp_set_script_translations(
	415	+ 'os-deactivation-feedback',
	416	+ 'desktop-mode',
	417	+ OPENSTATION_DIR . 'languages'
	418	+ );
	419	+ $feedback_css = OPENSTATION_DIR . 'assets/css/deactivation-feedback.css';
	420	+ wp_register_style(
	421	+ 'os-deactivation-feedback',
	422	+ OPENSTATION_URL . 'assets/css/deactivation-feedback.css',
	423	+ array(),
	424	+ file_exists( $feedback_css ) ? (string) filemtime( $feedback_css ) : $version
	425	+ );
	426	+
	427	+ // `os-chromeless-bridge` — the iframe side of every window,
	428	+ // enqueued on `admin_footer` by
	429	+ // `openstation_chromeless_bridge_script()` with its per-request
	430	+ // data attached as a `before` inline block. Registered here (not
	431	+ // there) so the handle exists before the enqueue and so the asset
	432	+ // guard's OPENSTATION_URL snapshot protects it like every other
	433	+ // bundle of ours.
	434	+ wp_register_script(
	435	+ 'os-chromeless-bridge',
	436	+ OPENSTATION_URL . 'assets/js/chromeless-bridge' . $suffix . '.js',
	437	+ array(),
	438	+ $built_version( 'assets/js/chromeless-bridge' . $suffix . '.js' ),
	439	+ true
	440	+ );
	441	+
414	442	// `os-gutenberg-drop-receiver` — iframe-side bundle
415	443	// enqueued only on the Block Editor screens (`post.php` /
416	444	// `post-new.php`) for openstation users. Listens for
417	445	// `os-drop` postMessages from the parent shell (see
		@@ -427,30 +455,13 @@
427	455	$built_version( 'assets/js/gutenberg-drop-receiver' . $suffix . '.js' ),
428	456	true
429	457	);
430	458
431		- // `desktop-mode-recycle-bin` — small bundle for the Recycle Bin
432		- // native window. Lazy-loaded by the native-window sync the first
433		- // time the bin opens; registers a render callback on
434		- // `window.openStationNativeWindows['desktop-mode-recycle-bin']`.
435		- $recycle_bin_js = OPENSTATION_DIR . 'assets/js/recycle-bin' . $suffix . '.js';
436		- wp_register_script(
437		- 'desktop-mode-recycle-bin',
438		- OPENSTATION_URL . 'assets/js/recycle-bin' . $suffix . '.js',
439		- // `heartbeat` + `jquery` — the bin opts in to the WordPress
440		- // Heartbeat API while its window is open as the catch-all
441		- // real-time channel for deletes that don't render an admin
442		- // footer (REST/AJAX/other tabs/WP-CLI). See
443		- // `src/recycle-bin/realtime.ts` for the subscriber.
444		- array( 'wp-i18n', 'heartbeat', 'jquery' ),
445		- file_exists( $recycle_bin_js ) ? (string) filemtime( $recycle_bin_js ) : $version,
446		- true
447		- );
448		- wp_set_script_translations(
449		- 'desktop-mode-recycle-bin',
450		- 'desktop-mode',
451		- OPENSTATION_DIR . 'languages'
452		- );
	459	+ // The Recycle Bin window is an App Framework app (`apps/trash/`);
	460	+ // its client view rides the app-bundle pipeline, so no dedicated
	461	+ // script handle. The `desktop-mode-recycle-bin` STYLE handle above
	462	+ // stays — the drag-to-trash drop-target highlight must be present
	463	+ // at boot (dropping on the closed bin's dock tile), not window-open.
453	464
454	465	// `desktop-mode-games` — bundle for the Games hub native window
455	466	// (launcher grid, scoreboard, challenges client). Lazy-loaded by
456	467	// the native-window sync the first time the hub opens; registers a
		@@ -502,65 +513,8 @@
502	513	true
503	514	);
504	515	wp_set_script_translations(
505	516	'os-game-alphabet-soup',
506		- 'desktop-mode',
507		- OPENSTATION_DIR . 'languages'
508		- );
509		-
510		- // `os-posts-window` — small bundle for the native Posts
511		- // window. Lazy-loaded by the native-window sync the first time the
512		- // window opens (via the dock-click swap when the user opts in);
513		- // registers a render callback on
514		- // `window.openStationNativeWindows['desktop-mode-posts']`.
515		- $posts_window_js = OPENSTATION_DIR . 'assets/js/posts-window' . $suffix . '.js';
516		- wp_register_script(
517		- 'os-posts-window',
518		- OPENSTATION_URL . 'assets/js/posts-window' . $suffix . '.js',
519		- array( 'wp-i18n' ),
520		- file_exists( $posts_window_js ) ? (string) filemtime( $posts_window_js ) : $version,
521		- true
522		- );
523		- wp_set_script_translations(
524		- 'os-posts-window',
525		- 'desktop-mode',
526		- OPENSTATION_DIR . 'languages'
527		- );
528		-
529		- // `os-plugins-window` — small bundle for the native
530		- // Plugins window. Lazy-loaded by the native-window sync the first
531		- // time the window opens (via the dock-click swap when the user
532		- // opts in); registers a render callback on
533		- // `window.openStationNativeWindows['desktop-mode-plugins']`.
534		- $plugins_window_js = OPENSTATION_DIR . 'assets/js/plugins-window' . $suffix . '.js';
535		- wp_register_script(
536		- 'os-plugins-window',
537		- OPENSTATION_URL . 'assets/js/plugins-window' . $suffix . '.js',
538		- array( 'wp-i18n' ),
539		- file_exists( $plugins_window_js ) ? (string) filemtime( $plugins_window_js ) : $version,
540		- true
541		- );
542		- wp_set_script_translations(
543		- 'os-plugins-window',
544		- 'desktop-mode',
545		- OPENSTATION_DIR . 'languages'
546		- );
547		-
548		- // `os-comments-window` — small bundle for the native
549		- // Comments window. Lazy-loaded by the native-window sync the first
550		- // time the window opens (via the dock-click swap when the user
551		- // opts in); registers a render callback on
552		- // `window.openStationNativeWindows['desktop-mode-comments']`.
553		- $comments_window_js = OPENSTATION_DIR . 'assets/js/comments-window' . $suffix . '.js';
554		- wp_register_script(
555		- 'os-comments-window',
556		- OPENSTATION_URL . 'assets/js/comments-window' . $suffix . '.js',
557		- array( 'wp-i18n' ),
558		- file_exists( $comments_window_js ) ? (string) filemtime( $comments_window_js ) : $version,
559		- true
560		- );
561		- wp_set_script_translations(
562		- 'os-comments-window',
563	517	'desktop-mode',
564	518	OPENSTATION_DIR . 'languages'
565	519	);
566	520