@difizen/libro-common 1.0.2 → 1.0.4

package/src/core/view/stateful-view.ts

@@ -1,5 +1,5 @@
-import { BaseView } from './default-view';
-import type { StatefulView } from './view-protocol';
+import { BaseView } from './default-view.js';
+import type { StatefulView } from './view-protocol.js';
 
 export abstract class BaseStatefulView extends BaseView implements StatefulView {
   constructor() {

package/src/core/view/title.tsx

@@ -1,9 +1,10 @@
-import { prop } from '../../observable/index.js';
-import { transient } from '../../ioc/index.js';
 import type * as React from 'react';
 
-import type { View } from './view-protocol';
-import type { Title } from './view-protocol';
+import { transient } from '../../ioc/index.js';
+import { prop } from '../../observable/index.js';
+
+import type { View } from './view-protocol.js';
+import type { Title } from './view-protocol.js';
 
 @transient()
 export class ViewTitle implements Title<View> {

package/src/core/view/view-application.ts

@@ -1,12 +1,11 @@
 import { inject, singleton } from '../../ioc/index.js';
+import { ApplicationContribution } from '../application/index.js';
 
-import { ApplicationContribution } from '../application';
-
-import { SlotViewManager } from './slot-view-manager';
-import { ViewManager } from './view-manager';
-import type { ViewPreference } from './view-protocol';
-import { RootViewId } from './view-protocol';
-import { ViewStorage } from './view-storage';
+import { SlotViewManager } from './slot-view-manager.js';
+import { ViewManager } from './view-manager.js';
+import type { ViewPreference } from './view-protocol.js';
+import { RootViewId } from './view-protocol.js';
+import { ViewStorage } from './view-storage.js';
 
 @singleton({ contrib: ApplicationContribution })
 export class ViewApplication implements ApplicationContribution {

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

@@ -1,17 +1,17 @@
-import { ObservableContext, useInject } from '../../observable/index.js';
-import type { Syringe } from '../../ioc/index.js';
 import * as React from 'react';
 
-import { useMount, useUnmount } from '../utils/hooks';
+import type { Syringe } from '../../ioc/index.js';
+import { ObservableContext, useInject } from '../../observable/index.js';
+import { useMount, useUnmount } from '../utils/hooks.js';
 
-import { useViewSize } from './hooks';
-import { isForwardRefComponent } from './utils';
-import type { View } from './view-protocol';
-import type { ViewComponent } from './view-protocol';
-import { OriginViewComponent } from './view-protocol';
-import { ViewInstance } from './view-protocol';
+import { useViewSize } from './hooks.js';
+import { isForwardRefComponent } from './utils.js';
+import type { View } from './view-protocol.js';
+import type { ViewComponent } from './view-protocol.js';
+import { OriginViewComponent } from './view-protocol.js';
+import { ViewInstance } from './view-protocol.js';
 
-import './index.less';
+import './index.less.js';
 
 interface ViewContainerProps {
   component: ViewComponent;
@@ -24,7 +24,7 @@ export const ViewContainer = React.forwardRef<HTMLDivElement, ViewContainerProps
     const { viewComponentProps = {}, children, component } = props;
     const viewInstance = useInject<View>(ViewInstance);
     const Component = component;
-    const className = viewInstance?.className ?? '';
+    const className = viewInstance?.className ?? '.js';
     useMount(() => {
       if (typeof containerRef === 'object') {
         viewInstance.container = containerRef;

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

@@ -1,10 +1,10 @@
-import { getOrigin, ObservableContext } from '../../observable/index.js';
 import * as React from 'react';
 
-import type { ManaContext } from '../module';
+import { getOrigin, ObservableContext } from '../../observable/index.js';
+import type { ManaContext } from '../module/index.js';
 
-import { ViewMeta } from './view-meta';
-import type { View } from './view-protocol';
+import { ViewMeta } from './view-meta.js';
+import type { View } from './view-protocol.js';
 
 export interface ViewContextProps {
   view: View;

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

@@ -2,18 +2,17 @@
 import type { MaybePromise, Event, Newable, Disposable } from '../../common/index.js';
 import { DisposableCollection } from '../../common/index.js';
 import { Priority, Emitter } from '../../common/index.js';
-import { prop } from '../../observable/index.js';
 import type { Contribution } from '../../ioc/index.js';
 import { contrib, inject, singleton } from '../../ioc/index.js';
+import { prop } from '../../observable/index.js';
+import { DebugService } from '../common/debug.js';
+import type { ManaContext } from '../module/index.js';
 
-import { DebugService } from '../common/debug';
-import type { ManaContext } from '../module';
-
-import { ViewMeta } from './view-meta';
-import type { ViewPreference, View } from './view-protocol';
-import type { SlotView } from './view-protocol';
-import { ViewDefineToken } from './view-protocol';
-import { ViewFactory, ViewPreferenceContribution } from './view-protocol';
+import { ViewMeta } from './view-meta.js';
+import type { ViewPreference, View } from './view-protocol.js';
+import type { SlotView } from './view-protocol.js';
+import { ViewDefineToken } from './view-protocol.js';
+import { ViewFactory, ViewPreferenceContribution } from './view-protocol.js';
 
 export interface ViewCreateOptions {
   factoryId: string;

package/src/core/view/view-meta.ts

@@ -1,9 +1,8 @@
 import { getOrigin } from '../../observable/index.js';
+import type { ManaContext } from '../module/index.js';
 
-import type { ManaContext } from '../module';
-
-import type { View } from './view-protocol';
-import { ViewContextMetaKey } from './view-protocol';
+import type { View } from './view-protocol.js';
+import { ViewContextMetaKey } from './view-protocol.js';
 
 /**
  * View metadata

package/src/core/view/view-open-handler.ts

@@ -2,12 +2,12 @@ import type { Event, MaybePromise, URI } from '../../common/index.js';
 import { Emitter } from '../../common/index.js';
 import { inject, postConstruct, singleton } from '../../ioc/index.js';
 
-import type { BaseView } from './default-view';
-import type { OpenHandler } from './open-handler';
-import { SlotViewManager } from './slot-view-manager';
-import { ViewManager } from './view-manager';
-import type { ViewOpenOption } from './view-protocol';
-import { RootSlotId } from './view-protocol';
+import type { BaseView } from './default-view.js';
+import type { OpenHandler } from './open-handler.js';
+import { SlotViewManager } from './slot-view-manager.js';
+import { ViewManager } from './view-manager.js';
+import type { ViewOpenOption } from './view-protocol.js';
+import { RootSlotId } from './view-protocol.js';
 
 export interface ViewOpenHandlerOptions extends ViewOpenOption {
   slot?: string;

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

@@ -1,9 +1,9 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
-import type { MaybePromise, Event, Disposable, Newable } from '../../common/index.js';
-import { Syringe } from '../../ioc/index.js';
 import type React from 'react';
 
-import type { ManaModule } from '../module';
+import type { MaybePromise, Event, Disposable, Newable } from '../../common/index.js';
+import { Syringe } from '../../ioc/index.js';
+import type { ManaModule } from '../module/index.js';
 
 export enum ViewPriority {
   PRIOR = 1000,

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

@@ -1,14 +1,15 @@
-import { useInject } from '../../observable/index.js';
 import type { ReactNode } from 'react';
 import { memo } from 'react';
 
-import { isWrapperViewComponent } from './view-container';
-import { ViewContext } from './view-context';
-import type { View } from './view-protocol';
-import { OriginViewComponent } from './view-protocol';
-import { ViewComponent } from './view-protocol';
+import { useInject } from '../../observable/index.js';
+
+import { isWrapperViewComponent } from './view-container.js';
+import { ViewContext } from './view-context.js';
+import type { View } from './view-protocol.js';
+import { OriginViewComponent } from './view-protocol.js';
+import { ViewComponent } from './view-protocol.js';
 
-// import { ViewManager } from './view-manager';
+// import { ViewManager } from './view-manager.js';
 
 export interface ViewRenderProps {
   view: View;

package/src/core/view/view-storage.ts

@@ -1,19 +1,18 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
-import { prop } from '../../observable/index.js';
 import { inject, singleton } from '../../ioc/index.js';
-
+import { prop } from '../../observable/index.js';
 import { DebugService, StorageService } from '../common';
 
-import { SlotViewManager } from './slot-view-manager';
-import { ViewManager } from './view-manager';
-import type { View, ViewOpenOption } from './view-protocol';
-import { RootViewId } from './view-protocol';
-import { SlotView } from './view-protocol';
-import { StatefulView } from './view-protocol';
+import { SlotViewManager } from './slot-view-manager.js';
+import { ViewManager } from './view-manager.js';
+import type { View, ViewOpenOption } from './view-protocol.js';
+import { RootViewId } from './view-protocol.js';
+import { SlotView } from './view-protocol.js';
+import { StatefulView } from './view-protocol.js';
 
 interface SavedView {
   factoryId: string;
-  // viewType: 'slotView' | 'view';
+  // viewType: 'slotView' | 'view.js';
   option: any;
   slot?: string | undefined;
   children?: SavedView[] | undefined;
@@ -27,11 +26,11 @@ export namespace SavedView {
   }
 }
 
-const ShouldPreventStoreViewKey = 'mana-should-prevent-store-view';
+const ShouldPreventStoreViewKey = 'mana-should-prevent-store-view.js';
 
 @singleton()
 export class ViewStorage {
-  protected storageKey = 'mana-view-info';
+  protected storageKey = 'mana-view-info.js';
   protected restoreCount = 0;
   protected readonly viewManager: ViewManager;
   protected readonly slotViewManager: SlotViewManager;

package/src/index.ts

@@ -11,3 +11,4 @@ export * from './protocol/index.js';
 export * from './dom.js';
 export * from './mime.js';
 // export * from './common/index.js';
+export * from './output-utils.js';

package/src/ioc/container-api.ts

@@ -1,6 +1,6 @@
 import type { interfaces } from 'inversify';
 
-import type { Syringe } from './core';
+import type { Syringe } from './core.js';
 
 export const ContainerCacheToken = Symbol('ContainerCacheToken');
 export class ContainerAPI {

package/src/ioc/container.spec.ts

@@ -1,9 +1,9 @@
 import assert from 'assert';
 
-import { register, GlobalContainer, Container } from './container';
-import { Syringe } from './core';
-import { singleton, transient, injectable } from './decorator';
-import { Module } from './module';
+import { register, GlobalContainer, Container } from './container.js';
+import { Syringe } from './core.js';
+import { singleton, transient, injectable } from './decorator.js';
+import { Module } from './module/index.js';
 
 describe('container', () => {
   describe('default', () => {

package/src/ioc/contribution/contribution-register.ts

@@ -1,8 +1,8 @@
-import { Syringe } from '../core';
+import { Syringe } from '../core.js';
 
-import * as Contribution from './contribution-protocol';
-import type { Provider, Option } from './contribution-protocol';
-import { DefaultContributionProvider } from './contribution-provider';
+import * as Contribution from './contribution-protocol.js';
+import type { Provider, Option } from './contribution-protocol.js';
+import { DefaultContributionProvider } from './contribution-provider.js';
 
 export function contributionInjectOption(
   token: Syringe.DefinedToken,

package/src/ioc/contribution/decorator.ts

@@ -1,7 +1,7 @@
-import type { Syringe } from '../core';
-import { inject, named } from '../decorator';
+import type { Syringe } from '../core.js';
+import { inject, named } from '../decorator.js';
 
-import { Provider } from './contribution-protocol';
+import { Provider } from './contribution-protocol.js';
 
 export const contrib =
   (token: Syringe.Named) =>

package/src/ioc/contribution/index.spec.ts

@@ -3,16 +3,16 @@
 import 'reflect-metadata';
 import assert from 'assert';
 
-import { GlobalContainer } from '../container';
-import { register } from '../container';
-import { Contribution, contrib } from './index';
-import { Syringe } from '../core';
-import { inject, singleton } from '../decorator';
-import { Module } from '../module/index';
+import { GlobalContainer } from '../container.js';
+import { register } from '../container.js';
+import { Syringe } from '../core.js';
+import { inject, singleton } from '../decorator.js';
+import { Module } from '../module/index.js';
 
-import { DefaultContributionProvider } from './contribution-provider';
+import { DefaultContributionProvider } from './contribution-provider.js';
 
-import { ContributionOptionConfig } from './index';
+import { ContributionOptionConfig } from './index.js';
+import { Contribution, contrib } from './index.js';
 
 describe('contribution', () => {
   it('#register contribution', () => {

package/src/ioc/contribution/index.ts

@@ -1,9 +1,9 @@
-import * as Protocol from './contribution-protocol';
-import { contributionRegister } from './contribution-register';
+import * as Protocol from './contribution-protocol.js';
+import { contributionRegister } from './contribution-register.js';
 
-export * from './contribution-protocol';
-export * from './contribution-provider';
-export * from './decorator';
+export * from './contribution-protocol.js';
+export * from './contribution-provider.js';
+export * from './decorator.js';
 
 export namespace Contribution {
   export type Option = Protocol.Option;

package/src/ioc/decorator.spec.ts

@@ -1,7 +1,7 @@
 import assert from 'assert';
 
-import { Syringe } from './core';
-import { singleton, transient, injectable } from './decorator';
+import { Syringe } from './core.js';
+import { singleton, transient, injectable } from './decorator.js';
 
 describe('decorator', () => {
   it('#injectable without option', () => {

package/src/ioc/decorator.ts

@@ -6,9 +6,9 @@ import {
   named as inversifyNamed,
 } from 'inversify';
 
-import type { Decorator } from './core';
-import { Syringe } from './core';
-import { namedToIdentifier, tokenToIdentifier } from './inversify-api';
+import type { Decorator } from './core.js';
+import { Syringe } from './core.js';
+import { namedToIdentifier, tokenToIdentifier } from './inversify-api/index.js';
 
 export function injectable<T = any>(
   option: Syringe.DecoratorOption<T> = {},

package/src/ioc/features/auto-factory.spec.ts

@@ -1,10 +1,10 @@
 import assert from 'assert';
 
-import { GlobalContainer } from '../container';
-import { inject, singleton } from '../decorator';
+import { GlobalContainer } from '../container.js';
+import { inject, singleton } from '../decorator.js';
 
-import type { ToAutoFactory } from './auto-factory';
-import { autoFactory, AutoFactoryOption, toAutoFactory } from './auto-factory';
+import type { ToAutoFactory } from './auto-factory.js';
+import { autoFactory, AutoFactoryOption, toAutoFactory } from './auto-factory.js';
 
 describe('auto factory', () => {
   it('#decorator', async () => {

package/src/ioc/index.ts

@@ -1,8 +1,8 @@
-export * from './decorator';
-export * from './container';
-export * from './module';
-export * from './contribution';
-export * from './core';
-export * from './side-option';
-export * from './features/auto-factory';
-export * from './features/prioritized-contribution';
+export * from './decorator.js';
+export * from './container.js';
+export * from './module/index.js';
+export * from './contribution/index.js';
+export * from './core.js';
+export * from './side-option.js';
+export * from './features/auto-factory.js';
+export * from './features/prioritized-contribution.js';

package/src/ioc/inversify-api/index.spec.ts

@@ -5,10 +5,10 @@ import assert from 'assert';
 
 import { injectable } from 'inversify';
 
-import { GlobalContainer } from '../container';
-import { Syringe } from '../core';
 import { Event } from '../../common/index.js';
-import { Register } from '../register';
+import { GlobalContainer } from '../container.js';
+import { Syringe } from '../core.js';
+import { Register } from '../register.js';
 
 import { bindSingleton, bindTransient, bindLifecycle, isInversifyContext } from '.';
 

package/src/ioc/inversify-api/index.ts

@@ -1,9 +1,9 @@
 import type { interfaces } from 'inversify';
 import { Container } from 'inversify';
 
-import { Syringe, Utils } from '../core';
+import { Syringe, Utils } from '../core.js';
 
-import type { InversifyContext } from './inversify-protocol';
+import type { InversifyContext } from './inversify-protocol.js';
 
 export function bindSingleton<T>(
   toBind: interfaces.BindingInSyntax<T>,

package/src/ioc/module/index.spec.ts

@@ -1,7 +1,14 @@
 import assert from 'assert';
 
-import type { Contribution } from '..';
-import { injectable, Module, GlobalContainer, Syringe, singleton, contrib } from '..';
+import {
+  injectable,
+  Module,
+  GlobalContainer,
+  Syringe,
+  singleton,
+  contrib,
+} from '../index.js';
+import type { Contribution } from '../index.js';
 
 describe('module', () => {
   it('#load module', () => {

package/src/ioc/module/index.ts

@@ -1,6 +1,6 @@
-import { SyringeModule } from './syringe-module';
+import { SyringeModule } from './syringe-module.js';
 
-export * from './syringe-module';
+export * from './syringe-module.js';
 
 export function Module(name?: string): SyringeModule {
   return new SyringeModule(name);

package/src/ioc/module/syringe-module.ts

@@ -3,11 +3,11 @@
 import type { interfaces } from 'inversify';
 import { ContainerModule } from 'inversify';
 
-import { contributionInjectOption } from '../contribution/contribution-register';
-import type { Syringe } from '../core';
-import { Utils } from '../core';
-import type { InversifyRegister } from '../inversify-api';
-import { Register } from '../register';
+import { contributionInjectOption } from '../contribution/contribution-register.js';
+import type { Syringe } from '../core.js';
+import { Utils } from '../core.js';
+import type { InversifyRegister } from '../inversify-api/index.js';
+import { Register } from '../register.js';
 
 type TokenOrOption<T> = Syringe.Token<T> | Syringe.InjectOption<T>;
 

package/src/ioc/register.spec.ts

@@ -2,7 +2,7 @@ import assert from 'assert';
 
 import { injectable } from 'inversify';
 
-import { Syringe, Utils } from './core';
+import { Syringe, Utils } from './core.js';
 
 describe('register helper', () => {
   describe('option parser', () => {

package/src/ioc/register.ts

@@ -1,17 +1,17 @@
 /* eslint-disable @typescript-eslint/no-non-null-assertion */
 import type { interfaces } from 'inversify';
 
-import { ContainerAPI } from './container-api';
-import { Utils, Syringe } from './core';
-import type { InversifyContext } from './inversify-api';
-import { isInversifyContext } from './inversify-api';
+import { ContainerAPI } from './container-api.js';
+import { Utils, Syringe } from './core.js';
 import {
   bindNamed,
   bindGeneralToken,
   bindMonoToken,
   bindLifecycle,
-} from './inversify-api';
-import { OptionSymbol } from './side-option';
+} from './inversify-api/index.js';
+import { isInversifyContext } from './inversify-api/index.js';
+import type { InversifyContext } from './inversify-api/index.js';
+import { OptionSymbol } from './side-option.js';
 
 export class Register<T> {
   // eslint-disable-next-line @typescript-eslint/no-explicit-any

package/src/ioc/side-option.spec.ts

@@ -1,8 +1,8 @@
 import assert from 'assert';
 
-import { register, GlobalContainer } from './container';
-import { singleton } from './decorator';
-import { registerSideOption } from './side-option';
+import { register, GlobalContainer } from './container.js';
+import { singleton } from './decorator.js';
+import { registerSideOption } from './side-option.js';
 
 describe('side option', () => {
   it('#side register', () => {

package/src/ioc/side-option.ts

@@ -1,4 +1,4 @@
-import type { Syringe } from './core';
+import type { Syringe } from './core.js';
 
 export const OptionSymbol = Symbol.for('SyringeSideOption');
 export const registerSideOption = <

package/src/l10n/index.ts

@@ -1,2 +1,2 @@
-export * from './l10n';
-export * from './lang';
+export * from './l10n/index.js';
+export * from './lang/index.js';

package/src/l10n/l10n/index.ts

@@ -4,7 +4,7 @@
  *  Licensed under the MIT License. See License.txt in the project root for license information.
  *--------------------------------------------------------------------------------------------*/
 
-import { locale } from './platform';
+import { locale } from './platform.js';
 /**
  * forked from vscode l10n
  */

package/src/l10n/lang/index.ts

@@ -1,4 +1,4 @@
-import type { LanguageBundles } from '../l10n';
+import type { LanguageBundles } from '../l10n/index.js';
 
 import langENUS from './bundle.l10n.en-US.json';
 import langZHCN from './bundle.l10n.zh-CN.json';

package/src/observable/async-event.spec.tsx

@@ -2,7 +2,7 @@ import assert from 'assert';
 
 import { noop } from '../common/index.js';
 
-import { AsyncEmitter, AsyncCallbackList } from './async-event';
+import { AsyncEmitter, AsyncCallbackList } from './async-event.js';
 
 describe('AsyncEvent', () => {
   it('#callback list', (done) => {

package/src/observable/config.spec.ts

@@ -1,6 +1,6 @@
 import assert from 'assert';
 
-import { ObservableConfig, Observability } from './index';
+import { ObservableConfig, Observability } from './index.js';
 
 describe('ObservableConfig', () => {
   it('#exclude', () => {

package/src/observable/context.tsx

@@ -1,7 +1,7 @@
 import { createContext, useContext, useMemo } from 'react';
 
-import type { Observable } from './core';
-import { useObserve } from './hooks';
+import type { Observable } from './core.js';
+import { useObserve } from './hooks.js';
 
 export type ContextConfig<T> = {
   context: T;

package/src/observable/decorator.spec.ts

@@ -1,7 +1,7 @@
 import assert from 'assert';
 import 'reflect-metadata';
 
-import { prop, ObservableProperties, Observability, origin } from './index';
+import { prop, ObservableProperties, Observability, origin } from './index.js';
 
 describe('decorator', () => {
   it('#prop', () => {

package/src/observable/decorator.ts

@@ -1,4 +1,4 @@
-import { Observability, ObservableProperties } from './utils';
+import { Observability, ObservableProperties } from './utils.js';
 
 /**
  * Define observable property

package/src/observable/hooks.spec.tsx

@@ -5,7 +5,7 @@ import assert from 'assert';
 import React, { useEffect } from 'react';
 import renderer, { act } from 'react-test-renderer';
 
-import { prop, useObserve, observable, useObservableState } from './index';
+import { prop, useObserve, observable, useObservableState } from './index.js';
 
 describe('use', () => {
   it('#useObserve basic ', (done) => {

package/src/observable/hooks.ts

@@ -1,8 +1,8 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 import * as React from 'react';
 
-import { Tracker } from './tracker';
-import { Observability } from './utils';
+import { Tracker } from './tracker.js';
+import { Observability } from './utils.js';
 
 interface Action<T> {
   key: keyof T;