@_unit/unit 1.0.25 → 1.0.26

package/src/API.ts

@@ -218,7 +218,6 @@ export type API = {
     getSelection(): Selection
     createRange(): Range
     exitPictureInPicture(): Promise<void>
-    setTheme(theme: Theme): Promise<void>
     MutationObserver: IMutationObserverConstructor
     PositionObserver: IPositionObserverCostructor
     ResizeObserver: IResizeObserverConstructor
@@ -234,4 +233,7 @@ export type API = {
   worker: {
     start(): Worker
   }
+  theme: {
+    setTheme(theme: Theme): Promise<void>
+  }
 }

package/src/client/makeEventListener.ts

@@ -70,7 +70,7 @@ export const UI_EVENT_SET: Set<IOUIEventName> = new Set([
   'message',
   'toggle',
   'show',
-  'hide'
+  'hide',
 ])
 
 export function makeUIEventListener(

package/src/client/platform/web/api/document.ts

@@ -4,7 +4,6 @@ import { PositionObserver } from '../../../PositionObserver'
 import { NoopIntersectionObserver } from '../../../noop/IntersectionObserver'
 import { NoopMutationObserver } from '../../../noop/MutationObserver'
 import { NoopResizeObserver } from '../../../noop/ResizeObserver'
-import { Theme, themeBackgroundColor } from '../../../theme'
 
 export function webDocument(
   window: Window,
@@ -58,11 +57,6 @@ export function webDocument(
     ResizeObserver: ResizeObserver,
     PositionObserver: PositionObserver,
     IntersectionObserver: IntersectionObserver,
-    setTheme: async function (theme: Theme): Promise<void> {
-      const color = themeBackgroundColor(theme)
-
-      document.body.style.backgroundColor = color
-    },
   }
 
   return _document

package/src/client/platform/web/api/theme.ts

@@ -0,0 +1,19 @@
+import { API } from '../../../../API'
+import { BootOpt } from '../../../../system'
+import { Theme, themeBackgroundColor } from '../../../theme'
+
+export function webTheme(
+  window: Window,
+  root: HTMLElement,
+  opt: BootOpt
+): API['theme'] {
+  const theme: API['theme'] = {
+    setTheme: async function (theme: Theme): Promise<void> {
+      const color = themeBackgroundColor(theme)
+
+      root.style.backgroundColor = color
+    },
+  }
+
+  return theme
+}

package/src/client/platform/web/boot.ts

@@ -37,6 +37,7 @@ import { webSelection } from './api/selection'
 import { webSpeech } from './api/speech'
 import { webStorage } from './api/storage'
 import { webText } from './api/text'
+import { webTheme } from './api/theme'
 import { webURI } from './api/uri'
 import { webURL } from './api/url'
 import { webWindow } from './api/window'
@@ -92,6 +93,7 @@ export function webBoot(
   const _window = webWindow(window, opt)
   const navigator = webNavigator(window, opt)
   const layout = webLayout(window, opt)
+  const theme = webTheme(window, _root, opt)
 
   const api: API = {
     alert,
@@ -121,6 +123,7 @@ export function webBoot(
     uri,
     window: _window,
     navigator,
+    theme,
   }
 
   const system = boot(null, api, opt)
@@ -129,6 +132,8 @@ export function webBoot(
 
   system.root = _root
 
+  theme.setTheme(system.theme)
+
   attachSprite(system)
   attachStyle(system)
   attachApp(system)

package/src/host/none.ts

@@ -225,9 +225,6 @@ export function noHost(): API {
       exitPictureInPicture() {
         throw new MethodNotImplementedError()
       },
-      setTheme: function (theme: Theme): Promise<void> {
-        throw new MethodNotImplementedError()
-      },
       MutationObserver: null,
       PositionObserver: null,
       ResizeObserver: null,
@@ -317,6 +314,11 @@ export function noHost(): API {
         throw new MethodNotImplementedError()
       },
     },
+    theme: {
+      setTheme: function (theme: Theme): Promise<void> {
+        throw new MethodNotImplementedError()
+      },
+    },
   }
 
   return api

package/src/system/platform/component/app/GUI/Component.ts

@@ -652,7 +652,7 @@ export default class GUI extends Element<HTMLDivElement, Props> {
     // console.log('GUI', '_on_context_theme_changed')
     const {
       api: {
-        document: { setTheme },
+        theme: { setTheme },
       },
     } = this.$system
 

package/src/system/platform/method/value/Write/index.ts

@@ -35,7 +35,6 @@ export default class Write<T> extends Functional<I<T>, O<T>> {
   async f({ value, data }: I<T>, done: Done<O<T>>) {
     try {
       await value.write(data)
-      
       done({ data })
     } catch (err) {
       done(undefined, err.message)