@dxos/plugin-script 0.6.12-staging.e11e696 → 0.6.12

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/TypescriptEditor/index.ts"],"names":[],"mappings":"AAIA,cAAc,oBAAoB,CAAC"}

package/dist/types/src/templates/chat.d.ts

@@ -1,6 +0,0 @@
-/**
- * Chatbot that answers questions based on the context data.
- */
-declare const _default: ({ event: { data: { request }, }, context: { space, ai }, }: any) => Promise<Response>;
-export default _default;
-//# sourceMappingURL=chat.d.ts.map

package/dist/types/src/templates/chat.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"chat.d.ts","sourceRoot":"","sources":["../../../../src/templates/chat.ts"],"names":[],"mappings":"AAOA;;GAEG;qFAMA,GAAG;AALN,wBAsEE"}

package/dist/types/src/templates/chess.d.ts

@@ -1,6 +0,0 @@
-/**
- * Plays a random move in a chess game.
- */
-declare const _default: ({ event: { data: { request }, }, context: { space }, }: any) => Promise<Response>;
-export default _default;
-//# sourceMappingURL=chess.d.ts.map

package/dist/types/src/templates/chess.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"chess.d.ts","sourceRoot":"","sources":["../../../../src/templates/chess.ts"],"names":[],"mappings":"AAOA;;GAEG;iFAMA,GAAG;AALN,wBA8BE"}

package/dist/types/src/templates/echo.d.ts

@@ -1,6 +0,0 @@
-/**
- * Echos the request data.
- */
-declare const _default: ({ event: { data: { request }, }, }: any) => Promise<Response>;
-export default _default;
-//# sourceMappingURL=echo.d.ts.map

package/dist/types/src/templates/echo.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"echo.d.ts","sourceRoot":"","sources":["../../../../src/templates/echo.ts"],"names":[],"mappings":"AAIA;;GAEG;6DAKA,GAAG;AAJN,wBAOE"}

package/dist/types/src/templates/email.d.ts

@@ -1,6 +0,0 @@
-/**
- * Stores a message into ECHO Mailbox object.
- */
-declare const _default: ({ event: { data: { request }, }, context: { space }, }: any) => Promise<Response>;
-export default _default;
-//# sourceMappingURL=email.d.ts.map

package/dist/types/src/templates/email.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"email.d.ts","sourceRoot":"","sources":["../../../../src/templates/email.ts"],"names":[],"mappings":"AAIA;;GAEG;iFAMA,GAAG;AALN,wBA8BE"}

package/dist/types/src/templates/forex.d.ts

@@ -1,6 +0,0 @@
-/**
- * Returns the exchange rate between two currencies.
- */
-declare const _default: ({ event: { data: { request }, }, }: any) => Promise<Response>;
-export default _default;
-//# sourceMappingURL=forex.d.ts.map

package/dist/types/src/templates/forex.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"forex.d.ts","sourceRoot":"","sources":["../../../../src/templates/forex.ts"],"names":[],"mappings":"AAIA;;GAEG;6DAKA,GAAG;AAJN,wBAaE"}

package/dist/types/src/templates.d.ts

@@ -1,8 +0,0 @@
-export type Template = {
-    id: string;
-    name: string;
-    source: string;
-    presetId?: string;
-};
-export declare const templates: Template[];
-//# sourceMappingURL=templates.d.ts.map

package/dist/types/src/templates.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"templates.d.ts","sourceRoot":"","sources":["../../../src/templates.ts"],"names":[],"mappings":"AAiBA,MAAM,MAAM,QAAQ,GAAG;IACrB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,QAAQ,EA6B/B,CAAC"}

package/src/components/DebugPanel/index.ts

@@ -1,5 +0,0 @@
-//
-// Copyright 2024 DXOS.org
-//
-
-export * from './DebugPanel';

package/src/components/ScriptContainer.tsx

