# desktop-mode/0.9.7/includes/widgets/widget-focus-timer.php

OpenStation: Desktop Windows, Dock & Virtual Desktops for WP Admin, version 0.9.7. 98 lines.

- Page: https://pluginprobe.com/plugins/desktop-mode/0.9.7/code/includes/widgets/widget-focus-timer.php
- Raw: https://pluginprobe.com/plugins/desktop-mode/0.9.7/raw/includes/widgets/widget-focus-timer.php
- Modified: 2026-07-27T08:21:16+00:00

Line numbers below start at 1. Link to a line or a range by appending a fragment to the
page URL, for example `https://pluginprobe.com/plugins/desktop-mode/0.9.7/code/includes/widgets/widget-focus-timer.php#L10-L20`.

```php
<?php
/**
 * Desktop Mode — Focus Timer widget PHP registration.
 *
 * Registers the widget's JS bundle + CSS, enqueues the CSS eagerly on
 * shell pages, and announces the widget to Desktop Mode so it appears in
 * the widget picker. All behaviour lives in the JS
 * (src/plugins/focus-timer-widget/); this file only declares the widget.
 *
 * The timer runs entirely in the browser — no REST routes, no server
 * state, no external services — so the script declares no dependencies.
 *
 * @package WPDesktopMode
 * @since   0.26.0
 */

defined( 'ABSPATH' ) || exit;

/**
 * Register the Focus Timer widget's script + style handles.
 *
 * @since 0.26.0
 *
 * @return void
 */
function desktop_mode_register_focus_timer_widget_assets() {
	$suffix  = desktop_mode_asset_suffix();
	$version = defined( 'DESKTOP_MODE_VERSION' ) ? DESKTOP_MODE_VERSION : '0';

	$js_path  = DESKTOP_MODE_DIR . 'assets/js/widget-focus-timer' . $suffix . '.js';
	$css_path = DESKTOP_MODE_DIR . 'assets/js/widget-focus-timer' . $suffix . '.css';

	wp_register_style(
		'desktop-mode-focus-timer-widget',
		DESKTOP_MODE_URL . 'assets/js/widget-focus-timer' . $suffix . '.css',
		array(),
		file_exists( $css_path ) ? (string) filemtime( $css_path ) : $version
	);

	wp_register_script(
		'desktop-mode-focus-timer-widget',
		DESKTOP_MODE_URL . 'assets/js/widget-focus-timer' . $suffix . '.js',
		array(),
		file_exists( $js_path ) ? (string) filemtime( $js_path ) : $version,
		true
	);
}
add_action( 'init', 'desktop_mode_register_focus_timer_widget_assets', 5 );

/**
 * Eagerly enqueue the CSS on Desktop Mode shell pages (avoids a flash of
 * unstyled content before the lazy JS mounts).
 *
 * @since 0.26.0
 *
 * @return void
 */
function desktop_mode_enqueue_focus_timer_widget_styles() {
	if ( function_exists( 'desktop_mode_is_enabled' ) && ! desktop_mode_is_enabled() ) {
		return;
	}
	if ( function_exists( 'desktop_mode_is_chromeless_request' ) && desktop_mode_is_chromeless_request() ) {
		return;
	}
	wp_enqueue_style( 'desktop-mode-focus-timer-widget' );
}
add_action( 'admin_enqueue_scripts', 'desktop_mode_enqueue_focus_timer_widget_styles', 20 );

/**
 * Announce the widget to Desktop Mode.
 *
 * @since 0.26.0
 *
 * @return void
 */
function desktop_mode_register_focus_timer_widget() {
	if ( ! function_exists( 'desktop_mode_register_widget' ) ) {
		return;
	}

	desktop_mode_register_widget(
		'desktop-mode/focus-timer',
		array(
			'label'          => __( 'Focus Timer', 'desktop-mode' ),
			'description'    => __( 'A focus countdown. Link it to a window and get a shake + alarm when time is up.', 'desktop-mode' ),
			'icon'           => 'dashicons-clock',
			'script'         => 'desktop-mode-focus-timer-widget',
			'movable'        => true,
			'resizable'      => true,
			'min_width'      => 240,
			'min_height'     => 200,
			'default_width'  => 300,
			'default_height' => 300,
		)
	);
}
add_action( 'init', 'desktop_mode_register_focus_timer_widget', 6 );

```