@dxos/plugin-script 0.6.12-main.5cc132e → 0.6.12-main.c4a728f

package/dist/types/src/components/Toolbar.d.ts

@@ -1,13 +0,0 @@
-import React from 'react';
-import { type ThemedClassName } from '@dxos/react-ui';
-export type ToolbarProps = ThemedClassName<{
-    deployed?: boolean;
-    error?: string;
-    functionUrl?: string;
-    showPanel?: boolean;
-    onDeploy?: () => Promise<void>;
-    onFormat?: () => Promise<void>;
-    onTogglePanel?: () => Promise<void>;
-}>;
-export declare const Toolbar: ({ classNames, deployed, error, functionUrl, showPanel, onDeploy, onFormat, onTogglePanel, }: ToolbarProps) => React.JSX.Element;
-//# sourceMappingURL=Toolbar.d.ts.map

package/dist/types/src/components/Toolbar.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Toolbar.d.ts","sourceRoot":"","sources":["../../../../src/components/Toolbar.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,EAIL,KAAK,eAAe,EAIrB,MAAM,gBAAgB,CAAC;AAIxB,MAAM,MAAM,YAAY,GAAG,eAAe,CAAC;IACzC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC/B,QAAQ,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC/B,aAAa,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CACrC,CAAC,CAAC;AAEH,eAAO,MAAM,OAAO,gGASjB,YAAY,sBA6Gd,CAAC"}

package/dist/types/src/components/Toolbar.stories.d.ts

@@ -1,14 +0,0 @@
-import '@dxos-theme';
-declare const _default: {
-    title: string;
-    component: ({ classNames, deployed, error, functionUrl, showPanel, onDeploy, onFormat, onTogglePanel, }: import("./Toolbar").ToolbarProps) => import("react").JSX.Element;
-    decorators: import("@storybook/react/*").Decorator[];
-};
-export default _default;
-export declare const Default: {
-    args: {
-        binding: string;
-        deployed: boolean;
-    };
-};
-//# sourceMappingURL=Toolbar.stories.d.ts.map

package/dist/types/src/components/Toolbar.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Toolbar.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/Toolbar.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;;;;;;AAMrB,wBAIE;AAEF,eAAO,MAAM,OAAO;;;;;CAAmD,CAAC"}

package/dist/types/src/components/TypescriptEditor.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TypescriptEditor.d.ts","sourceRoot":"","sources":["../../../../src/components/TypescriptEditor.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,KAAK,4BAA4B,EAAE,MAAM,iBAAiB,CAAC;AAEpE,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EASL,KAAK,kBAAkB,EACxB,MAAM,uBAAuB,CAAC;AAG/B,MAAM,MAAM,qBAAqB,GAAG;IAClC,EAAE,EAAE,MAAM,CAAC;IACX,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,GAAG,CAAC,EAAE,4BAA4B,CAAC;CACpC,GAAG,IAAI,CAAC,kBAAkB,EAAE,WAAW,GAAG,cAAc,GAAG,YAAY,GAAG,UAAU,GAAG,WAAW,CAAC,CAAC;AAErG,eAAO,MAAM,gBAAgB,0FAS1B,qBAAqB,sBAwCvB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/dist/types/src/components/TypescriptEditor.stories.d.ts

@@ -1,10 +0,0 @@
-import '@dxos-theme';
-import React from 'react';
-declare const _default: {
-    title: string;
-    component: ({ id, scrollPastEnd, env, className, initialValue, extensions, scrollTo, selection, }: import("./TypescriptEditor").TypescriptEditorProps) => React.JSX.Element;
-    render: () => React.JSX.Element;
-};
-export default _default;
-export declare const Default: {};
-//# sourceMappingURL=TypescriptEditor.stories.d.ts.map

package/dist/types/src/components/TypescriptEditor.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TypescriptEditor.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/TypescriptEditor.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,aAAa,CAAC;AAErB,OAAO,KAAkB,MAAM,OAAO,CAAC;;;;;;AA+CvC,wBAIE;AAEF,eAAO,MAAM,OAAO,IAAK,CAAC"}

