@difizen/libro-common 1.0.2 → 1.0.4

package/src/observable/index.ts

@@ -1,11 +1,11 @@
-export * from './context';
-export * from './hooks';
-export * from './tracker';
-export * from './watch';
-export * from './notifier';
-export * from './observable';
-export * from './notifiable';
-export * from './decorator';
-export * from './utils';
-export * from './core';
-export * from './config';
+export * from './context.js';
+export * from './hooks.js';
+export * from './tracker.js';
+export * from './watch.js';
+export * from './notifier.js';
+export * from './observable.js';
+export * from './notifiable.js';
+export * from './decorator.js';
+export * from './utils.js';
+export * from './core.js';
+export * from './config.js';

package/src/observable/notifiable.spec.ts

@@ -3,7 +3,7 @@ import assert from 'assert';
 
 import { isPlainObject } from '../common/index.js';
 
-import { Notifiable, Notifier, Observability } from './index';
+import { Notifiable, Notifier, Observability } from './index.js';
 
 describe('reactivity', () => {
   it('#can be reactable', () => {

package/src/observable/notifiable.ts

@@ -2,9 +2,9 @@
 /* eslint-disable prefer-spread */
 import { isPlainObject } from '../common/index.js';
 
-import { ObservableSymbol } from './core';
-import { Notifier } from './notifier';
-import { isReadonly, Observability } from './utils';
+import { ObservableSymbol } from './core.js';
+import { Notifier } from './notifier.js';
+import { isReadonly, Observability } from './utils.js';
 
 export interface Notifiable {
   [ObservableSymbol.Notifier]: Notifier;

package/src/observable/notifier.spec.ts

@@ -1,6 +1,6 @@
 import assert from 'assert';
 
-import { prop, Notifier, observable } from './index';
+import { prop, Notifier, observable } from './index.js';
 
 describe('tracker', () => {
   it('#create tracker', () => {

package/src/observable/notifier.ts

@@ -2,12 +2,12 @@
 import type { Disposable } from '../common/index.js';
 import { Event } from '../common/index.js';
 
-import { AsyncEmitter } from './async-event';
-import { ObservableConfig } from './config';
-import type { Notify } from './core';
-import { ObservableSymbol } from './core';
-import { Notifiable } from './notifiable';
-import { Observability } from './utils';
+import { AsyncEmitter } from './async-event.js';
+import { ObservableConfig } from './config.js';
+import type { Notify } from './core.js';
+import { ObservableSymbol } from './core.js';
+import { Notifiable } from './notifiable.js';
+import { Observability } from './utils.js';
 
 export interface Notification<T = any> {
   target: T;

package/src/observable/observable.spec.ts

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

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/output-utils.ts

@@ -0,0 +1,98 @@
+import type {
+  PartialJSONObject,
+  PartialJSONValue,
+  ReadonlyPartialJSONObject,
+} from './json.js';
+import { isPrimitive } from './json.js';
+import type {
+  IExecuteResult,
+  IMimeBundle,
+  IOutput,
+  MultilineString,
+} from './protocol/index.js';
+import {
+  isDisplayData,
+  isDisplayUpdate,
+  isError,
+  isExecuteResult,
+  isStream,
+} from './utils.js';
+
+/**
+ * Get the data from a notebook output.
+ */
+export function getData(output: IOutput): PartialJSONObject {
+  let bundle: IMimeBundle = {};
+  if (isExecuteResult(output) || isDisplayData(output) || isDisplayUpdate(output)) {
+    bundle = (output as IExecuteResult).data;
+  } else if (isStream(output)) {
+    if (output.name === 'stderr') {
+      bundle['application/vnd.jupyter.stderr'] = output.text;
+    } else {
+      bundle['application/vnd.jupyter.stdout'] = output.text;
+    }
+    if (output['display_text']) {
+      if (output.name === 'stderr') {
+        bundle['application/vnd.libro.large.output.stderr'] = output[
+          'display_text'
+        ] as MultilineString;
+      } else {
+        bundle['application/vnd.libro.large.output.stdout'] = output[
+          'display_text'
+        ] as MultilineString;
+      }
+    }
+  } else if (isError(output)) {
+    bundle['application/vnd.jupyter.error'] = output;
+    const traceback = output.traceback.join('\n');
+    bundle['application/vnd.jupyter.stderr'] =
+      traceback || `${output.ename}: ${output.evalue}`;
+  }
+  return convertBundle(bundle);
+}
+
+/**
+ * Get the metadata from an output message.
+ */
+export function getMetadata(output: IOutput): PartialJSONObject {
+  const value: PartialJSONObject = Object.create(null);
+  if (isExecuteResult(output) || isDisplayData(output)) {
+    for (const key in output.metadata) {
+      value[key] = extract(output.metadata, key);
+    }
+  }
+  return value;
+}
+/**
+ * Get the bundle options given output model options.
+ */
+export function getBundleOptions(options: IOutput) {
+  const data = getData(options) as IOutput;
+  const metadata = getMetadata(options);
+  return { data, metadata };
+}
+
+/**
+ * Extract a value from a JSONObject.
+ */
+export function extract(
+  value: ReadonlyPartialJSONObject,
+  key: string,
+): PartialJSONValue | undefined {
+  const item = value[key];
+  if (item === undefined || isPrimitive(item)) {
+    return item;
+  }
+  return JSON.parse(JSON.stringify(item));
+}
+
+/**
+ * Convert a mime bundle to mime data.
+ */
+function convertBundle(bundle: IMimeBundle): PartialJSONObject {
+  const map: PartialJSONObject = Object.create(null);
+  for (const mimeType in bundle) {
+    map[mimeType] = extract(bundle, mimeType);
+  }
+  return map;
+}

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.
  */