@@ -1,22 +0,0 @@
-//
-// Copyright 2023 DXOS.org
-//
-
-import React from 'react';
-
-import { fullyQualifiedId } from '@dxos/react-client/echo';
-import { useAttendableAttributes } from '@dxos/react-ui-attention';
-import { mx } from '@dxos/react-ui-theme';
-
-import { ScriptEditor, type ScriptEditorProps } from './ScriptEditor';
-
-const ScriptContainer = ({ script, ...props }: ScriptEditorProps) => {
-  const attendableAttrs = useAttendableAttributes(fullyQualifiedId(script));
-  return (
-    <div role='none' className={mx('flex row-span-2 w-full overflow-hidden attention-surface')} {...attendableAttrs}>
-      <ScriptEditor {...props} script={script} />
-    </div>
-  );
-};
-
-export default ScriptContainer;

package/src/components/ScriptSettings/ScriptSettings.tsx

@@ -1,47 +0,0 @@
-//
-// Copyright 2023 DXOS.org
-//
-
-import React from 'react';
-
-import { SettingsValue } from '@dxos/plugin-settings';
-import { type Credential } from '@dxos/protocols/proto/dxos/halo/credentials';
-import { useClient } from '@dxos/react-client';
-import { Button, useTranslation } from '@dxos/react-ui';
-
-import { SCRIPT_PLUGIN } from '../../meta';
-import { type ScriptSettingsProps } from '../../types';
-
-export const ScriptSettings = ({ settings }: { settings: ScriptSettingsProps }) => {
-  const { t } = useTranslation(SCRIPT_PLUGIN);
-  const client = useClient();
-
-  // TODO(burdon): Check token.
-  const handleAuthenticate = async () => {
-    const { identityKey } = client.halo.identity.get()!;
-    await client.halo.writeCredentials([
-      {
-        issuer: identityKey,
-        issuanceDate: new Date(),
-        subject: {
-          id: identityKey,
-          assertion: {
-            '@type': 'dxos.halo.credentials.ServiceAccess',
-            serverName: 'hub.dxos.network',
-            serverKey: identityKey,
-            identityKey,
-            capabilities: ['composer:beta'],
-          },
-        },
-      } satisfies Credential,
-    ]);
-  };
-
-  return (
-    <>
-      <SettingsValue label={t('authenticate action label')}>
-        <Button onClick={handleAuthenticate}>{t('authenticate button label')}</Button>
-      </SettingsValue>
-    </>
-  );
-};

package/src/components/ScriptSettings/index.ts

@@ -1,5 +0,0 @@
-//
-// Copyright 2024 DXOS.org
-//
-
-export * from './ScriptSettings';

package/src/components/Toolbar/Toolbar.tsx