package/src/components/ScriptBlock/Splitter/Splitter.stories.tsx

@@ -1,37 +0,0 @@
-//
-// Copyright 2023 DXOS.org
-//
-
-import '@dxos-theme';
-
-import React, { useState } from 'react';
-
-import { DensityProvider } from '@dxos/react-ui';
-
-import { Splitter, SplitterSelector, type View } from './Splitter';
-
-const Story = () => {
-  const [view, setView] = useState<View>();
-  return (
-    <div>
-      <DensityProvider density='fine'>
-        <SplitterSelector view={view} onChange={setView} />
-      </DensityProvider>
-      <Splitter view={view}>
-        <div>1</div>
-        <div>2</div>
-      </Splitter>
-    </div>
-  );
-};
-
-export default {
-  title: 'plugin-script/Splitter',
-  component: Splitter,
-  render: Story,
-  parameters: {
-    layout: 'fullscreen',
-  },
-};
-
-export const Default = {};

package/src/components/ScriptBlock/Splitter/Splitter.tsx

@@ -1,52 +0,0 @@
-//
-// Copyright 2023 DXOS.org
-//
-
-import { Code, SquareSplitHorizontal, Eye } from '@phosphor-icons/react';
-import React, { type ReactNode } from 'react';
-
-import { ToggleGroup, ToggleGroupItem, Toolbar } from '@dxos/react-ui';
-import { getSize, mx } from '@dxos/react-ui-theme';
-
-export type View = 'editor' | 'preview' | 'split';
-
-export type SplitterProps = {
-  view?: View;
-  className?: string;
-  children?: ReactNode[];
-};
-
-// TODO(burdon): Surfaces?
-export const Splitter = ({ view = 'split', className, children = [] }: SplitterProps) => {
-  const [left, right] = children;
-  return (
-    <div className={mx('flex overflow-hidden grow', className)}>
-      {left && view !== 'preview' && <div className='flex flex-1 shrink-0 overflow-hidden'>{left}</div>}
-      {right && view !== 'editor' && <div className='flex flex-1 shrink-0 overflow-hidden'>{right}</div>}
-    </div>
-  );
-};
-
-export type SplitterSelectorProps = {
-  view?: View;
-  onChange?: (view: View) => void;
-  className?: string;
-};
-
-export const SplitterSelector = ({ view, onChange, className }: SplitterSelectorProps) => {
-  return (
-    <Toolbar.Root classNames={className}>
-      <ToggleGroup type='single' value={view} onValueChange={(value) => onChange?.(value as View)}>
-        <ToggleGroupItem value='editor'>
-          <Code className={getSize(5)} />
-        </ToggleGroupItem>
-        <ToggleGroupItem value='split'>
-          <SquareSplitHorizontal className={getSize(5)} />
-        </ToggleGroupItem>
-        <ToggleGroupItem value='preview'>
-          <Eye className={getSize(5)} />
-        </ToggleGroupItem>
-      </ToggleGroup>
-    </Toolbar.Root>
-  );
-};

package/src/components/Toolbar.tsx

