@difizen/libro-common 1.0.2 → 1.0.4

package/src/core/theme/basic/index.ts

@@ -1,2 +1,2 @@
-export * from './variable-registry';
-export * from './variable-protocol';
+export * from './variable-registry.js';
+export * from './variable-protocol.js';

package/src/core/theme/basic/variable-protocol.ts

@@ -1,6 +1,6 @@
 import { Syringe } from '../../../ioc/index.js';
 
-import type { VariableRegistry } from './variable-registry';
+import type { VariableRegistry } from './variable-registry.js';
 
 export const VariableContribution = Syringe.defineToken('VariableContribution');
 export type VariableContribution = {

package/src/core/theme/basic/variable-registry.ts

@@ -1,7 +1,7 @@
 import type { Disposable } from '../../../common/index.js';
 import { singleton } from '../../../ioc/index.js';
-import { BaseVariableRegistry } from '../base-variable-registry';
-import type { VariableDefinition } from '../protocol';
+import { BaseVariableRegistry } from '../base-variable-registry.js';
+import type { VariableDefinition } from '../protocol.js';
 
 /**
  * It should be implemented by an extension, e.g. by the monaco extension.

package/src/core/theme/color/antd-color-contribution.ts

@@ -1,8 +1,8 @@
 import { singleton } from '../../../ioc/index.js';
 
-import { ColorContribution } from './color-protocol';
-import type { ColorRegistry } from './color-registry';
-import { Color } from './color-registry';
+import { ColorContribution } from './color-protocol.js';
+import type { ColorRegistry } from './color-registry.js';
+import { Color } from './color-registry.js';
 
 @singleton({ contrib: ColorContribution })
 export class AntdColorContribution implements ColorContribution {

package/src/core/theme/color/color-protocol.ts

@@ -1,8 +1,8 @@
 import { Syringe } from '../../../ioc/index.js';
-import type { VariableDefinition } from '../protocol';
+import type { VariableDefinition } from '../protocol.js';
 
-import type { Color } from './color';
-import type { ColorRegistry } from './color-registry';
+import type { ColorRegistry } from './color-registry.js';
+import type { Color } from './color.js';
 
 export const ColorContribution = Syringe.defineToken('ColorContribution');
 export type ColorContribution = {

package/src/core/theme/color/color-registry.ts

@@ -1,9 +1,9 @@
 import type { Disposable } from '../../../common/index.js';
 import { singleton } from '../../../ioc/index.js';
-import { BaseVariableRegistry } from '../base-variable-registry';
-import type { VariableDefinition } from '../protocol';
+import { BaseVariableRegistry } from '../base-variable-registry.js';
+import type { VariableDefinition } from '../protocol.js';
 
-import * as VSColor from './color';
+import * as VSColor from './color.js';
 
 /**
  * Either be a reference to an existing color or a color value as a hex string, rgba, or hsla.

package/src/core/theme/color/default-color-contribution.ts

@@ -1,8 +1,8 @@
 import { singleton } from '../../../ioc/index.js';
 
-import { ColorContribution } from './color-protocol';
-import type { ColorRegistry } from './color-registry';
-import { Color } from './color-registry';
+import { ColorContribution } from './color-protocol.js';
+import type { ColorRegistry } from './color-registry.js';
+import { Color } from './color-registry.js';
 
 @singleton({ contrib: ColorContribution })
 export class DefaultColorContribution implements ColorContribution {

package/src/core/theme/color/index.spec.ts

@@ -1,13 +1,12 @@
 import 'react';
 import assert from 'assert';
 
-import { Container } from '../../ioc/index.js';
+import { Container } from '../../../ioc/index.js';
+import { ThemeService } from '../theme-service.js';
 
-import { ThemeService } from '../theme-service';
-
-import { AntdColorContribution } from './antd-color-contribution';
-import { ColorRegistry } from './color-registry';
-import { DefaultColorContribution } from './default-color-contribution';
+import { AntdColorContribution } from './antd-color-contribution.js';
+import { ColorRegistry } from './color-registry.js';
+import { DefaultColorContribution } from './default-color-contribution.js';
 
 describe('theme color', () => {
   it('#antd color', () => {

package/src/core/theme/color/index.ts

@@ -1,2 +1,2 @@
-export * from './color-registry';
-export * from './color-protocol';
+export * from './color-registry.js';
+export * from './color-protocol.js';

package/src/core/theme/index.spec.ts

@@ -2,10 +2,9 @@ import 'react';
 import assert from 'assert';
 
 import { Container } from '../../ioc/index.js';
+import { ApplicationModule } from '../index.js';
 
-import { ApplicationModule } from '../index';
-
-import { ThemeModule, ThemeService } from './index';
+import { ThemeModule, ThemeService } from './index.js';
 
 describe('theme', () => {
   it('#theme module load', () => {

package/src/core/theme/index.ts

@@ -1,20 +1,20 @@
-import { ManaModule } from '../module';
+import { ManaModule } from '../module/index.js';
 
-import { AntdVariableContribution } from './basic/antd-variable-contribution';
-import { DefaultVariableContribution } from './basic/default-variable-contribution';
-import { VariableContribution } from './basic/variable-protocol';
-import { VariableRegistry } from './basic/variable-registry';
-import { AntdColorContribution } from './color/antd-color-contribution';
-import { ColorContribution } from './color/color-protocol';
-import { ColorRegistry } from './color/color-registry';
-import { DefaultColorContribution } from './color/default-color-contribution';
-import { ThemeApplication } from './theme-app';
-import { ThemeService } from './theme-service';
+import { AntdVariableContribution } from './basic/antd-variable-contribution.js';
+import { DefaultVariableContribution } from './basic/default-variable-contribution.js';
+import { VariableContribution } from './basic/variable-protocol.js';
+import { VariableRegistry } from './basic/variable-registry.js';
+import { AntdColorContribution } from './color/antd-color-contribution.js';
+import { ColorContribution } from './color/color-protocol.js';
+import { ColorRegistry } from './color/color-registry.js';
+import { DefaultColorContribution } from './color/default-color-contribution.js';
+import { ThemeApplication } from './theme-app.js';
+import { ThemeService } from './theme-service.js';
 
-export * from './basic';
-export * from './color';
-export * from './theme-service';
-export * from './protocol';
+export * from './basic/index.js';
+export * from './color/index.js';
+export * from './theme-service.js';
+export * from './protocol.js';
 
 export const ThemeModule = ManaModule.create().register({
   token: ThemeService,

package/src/core/theme/theme-app.ts

@@ -1,16 +1,15 @@
 import { Disposable, DisposableCollection } from '../../common/index.js';
 import type { Contribution } from '../../ioc/index.js';
 import { contrib, inject, singleton } from '../../ioc/index.js';
+import type { Application } from '../application/index.js';
+import { ApplicationContribution } from '../application/index.js';
 
-import type { Application } from '../application/index';
-import { ApplicationContribution } from '../application/index';
-
-import { VariableContribution } from './basic/variable-protocol';
-import { VariableRegistry } from './basic/variable-registry';
-import { ColorContribution } from './color/color-protocol';
-import { ColorRegistry } from './color/color-registry';
-import type { CssVariable } from './protocol';
-import { ThemeService } from './theme-service';
+import { VariableContribution } from './basic/variable-protocol.js';
+import { VariableRegistry } from './basic/variable-registry.js';
+import { ColorContribution } from './color/color-protocol.js';
+import { ColorRegistry } from './color/color-registry.js';
+import type { CssVariable } from './protocol.js';
+import { ThemeService } from './theme-service.js';
 
 @singleton({ contrib: ApplicationContribution })
 export class ThemeApplication implements ApplicationContribution {

package/src/core/theme/theme-service.ts

@@ -1,11 +1,10 @@
 import type { Event } from '../../common/index.js';
 import { isPromiseLike } from '../../common/index.js';
 import { Emitter, Disposable, objects } from '../../common/index.js';
-import { prop } from '../../observable/index.js';
 import { singleton } from '../../ioc/index.js';
-
-import { localStorageService } from '../common';
-import type { StorageService } from '../common';
+import { prop } from '../../observable/index.js';
+import { localStorageService } from '../common/index.js';
+import type { StorageService } from '../common/index.js';
 
 import './style/theme-base.less';
 

package/src/core/toolbar/default-toolbar-item.ts

@@ -1,11 +1,11 @@
 import type { Event } from '../../common/index.js';
 import { Emitter } from '../../common/index.js';
-import { prop } from '../../observable/index.js';
 import { inject } from '../../ioc/index.js';
 import { transient } from '../../ioc/index.js';
+import { prop } from '../../observable/index.js';
 
-import { ToolbarNode } from './toolbar-protocol';
-import type { ToolbarItem } from './toolbar-protocol';
+import { ToolbarNode } from './toolbar-protocol.js';
+import type { ToolbarItem } from './toolbar-protocol.js';
 
 @transient()
 export class DefaultToolbarItem implements ToolbarItem {

package/src/core/toolbar/index.ts

@@ -1,8 +1,8 @@
-import { ManaModule } from '../module';
+import { ManaModule } from '../module/index.js';
 
-import { DefaultToolbarItem } from './default-toolbar-item';
-import { ToolbarNode, ToolbarItemFactory } from './toolbar-protocol';
-import { ToolbarRegistry, ToolbarContribution } from './toolbar-registry';
+import { DefaultToolbarItem } from './default-toolbar-item.js';
+import { ToolbarNode, ToolbarItemFactory } from './toolbar-protocol.js';
+import { ToolbarRegistry, ToolbarContribution } from './toolbar-registry.js';
 
 export const CoreToolbarModule = ManaModule.create()
   .contribution(ToolbarContribution)
@@ -18,6 +18,6 @@ export const CoreToolbarModule = ManaModule.create()
     },
   });
 
-export * from './toolbar-protocol';
-export * from './toolbar-registry';
-export * from './default-toolbar-item';
+export * from './toolbar-protocol.js';
+export * from './toolbar-registry.js';
+export * from './default-toolbar-item.js';

package/src/core/toolbar/toolbar-protocol.ts

@@ -1,6 +1,5 @@
 import type { Event, Disposable } from '../../common/index.js';
-
-import type { CommandHandler } from '../command';
+import type { CommandHandler } from '../command/index.js';
 
 /**
  * Instance of toolbar

package/src/core/toolbar/toolbar-registry.ts

@@ -1,12 +1,11 @@
 import { Emitter } from '../../common/index.js';
-import { prop } from '../../observable/index.js';
 import type { Contribution } from '../../ioc/index.js';
 import { contrib, inject, singleton, Syringe } from '../../ioc/index.js';
+import { prop } from '../../observable/index.js';
+import { ApplicationContribution } from '../application/index.js';
 
-import { ApplicationContribution } from '../application';
-
-import type { ToolbarNode } from './toolbar-protocol';
-import { ToolbarItem, ToolbarItemFactory } from './toolbar-protocol';
+import type { ToolbarNode } from './toolbar-protocol.js';
+import { ToolbarItem, ToolbarItemFactory } from './toolbar-protocol.js';
 /**
  * Clients should implement this interface if they want to contribute to the toolbar.
  */

package/src/core/utils/index.ts

@@ -1,3 +1,3 @@
-export * from './lifecycle';
-export * from './map';
-export * from './hooks';
+export * from './lifecycle.js';
+export * from './map.js';
+export * from './hooks.js';

package/src/core/view/decorator.ts

@@ -1,23 +1,22 @@
 import type { Newable } from '../../common/index.js';
 import type { Syringe } from '../../ioc/index.js';
 import { registerSideOption } from '../../ioc/index.js';
+import type { ManaModule } from '../module/index.js';
+import { ManaContext } from '../module/index.js';
 
-import type { ManaModule } from '../module';
-import { ManaContext } from '../module';
-
-import { isWrapperViewComponent, ViewWrapper } from './view-container';
-import { ViewManager } from './view-manager';
-import type { SlotPreference, ViewPreference } from './view-protocol';
-import type { View } from './view-protocol';
-import { OriginViewComponent, ViewComponent } from './view-protocol';
-import { SlotPreferenceContribution } from './view-protocol';
+import { isWrapperViewComponent, ViewWrapper } from './view-container.js';
+import { ViewManager } from './view-manager.js';
+import type { SlotPreference, ViewPreference } from './view-protocol.js';
+import type { View } from './view-protocol.js';
+import { OriginViewComponent, ViewComponent } from './view-protocol.js';
+import { SlotPreferenceContribution } from './view-protocol.js';
 import {
   ViewDefineToken,
   ViewInstance,
   ViewOption,
   ViewFactory,
   ViewPreferenceContribution,
-} from './view-protocol';
+} from './view-protocol.js';
 
 export const createViewPreference = (...preferences: ViewPreference[]) => {
   return { token: ViewPreferenceContribution, useValue: preferences };

package/src/core/view/default-slot-view.tsx

@@ -1,5 +1,8 @@
 /* eslint-disable @typescript-eslint/unified-signatures */
+import * as React from 'react';
+
 import { Disposable, DisposableCollection } from '../../common/index.js';
+import { inject, transient } from '../../ioc/index.js';
 import {
   equals,
   getOrigin,
@@ -7,15 +10,13 @@ import {
   prop,
   useInject,
 } from '../../observable/index.js';
-import { inject, transient } from '../../ioc/index.js';
-import * as React from 'react';
 
-import { view } from './decorator';
-import { BaseView } from './default-view';
-import { NavigatableView } from './navigatable-types';
-import { renderNode } from './utils';
-import { ViewManager } from './view-manager';
-import { ViewOption, ViewInstance } from './view-protocol';
+import { view } from './decorator.js';
+import { BaseView } from './default-view.js';
+import { NavigatableView } from './navigatable-types.js';
+import { renderNode } from './utils.js';
+import { ViewManager } from './view-manager.js';
+import { ViewOption, ViewInstance } from './view-protocol.js';
 import type {
   SlotView,
   StatefulView,
@@ -23,8 +24,8 @@ import type {
   ViewComponent,
   SlotViewOption,
   View,
-} from './view-protocol';
-import { ViewRender } from './view-render';
+} from './view-protocol.js';
+import { ViewRender } from './view-render.js';
 
 export const DefaultSlotViewId = 'default-slot-view';
 

package/src/core/view/default-view.tsx

@@ -1,11 +1,12 @@
+import * as React from 'react';
+
 import type { Event } from '../../common/index.js';
 import { DisposableCollection, Emitter } from '../../common/index.js';
-import { prop } from '../../observable/index.js';
 import { transient } from '../../ioc/index.js';
-import * as React from 'react';
+import { prop } from '../../observable/index.js';
 
-import { ViewTitle } from './title';
-import type { View, ViewComponent, ViewSize } from './view-protocol';
+import { ViewTitle } from './title.js';
+import type { View, ViewComponent, ViewSize } from './view-protocol.js';
 
 let viewCount = 0;
 

package/src/core/view/focus-tracker.ts

@@ -3,7 +3,7 @@ import { Iterable } from '../../common/index.js';
 import { Emitter } from '../../common/index.js';
 import { singleton } from '../../ioc/index.js';
 
-import type { View } from './view-protocol';
+import type { View } from './view-protocol.js';
 
 /**
  * A class which tracks focus among a set of views.

package/src/core/view/hooks.tsx

@@ -1,9 +1,9 @@
 import { useLayoutEffect } from 'react';
 import ResizeObserver from 'resize-observer-polyfill';
 
-import { useLatest } from '../utils/index';
+import { useLatest } from '../utils/index.js';
 
-import type { View } from './view-protocol';
+import type { View } from './view-protocol.js';
 
 export type Size = { width?: number; height?: number };
 

package/src/core/view/index.ts

@@ -1,22 +1,22 @@
-export * from './module';
-export * from './view-protocol';
-export * from './view-manager';
-export * from './slot-view-manager';
-export * from './default-slot-view';
-export * from './default-view';
-export * from './slot';
-export * from './decorator';
-export * from './view-decoration';
-export * from './open-handler';
-export * from './view-open-handler';
-export * from './navigatable';
-export * from './navigatable-types';
-export * from './saveable';
-export * from './view-application';
-export * from './view-context';
-export * from './view-render';
-export * from './view-decoration';
-export * from './view-storage';
-export * from './stateful-view';
-export * from './utils';
-export * from './hooks';
+export * from './module.js';
+export * from './view-protocol.js';
+export * from './view-manager.js';
+export * from './slot-view-manager.js';
+export * from './default-slot-view.js';
+export * from './default-view.js';
+export * from './slot.js';
+export * from './decorator.js';
+export * from './view-decoration.js';
+export * from './open-handler.js';
+export * from './view-open-handler.js';
+export * from './navigatable.js';
+export * from './navigatable-types.js';
+export * from './saveable.js';
+export * from './view-application.js';
+export * from './view-context.js';
+export * from './view-render.js';
+export * from './view-decoration.js';
+export * from './view-storage.js';
+export * from './stateful-view.js';
+export * from './utils.js';
+export * from './hooks.js';

package/src/core/view/module.ts

@@ -1,16 +1,16 @@
-import { ManaModule } from '../module';
+import { ManaModule } from '../module/index.js';
 
-import { DefaultSlotView } from './default-slot-view';
-import { DefaultOpenerService, OpenHandler } from './open-handler';
-import { RootComponents, RootView } from './root-view';
-import { SlotViewManager } from './slot-view-manager';
-import { ViewApplication } from './view-application';
-import { ViewManager } from './view-manager';
-import { ViewOpenHandler } from './view-open-handler';
-import { ViewInstance, ViewPreferenceContribution } from './view-protocol';
-import { ViewFactory } from './view-protocol';
-import { SlotPreferenceContribution } from './view-protocol';
-import { ViewStorage } from './view-storage';
+import { DefaultSlotView } from './default-slot-view.js';
+import { DefaultOpenerService, OpenHandler } from './open-handler.js';
+import { RootComponents, RootView } from './root-view.js';
+import { SlotViewManager } from './slot-view-manager.js';
+import { ViewApplication } from './view-application.js';
+import { ViewManager } from './view-manager.js';
+import { ViewOpenHandler } from './view-open-handler.js';
+import { ViewInstance, ViewPreferenceContribution } from './view-protocol.js';
+import { ViewFactory } from './view-protocol.js';
+import { SlotPreferenceContribution } from './view-protocol.js';
+import { ViewStorage } from './view-storage.js';
 
 export const ViewModule = ManaModule.create()
   .contribution(

package/src/core/view/navigatable-types.ts

@@ -1,7 +1,7 @@
 import type { URI } from '../../common/index.js';
 
-import { BaseView } from './default-view';
-import type { View } from './view-protocol';
+import { BaseView } from './default-view.js';
+import type { View } from './view-protocol.js';
 
 /**
  * `Navigatable` provides an access to an URI of an underlying instance of `Resource`.
@@ -37,13 +37,13 @@ export namespace NavigatableView {
 }
 
 export interface NavigatableViewOptions {
-  kind: 'navigatable';
+  kind: 'navigatable.js';
   uri: string;
   counter?: number;
 }
 export namespace NavigatableWidgetOptions {
   export function is(arg: Record<any, any> | undefined): arg is NavigatableViewOptions {
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    return !!arg && 'kind' in arg && (arg as any).kind === 'navigatable';
+    return !!arg && 'kind' in arg && (arg as any).kind === 'navigatable.js';
   }
 }

package/src/core/view/navigatable.ts

@@ -1,8 +1,8 @@
 import { URI } from '../../common/index.js';
 
-import type { NavigatableView, NavigatableViewOptions } from './navigatable-types';
-import type { ViewOpenHandlerOptions } from './view-open-handler';
-import { ViewOpenHandler } from './view-open-handler';
+import type { NavigatableView, NavigatableViewOptions } from './navigatable-types.js';
+import type { ViewOpenHandlerOptions } from './view-open-handler.js';
+import { ViewOpenHandler } from './view-open-handler.js';
 
 export abstract class NavigatableViewOpenHandler<
   W extends NavigatableView,

package/src/core/view/portal-slot-view.tsx

@@ -1,20 +1,21 @@
 /* eslint-disable @typescript-eslint/unified-signatures */
+import * as React from 'react';
+
 import { Disposable, DisposableCollection } from '../../common/index.js';
-import { equals, getOrigin, prop, useInject } from '../../observable/index.js';
 import { inject, transient } from '../../ioc/index.js';
-import * as React from 'react';
+import { equals, getOrigin, prop, useInject } from '../../observable/index.js';
 
-import { view } from './decorator';
-import { BaseView } from './default-view';
+import { view } from './decorator.js';
+import { BaseView } from './default-view.js';
 import type {
   SlotView,
   ViewOpenOption,
   ViewComponent,
   SlotViewOption,
   View,
-} from './view-protocol';
-import { ViewOption, ViewInstance } from './view-protocol';
-import { ViewRender } from './view-render';
+} from './view-protocol.js';
+import { ViewOption, ViewInstance } from './view-protocol.js';
+import { ViewRender } from './view-render.js';
 
 export const PortalViewComponent: React.FC = React.forwardRef(
   function PortalViewComponent() {

package/src/core/view/root-view.tsx

@@ -1,15 +1,15 @@
-import { timeout } from '../../common/index.js';
-import { prop, useInject } from '../../observable/index.js';
-import { inject, singleton } from '../../ioc/index.js';
 import * as React from 'react';
 
-import { ApplicationState, ApplicationStateService } from '../application';
-import { parseCssTime } from '../browser';
+import { timeout } from '../../common/index.js';
+import { inject, singleton } from '../../ioc/index.js';
+import { prop, useInject } from '../../observable/index.js';
+import { ApplicationState, ApplicationStateService } from '../application/index.js';
+import { parseCssTime } from '../browser.js';
 
-import { view } from './decorator';
-import { BaseView } from './default-view';
-import { Slot } from './slot';
-import { RootSlotId, RootViewId, ViewInstance } from './view-protocol';
+import { view } from './decorator.js';
+import { BaseView } from './default-view.js';
+import { Slot } from './slot.js';
+import { RootSlotId, RootViewId, ViewInstance } from './view-protocol.js';
 
 export const RootComponents = Symbol('RootViewComponent');
 export interface RootComponents {

package/src/core/view/saveable.ts

@@ -1,6 +1,5 @@
 import type { Event, MaybePromise } from '../../common/index.js';
-
-import type { View } from '..';
+import type { View } from '../index.js';
 
 export interface Saveable {
   readonly dirty: boolean;

package/src/core/view/slot-view-manager.ts

@@ -2,17 +2,16 @@ import type { Newable } from '../../common/index.js';
 import { Emitter } from '../../common/index.js';
 import { Deferred } from '../../common/index.js';
 import { Disposable, Priority } from '../../common/index.js';
-import { prop } from '../../observable/index.js';
 import { contrib, inject, singleton } from '../../ioc/index.js';
 import type { Contribution } from '../../ioc/index.js';
+import { prop } from '../../observable/index.js';
+import { DebugService } from '../common/debug.js';
 
-import { DebugService } from '../common/debug';
-
-import { DefaultSlotView } from './default-slot-view';
-import { ViewManager } from './view-manager';
-import type { View } from './view-protocol';
-import type { SlotPreference, ViewOpenOption } from './view-protocol';
-import { SlotPreferenceContribution, SlotView } from './view-protocol';
+import { DefaultSlotView } from './default-slot-view.js';
+import { ViewManager } from './view-manager.js';
+import type { View } from './view-protocol.js';
+import type { SlotPreference, ViewOpenOption } from './view-protocol.js';
+import { SlotPreferenceContribution, SlotView } from './view-protocol.js';
 
 interface ViewAddArgs {
   view?: View;

package/src/core/view/slot.tsx

@@ -1,14 +1,15 @@
-import type { Newable } from '../../common/index.js';
-import { useInject, getOrigin } from '../../observable/index.js';
 import type { ReactNode } from 'react';
 import { useEffect } from 'react';
 import { memo } from 'react';
 
-import { SlotViewManager } from './slot-view-manager';
-import { ViewInstance } from './view-protocol';
-import type { View } from './view-protocol';
-import type { SlotView } from './view-protocol';
-import { ViewRender } from './view-render';
+import type { Newable } from '../../common/index.js';
+import { useInject, getOrigin } from '../../observable/index.js';
+
+import { SlotViewManager } from './slot-view-manager.js';
+import { ViewInstance } from './view-protocol.js';
+import type { View } from './view-protocol.js';
+import type { SlotView } from './view-protocol.js';
+import { ViewRender } from './view-render.js';
 
 export interface Props {
   name: string;