@@ -1,180 +0,0 @@
-//
-// Copyright 2024 DXOS.org
-//
-
-import React, { useState } from 'react';
-
-import {
-  DensityProvider,
-  ElevationProvider,
-  Icon,
-  Select,
-  type ThemedClassName,
-  ToggleGroup,
-  ToggleGroupItem,
-  type ToolbarButtonProps,
-  Toolbar as NaturalToolbar,
-  Tooltip,
-  useTranslation,
-} from '@dxos/react-ui';
-
-import { SCRIPT_PLUGIN } from '../../meta';
-import { type Template } from '../../templates';
-
-export type ToolbarProps = ThemedClassName<
-  {
-    deployed?: boolean;
-    error?: string;
-    functionUrl?: string;
-    onDeploy?: () => Promise<void>;
-    onFormat?: () => Promise<void>;
-  } & TemplateSelectProps &
-    ViewSelectorProps
->;
-
-export const Toolbar = ({
-  classNames,
-  deployed,
-  error,
-  functionUrl,
-  view,
-  templates,
-  onDeploy,
-  onFormat,
-  onViewChange,
-  onTemplateSelect,
-}: 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 () => {
-    if (!pending) {
-      setPending(true);
-      await onDeploy?.();
-      setPending(false);
-    }
-  };
-
-  // 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' }}>
-          {templates && <TemplateSelect templates={templates} onTemplateSelect={onTemplateSelect} />}
-          {onFormat && <ToolbarIconButton icon='ph--magic-wand--regular' text={t('format label')} onClick={onFormat} />}
-
-          <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 && (
-            <ToolbarIconButton icon='ph--link--regular' text={t('copy link label')} onClick={handleCopyLink} />
-          )}
-
-          {onDeploy && (
-            <ToolbarIconButton
-              icon={pending ? 'ph--spinner-gap--regular' : 'ph--cloud-arrow-up--regular'}
-              classNames={[pending && 'animate-spin']}
-              text={pending ? t('pending label') : t('deploy label')}
-              onClick={handleDeploy}
-            />
-          )}
-
-          <ViewSelector view={view} onViewChange={onViewChange} />
-        </NaturalToolbar.Root>
-      </ElevationProvider>
-    </DensityProvider>
-  );
-};
-
-const ToolbarIconButton = ({
-  icon,
-  text,
-  classNames,
-  disabled,
-  onClick,
-}: { icon: string; text: string } & Pick<ToolbarButtonProps, 'classNames' | 'disabled' | 'onClick'>) => {
-  return (
-    <Tooltip.Root>
-      <Tooltip.Trigger asChild>
-        <NaturalToolbar.Button variant='ghost' disabled={disabled} onClick={onClick}>
-          <Icon icon={icon} size={4} classNames={classNames} />
-        </NaturalToolbar.Button>
-      </Tooltip.Trigger>
-      <Tooltip.Portal>
-        <Tooltip.Content>
-          <Tooltip.Arrow />
-          {text}
-        </Tooltip.Content>
-      </Tooltip.Portal>
-    </Tooltip.Root>
-  );
-};
-
-export type ViewType = 'editor' | 'split' | 'preview';
-
-export type TemplateSelectProps = {
-  templates?: Template[];
-  onTemplateSelect?: (id: string) => void;
-};
-
-export const TemplateSelect = ({ templates = [], onTemplateSelect }: TemplateSelectProps) => {
-  return (
-    <Select.Root value={''} onValueChange={onTemplateSelect}>
-      <Select.TriggerButton />
-      <Select.Portal>
-        <Select.Content>
-          <Select.Viewport>
-            <Select.Option value={''}>Template</Select.Option>
-            {templates.map(({ id, name }) => (
-              <Select.Option key={id} value={id}>
-                {name}
-              </Select.Option>
-            ))}
-          </Select.Viewport>
-        </Select.Content>
-      </Select.Portal>
-    </Select.Root>
-  );
-};
-
-export type ViewSelectorProps = {
-  view?: ViewType;
-  onViewChange?: (view: ViewType) => void;
-};
-
-export const ViewSelector = ({ view, onViewChange }: ViewSelectorProps) => {
-  return (
-    <ToggleGroup type='single' value={view} onValueChange={(value) => onViewChange?.(value as ViewType)}>
-      <ToggleGroupItem value='editor' classNames='bg-transparent text-subdued'>
-        <Icon icon='ph--code--regular' size={4} />
-      </ToggleGroupItem>
-      <ToggleGroupItem value='split' classNames='bg-transparent text-subdued'>
-        <Icon icon='ph--square-split-vertical--regular' size={4} />
-      </ToggleGroupItem>
-      <ToggleGroupItem value='preview' classNames='bg-transparent text-subdued'>
-        <Icon icon='ph--eye--regular' size={4} />
-      </ToggleGroupItem>
-    </ToggleGroup>
-  );
-};

package/src/components/TypescriptEditor/index.ts

@@ -1,5 +0,0 @@
-//
-// Copyright 2024 DXOS.org
-//
-
-export * from './TypescriptEditor';

package/src/templates/chat.ts