@@ -1,147 +0,0 @@
-//
-// Copyright 2024 DXOS.org
-//
-
-import React, { useState } from 'react';
-
-import {
-  DensityProvider,
-  ElevationProvider,
-  Icon,
-  type ThemedClassName,
-  Toolbar as NaturalToolbar,
-  Tooltip,
-  useTranslation,
-} from '@dxos/react-ui';
-
-import { SCRIPT_PLUGIN } from '../meta';
-
-export type ToolbarProps = ThemedClassName<{
-  deployed?: boolean;
-  error?: string;
-  functionUrl?: string;
-  showPanel?: boolean;
-  onDeploy?: () => Promise<void>;
-  onFormat?: () => Promise<void>;
-  onTogglePanel?: () => Promise<void>;
-}>;
-
-export const Toolbar = ({
-  classNames,
-  deployed,
-  error,
-  functionUrl,
-  showPanel,
-  onDeploy,
-  onFormat,
-  onTogglePanel,
-}: ToolbarProps) => {
-  const { t } = useTranslation(SCRIPT_PLUGIN);
-  const [pending, setPending] = useState(false);
-
-  const handleCopyLink = async () => {
-    if (!functionUrl) {
-      return;
-    }
-
-    await navigator.clipboard.writeText(functionUrl);
-  };
-
-  const handleDeploy = async () => {
-    setPending(true);
-    await onDeploy?.();
-    setPending(false);
-  };
-
-  // TODO(burdon): Simplify tooltips.
-  // TODO(burdon): Factor out common toolbar components with sheet/editor?
-  return (
-    <DensityProvider density='fine'>
-      <ElevationProvider elevation='chrome'>
-        <NaturalToolbar.Root classNames={['p-1', classNames]} style={{ contain: 'layout' }}>
-          {onFormat && (
-            <Tooltip.Root>
-              <Tooltip.Trigger asChild>
-                <NaturalToolbar.Button variant='ghost' onClick={onFormat}>
-                  <Icon icon='ph--magic-wand--regular' size={4} />
-                </NaturalToolbar.Button>
-              </Tooltip.Trigger>
-              <Tooltip.Portal>
-                <Tooltip.Content>
-                  <Tooltip.Arrow />
-                  {t('format label')}
-                </Tooltip.Content>
-              </Tooltip.Portal>
-            </Tooltip.Root>
-          )}
-
-          <div role='separator' className='grow' />
-
-          {error ? (
-            <Tooltip.Root>
-              <Tooltip.Trigger>
-                <Icon icon='ph--warning-circle--regular' size={4} />
-              </Tooltip.Trigger>
-              <Tooltip.Portal>
-                <Tooltip.Content>
-                  <Tooltip.Arrow />
-                  {error}
-                </Tooltip.Content>
-              </Tooltip.Portal>
-            </Tooltip.Root>
-          ) : null}
-
-          {functionUrl && deployed && (
-            <Tooltip.Root>
-              <Tooltip.Trigger asChild>
-                <NaturalToolbar.Button variant='ghost' onClick={handleCopyLink}>
-                  <Icon icon='ph--link--regular' size={4} />
-                </NaturalToolbar.Button>
-              </Tooltip.Trigger>
-              <Tooltip.Portal>
-                <Tooltip.Content>
-                  <Tooltip.Arrow />
-                  {t('copy link label')}
-                </Tooltip.Content>
-              </Tooltip.Portal>
-            </Tooltip.Root>
-          )}
-
-          <Tooltip.Root>
-            <Tooltip.Trigger asChild>
-              <NaturalToolbar.Button variant='ghost' onClick={handleDeploy} disabled={pending}>
-                {pending ? (
-                  <Icon icon='ph--spinner--regular' size={4} classNames='animate-spin-slow' />
-                ) : (
-                  <Icon icon='ph--cloud-arrow-up--regular' size={4} />
-                )}
-              </NaturalToolbar.Button>
-            </Tooltip.Trigger>
-            <Tooltip.Portal>
-              <Tooltip.Content>
-                <Tooltip.Arrow />
-                {pending ? t('pending label') : t('deploy label')}
-              </Tooltip.Content>
-            </Tooltip.Portal>
-          </Tooltip.Root>
-
-          {onTogglePanel && (
-            <Tooltip.Root>
-              <Tooltip.Trigger asChild>
-                <NaturalToolbar.Button variant='ghost' onClick={onTogglePanel}>
-                  <Icon icon={showPanel ? 'ph--caret-down--regular' : 'ph--caret-up--regular'} size={4} />
-                </NaturalToolbar.Button>
-              </Tooltip.Trigger>
-              <Tooltip.Portal>
-                <Tooltip.Content>
-                  <Tooltip.Arrow />
-                  {t('toggle details label')}
-                </Tooltip.Content>
-              </Tooltip.Portal>
-            </Tooltip.Root>
-          )}
-        </NaturalToolbar.Root>
-      </ElevationProvider>
-    </DensityProvider>
-  );
-};