@dxos/plugin-script 0.8.1-main.ae460ac → 0.8.1-main.ba2dec9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (146) hide show
  1. package/dist/lib/browser/{ScriptContainer-S3MAKTV2.mjs → ScriptContainer-AIBCQZ7S.mjs} +12 -10
  2. package/dist/lib/browser/{ScriptContainer-S3MAKTV2.mjs.map → ScriptContainer-AIBCQZ7S.mjs.map} +3 -3
  3. package/dist/lib/browser/{artifact-definition-4LWPD3DH.mjs → artifact-definition-GTL3ZSF2.mjs} +2 -2
  4. package/dist/lib/browser/artifact-definition-GTL3ZSF2.mjs.map +7 -0
  5. package/dist/lib/browser/{chunk-4FWN55UF.mjs → chunk-4SSKJNMZ.mjs} +2 -2
  6. package/dist/lib/browser/chunk-4SSKJNMZ.mjs.map +7 -0
  7. package/dist/lib/browser/chunk-5RZVHFGR.mjs +467 -0
  8. package/dist/lib/browser/chunk-5RZVHFGR.mjs.map +7 -0
  9. package/dist/lib/browser/{chunk-PFIX5NKP.mjs → chunk-5WPOWUPI.mjs} +75 -8
  10. package/dist/lib/browser/chunk-5WPOWUPI.mjs.map +7 -0
  11. package/dist/lib/browser/{chunk-2H6QBQ5Q.mjs → chunk-JL34HAEL.mjs} +2 -2
  12. package/dist/lib/browser/{chunk-2H6QBQ5Q.mjs.map → chunk-JL34HAEL.mjs.map} +1 -1
  13. package/dist/lib/browser/index.mjs +14 -13
  14. package/dist/lib/browser/index.mjs.map +2 -2
  15. package/dist/lib/browser/{intent-resolver-5BRHMSBN.mjs → intent-resolver-BJ76DBGE.mjs} +4 -4
  16. package/dist/lib/browser/{intent-resolver-5BRHMSBN.mjs.map → intent-resolver-BJ76DBGE.mjs.map} +1 -1
  17. package/dist/lib/browser/meta.json +1 -1
  18. package/dist/lib/browser/{react-surface-IDIV7XIA.mjs → react-surface-M4RD24IN.mjs} +6 -8
  19. package/dist/lib/browser/react-surface-M4RD24IN.mjs.map +7 -0
  20. package/dist/lib/browser/{settings-LRHZSUEJ.mjs → settings-HIWURVAS.mjs} +2 -2
  21. package/dist/lib/browser/types.mjs +1 -1
  22. package/dist/lib/node/{ScriptContainer-HAN2O43Z.cjs → ScriptContainer-ZYVN7ZW6.cjs} +21 -18
  23. package/dist/lib/node/{ScriptContainer-HAN2O43Z.cjs.map → ScriptContainer-ZYVN7ZW6.cjs.map} +3 -3
  24. package/dist/lib/node/{artifact-definition-BXQCFPAH.cjs → artifact-definition-64KZC4UT.cjs} +9 -9
  25. package/dist/lib/node/artifact-definition-64KZC4UT.cjs.map +7 -0
  26. package/dist/lib/node/{chunk-PPGWSKO4.cjs → chunk-B2O7H2AU.cjs} +80 -14
  27. package/dist/lib/node/chunk-B2O7H2AU.cjs.map +7 -0
  28. package/dist/lib/node/chunk-PTXU7QFZ.cjs +493 -0
  29. package/dist/lib/node/chunk-PTXU7QFZ.cjs.map +7 -0
  30. package/dist/lib/node/{chunk-3ICET6JB.cjs → chunk-VJ73IG7P.cjs} +6 -6
  31. package/dist/lib/node/{chunk-3ICET6JB.cjs.map → chunk-VJ73IG7P.cjs.map} +2 -2
  32. package/dist/lib/node/{chunk-I57SKIAA.cjs → chunk-XCQNFRZ6.cjs} +5 -5
  33. package/dist/lib/node/chunk-XCQNFRZ6.cjs.map +7 -0
  34. package/dist/lib/node/index.cjs +25 -24
  35. package/dist/lib/node/index.cjs.map +3 -3
  36. package/dist/lib/node/{intent-resolver-L4WJAAV3.cjs → intent-resolver-HQ3FGK2K.cjs} +10 -10
  37. package/dist/lib/node/intent-resolver-HQ3FGK2K.cjs.map +7 -0
  38. package/dist/lib/node/meta.json +1 -1
  39. package/dist/lib/node/{react-surface-JRDQP3MO.cjs → react-surface-JDA5UZCC.cjs} +17 -18
  40. package/dist/lib/node/react-surface-JDA5UZCC.cjs.map +7 -0
  41. package/dist/lib/node/{settings-TR2CA4IH.cjs → settings-ZASSNBKR.cjs} +7 -7
  42. package/dist/lib/node/types.cjs +3 -3
  43. package/dist/lib/node/types.cjs.map +1 -1
  44. package/dist/lib/node-esm/{ScriptContainer-QDP6ASXN.mjs → ScriptContainer-PI7PU5T7.mjs} +12 -10
  45. package/dist/lib/node-esm/{ScriptContainer-QDP6ASXN.mjs.map → ScriptContainer-PI7PU5T7.mjs.map} +3 -3
  46. package/dist/lib/node-esm/{artifact-definition-KT4DK2LQ.mjs → artifact-definition-SF46QOO7.mjs} +2 -2
  47. package/dist/lib/node-esm/artifact-definition-SF46QOO7.mjs.map +7 -0
  48. package/dist/lib/node-esm/{chunk-J5LF4LOZ.mjs → chunk-4YUSGXJ2.mjs} +2 -2
  49. package/dist/lib/node-esm/chunk-4YUSGXJ2.mjs.map +7 -0
  50. package/dist/lib/node-esm/chunk-AXFGQDAD.mjs +468 -0
  51. package/dist/lib/node-esm/chunk-AXFGQDAD.mjs.map +7 -0
  52. package/dist/lib/node-esm/{chunk-N52CCVF5.mjs → chunk-FHQKFLM7.mjs} +2 -2
  53. package/dist/lib/node-esm/{chunk-N52CCVF5.mjs.map → chunk-FHQKFLM7.mjs.map} +1 -1
  54. package/dist/lib/node-esm/{chunk-UOGXH6JB.mjs → chunk-GLW67SM7.mjs} +75 -8
  55. package/dist/lib/node-esm/chunk-GLW67SM7.mjs.map +7 -0
  56. package/dist/lib/node-esm/index.mjs +14 -13
  57. package/dist/lib/node-esm/index.mjs.map +2 -2
  58. package/dist/lib/node-esm/{intent-resolver-HFXJQI5Y.mjs → intent-resolver-CDTQKQD4.mjs} +4 -4
  59. package/dist/lib/node-esm/{intent-resolver-HFXJQI5Y.mjs.map → intent-resolver-CDTQKQD4.mjs.map} +1 -1
  60. package/dist/lib/node-esm/meta.json +1 -1
  61. package/dist/lib/node-esm/{react-surface-VN7MK3J7.mjs → react-surface-ODWVGWV4.mjs} +6 -8
  62. package/dist/lib/node-esm/react-surface-ODWVGWV4.mjs.map +7 -0
  63. package/dist/lib/node-esm/{settings-Q6B4K7LO.mjs → settings-FDGLXN4I.mjs} +2 -2
  64. package/dist/lib/node-esm/types.mjs +1 -1
  65. package/dist/types/src/components/DebugPanel/DebugPanel.d.ts +2 -1
  66. package/dist/types/src/components/DebugPanel/DebugPanel.d.ts.map +1 -1
  67. package/dist/types/src/components/FrameContainer/FrameContainer.d.ts +2 -1
  68. package/dist/types/src/components/FrameContainer/FrameContainer.d.ts.map +1 -1
  69. package/dist/types/src/components/LogsPanel/LogsPanel.d.ts +8 -0
  70. package/dist/types/src/components/LogsPanel/LogsPanel.d.ts.map +1 -0
  71. package/dist/types/src/components/LogsPanel/index.d.ts +2 -0
  72. package/dist/types/src/components/LogsPanel/index.d.ts.map +1 -0
  73. package/dist/types/src/components/ScriptContainer.d.ts +3 -2
  74. package/dist/types/src/components/ScriptContainer.d.ts.map +1 -1
  75. package/dist/types/src/components/ScriptSettings/ScriptSettings.d.ts +2 -1
  76. package/dist/types/src/components/ScriptSettings/ScriptSettings.d.ts.map +1 -1
  77. package/dist/types/src/components/ScriptSettingsPanel.d.ts +3 -2
  78. package/dist/types/src/components/ScriptSettingsPanel.d.ts.map +1 -1
  79. package/dist/types/src/components/ScriptToolbar/ScriptToolbar.d.ts +3 -2
  80. package/dist/types/src/components/ScriptToolbar/ScriptToolbar.d.ts.map +1 -1
  81. package/dist/types/src/components/TypescriptEditor/TypescriptEditor.d.ts +2 -1
  82. package/dist/types/src/components/TypescriptEditor/TypescriptEditor.d.ts.map +1 -1
  83. package/dist/types/src/components/index.d.ts +2 -1
  84. package/dist/types/src/components/index.d.ts.map +1 -1
  85. package/dist/types/src/hooks/deploy.d.ts +23 -0
  86. package/dist/types/src/hooks/deploy.d.ts.map +1 -1
  87. package/dist/types/src/hooks/format.d.ts +1 -1
  88. package/dist/types/src/hooks/format.d.ts.map +1 -1
  89. package/dist/types/src/hooks/template.d.ts +1 -1
  90. package/dist/types/src/hooks/template.d.ts.map +1 -1
  91. package/dist/types/src/hooks/useToolbarAction.d.ts +1 -1
  92. package/dist/types/src/hooks/useToolbarAction.d.ts.map +1 -1
  93. package/dist/types/src/hooks/view.d.ts +1 -1
  94. package/dist/types/src/hooks/view.d.ts.map +1 -1
  95. package/dist/types/src/templates/discord.d.ts.map +1 -1
  96. package/dist/types/src/translations.d.ts +3 -3
  97. package/dist/types/src/translations.d.ts.map +1 -1
  98. package/dist/types/src/types.d.ts +1 -1
  99. package/dist/types/src/types.d.ts.map +1 -1
  100. package/package.json +47 -44
  101. package/src/ScriptPlugin.tsx +1 -1
  102. package/src/capabilities/artifact-definition.ts +1 -1
  103. package/src/capabilities/intent-resolver.ts +1 -1
  104. package/src/capabilities/react-surface.tsx +1 -1
  105. package/src/components/LogsPanel/LogsPanel.tsx +111 -0
  106. package/src/components/LogsPanel/index.ts +5 -0
  107. package/src/components/ScriptContainer.tsx +9 -5
  108. package/src/components/ScriptSettingsPanel.tsx +1 -1
  109. package/src/components/ScriptToolbar/ScriptToolbar.tsx +1 -1
  110. package/src/components/index.ts +1 -0
  111. package/src/hooks/deploy.ts +3 -3
  112. package/src/hooks/format.ts +1 -1
  113. package/src/hooks/template.ts +1 -1
  114. package/src/hooks/useToolbarAction.ts +1 -1
  115. package/src/hooks/view.ts +2 -5
  116. package/src/templates/discord.ts +12 -5
  117. package/src/translations.ts +2 -4
  118. package/src/types.ts +1 -1
  119. package/dist/lib/browser/artifact-definition-4LWPD3DH.mjs.map +0 -7
  120. package/dist/lib/browser/chunk-4FWN55UF.mjs.map +0 -7
  121. package/dist/lib/browser/chunk-5SXOHNAK.mjs +0 -240
  122. package/dist/lib/browser/chunk-5SXOHNAK.mjs.map +0 -7
  123. package/dist/lib/browser/chunk-FWK7MJLK.mjs +0 -234
  124. package/dist/lib/browser/chunk-FWK7MJLK.mjs.map +0 -7
  125. package/dist/lib/browser/chunk-PFIX5NKP.mjs.map +0 -7
  126. package/dist/lib/browser/react-surface-IDIV7XIA.mjs.map +0 -7
  127. package/dist/lib/node/artifact-definition-BXQCFPAH.cjs.map +0 -7
  128. package/dist/lib/node/chunk-7DFSSJOL.cjs +0 -261
  129. package/dist/lib/node/chunk-7DFSSJOL.cjs.map +0 -7
  130. package/dist/lib/node/chunk-I57SKIAA.cjs.map +0 -7
  131. package/dist/lib/node/chunk-K3ZZWVXS.cjs +0 -269
  132. package/dist/lib/node/chunk-K3ZZWVXS.cjs.map +0 -7
  133. package/dist/lib/node/chunk-PPGWSKO4.cjs.map +0 -7
  134. package/dist/lib/node/intent-resolver-L4WJAAV3.cjs.map +0 -7
  135. package/dist/lib/node/react-surface-JRDQP3MO.cjs.map +0 -7
  136. package/dist/lib/node-esm/artifact-definition-KT4DK2LQ.mjs.map +0 -7
  137. package/dist/lib/node-esm/chunk-2AFXX34U.mjs +0 -241
  138. package/dist/lib/node-esm/chunk-2AFXX34U.mjs.map +0 -7
  139. package/dist/lib/node-esm/chunk-HLRR6EJX.mjs +0 -235
  140. package/dist/lib/node-esm/chunk-HLRR6EJX.mjs.map +0 -7
  141. package/dist/lib/node-esm/chunk-J5LF4LOZ.mjs.map +0 -7
  142. package/dist/lib/node-esm/chunk-UOGXH6JB.mjs.map +0 -7
  143. package/dist/lib/node-esm/react-surface-VN7MK3J7.mjs.map +0 -7
  144. /package/dist/lib/browser/{settings-LRHZSUEJ.mjs.map → settings-HIWURVAS.mjs.map} +0 -0
  145. /package/dist/lib/node/{settings-TR2CA4IH.cjs.map → settings-ZASSNBKR.cjs.map} +0 -0
  146. /package/dist/lib/node-esm/{settings-Q6B4K7LO.mjs.map → settings-FDGLXN4I.mjs.map} +0 -0