@@ -1,102 +0,0 @@
-//
-// Copyright 2024 DXOS.org
-//
-
-// @ts-ignore
-import { transformServerSentEvents } from 'https://esm.sh/@dxos/script-toolbox';
-
-/**
- * Chatbot that answers questions based on the context data.
- */
-export default async ({
-  event: {
-    data: { request },
-  },
-  context: { space, ai },
-}: any) => {
-  const textBody = await request.text();
-  let parsedRequest: any;
-  try {
-    parsedRequest = JSON.parse(textBody);
-  } catch (err) {
-    const answer = await ai.run('@cf/meta/llama-3.1-8b-instruct', {
-      stream: true,
-      prompt: `
-     Using only the context data below to answer the user's question.
-     If you cannot answer the question from the provided content, then reply with "I don't know."
-
-     CONTEXT:
-     ${await getContext({ space })}
-
-     QUESTION:
-     ${textBody}
-    `,
-    });
-    return new Response(transformServerSentEvents(answer));
-  }
-
-  const promptId = parsedRequest.trigger.promptId;
-  const promptObject = await space.crud.query({ id: promptId }).first();
-
-  if (parsedRequest.data.objects.length !== 1) {
-    return new Response('Message batches not supported.');
-  }
-
-  const messageId = parsedRequest.data.objects[0];
-  let message;
-  try {
-    message = await space.crud.query({ id: messageId }).first();
-  } catch (err) {
-    return new Response('Message not replicated yet.', { status: 409 });
-  }
-
-  if (message.text.includes('--------')) {
-    return new Response('Message was already processed.');
-  }
-
-  let prompt = promptObject.template;
-  for (const input of promptObject.inputs) {
-    let value: string | null = null;
-    if (input.type === ChainInputType.VALUE) {
-      value = String(input.value);
-    } else if (input.type === ChainInputType.RETRIEVER) {
-      value = await getContext({ space });
-    } else if (input.type === ChainInputType.PASS_THROUGH) {
-      value = message.text;
-    }
-    if (value) {
-      prompt = prompt.replaceAll(`{${input.name}}`, value);
-    }
-  }
-
-  const answer = await ai.run('@cf/meta/llama-3.1-8b-instruct', {
-    stream: false,
-    prompt,
-  });
-  const response = { response: answer.response, prompt, message };
-  const textWithAnswer = message.text + '\n--------\n\n' + answer.response;
-  await space.crud.update({ id: messageId }, { text: textWithAnswer });
-
-  return new Response(JSON.stringify(response));
-};
-
-const getContext = async ({ space }: any) => {
-  let context = '';
-  const { objects: docs } = await space.crud.query({ __typename: 'dxos.org/type/Document' }).run();
-  for (const doc of docs) {
-    const { content } = await space.crud.query({ id: doc.content }).first();
-    context += content + '\n\n';
-  }
-  return context;
-};
-
-enum ChainInputType {
-  VALUE = 0,
-  PASS_THROUGH = 1,
-  RETRIEVER = 2,
-  FUNCTION = 3,
-  QUERY = 4,
-  RESOLVER = 5,
-  CONTEXT = 6,
-  SCHEMA = 7,
-}

package/src/templates/chess.ts

@@ -1,41 +0,0 @@
-//
-// Copyright 2024 DXOS.org
-//
-
-// @ts-ignore
-import { Chess } from 'https://esm.sh/chess.js@0.13.1';
-
-/**
- * Plays a random move in a chess game.
- */
-export default async ({
-  event: {
-    data: { request },
-  },
-  context: { space },
-}: any) => {
-  const {
-    data: {
-      objects: [gameId],
-      player = 'b',
-    },
-  } = await request.json();
-
-  const { pgn } = await space.crud.query({ id: gameId }).first();
-  const game = new Chess();
-  game.load_pgn(pgn);
-  if (game.turn() !== player) {
-    return new Response('Invalid turn', { status: 409 });
-  }
-
-  const moves = game.moves();
-  const move = moves[Math.floor(Math.random() * moves.length)];
-  if (!move) {
-    return new Response('No legal moves', { status: 406 });
-  }
-
-  game.move(move);
-  const newPgn = game.pgn();
-  await space.crud.update({ id: gameId }, { pgn: newPgn });
-  return new Response(game.ascii());
-};

