@gjsify/adwaita-web 0.57.0 → 0.59.0

package/src/namespace/gtk.ts

@@ -21,7 +21,7 @@
 // are the same write and nothing in this package had to learn a second input shape.
 
 export { GtkAdjustment as Adjustment } from '@gjsify/adwaita-core';
-export { PolicyType, TextDirection, TextWindowType } from './gtk-enums.js';
+export { PolicyType, TextDirection, TextExtendSelection, TextWindowType } from './gtk-enums.js';
 export { GtkAboutDialog as AboutDialog } from '../elements/gtk-about-dialog.js';
 export { GtkActionBar as ActionBar } from '../elements/gtk-action-bar.js';
 export { GtkApplicationWindow as ApplicationWindow } from '../elements/gtk-application-window.js';

package/src/namespace/gtksource.ts

@@ -3,7 +3,18 @@
 // the NativeScript port publishes. `export * as GtkSource from './namespace/gtksource.js'` in
 // `src/index.ts` makes it the namespace the `gi://GtkSource` arm answers from.
 //
-// A TRUE SUBSET: GtkSource's gutters, completion, search and the rest are absent, and the arm
-// refuses each by name.
-export { Buffer, Language, LanguageManager, StyleScheme, StyleSchemeManager, init } from '@gjsify/gtksource-core';
+// A TRUE SUBSET: GtkSource's completion, search and the rest are absent, and the arm refuses each
+// by name.
+export {
+    Buffer,
+    Gutter,
+    GutterLines,
+    GutterRenderer,
+    GutterRendererText,
+    Language,
+    LanguageManager,
+    StyleScheme,
+    StyleSchemeManager,
+    init,
+} from '@gjsify/gtksource-core';
 export { GtkSourceView as View } from '../gtksource/gtk-source-view.js';

package/src/style-manager.spec.ts

@@ -0,0 +1,36 @@
+// The `Adw.StyleManager` door of adwaita-web, held to the shared vectors (real GJS is their oracle, in
+// adwaita-core's `style-manager.gjs.spec.ts`). The page is made dark the way an app does it: the
+// `.theme-dark` / `.theme-light` class on the root.
+
+import { STYLE_MANAGER_VECTORS, driveStyleManagerVectors, type AdwStyleLike } from '@gjsify/adwaita-core/conformance';
+import { describe, expect, it } from '@gjsify/unit';
+
+import * as Adw from './namespace/adw.js';
+
+export const StyleManagerTest = async () => {
+    const root = document.documentElement;
+    const before = root.className;
+    try {
+        await driveStyleManagerVectors(
+            {
+                name: 'adwaita-web',
+                isOracle: false,
+                Adw: Adw as unknown as AdwStyleLike,
+                setDark(dark) {
+                    root.classList.remove('theme-dark', 'theme-light');
+                    root.classList.add(dark ? 'theme-dark' : 'theme-light');
+                },
+                // A MutationObserver reports in a microtask; a task later it has been heard.
+                settle: () => new Promise((resolve) => setTimeout(resolve, 0)),
+            },
+            { describe, it, expect },
+        );
+        await describe('adwaita-web: Adw.StyleManager door', async () => {
+            await it('has a vector row for every vector', () => {
+                expect(STYLE_MANAGER_VECTORS.length > 0).toBe(true);
+            });
+        });
+    } finally {
+        root.className = before;
+    }
+};

package/src/style-manager.ts

@@ -0,0 +1,27 @@
+// `Adw.StyleManager` on the browser: `dark` is what the page shows — a `.theme-dark` / `.theme-light`
+// on the root outranks `prefers-color-scheme` (ADR 0078, `isAdwaitaDark`). The behaviour is the
+// core's (`style-manager.ts`); this file is the SOURCE: the root's `class` attribute and the media
+// query are the two things that can flip it. Without a `document` (SSR) it is light and never changes.
+
+import { StyleManagerBase, type StyleSource } from '@gjsify/adwaita-core';
+
+import { isAdwaitaDark } from './accent.js';
+
+export const webStyleSource: StyleSource = {
+    dark: () => typeof document !== 'undefined' && isAdwaitaDark(document.documentElement),
+    subscribe(changed) {
+        if (typeof document === 'undefined') return () => {};
+        const media = globalThis.matchMedia?.('(prefers-color-scheme: dark)');
+        media?.addEventListener('change', changed);
+        const observer = new MutationObserver(changed);
+        observer.observe(document.documentElement, { attributes: true, attributeFilter: ['class'] });
+        return () => {
+            media?.removeEventListener('change', changed);
+            observer.disconnect();
+        };
+    },
+};
+
+export class AdwStyleManager extends StyleManagerBase {
+    static override source = webStyleSource;
+}

package/src/test.browser.mts

@@ -141,7 +141,10 @@ import { AdwFontsTest } from './adw-fonts.spec.js';
 import { AdwConstructVectorsTest } from './construct-vectors.spec.js';
 import { GObjectDoorTest } from './gobject-door.spec.js';
 import { ApplicationTest } from './application.spec.js';
+import { GdkTest } from './gdk.spec.js';
 import { GLibTest } from './glib.spec.js';
+import { StyleManagerTest } from './style-manager.spec.js';
+import { GioActionsTest } from './gio.spec.js';
 import { MenuActionsTest } from './menu-actions.spec.js';
 import { AdwSharedTreesTest } from './shared-trees.spec.js';
 import { AdwBlueprintTreeTest } from './blueprint-tree.spec.js';
@@ -158,7 +161,10 @@ run({
     AdwConstructVectorsTest,
     GObjectDoorTest,
     ApplicationTest,
+    GdkTest,
     GLibTest,
+    StyleManagerTest,
+    GioActionsTest,
     MenuActionsTest,
     AdwBlueprintTreeTest,
     AdwValueListsTest,