@@ -2,7 +2,7 @@
2
2
  // Copyright 2023 DXOS.org
3
3
  //
4
4
 
5
- import { ScriptType } from '@dxos/functions';
5
+ import { ScriptType } from '@dxos/functions/types';
6
6
 
7
7
  import { SCRIPT_PLUGIN } from './meta';
8
8
 
@@ -48,9 +48,7 @@ export default [
48
48
  'view group label': 'View',
49
49
  'view editor label': 'Editor',
50
50
  'view split label': 'Split',
51
- 'view debug label': 'Debug',
52
- // TODO(wittjosiah): Replace debug with logs.
53
- // 'view logs label': 'Logs',
51
+ 'view logs label': 'Logs',
54
52
  'template select group label': 'Select template',
55
53
  'function panel label': 'Debug Function',
56
54
  },
package/src/types.ts CHANGED
@@ -6,7 +6,7 @@ import { TitleAnnotationId } from 'effect/SchemaAST';
6
6
 
7
7
  import { SpaceSchema } from '@dxos/client/echo';
8
8
  import { S } from '@dxos/echo-schema';
9
- import { ScriptType } from '@dxos/functions';
9
+ import { ScriptType } from '@dxos/functions/types';
10
10
  import { EditorInputMode } from '@dxos/react-ui-editor';
11
11
 