package/src/templates/echo.ts

@@ -1,15 +0,0 @@
-//
-// Copyright 2024 DXOS.org
-//
-
-/**
- * Echos the request data.
- */
-export default async ({
-  event: {
-    data: { request },
-  },
-}: any) => {
-  const data = await request.json();
-  return new Response(JSON.stringify(data ?? {}), { headers: { 'Content-Type': 'application/json' } });
-};

package/src/templates/email.ts

@@ -1,38 +0,0 @@
-//
-// Copyright 2024 DXOS.org
-//
-
-/**
- * Stores a message into ECHO Mailbox object.
- */
-export default async ({
-  event: {
-    data: { request },
-  },
-  context: { space },
-}: any) => {
-  const {
-    data: {
-      objects: [message],
-    },
-  } = await request.json();
-
-  const mailbox = await space.crud.query({ __typename: 'dxos.org/type/MailboxType' }).first();
-  if (!mailbox) {
-    return new Response('Mailbox not found.', { status: 500 });
-  }
-
-  await space.crud.push(
-    { id: mailbox.id },
-    {
-      sender: { email: message.from },
-      timestamp: new Date(message.created).toISOString(),
-      text: message.body,
-      properties: {
-        subject: message.subject,
-        to: [{ email: message.to }],
-      },
-    },
-  );
-  return new Response(JSON.stringify(message));
-};

package/src/templates/forex.ts

@@ -1,21 +0,0 @@
-//
-// Copyright 2024 DXOS.org
-//
-
-/**
- * Returns the exchange rate between two currencies.
- */
-export default async ({
-  event: {
-    data: { request },
-  },
-}: any) => {
-  const { args: [from = 'EUR', to = 'USD'] = [] } = await request.json();
-
-  const res = await fetch(`https://free.ratesdb.com/v1/rates?from=${from}&to=${to}`);
-  const {
-    data: { rates },
-  } = await res.json();
-
-  return new Response(rates[to].toString());
-};

package/src/templates.ts

@@ -1,54 +0,0 @@
-//
-// Copyright 2024 DXOS.org
-//
-
-// @ts-ignore
-import chat from './templates/chat.ts?raw';
-// @ts-ignore
-import chess from './templates/chess.ts?raw';
-// @ts-ignore
-import echo from './templates/echo.ts?raw';
-// @ts-ignore
-import email from './templates/email.ts?raw';
-// @ts-ignore
-import forex from './templates/forex.ts?raw';
-
-const removeHeader = (str: string) => str.split('\n').slice(4).join('\n');
-
-export type Template = {
-  id: string;
-  name: string;
-  source: string;
-  presetId?: string;
-};
-
-export const templates: Template[] = [
-  {
-    id: 'dxos.org/script/echo',
-    name: 'Echo',
-    source: removeHeader(echo),
-  },
-  {
-    id: 'dxos.org/script/forex',
-    name: 'Forex',
-    source: removeHeader(forex),
-  },
-  {
-    id: 'dxos.org/script/gpt',
-    name: 'Gpt',
-    source: removeHeader(chat),
-    presetId: 'dxos.org/function/gpt',
-  },
-  {
-    id: 'dxos.org/script/chess',
-    name: 'Chess',
-    source: removeHeader(chess),
-    presetId: 'dxos.org/function/chess',
-  },
-  {
-    id: 'dxos.org/script/email',
-    name: 'Email',
-    source: removeHeader(email),
-    presetId: 'dxos.org/function/email',
-  },
-];