@difizen/libro-common 1.0.3 → 1.0.5

package/src/observable/observable.ts

@@ -1,8 +1,8 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
-import { ObservableConfig } from './config';
-import { Notifiable } from './notifiable';
-import { Notifier } from './notifier';
-import { InstanceValue, ObservableProperties, Observability } from './utils';
+import { ObservableConfig } from './config.js';
+import { Notifiable } from './notifiable.js';
+import { Notifier } from './notifier.js';
+import { InstanceValue, ObservableProperties, Observability } from './utils.js';
 
 const propertyRelatedNotifier = Symbol('propertyRelatedNotifier');
 

package/src/observable/tracker.spec.ts

@@ -11,7 +11,7 @@ import {
   Observability,
   Notifier,
   tryInvokeGetter,
-} from './index';
+} from './index.js';
 
 describe('Tracker', () => {
   it('#trackable', () => {

package/src/observable/tracker.ts

@@ -1,11 +1,11 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 import { getPropertyDescriptor, isPlainObject } from '../common/index.js';
 
-import { ObservableSymbol } from './core';
-import { Notifiable } from './notifiable';
-import { Notifier } from './notifier';
-import { observable } from './observable';
-import { Observability } from './utils';
+import { ObservableSymbol } from './core.js';
+import { Notifiable } from './notifiable.js';
+import { Notifier } from './notifier.js';
+import { observable } from './observable.js';
+import { Observability } from './utils.js';
 
 type Act = (...args: any) => void;
 

package/src/observable/utils.spec.tsx

@@ -8,7 +8,7 @@ import {
   ObservableProperties,
   Observability,
   InstanceValue,
-} from './index';
+} from './index.js';
 
 describe('utils', () => {
   it('#Observability', () => {

package/src/observable/utils.ts

@@ -2,9 +2,9 @@ import 'reflect-metadata';
 import type { Disposable } from '../common/index.js';
 import { isPlainObject, getPropertyDescriptor } from '../common/index.js';
 
-import { ObservableConfig } from './config';
-import type { Traceable } from './core';
-import { ObservableSymbol } from './core';
+import { ObservableConfig } from './config.js';
+import type { Traceable } from './core.js';
+import { ObservableSymbol } from './core.js';
 
 export namespace Observability {
   export function isTraceable(data: any): data is Traceable {

package/src/observable/watch.spec.ts

@@ -2,7 +2,7 @@ import assert from 'assert';
 
 import { Disposable } from '../common/index.js';
 
-import { watch, prop } from './index';
+import { watch, prop } from './index.js';
 
 console.warn = () => {
   //

package/src/observable/watch.ts

@@ -1,9 +1,9 @@
 import { Disposable, Event } from '../common/index.js';
 
-import type { Notify } from './core';
-import { Notifier } from './notifier';
-import { observable } from './observable';
-import { getOrigin, Observability } from './utils';
+import type { Notify } from './core.js';
+import { Notifier } from './notifier.js';
+import { observable } from './observable.js';
+import { getOrigin, Observability } from './utils.js';
 
 function tryObservable<T>(target: T) {
   const data = getOrigin(target);

package/src/polling/protocol.ts

@@ -1,4 +1,4 @@
-import type { Event } from '../app';
+import type { Event } from '../app/index.js';
 
 /**
  * A readonly poll that calls an asynchronous function with each tick.

package/src/react/index.spec.ts

@@ -1,7 +1,7 @@
 import 'react';
 import assert from 'assert';
 
-import { Tabs, Dropdown, Menu, Menubar } from './index';
+import { Tabs, Dropdown, Menu, Menubar } from './index.js';
 
 describe('react', () => {
   it('#react import', () => {

package/src/react/index.ts

@@ -1,8 +1,8 @@
-export * from './menu';
-export * from './menubar';
+export * from './menu/index.js';
+export * from './menubar/index.js';
 
-export * from './layout/boxpanel';
-export * from './layout/splitpanel';
-export * from './tabs';
-export * from './dropdown';
-export * from './notification';
+export * from './layout/boxpanel/index.js';
+export * from './layout/splitpanel/index.js';
+export * from './tabs/index.js';
+export * from './dropdown/index.js';
+export * from './notification/index.js';

package/src/react/layout/boxpanel/Pane.tsx

@@ -1,9 +1,9 @@
 import clsx from 'classnames';
 import * as React from 'react';
 
-import { Layout } from '../layout';
+import { Layout } from '../layout.js';
 
-import { BoxPanelContext } from './context';
+import { BoxPanelContext } from './context.js';
 import './styles/index.less';
 
 export interface PaneProps {

package/src/react/layout/boxpanel/context.ts

@@ -1,5 +1,6 @@
 import * as React from 'react';
-import type { Layout } from '../layout';
+
+import type { Layout } from '../layout.js';
 
 export interface BoxPanelContextProps {
   direction: Layout.direction;

package/src/react/layout/boxpanel/index.tsx

@@ -1,11 +1,11 @@
 import clsx from 'classnames';
 import * as React from 'react';
 
-import { defaultPrefixCls } from '../../constant';
-import { Layout } from '../layout';
+import { defaultPrefixCls } from '../../constant.js';
+import { Layout } from '../layout.js';
 
-import { BoxPanelContext } from './context';
-import { Pane } from './Pane';
+import { BoxPanelContext } from './context.js';
+import { Pane } from './Pane.js';
 import './styles/index.less';
 
 export interface BoxPanelProps {

package/src/react/layout/layout.ts

@@ -1,4 +1,4 @@
-import { ResizeHandleVertical, ResizeHandleHorizontal } from '../resize/index';
+import { ResizeHandleVertical, ResizeHandleHorizontal } from '../resize/index.js';
 
 const flexDirectionMap: Record<
   string,

package/src/react/layout/splitpanel/index.tsx

@@ -5,8 +5,8 @@ import * as React from 'react';
 
 import { Emitter } from '../../../common/index.js';
 import { defaultPrefixCls } from '../../constant.js';
-import type { IResizeHandleDelegate } from '../../resize/index';
-import { ResizeFlexMode } from '../../resize/index';
+import type { IResizeHandleDelegate } from '../../resize/index.js';
+import { ResizeFlexMode } from '../../resize/index.js';
 import { Layout } from '../layout.js';
 
 import { SplitPanelContext } from './context.js';

package/src/react/menu/divider.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
 
-import { MenuContext } from './context';
+import { MenuContext } from './context.js';
 
 export const MenuDivider: React.FC = () => {
   const context = React.useContext(MenuContext);

package/src/react/menu/index.ts

@@ -1,3 +1,3 @@
-export * from './menu';
-export * from './context';
+export * from './menu.js';
+export * from './context.js';
 import './styles/index.less';

package/src/react/menu/item.tsx

@@ -1,7 +1,7 @@
 import classNames from 'classnames';
 import * as React from 'react';
 
-import { MenuContext } from './context';
+import { MenuContext } from './context.js';
 
 export interface MenuItemProps {
   className?: string;

package/src/react/menu/menu.tsx

@@ -1,10 +1,10 @@
 import classNames from 'classnames';
 import * as React from 'react';
 
-import { MenuContext } from './context';
-import { MenuDivider } from './divider';
-import { MenuItem } from './item';
-import { MenuSubMenu } from './submenu';
+import { MenuContext } from './context.js';
+import { MenuDivider } from './divider.js';
+import { MenuItem } from './item.js';
+import { MenuSubMenu } from './submenu.js';
 import './styles/index.less';
 
 export interface MenuProps {

package/src/react/menu/submenu.tsx

@@ -1,8 +1,8 @@
 import * as React from 'react';
 
-import { MenuContext } from './context';
-import type { MenuItemProps } from './item';
-import { getProps, getContent } from './item';
+import { MenuContext } from './context.js';
+import type { MenuItemProps } from './item.js';
+import { getProps, getContent } from './item.js';
 import './styles/index.less';
 
 const noop = () => {

package/src/react/menubar/index.ts

@@ -1 +1 @@
-export * from './menubar';
+export * from './menubar.js';

package/src/react/menubar/item.tsx

@@ -3,7 +3,7 @@ import * as React from 'react';
 import { useEffect } from 'react';
 import * as ReactDom from 'react-dom';
 
-import { MenubarContext } from './context';
+import { MenubarContext } from './context.js';
 
 function stopPropagation(e: MouseEvent) {
   e.stopPropagation();

package/src/react/menubar/menubar.tsx

@@ -4,8 +4,8 @@ import * as React from 'react';
 import './styles/index.less';
 import '../menu/styles/index.less';
 
-import { MenubarContext } from './context';
-import { MenubarItem } from './item';
+import { MenubarContext } from './context.js';
+import { MenubarItem } from './item.js';
 
 export interface MenubarProps {
   prefixCls?: string;

package/src/react/notification/index.tsx

@@ -1,18 +1,18 @@
 import React, { forwardRef, useEffect } from 'react';
 
-import { defaultPrefixCls } from '../constant';
+import { defaultPrefixCls } from '../constant.js';
 
 import type {
   NotificationArgsProps,
   GlobalConfigProps,
   NotificationInstance,
-} from './protocol';
-import PurePanel from './pure-panel';
-import { render } from './render';
-import { useInternalNotification } from './use-notification';
-import './style';
+} from './protocol.js';
+import PurePanel from './pure-panel.js';
+import { render } from './render.js';
+import { useInternalNotification } from './use-notification.js';
+import './style/index.js';
 
-export type { NotificationArgsProps } from './protocol';
+export type { NotificationArgsProps } from './protocol.js';
 
 let globalNotification: GlobalNotification | null = null;
 

package/src/react/notification/protocol.ts

@@ -1,4 +1,4 @@
-import { defaultPrefixCls } from '../constant';
+import { defaultPrefixCls } from '../constant.js';
 
 export type NotificationPlacement =
   | 'top'

package/src/react/notification/pure-panel.tsx

@@ -9,8 +9,8 @@ import { Notice } from 'rc-notification';
 import type { NoticeProps } from 'rc-notification/es/Notice';
 import * as React from 'react';
 
-import type { IconType } from './protocol';
-import { NOTIFICATION_PREFIX_CLS } from './protocol';
+import type { IconType } from './protocol.js';
+import { NOTIFICATION_PREFIX_CLS } from './protocol.js';
 
 export const TypeIcon = {
   info: <InfoCircleFilled />,

package/src/react/notification/use-notification.tsx

@@ -16,13 +16,13 @@ import type {
   NotificationConfig,
   NotificationInstance,
   NotificationPlacement,
-} from './protocol';
-import { DEFAULT_DURATION } from './protocol';
-import { getPlacementStyle } from './protocol';
-import { DEFAULT_OFFSET } from './protocol';
-import { NOTIFICATION_PREFIX_CLS } from './protocol';
-import { DEFAULT_PLACEMENT } from './protocol';
-import { PureContent } from './pure-panel';
+} from './protocol.js';
+import { DEFAULT_DURATION } from './protocol.js';
+import { getPlacementStyle } from './protocol.js';
+import { DEFAULT_OFFSET } from './protocol.js';
+import { NOTIFICATION_PREFIX_CLS } from './protocol.js';
+import { DEFAULT_PLACEMENT } from './protocol.js';
+import { PureContent } from './pure-panel.js';
 
 export function getCloseIcon(prefixCls: string, closeIcon?: ReactNode): ReactNode {
   if (closeIcon === null || closeIcon === false) {

package/src/react/resize/index.tsx

@@ -2,8 +2,8 @@
 import classnames from 'classnames';
 import * as React from 'react';
 
-import { defaultPrefixCls } from '../constant';
-import type { Layout } from '../layout/layout';
+import { defaultPrefixCls } from '../constant.js';
+import type { Layout } from '../layout/layout.js';
 
 export const RESIZE_LOCK = 'resize-lock';
 import './styles/index.less';

package/src/react/tabs/index.tsx

@@ -5,7 +5,7 @@ import RcTabs, { TabPane } from 'rc-tabs';
 import type { EditableConfig } from 'rc-tabs/lib/interface';
 import * as React from 'react';
 
-import { getPrefixCls } from '../util';
+import { getPrefixCls } from '../util.js';
 import './styles/index.less';
 
 export type { TabPaneProps } from 'rc-tabs';

package/src/react/util.ts

@@ -1,4 +1,4 @@
-import { defaultPrefixCls } from './constant';
+import { defaultPrefixCls } from './constant.js';
 
 export const getPrefixCls = (suffixCls?: string) => {
   return suffixCls ? `${defaultPrefixCls}-${suffixCls}` : defaultPrefixCls;

package/src/url.ts

@@ -1,7 +1,8 @@
-import { isWeb } from './app';
 import { posix } from 'path-browserify';
 import urlparse from 'url-parse';
 
+import { isWeb } from './app/index.js';
+
 /**
  * The namespace for URL-related functions.
  */

package/src/l10n/l10n/index.test.ts

@@ -1,145 +0,0 @@
-/*---------------------------------------------------------------------------------------------
- *  Copyright (c) Microsoft Corporation. All rights reserved.
- *  Licensed under the MIT License. See License.txt in the project root for license information.
- *--------------------------------------------------------------------------------------------*/
-
-import assert from 'assert';
-
-import { L10nLang, Localization } from '.';
-
-let l10n: Localization;
-
-describe('l10n', () => {
-  beforeEach(() => {
-    l10n = new Localization();
-    l10n.changeLang(L10nLang.enUS);
-  });
-
-  it('fallsback when no bundle', () => {
-    assert.strictEqual(l10n.t('message'), 'message');
-  });
-
-  it('load from contents', () => {
-    l10n.loadLang(L10nLang.enUS, {
-      contents: {
-        message: 'translated message',
-      },
-    });
-
-    assert.strictEqual(l10n.getLang(), L10nLang.enUS);
-
-    assert.strictEqual(l10n.t('message'), 'translated message');
-  });
-
-  it('supports index args', () => {
-    l10n.loadLang(L10nLang.enUS, {
-      contents: {
-        message: 'translated {0} message {1}',
-      },
-    });
-
-    assert.strictEqual(l10n.t('message', 'foo', 'bar'), 'translated foo message bar');
-  });
-
-  it('supports record args', () => {
-    l10n.loadLang(L10nLang.enUS, {
-      contents: {
-        message: 'translated {this} message {that}',
-      },
-    });
-
-    assert.strictEqual(
-      l10n.t('message', { this: 'foo', that: 'bar' }),
-      'translated foo message bar',
-    );
-  });
-
-  it('supports comments', () => {
-    const message = 'message';
-    const comment = 'This is a comment';
-    const result = 'translated message';
-
-    const key = `${message}/${comment}`;
-
-    l10n.loadLang(L10nLang.enUS, {
-      contents: {
-        [key]: { message: result, comment: [comment] },
-      },
-    });
-
-    // Normally we would be more static in the declaration of the object
-    // in order to extract them properly but for tests we don't need to do that.
-    assert.strictEqual(
-      l10n.t({
-        message,
-        comment: [comment],
-      }),
-      result,
-    );
-  });
-
-  it('supports index args and comments', () => {
-    const message = 'message {0}';
-    const comment = 'This is a comment';
-    const result = 'translated message foo';
-
-    const key = `${message}/${comment}`;
-
-    l10n.loadLang(L10nLang.enUS, {
-      contents: {
-        [key]: { message: 'translated message {0}', comment: [comment] },
-      },
-    });
-
-    // Normally we would be more static in the declaration of the object
-    // in order to extract them properly but for tests we don't need to do that.
-    assert.strictEqual(
-      l10n.t({
-        message,
-        comment: [comment],
-        args: ['foo'],
-      }),
-      result,
-    );
-  });
-
-  it('supports object args and comments', () => {
-    const message = 'message {this}';
-    const comment = 'This is a comment';
-    const result = 'translated message foo';
-
-    const key = `${message}/${comment}`;
-
-    l10n.loadLang(L10nLang.enUS, {
-      contents: {
-        [key]: { message: 'translated message {this}', comment: [comment] },
-      },
-    });
-
-    // Normally we would be more static in the declaration of the object
-    // in order to extract them properly but for tests we don't need to do that.
-    assert.strictEqual(
-      l10n.t({
-        message,
-        comment: [comment],
-        args: { this: 'foo' },
-      }),
-      result,
-    );
-  });
-
-  it('supports template literals', () => {
-    l10n.loadLang(L10nLang.enUS, {
-      contents: {
-        'original {0} message {1}': 'translated {0} message {1}',
-      },
-    });
-
-    const a = 'foo';
-    const b = 'bar';
-    assert.strictEqual(
-      l10n.t`original ${a} message ${b}`,
-      'translated foo message bar',
-    );
-  });
-});