12
12
  import { SCRIPT_PLUGIN } from './meta';
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../src/capabilities/artifact-definition.ts"],
4
- "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { Capabilities, contributes, createIntent, type PromiseIntentDispatcher } from '@dxos/app-framework';\nimport { defineArtifact, defineTool, ToolResult } from '@dxos/artifact';\nimport { createArtifactElement } from '@dxos/assistant';\nimport { ObjectId, S } from '@dxos/echo-schema';\nimport { ScriptType } from '@dxos/functions';\nimport { invariant } from '@dxos/invariant';\nimport { SpaceAction } from '@dxos/plugin-space/types';\nimport { create, makeRef, type Space } from '@dxos/react-client/echo';\nimport { TextType } from '@dxos/schema';\n\nimport { meta } from '../meta';\n// TODO(burdon): Factor out.\ndeclare global {\n interface ToolContextExtensions {\n space?: Space;\n dispatch?: PromiseIntentDispatcher;\n }\n}\n\nexport default () => {\n const definition = defineArtifact({\n id: meta.id,\n name: meta.name,\n // TODO(dmaretskyi): Since writing scripts requires a lot of domain knowledge,\n // we should offload the work of synthesizing the code to a separate model.\n // The main reasoning model will give it a concrete task and the script model will synthesize the code, knowing all the docs.\n instructions: `\n If the user explicitly requests you to write a script, you can create one.\n If the user requests you to change one of the existing script, you can update it.\n Scripts are short code pieces of executable code that can be used to perform computations, integrate with external systems, and perform automated tasks.\n Each script must follow as strict shape for the definition but the body can contain any valid executable code.\n Scripts are written in JavaScript or TypeScript.\n Each script must define an input schema and output schema.\n Each script must have its own detailed description.\n\n Important: You cannot execute scripts. Scripts are only available as tools after the user deploys them. You must only call the available tools.\n\n Description:\n The description is a detailed description of the script.\n It is used to describe the script's purpose, input, and output.\n The description is used to generate the script's documentation.\n The description is also goes into the script metadata.\n The description is used by AI to understand the script and its purpose.\n The description must provide cases on when the script should be used.\n\n Schema: \n The schema is defined using a schema-DSL library called Effect Schema.\n The input schema describes the arguments that the script accepts.\n The output schema describes the result that the script produces.\n The schema is used to validate the script's input and output.\n The schema is also goes into the script metadata.\n The properties in the schema must have valid descriptions.\n The input and output schemas must both be a struct of fields.\n\n Restricts:\n The scripts can only import code from \"dxos:functions\" module. No other modules are allowed.\n Some web APIs are available - like fetch.\n\n Reasoning:\n Before writing a script, synthesize the following information:\n - Description\n - What APIs will be used.\n - Detailed input schema\n - Detailed output schema\n\n <apis>\n export function defineFunction(params: { \n description: string, \n inputSchema: S.Schema, \n outputSchema: S.Schema, \n handler: (params: { event: { data: TInput } }) => Promise<TOutput> \n }): FunctionDefinition\n /**\n * Effect Schema\n */\n export const S; \n\n // Examples: \n\n S.String\n S.Number\n S.Boolean\n S.Struct({\n from: S.String.annotations({ description: 'The source currency' }),\n to: S.String.annotations({ description: 'The target currency' }),\n })\n S.Array(S.String)\n S.Union(S.String, S.Number)\n S.optional(S.String)\n S.String.annotations({ description: 'The source currency' })\n </apis>\n\n <handler_function>\n Async function that takes the argument in the form of:\n\n type HandlerFunctionParam = {\n event: {\n data: T // The input schema\n },\n }\n\n The function must return the result that matches the output schema.\n </handler_function>\n \n <example>\n import { defineFunction, S } from 'dxos:functions';\n\n export default defineFunction({\n description: 'Returns the exchange rate between two currencies.',\n\n inputSchema: S.Struct({\n from: S.String.annotations({ description: 'The source currency' }),\n to: S.String.annotations({ description: 'The target currency' }),\n }),\n\n outputSchema: S.Struct({\n rate: S.String.annotations({ description: 'The exchange rate' }),\n }),\n\n handler: async ({\n event: {\n data: { from, to },\n },\n }: any) => {\n const res = await fetch(\\`https://free.ratesdb.com/v1/rates?from=\\${from}&to=\\${to}\\`);\n const {\n data: { rates },\n } = await res.json();\n\n return { rate: rates[to].toString() };\n },\n });\n </example>\n `,\n schema: ScriptType,\n tools: [\n defineTool(meta.id, {\n name: 'create',\n description: 'Create a new script. Returns the artifact definition for the script',\n caption: 'Creating script...',\n schema: S.Struct({\n name: S.String.annotations({ description: 'The name of the script' }),\n code: S.String.annotations({\n description: 'The full code of the script in JavaScript or TypeScript. Must be valid executable code.',\n }),\n }),\n execute: async ({ name, code }, { extensions }) => {\n invariant(extensions?.space, 'No space');\n invariant(extensions?.dispatch, 'No intent dispatcher');\n const script = create(ScriptType, {\n name,\n source: makeRef(\n create(TextType, {\n content: code,\n }),\n ),\n });\n extensions.space.db.add(script);\n await extensions.space.db.flush();\n\n const intent = createIntent(SpaceAction.AddObject, { target: extensions.space, object: script });\n const { data, error } = await extensions.dispatch(intent);\n if (!data || error) {\n return ToolResult.Error(error?.message ?? 'Failed to create chess game');\n }\n\n return ToolResult.Success(createArtifactElement(script.id));\n },\n }),\n defineTool(meta.id, {\n name: 'inspect',\n description: 'Inspect a script. Returns the artifact definition for the script',\n caption: 'Inspecting script...',\n schema: S.Struct({\n id: ObjectId,\n }),\n execute: async ({ id }, { extensions }) => {\n invariant(extensions?.space, 'No space');\n\n const script = (await extensions.space.db.query({ id }).first()) as ScriptType;\n const { content } = await script.source.load();\n\n return ToolResult.Success({\n name: script.name,\n code: content,\n });\n },\n }),\n defineTool(meta.id, {\n name: 'update',\n description: 'Update a script. Returns the artifact definition for the script',\n caption: 'Updating script...',\n schema: S.Struct({\n id: ObjectId,\n code: S.String.annotations({\n description: 'The full code of the script in JavaScript or TypeScript. Must be valid executable code.',\n }),\n }),\n execute: async ({ id, code }, { extensions }) => {\n invariant(extensions?.space, 'No space');\n\n const script = (await extensions.space.db.query({ id }).first()) as ScriptType;\n const source = await script.source.load();\n if (!source) {\n return ToolResult.Error('Script not found');\n }\n\n source.content = code;\n await extensions.space?.db.flush();\n\n return ToolResult.Success({\n name: script.name,\n });\n },\n }),\n ],\n });\n\n return contributes(Capabilities.ArtifactDefinition, definition);\n};\n"],
5
- "mappings": "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",
6
- "names": ["Capabilities", "contributes", "createIntent", "defineArtifact", "defineTool", "ToolResult", "createArtifactElement", "ObjectId", "S", "ScriptType", "invariant", "SpaceAction", "create", "makeRef", "TextType", "definition", "defineArtifact", "id", "meta", "name", "instructions", "schema", "ScriptType", "tools", "defineTool", "description", "caption", "S", "Struct", "String", "annotations", "code", "execute", "extensions", "invariant", "space", "dispatch", "script", "create", "source", "makeRef", "TextType", "content", "db", "add", "flush", "intent", "createIntent", "SpaceAction", "AddObject", "target", "object", "data", "error", "ToolResult", "Error", "message", "Success", "createArtifactElement", "ObjectId", "query", "first", "load", "contributes", "Capabilities", "ArtifactDefinition"]
7
- }
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["raw-loader:./chat.ts?raw", "raw-loader:./chess.ts?raw", "raw-loader:./discord.ts?raw", "raw-loader:./echo.ts?raw", "raw-loader:./email.ts?raw", "raw-loader:./forex-effect.ts?raw", "raw-loader:./forex.ts?raw", "../../../src/templates/index.ts"],
4
- "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\n// @ts-ignore\nimport { transformServerSentEvents } from 'https://esm.sh/@dxos/script-toolbox';\n\n/**\n * Chatbot that answers questions based on the context data.\n */\nexport default async ({\n event: {\n data: { request },\n },\n context: { space, ai },\n}: any) => {\n const textBody = await request.text();\n let parsedRequest: any;\n try {\n parsedRequest = JSON.parse(textBody);\n } catch (err) {\n const answer = await ai.run('@cf/meta/llama-3.1-8b-instruct', {\n stream: true,\n prompt: `\n Using only the context data below to answer the user's question.\n If you cannot answer the question from the provided content, then reply with \"I don't know.\"\n\n CONTEXT:\n ${await getContext({ space })}\n\n QUESTION:\n ${textBody}\n `,\n });\n return new Response(transformServerSentEvents(answer));\n }\n\n const promptId = parsedRequest.trigger.promptId;\n const promptObject = await space.crud.query({ id: promptId }).first();\n\n if (parsedRequest.data.objects.length !== 1) {\n return new Response('Message batches not supported.');\n }\n\n const messageId = parsedRequest.data.objects[0];\n let message;\n try {\n message = await space.crud.query({ id: messageId }).first();\n } catch (err) {\n return new Response('Message not replicated yet.', { status: 409 });\n }\n\n if (message.text.includes('--------')) {\n return new Response('Message was already processed.');\n }\n\n let prompt = promptObject.template;\n for (const input of promptObject.inputs) {\n let value: string | null = null;\n if (input.type === TemplateInputType.VALUE) {\n value = String(input.value);\n } else if (input.type === TemplateInputType.RETRIEVER) {\n value = await getContext({ space });\n } else if (input.type === TemplateInputType.PASS_THROUGH) {\n value = message.text;\n }\n if (value) {\n prompt = prompt.replaceAll(`{${input.name}}`, value);\n }\n }\n\n const answer = await ai.run('@cf/meta/llama-3.1-8b-instruct', {\n stream: false,\n prompt,\n });\n const response = { response: answer.response, prompt, message };\n const textWithAnswer = message.text + '\\n--------\\n\\n' + answer.response;\n await space.crud.update({ id: messageId }, { text: textWithAnswer });\n\n return new Response(JSON.stringify(response));\n};\n\nconst getContext = async ({ space }: any) => {\n let context = '';\n const { objects: docs } = await space.crud.query({ __typename: 'dxos.org/type/Document' }).run();\n for (const doc of docs) {\n const { content } = await space.crud.query({ id: doc.content }).first();\n context += content + '\\n\\n';\n }\n return context;\n};\n\nenum TemplateInputType {\n VALUE = 0,\n PASS_THROUGH = 1,\n RETRIEVER = 2,\n FUNCTION = 3,\n QUERY = 4,\n RESOLVER = 5,\n CONTEXT = 6,\n SCHEMA = 7,\n}\n", "// @ts-ignore\nimport { defineFunction, S } from 'dxos:functions';\n// @ts-ignore\nimport { Chess } from 'https://esm.sh/chess.js@0.13.1';\n\nexport default defineFunction({\n description: 'Plays a random move in a chess game.',\n\n inputSchema: S.Struct({\n changedObjectId: S.String.annotations({\n description: 'The objects to play the game on.',\n }),\n player: S.optional(S.Literal('w', 'b')).annotations({\n description: 'The player to play the game as.',\n }),\n }),\n\n outputSchema: S.Struct({\n state: S.String.annotations({\n description: 'The state of the game as an ASCII art board.',\n }),\n }),\n\n handler: async ({\n event: {\n data: { changedObjectId, player = 'b' },\n },\n context: { space },\n }: any) => {\n const { pgn } = await space.db.query({ id: changedObjectId }).first();\n const game = new Chess();\n game.load_pgn(pgn);\n if (game.turn() !== player) {\n return new Response('Invalid turn', { status: 409 });\n }\n\n const moves = game.moves();\n const move = moves[Math.floor(Math.random() * moves.length)];\n if (!move) {\n return new Response('No legal moves', { status: 406 });\n }\n\n game.move(move);\n const newPgn = game.pgn();\n await space.db.update({ id: changedObjectId }, { pgn: newPgn, fen: game.fen() });\n return { state: game.ascii() };\n },\n});\n", "//\n// Copyright 2025 DXOS.org\n//\n\n// @ts-ignore\nimport { createStatic, EchoObject, defineFunction, DXN, Filter, ObjectId, S } from 'dxos:functions';\nimport {\n FetchHttpClient,\n // @ts-ignore\n} from 'https://esm.sh/@effect/platform@0.77.2?deps=effect@3.13.3';\n// @ts-ignore\nimport { DiscordConfig, DiscordREST, DiscordRESTMemoryLive } from 'https://esm.sh/dfx@0.113.0?deps=effect@3.13.3';\n// @ts-ignore\nimport { Effect, Config, Redacted, Ref } from 'https://esm.sh/effect@3.13.3';\n\nconst MessageSchema = S.Struct({\n id: S.String,\n foreignId: S.Any, // bigint?\n from: S.String,\n created: S.String,\n content: S.String,\n}).pipe(EchoObject('example.com/type/Message', '0.1.0'));\n\nconst DEFAULT_AFTER = 1704067200; // 2024-01-01\n\nconst generateSnowflake = (unixTimestamp: number): bigint => {\n const discordEpoch = 1420070400000n; // Discord Epoch (ms)\n return (BigInt(unixTimestamp * 1000) - discordEpoch) << 22n;\n};\n\nexport default defineFunction({\n inputSchema: S.Struct({\n // TODO(wittjosiah): Remove. This is used to provide a terminal for a cron trigger.\n tick: S.optional(S.String),\n channelId: S.String,\n after: S.optional(S.Number),\n pageSize: S.optional(S.Number),\n queueId: S.String,\n }),\n\n outputSchema: S.Struct({\n newMessages: S.Number,\n }),\n\n handler: ({\n event: {\n data: { channelId, queueId, after = DEFAULT_AFTER, pageSize = 5 },\n },\n context: { space },\n }: any) =>\n Effect.gen(function* () {\n const { token } = yield* Effect.tryPromise(() =>\n space.db.query(Filter.typename('dxos.org/type/AccessToken', { source: 'discord.com' })).first(),\n );\n const { objects } = yield* Effect.tryPromise(() => space.queues.queryQueue(DXN.parse(queueId)));\n const backfill = objects.length === 0;\n const newMessages = yield* Ref.make(0);\n const lastMessage = yield* Ref.make(objects.at(-1));\n\n const enqueueMessages = Effect.gen(function* () {\n const rest = yield* DiscordREST;\n\n while (true) {\n const last = yield* Ref.get(lastMessage);\n const options = {\n after: backfill && !last ? `${generateSnowflake(after)}` : last?.foreignId,\n limit: pageSize,\n };\n const messages = yield* rest.getChannelMessages(channelId, options).pipe((res: any) => res.json);\n const queueMessages = messages\n .map((message: any) =>\n createStatic(MessageSchema, {\n id: ObjectId.random(),\n foreignId: message.id,\n from: message.author.username,\n created: message.timestamp,\n content: message.content,\n }),\n )\n .toReversed();\n if (queueMessages.length > 0) {\n yield* Effect.tryPromise(() => space.queues.insertIntoQueue(DXN.parse(queueId), queueMessages));\n yield* Ref.update(newMessages, (n: any) => n + queueMessages.length);\n yield* Ref.update(lastMessage, (m: any) => queueMessages.at(-1));\n }\n if (messages.length < pageSize) {\n break;\n }\n }\n }).pipe(\n Effect.provide(DiscordRESTMemoryLive),\n Effect.provide(\n DiscordConfig.layerConfig({\n token: Config.succeed(Redacted.make(token)),\n }),\n ),\n Effect.provide(FetchHttpClient.layer),\n );\n\n yield* enqueueMessages;\n return { newMessages: yield* Ref.get(newMessages) };\n }),\n});\n", "//\n// Copyright 2024 DXOS.org\n//\n\n/**\n * Echos the request data.\n */\nexport default async ({\n event: {\n data: { request },\n },\n}: any) => {\n const data = await request.json();\n return new Response(JSON.stringify(data ?? {}), {\n headers: {\n 'Content-Type': 'application/json',\n },\n });\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\n/**\n * Appends a message to the end of a Document configured through a trigger.\n * Trigger must have a targetDocumentId field set in Meta.\n */\nexport default async ({\n event: {\n data: { request },\n },\n context: { space },\n}: any) => {\n const { data, trigger } = (await request.json()) as RequestPayload;\n\n const documentId = trigger.meta.targetDocumentId;\n const document = await space.db.query({ id: documentId }, { format: 'plain' }).first();\n\n const contentId = document.content['/'].split(':')[3];\n const documentContent = await space.db.query({ id: contentId }, { format: 'plain' }).first();\n const modifiedContent = [\n documentContent.content,\n '',\n '---',\n `**From:** ${data.from}`,\n `**Subject:** ${data.subject}`,\n `**Date:** ${data.created}`,\n '',\n data.body,\n ].join('\\n');\n\n await space.db.update({ id: contentId }, { content: modifiedContent });\n\n return new Response(JSON.stringify({ success: true }));\n};\n\ntype RequestPayload = {\n data: { from: string; subject: string; created: string; body: string };\n trigger: { meta: { targetDocumentId: string } };\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\n// @ts-ignore\nimport { defineFunction, S } from 'dxos:functions';\nimport {\n HttpClient,\n HttpClientRequest,\n FetchHttpClient,\n // @ts-ignore\n} from 'https://esm.sh/@effect/platform@0.77.2?deps=effect@3.13.3';\n// @ts-ignore\nimport { Effect, Schedule } from 'https://esm.sh/effect@3.13.3';\n\nexport default defineFunction({\n description: 'Returns the exchange rate between two currencies.',\n\n inputSchema: S.Struct({\n from: S.String.annotations({ description: 'The source currency' }),\n to: S.String.annotations({ description: 'The target currency' }),\n }),\n\n outputSchema: S.String.annotations({ description: 'The exchange rate between the two currencies' }),\n\n handler: async ({\n event: {\n data: { from, to },\n },\n }: any) =>\n Effect.gen(function* () {\n const res = yield* HttpClientRequest.get(`https://free.ratesdb.com/v1/rates?from=${from}&to=${to}`).pipe(\n HttpClient.execute,\n Effect.flatMap((res: any) => res.json),\n Effect.timeout('1 second'),\n Effect.retry(Schedule.exponential(1000).pipe(Schedule.compose(Schedule.recurs(3)))),\n Effect.scoped,\n );\n return res.data.rates[to].toString();\n }).pipe(Effect.provide(FetchHttpClient.layer)),\n});\n", "//\n// Copyright 2025 DXOS.org\n//\n\n// @ts-ignore\nimport { defineFunction, S } from 'dxos:functions';\n\nexport default defineFunction({\n description: 'Returns the exchange rate between two currencies.',\n\n inputSchema: S.Struct({\n from: S.String.annotations({ description: 'The source currency' }),\n to: S.String.annotations({ description: 'The target currency' }),\n }),\n\n handler: async ({\n event: {\n data: { from, to },\n },\n }: any) => {\n const res = await fetch(`https://free.ratesdb.com/v1/rates?from=${from}&to=${to}`);\n const {\n data: { rates },\n } = await res.json();\n\n return rates[to].toString();\n },\n});\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport chat from './chat.ts?raw';\nimport chess from './chess.ts?raw';\nimport discord from './discord.ts?raw';\nimport echo from './echo.ts?raw';\nimport email from './email.ts?raw';\nimport forexEffect from './forex-effect.ts?raw';\nimport forex from './forex.ts?raw';\n\nconst removeHeader = (str: string) => str.split('\\n').slice(4).join('\\n');\n\nexport type Template = {\n id: string;\n name: string;\n source: string;\n presetId?: string;\n};\n\nexport const templates: Template[] = [\n {\n id: 'dxos.org/script/echo',\n name: 'Echo',\n source: removeHeader(echo),\n },\n {\n id: 'dxos.org/script/forex',\n name: 'Forex',\n source: removeHeader(forex),\n },\n {\n id: 'dxos.org/script/forex-effect',\n name: 'Forex (Effect)',\n source: removeHeader(forexEffect),\n },\n {\n id: 'dxos.org/script/gpt',\n name: 'Gpt',\n source: removeHeader(chat),\n presetId: 'dxos.org/function/gpt',\n },\n {\n id: 'dxos.org/script/chess',\n name: 'Chess',\n source: removeHeader(chess),\n presetId: 'dxos.org/function/chess',\n },\n {\n id: 'dxos.org/script/email',\n name: 'Email',\n source: removeHeader(email),\n presetId: 'dxos.org/function/email',\n },\n {\n id: 'dxos.org/script/discord',\n name: 'Discord',\n source: removeHeader(discord),\n presetId: 'dxos.org/function/discord',\n },\n];\n"],
5
- "mappings": ";AAAA;;;ACAA;;;ACAA;;;ACAA;;;ACAA;;;ACAA;;;ACAA;;;ACYA,IAAMA,eAAe,CAACC,QAAgBA,IAAIC,MAAM,IAAA,EAAMC,MAAM,CAAA,EAAGC,KAAK,IAAA;AAS7D,IAAMC,YAAwB;EACnC;IACEC,IAAI;IACJC,MAAM;IACNC,QAAQR,aAAaS,YAAAA;EACvB;EACA;IACEH,IAAI;IACJC,MAAM;IACNC,QAAQR,aAAaU,aAAAA;EACvB;EACA;IACEJ,IAAI;IACJC,MAAM;IACNC,QAAQR,aAAaW,oBAAAA;EACvB;EACA;IACEL,IAAI;IACJC,MAAM;IACNC,QAAQR,aAAaY,YAAAA;IACrBC,UAAU;EACZ;EACA;IACEP,IAAI;IACJC,MAAM;IACNC,QAAQR,aAAac,aAAAA;IACrBD,UAAU;EACZ;EACA;IACEP,IAAI;IACJC,MAAM;IACNC,QAAQR,aAAae,aAAAA;IACrBF,UAAU;EACZ;EACA;IACEP,IAAI;IACJC,MAAM;IACNC,QAAQR,aAAagB,eAAAA;IACrBH,UAAU;EACZ;;",
6
- "names": ["removeHeader", "str", "split", "slice", "join", "templates", "id", "name", "source", "echo", "forex", "forexEffect", "chat", "presetId", "chess", "email", "discord"]
7
- }
@@ -1,240 +0,0 @@
1
- import {
2
- SCRIPT_PLUGIN
3
- } from "./chunk-FVVCAWNP.mjs";
4
-
5
- // packages/plugins/experimental/plugin-script/src/components/DebugPanel/DebugPanel.tsx
6
- import React, { forwardRef, useEffect, useRef, useState } from "react";
7
- import { log } from "@dxos/log";
8
- import { Avatar, Icon, Input, Toolbar, useTranslation } from "@dxos/react-ui";
9
- import { SyntaxHighlighter } from "@dxos/react-ui-syntax-highlighter";
10
- import { errorText, mx } from "@dxos/react-ui-theme";
11
- var __dxlog_file = "/home/runner/work/dxos/dxos/packages/plugins/experimental/plugin-script/src/components/DebugPanel/DebugPanel.tsx";
12
- var DebugPanel = ({ classNames, functionUrl }) => {
13
- const { t } = useTranslation(SCRIPT_PLUGIN);
14
- const inputRef = useRef(null);
15
- const [input, setInput] = useState("");
16
- const [result, setResult] = useState("");
17
- const [state, setState] = useState(null);
18
- const [history, setHistory] = useState([]);
19
- const scrollerRef = useRef(null);
20
- const handleScroll = () => {
21
- if (scrollerRef.current) {
22
- scrollerRef.current.scrollTop = scrollerRef.current.scrollHeight;
23
- }
24
- };
25
- const controller = useRef();
26
- useEffect(() => {
27
- return () => {
28
- handleStop();
29
- };
30
- }, []);
31
- const handleStop = () => {
32
- controller.current?.abort("stop");
33
- controller.current = void 0;
34
- };
35
- const handleClear = () => {
36
- handleStop();
37
- setInput("");
38
- setResult("");
39
- setHistory([]);
40
- inputRef.current?.focus();
41
- };
42
- const handleResponse = ({ text, data, error } = {}) => {
43
- controller.current = void 0;
44
- setHistory((history2) => [
45
- ...history2,
46
- {
47
- type: "response",
48
- text,
49
- data,
50
- error
51
- }
52
- ]);
53
- setResult("");
54
- setState(null);
55
- handleScroll();
56
- };
57
- const handleRequest = async (input2) => {
58
- try {
59
- setState("pending");
60
- let data = null;
61
- if (input2.charAt(0) === "{") {
62
- try {
63
- const validJsonString = input2.replace(/'/g, '"').replace(/([{,]\s*)([a-zA-Z0-9_]+)(\s*:)/g, '$1"$2"$3');
64
- data = JSON.parse(validJsonString);
65
- input2 = JSON.stringify(data, null, 2);
66
- } catch (err) {
67
- inputRef.current?.focus();
68
- return;
69
- }
70
- }
71
- setInput("");
72
- setResult("");
73
- setHistory((history2) => [
74
- ...history2,
75
- {
76
- type: "request",
77
- text: input2
78
- }
79
- ]);
80
- setTimeout(() => {
81
- handleScroll();
82
- });
83
- controller.current = new AbortController();
84
- const response = await fetch(functionUrl, {
85
- signal: controller.current.signal,
86
- method: "POST",
87
- body: input2,
88
- headers: {
89
- "Content-Type": data ? "application/json" : "text/plain"
90
- }
91
- });
92
- if (!response.ok) {
93
- const text2 = await response.text();
94
- handleResponse({
95
- error: new Error(text2 || response.statusText || String(response.status))
96
- });
97
- return;
98
- }
99
- const contentType = response.headers.get("content-type");
100
- if (contentType === "application/json") {
101
- const data2 = await response.json();
102
- handleResponse({
103
- data: data2
104
- });
105
- return;
106
- }
107
- setState("responding");
108
- let text = "";
109
- const reader = response.body.getReader();
110
- const pump = async ({ done, value }) => {
111
- text = text + new TextDecoder().decode(value);
112
- if (!controller.current || done) {
113
- handleResponse({
114
- text
115
- });
116
- return;
117
- }
118
- setResult(text);
119
- setTimeout(() => {
120
- handleScroll();
121
- });
122
- return reader.read().then(pump);
123
- };
124
- void reader.read().then(pump).catch((err) => {
125
- if (err.name !== "AbortError") {
126
- log.catch(err, void 0, {
127
- F: __dxlog_file,
128
- L: 146,
129
- S: void 0,
130
- C: (f, a) => f(...a)
131
- });
132
- }
133
- });
134
- } catch (err) {
135
- if (err !== "stop") {
136
- const error = err instanceof Error ? err : new Error(err);
137
- handleResponse({
138
- error
139
- });
140
- log.catch(err, void 0, {
141
- F: __dxlog_file,
142
- L: 153,
143
- S: void 0,
144
- C: (f, a) => f(...a)
145
- });
146
- } else {
147
- handleResponse();
148
- }
149
- }
150
- };
151
- return /* @__PURE__ */ React.createElement("div", {
152
- className: mx("flex flex-col h-full overflow-hidden", classNames)
153
- }, /* @__PURE__ */ React.createElement(MessageThread, {
154
- ref: scrollerRef,
155
- state,
156
- result,
157
- history
158
- }), /* @__PURE__ */ React.createElement(Toolbar.Root, {
159
- classNames: "p-1"
160
- }, /* @__PURE__ */ React.createElement(Input.Root, null, /* @__PURE__ */ React.createElement(Input.TextInput, {
161
- ref: inputRef,
162
- autoFocus: true,
163
- placeholder: t("function request placeholder"),
164
- value: input,
165
- onChange: (ev) => setInput(ev.target.value),
166
- onKeyDown: (ev) => ev.key === "Enter" && handleRequest(input)
167
- })), /* @__PURE__ */ React.createElement(Toolbar.Button, {
168
- onClick: () => handleRequest(input)
169
- }, /* @__PURE__ */ React.createElement(Icon, {
170
- icon: "ph--play--regular",
171
- size: 4
172
- })), /* @__PURE__ */ React.createElement(Toolbar.Button, {
173
- onClick: () => state ? handleStop() : handleClear()
174
- }, /* @__PURE__ */ React.createElement(Icon, {
175
- icon: state ? "ph--stop--regular" : "ph--trash--regular",
176
- size: 4
177
- }))));
178
- };
179
- var MessageThread = /* @__PURE__ */ forwardRef(({ state, history, result }, forwardedRef) => {
180
- if (!history.length && !result.length) {
181
- return null;
182
- }
183
- return /* @__PURE__ */ React.createElement("div", {
184
- ref: forwardedRef,
185
- className: "flex flex-col gap-6 h-full p-2 overflow-x-hidden overflow-y-auto"
186
- }, history.map((message, i) => /* @__PURE__ */ React.createElement("div", {
187
- key: i,
188
- className: "grid grid-cols-[2rem_1fr_2rem]"
189
- }, /* @__PURE__ */ React.createElement("div", {
190
- className: "p-1"
191
- }, message.type === "response" && /* @__PURE__ */ React.createElement(RobotAvatar, null)), /* @__PURE__ */ React.createElement("div", {
192
- className: "overflow-auto"
193
- }, /* @__PURE__ */ React.createElement(MessageItem, {
194
- message
195
- })))), result?.length > 0 && /* @__PURE__ */ React.createElement("div", {
196
- className: "grid grid-cols-[2rem_1fr_2rem]"
197
- }, /* @__PURE__ */ React.createElement("div", {
198
- className: "p-1"
199
- }, state === "pending" && /* @__PURE__ */ React.createElement(Icon, {
200
- icon: "ph--spinner--regular",
201
- size: 6,
202
- classNames: "animate-spin"
203
- }) || /* @__PURE__ */ React.createElement(Icon, {
204
- icon: "ph--robot--regular",
205
- size: 6,
206
- classNames: "animate-[pulse_1s_ease-in-out_infinite]"
207
- })), /* @__PURE__ */ React.createElement("div", {
208
- className: "overflow-auto"
209
- }, /* @__PURE__ */ React.createElement(MessageItem, {
210
- message: {
211
- type: "response",
212
- text: result
213
- }
214
- }))));
215
- });
216
- var MessageItem = ({ classNames, message }) => {
217
- const { type, text, data, error } = message;
218
- const wrapper = "p-1 px-2 rounded-lg bg-hoverSurface overflow-auto";
219
- return /* @__PURE__ */ React.createElement("div", {
220
- className: mx("flex", type === "request" ? "ml-[1rem] justify-end" : "mr-[1rem]", classNames)
221
- }, error && /* @__PURE__ */ React.createElement("div", {
222
- className: mx(wrapper, "whitespace-pre", errorText)
223
- }, String(error)), text !== void 0 && /* @__PURE__ */ React.createElement("div", {
224
- className: mx(wrapper, type === "request" && "bg-primary-400 dark:bg-primary-600")
225
- }, text || "\xD8"), data && /* @__PURE__ */ React.createElement(SyntaxHighlighter, {
226
- language: "json",
227
- className: mx(wrapper, "px-8 py-2 text-xs")
228
- }, JSON.stringify(data, null, 2)));
229
- };
230
- var RobotAvatar = () => /* @__PURE__ */ React.createElement(Avatar.Root, {
231
- size: 6,
232
- variant: "circle"
233
- }, /* @__PURE__ */ React.createElement(Avatar.Frame, null, /* @__PURE__ */ React.createElement(Avatar.Icon, {
234
- icon: "ph--robot--regular"
235
- })));
236
-
237
- export {
238
- DebugPanel
239
- };
240
- //# sourceMappingURL=chunk-5SXOHNAK.mjs.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../src/components/DebugPanel/DebugPanel.tsx"],
4
- "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport React, { forwardRef, useEffect, useRef, useState } from 'react';\n\nimport { log } from '@dxos/log';\nimport { Avatar, Icon, Input, type ThemedClassName, Toolbar, useTranslation } from '@dxos/react-ui';\nimport { SyntaxHighlighter } from '@dxos/react-ui-syntax-highlighter';\nimport { errorText, mx } from '@dxos/react-ui-theme';\n\nimport { SCRIPT_PLUGIN } from '../../meta';\n\ntype State = 'pending' | 'responding';\n\n/**\n * Request or response.\n */\ntype Message = { type: 'request' | 'response'; text?: string; data?: any; error?: Error };\n\nexport type DebugPanelProps = ThemedClassName<{\n functionUrl?: string;\n}>;\n\nexport const DebugPanel = ({ classNames, functionUrl }: DebugPanelProps) => {\n const { t } = useTranslation(SCRIPT_PLUGIN);\n\n const inputRef = useRef<HTMLInputElement>(null);\n const [input, setInput] = useState('');\n const [result, setResult] = useState('');\n const [state, setState] = useState<State | null>(null);\n\n // TODO(burdon): Persistent history -- at least for session (non-space ECHO data?)\n const [history, setHistory] = useState<Message[]>([]);\n\n const scrollerRef = useRef<HTMLDivElement>(null);\n const handleScroll = () => {\n if (scrollerRef.current) {\n scrollerRef.current.scrollTop = scrollerRef.current.scrollHeight;\n }\n };\n\n const controller = useRef<AbortController>();\n useEffect(() => {\n return () => {\n handleStop();\n };\n }, []);\n\n const handleStop = () => {\n controller.current?.abort('stop');\n controller.current = undefined;\n };\n\n const handleClear = () => {\n handleStop();\n setInput('');\n setResult('');\n setHistory([]);\n inputRef.current?.focus();\n };\n\n const handleResponse = ({ text, data, error }: { text?: string; data?: any; error?: Error } = {}) => {\n controller.current = undefined;\n setHistory((history) => [...history, { type: 'response', text, data, error } satisfies Message]);\n setResult('');\n setState(null);\n handleScroll();\n };\n\n const handleRequest = async (input: string) => {\n // Returns a promise that resolves when a value has been received.\n try {\n setState('pending');\n\n let data = null;\n // Detect JSON input.\n if (input.charAt(0) === '{') {\n try {\n const validJsonString = input.replace(/'/g, '\"').replace(/([{,]\\s*)([a-zA-Z0-9_]+)(\\s*:)/g, '$1\"$2\"$3');\n data = JSON.parse(validJsonString);\n input = JSON.stringify(data, null, 2);\n } catch (err) {\n inputRef.current?.focus();\n return;\n }\n }\n\n setInput('');\n setResult('');\n setHistory((history) => [...history, { type: 'request', text: input }]);\n setTimeout(() => {\n handleScroll();\n });\n\n // Throws DOMException when aborted.\n controller.current = new AbortController();\n const response = await fetch(functionUrl!, {\n signal: controller.current.signal,\n method: 'POST',\n body: input,\n headers: {\n 'Content-Type': data ? 'application/json' : 'text/plain',\n },\n });\n\n // Check for error.\n if (!response.ok) {\n const text = await response.text();\n handleResponse({ error: new Error(text || response.statusText || String(response.status)) });\n return;\n }\n\n // Check for JSON.\n const contentType = response.headers.get('content-type');\n if (contentType === 'application/json') {\n const data = await response.json();\n handleResponse({ data });\n return;\n }\n\n // Text (including streaming).\n setState('responding');\n let text = '';\n const reader = response.body!.getReader();\n const pump = async ({ done, value }: ReadableStreamReadResult<Uint8Array>): Promise<void> => {\n text = text + new TextDecoder().decode(value);\n if (!controller.current || done) {\n handleResponse({ text });\n return;\n }\n\n setResult(text);\n setTimeout(() => {\n handleScroll();\n });\n\n return reader.read().then(pump);\n };\n\n void reader\n .read()\n .then(pump)\n .catch((err) => {\n if (err.name !== 'AbortError') {\n log.catch(err);\n }\n });\n } catch (err: any) {\n if (err !== 'stop') {\n const error = err instanceof Error ? err : new Error(err);\n handleResponse({ error });\n log.catch(err);\n } else {\n handleResponse();\n }\n }\n };\n\n return (\n <div className={mx('flex flex-col h-full overflow-hidden', classNames)}>\n {/* TODO(burdon): Replace with Thread. */}\n <MessageThread ref={scrollerRef} state={state} result={result} history={history} />\n\n <Toolbar.Root classNames='p-1'>\n <Input.Root>\n <Input.TextInput\n ref={inputRef}\n autoFocus\n placeholder={t('function request placeholder')}\n value={input}\n onChange={(ev) => setInput(ev.target.value)}\n onKeyDown={(ev) => ev.key === 'Enter' && handleRequest(input)}\n />\n </Input.Root>\n <Toolbar.Button onClick={() => handleRequest(input)}>\n <Icon icon='ph--play--regular' size={4} />\n </Toolbar.Button>\n <Toolbar.Button onClick={() => (state ? handleStop() : handleClear())}>\n <Icon icon={state ? 'ph--stop--regular' : 'ph--trash--regular'} size={4} />\n </Toolbar.Button>\n </Toolbar.Root>\n </div>\n );\n};\n\n// TODO(burdon): Replace with thread?\n// TODO(burdon): Button to delete individual messages.\n// TODO(burdon): Button to edit/re-run question.\ntype MessageThreadProps = {\n state: State | null;\n history: Message[];\n result: string;\n};\n\nconst MessageThread = forwardRef<HTMLDivElement, MessageThreadProps>(\n ({ state, history, result }: MessageThreadProps, forwardedRef) => {\n if (!history.length && !result.length) {\n return null;\n }\n\n return (\n <div ref={forwardedRef} className='flex flex-col gap-6 h-full p-2 overflow-x-hidden overflow-y-auto'>\n {history.map((message, i) => (\n <div key={i} className='grid grid-cols-[2rem_1fr_2rem]'>\n <div className='p-1'>{message.type === 'response' && <RobotAvatar />}</div>\n <div className='overflow-auto'>\n <MessageItem message={message} />\n </div>\n </div>\n ))}\n\n {result?.length > 0 && (\n <div className='grid grid-cols-[2rem_1fr_2rem]'>\n <div className='p-1'>\n {(state === 'pending' && <Icon icon='ph--spinner--regular' size={6} classNames='animate-spin' />) || (\n <Icon icon='ph--robot--regular' size={6} classNames='animate-[pulse_1s_ease-in-out_infinite]' />\n )}\n </div>\n <div className='overflow-auto'>\n <MessageItem message={{ type: 'response', text: result }} />\n </div>\n </div>\n )}\n </div>\n );\n },\n);\n\nconst MessageItem = ({ classNames, message }: ThemedClassName<{ message: Message }>) => {\n const { type, text, data, error } = message;\n const wrapper = 'p-1 px-2 rounded-lg bg-hoverSurface overflow-auto';\n return (\n <div className={mx('flex', type === 'request' ? 'ml-[1rem] justify-end' : 'mr-[1rem]', classNames)}>\n {error && <div className={mx(wrapper, 'whitespace-pre', errorText)}>{String(error)}</div>}\n\n {text !== undefined && (\n <div className={mx(wrapper, type === 'request' && 'bg-primary-400 dark:bg-primary-600')}>\n {text || '\\u00D8'}\n </div>\n )}\n\n {data && (\n <SyntaxHighlighter language='json' className={mx(wrapper, 'px-8 py-2 text-xs')}>\n {JSON.stringify(data, null, 2)}\n </SyntaxHighlighter>\n )}\n </div>\n );\n};\n\nconst RobotAvatar = () => (\n <Avatar.Root size={6} variant='circle'>\n <Avatar.Frame>\n <Avatar.Icon icon='ph--robot--regular' />\n </Avatar.Frame>\n </Avatar.Root>\n);\n"],
5
- "mappings": "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",
6
- "names": ["React", "forwardRef", "useEffect", "useRef", "useState", "log", "Avatar", "Icon", "Input", "Toolbar", "useTranslation", "SyntaxHighlighter", "errorText", "mx", "DebugPanel", "classNames", "functionUrl", "t", "useTranslation", "SCRIPT_PLUGIN", "inputRef", "useRef", "input", "setInput", "useState", "result", "setResult", "state", "setState", "history", "setHistory", "scrollerRef", "handleScroll", "current", "scrollTop", "scrollHeight", "controller", "useEffect", "handleStop", "abort", "undefined", "handleClear", "focus", "handleResponse", "text", "data", "error", "type", "handleRequest", "charAt", "validJsonString", "replace", "JSON", "parse", "stringify", "err", "setTimeout", "AbortController", "response", "fetch", "signal", "method", "body", "headers", "ok", "Error", "statusText", "String", "status", "contentType", "get", "json", "reader", "getReader", "pump", "done", "value", "TextDecoder", "decode", "read", "then", "catch", "name", "log", "div", "className", "mx", "MessageThread", "ref", "Toolbar", "Root", "Input", "TextInput", "autoFocus", "placeholder", "onChange", "ev", "target", "onKeyDown", "key", "Button", "onClick", "Icon", "icon", "size", "forwardRef", "forwardedRef", "length", "map", "message", "i", "RobotAvatar", "MessageItem", "wrapper", "errorText", "SyntaxHighlighter", "language", "Avatar", "variant", "Frame"]
7
- }
@@ -1,234 +0,0 @@
1
- import {
2
- SCRIPT_PLUGIN
3
- } from "./chunk-FVVCAWNP.mjs";
4
-
5
- // packages/plugins/experimental/plugin-script/src/components/ScriptSettings/ScriptSettings.tsx
6
- import React from "react";
7
- import { useClient } from "@dxos/react-client";
8
- import { Button, Select, useTranslation } from "@dxos/react-ui";
9
- import { EditorInputModes } from "@dxos/react-ui-editor";
10
- import { DeprecatedFormContainer, DeprecatedFormInput } from "@dxos/react-ui-form";
11
- var ScriptSettings = ({ settings }) => {
12
- const { t } = useTranslation(SCRIPT_PLUGIN);
13
- const client = useClient();
14
- const handleAuthenticate = async () => {
15
- const { identityKey } = client.halo.identity.get();
16
- await client.halo.writeCredentials([
17
- {
18
- issuer: identityKey,
19
- issuanceDate: /* @__PURE__ */ new Date(),
20
- subject: {
21
- id: identityKey,
22
- assertion: {
23
- "@type": "dxos.halo.credentials.ServiceAccess",
24
- serverName: "hub.dxos.network",
25
- serverKey: identityKey,
26
- identityKey,
27
- capabilities: [
28
- "composer:beta"
29
- ]
30
- }
31
- }
32
- }
33
- ]);
34
- };
35
- return /* @__PURE__ */ React.createElement(DeprecatedFormContainer, null, /* @__PURE__ */ React.createElement(DeprecatedFormInput, {
36
- label: t("authenticate action label")
37
- }, /* @__PURE__ */ React.createElement(Button, {
38
- onClick: handleAuthenticate
39
- }, t("authenticate button label"))), /* @__PURE__ */ React.createElement(DeprecatedFormInput, {
40
- label: t("editor input mode label")
41
- }, /* @__PURE__ */ React.createElement(Select.Root, {
42
- value: settings.editorInputMode ?? "default",
43
- onValueChange: (value) => {
44
- settings.editorInputMode = value;
45
- }
46
- }, /* @__PURE__ */ React.createElement(Select.TriggerButton, {
47
- placeholder: t("select editor input mode placeholder")
48
- }), /* @__PURE__ */ React.createElement(Select.Portal, null, /* @__PURE__ */ React.createElement(Select.Content, null, /* @__PURE__ */ React.createElement(Select.Viewport, null, EditorInputModes.map((mode) => /* @__PURE__ */ React.createElement(Select.Option, {
49
- key: mode,
50
- value: mode
51
- }, t(`settings editor input mode ${mode} label`)))))))));
52
- };
53
-
54
- // packages/plugins/experimental/plugin-script/src/components/ScriptSettingsPanel.tsx
55
- import { Octokit } from "@octokit/core";
56
- import React2, { useCallback, useEffect, useState } from "react";
57
- import { createIntent, SettingsAction, useIntentDispatcher } from "@dxos/app-framework";
58
- import { FunctionType, getInvocationUrl, getUserFunctionUrlInMetadata } from "@dxos/functions";
59
- import { log } from "@dxos/log";
60
- import { useClient as useClient2 } from "@dxos/react-client";
61
- import { Filter, getMeta, getSpace, useQuery } from "@dxos/react-client/echo";
62
- import { Button as Button2, Clipboard, Input, Separator, useControlledState, useTranslation as useTranslation2 } from "@dxos/react-ui";
63
- import { AccessTokenType } from "@dxos/schema";
64
- var __dxlog_file = "/home/runner/work/dxos/dxos/packages/plugins/experimental/plugin-script/src/components/ScriptSettingsPanel.tsx";
65
- var kebabize = (str) => str.replace(/[A-Z]+(?![a-z])|[A-Z]/g, ($, ofs) => (ofs ? "-" : "") + $.toLowerCase());
66
- var ScriptSettingsPanel = ({ script }) => {
67
- const { t } = useTranslation2(SCRIPT_PLUGIN);
68
- const { dispatchPromise: dispatch } = useIntentDispatcher();
69
- const client = useClient2();
70
- const space = getSpace(script);
71
- const [fn] = useQuery(space, Filter.schema(FunctionType, {
72
- source: script
73
- }));
74
- const [githubToken] = useQuery(space, Filter.schema(AccessTokenType, {
75
- source: "github.com"
76
- }));
77
- const gistKey = getMeta(script).keys.find(({ source }) => source === "github.com");
78
- const [gistUrl, setGistUrl] = useState();
79
- useEffect(() => {
80
- const token = githubToken?.token;
81
- const gistId = gistKey?.id;
82
- if (!token || !gistId) {
83
- setGistUrl(void 0);
84
- return;
85
- }
86
- const timeout = setTimeout(async () => {
87
- try {
88
- const octokit = new Octokit({
89
- auth: githubToken.token
90
- });
91
- const response = await octokit.request("GET /gists/{gist_id}", {
92
- gist_id: gistId
93
- });
94
- setGistUrl(response.data.html_url);
95
- } catch (err) {
96
- log.catch(err, void 0, {
97
- F: __dxlog_file,
98
- L: 52,
99
- S: void 0,
100
- C: (f, a) => f(...a)
101
- });
102
- setGistUrl(void 0);
103
- }
104
- });
105
- return () => clearTimeout(timeout);
106
- }, [
107
- githubToken,
108
- gistKey
109
- ]);
110
- const [binding, setBinding] = useControlledState(fn?.binding ?? "");
111
- const handleBindingChange = useCallback((event) => {
112
- setBinding(event.target.value);
113
- }, [
114
- setBinding
115
- ]);
116
- const handleBindingBlur = useCallback(() => {
117
- fn.binding = binding;
118
- }, [
119
- fn,
120
- binding
121
- ]);
122
- const functionPath = fn && getUserFunctionUrlInMetadata(getMeta(fn));
123
- const functionUrl = functionPath && getInvocationUrl(functionPath, client.config.values.runtime?.services?.edge?.url ?? "", {
124
- spaceId: space?.id
125
- });
126
- const handleOpenTokenManager = useCallback(() => dispatch(createIntent(SettingsAction.Open, {
127
- plugin: "dxos.org/plugin/token-manager"
128
- })), []);
129
- const [publishing, setPublishing] = useState(false);
130
- const handlePublish = useCallback(async () => {
131
- setPublishing(true);
132
- const octokit = new Octokit({
133
- auth: githubToken.token
134
- });
135
- const source = await script.source.load();
136
- const filename = script.name ? kebabize(script.name) : "composer-script";
137
- const files = {
138
- [`${filename}.ts`]: {
139
- content: source.content
140
- }
141
- };
142
- try {
143
- const meta = getMeta(script);
144
- const githubKey = meta.keys.find(({ source: source2 }) => source2 === "github.com");
145
- const gistId = githubKey?.id;
146
- if (gistId) {
147
- await octokit.request("PATCH /gists/{gist_id}", {
148
- gist_id: gistId,
149
- files
150
- });
151
- } else {
152
- const response = await octokit.request("POST /gists", {
153
- public: true,
154
- files
155
- });
156
- if (response.data.id) {
157
- meta.keys.push({
158
- source: "github.com",
159
- id: response.data.id
160
- });
161
- }
162
- }
163
- } finally {
164
- setPublishing(false);
165
- }
166
- }, [
167
- script,
168
- githubToken
169
- ]);
170
- return /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement("div", {
171
- role: "form",
172
- className: "flex flex-col w-full p-2 gap-4"
173
- }, /* @__PURE__ */ React2.createElement(Input.Root, null, /* @__PURE__ */ React2.createElement("div", {
174
- role: "none",
175
- className: "flex flex-col gap-1"
176
- }, /* @__PURE__ */ React2.createElement(Input.Label, null, t("description label")), /* @__PURE__ */ React2.createElement(Input.TextInput, {
177
- placeholder: t("description placeholder"),
178
- value: script.description ?? "",
179
- onChange: (event) => {
180
- script.description = event.target.value;
181
- }
182
- })))), fn && functionUrl && /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(Separator, null), /* @__PURE__ */ React2.createElement("div", {
183
- role: "form",
184
- className: "flex flex-col w-full p-2 gap-4"
185
- }, /* @__PURE__ */ React2.createElement("h2", null, t("remote function settings heading")), /* @__PURE__ */ React2.createElement(Input.Root, null, /* @__PURE__ */ React2.createElement("div", {
186
- role: "none",
187
- className: "flex flex-col gap-1"
188
- }, /* @__PURE__ */ React2.createElement(Input.Label, null, t("function url label")), /* @__PURE__ */ React2.createElement("div", {
189
- role: "none",
190
- className: "flex gap-1"
191
- }, /* @__PURE__ */ React2.createElement(Input.TextInput, {
192
- disabled: true,
193
- value: functionUrl,
194
- onChange: (event) => {
195
- fn.name = event.target.value;
196
- }
197
- }), /* @__PURE__ */ React2.createElement(Clipboard.IconButton, {
198
- value: functionUrl
199
- })))), /* @__PURE__ */ React2.createElement(Input.Root, null, /* @__PURE__ */ React2.createElement("div", {
200
- role: "none",
201
- className: "flex flex-col gap-1"
202
- }, /* @__PURE__ */ React2.createElement(Input.Label, null, t("function binding label")), /* @__PURE__ */ React2.createElement(Input.TextInput, {
203
- placeholder: t("function binding placeholder"),
204
- value: binding,
205
- onChange: handleBindingChange,
206
- onBlur: handleBindingBlur
207
- }))))), /* @__PURE__ */ React2.createElement(Separator, null), /* @__PURE__ */ React2.createElement("div", {
208
- className: "flex flex-col w-full p-2 gap-4"
209
- }, /* @__PURE__ */ React2.createElement("div", null, /* @__PURE__ */ React2.createElement("h2", null, t("script publish settings label")), /* @__PURE__ */ React2.createElement("p", {
210
- className: "text-description text-sm"
211
- }, t("script publish settings description"))), !githubToken && /* @__PURE__ */ React2.createElement("div", {
212
- className: "flex flex-col items-center justify-center gap-2"
213
- }, /* @__PURE__ */ React2.createElement("span", null, t("no github token label")), /* @__PURE__ */ React2.createElement(Button2, {
214
- onClick: handleOpenTokenManager
215
- }, t("open token manager label"))), githubToken && /* @__PURE__ */ React2.createElement("div", {
216
- className: "flex justify-end gap-2"
217
- }, gistUrl && /* @__PURE__ */ React2.createElement(Clipboard.IconButton, {
218
- value: gistUrl
219
- }), /* @__PURE__ */ React2.createElement(Button2, {
220
- disabled: publishing,
221
- onClick: handlePublish
222
- }, t(publishing ? "publishing label" : "publish label")))));
223
- };
224
-
225
- // packages/plugins/experimental/plugin-script/src/components/index.ts
226
- import { lazy } from "react";
227
- var ScriptContainer = lazy(() => import("./ScriptContainer-S3MAKTV2.mjs"));
228
-
229
- export {
230
- ScriptSettings,
231
- ScriptSettingsPanel,
232
- ScriptContainer
233
- };
234
- //# sourceMappingURL=chunk-FWK7MJLK.mjs.map