@dxos/plugin-script 0.8.0 → 0.8.1-main.a06ad20

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 (118) hide show
  1. package/dist/lib/browser/{ScriptContainer-3RFMYKTV.mjs → ScriptContainer-P7SZ65VN.mjs} +12 -10
  2. package/dist/lib/browser/ScriptContainer-P7SZ65VN.mjs.map +7 -0
  3. package/dist/lib/browser/{chunk-N46LE7FS.mjs → chunk-2H6QBQ5Q.mjs} +2 -2
  4. package/dist/lib/browser/{chunk-N46LE7FS.mjs.map → chunk-2H6QBQ5Q.mjs.map} +1 -1
  5. package/dist/lib/browser/{chunk-PZPYF7M4.mjs → chunk-4FWN55UF.mjs} +1 -1
  6. package/dist/lib/browser/{chunk-PZPYF7M4.mjs.map → chunk-4FWN55UF.mjs.map} +2 -2
  7. package/dist/lib/browser/{chunk-G2FYNDU4.mjs → chunk-6P4LZSOU.mjs} +74 -7
  8. package/dist/lib/browser/chunk-6P4LZSOU.mjs.map +7 -0
  9. package/dist/lib/browser/chunk-NJTRYUO3.mjs +467 -0
  10. package/dist/lib/browser/chunk-NJTRYUO3.mjs.map +7 -0
  11. package/dist/lib/browser/index.mjs +11 -10
  12. package/dist/lib/browser/index.mjs.map +2 -2
  13. package/dist/lib/browser/{intent-resolver-D6FPY5ZA.mjs → intent-resolver-5BRHMSBN.mjs} +3 -3
  14. package/dist/lib/browser/meta.json +1 -1
  15. package/dist/lib/browser/{react-surface-G4C2PZ2K.mjs → react-surface-ZLM32TTL.mjs} +5 -7
  16. package/dist/lib/browser/{react-surface-G4C2PZ2K.mjs.map → react-surface-ZLM32TTL.mjs.map} +1 -1
  17. package/dist/lib/browser/{settings-SZCDKHWO.mjs → settings-LRHZSUEJ.mjs} +2 -2
  18. package/dist/lib/browser/types.mjs +1 -1
  19. package/dist/lib/node/{ScriptContainer-G6FZU4AM.cjs → ScriptContainer-2LYA3N3F.cjs} +21 -18
  20. package/dist/lib/node/ScriptContainer-2LYA3N3F.cjs.map +7 -0
  21. package/dist/lib/node/{chunk-DJGLGRQV.cjs → chunk-3ICET6JB.cjs} +6 -6
  22. package/dist/lib/node/chunk-3ICET6JB.cjs.map +7 -0
  23. package/dist/lib/node/{chunk-ITAJ3WRW.cjs → chunk-I57SKIAA.cjs} +4 -4
  24. package/dist/lib/node/{chunk-ITAJ3WRW.cjs.map → chunk-I57SKIAA.cjs.map} +2 -2
  25. package/dist/lib/node/chunk-M2DJ5RXU.cjs +493 -0
  26. package/dist/lib/node/chunk-M2DJ5RXU.cjs.map +7 -0
  27. package/dist/lib/node/{chunk-XKYJYY3T.cjs → chunk-OSRFLW5T.cjs} +77 -11
  28. package/dist/lib/node/chunk-OSRFLW5T.cjs.map +7 -0
  29. package/dist/lib/node/index.cjs +16 -15
  30. package/dist/lib/node/index.cjs.map +2 -2
  31. package/dist/lib/node/{intent-resolver-NYJFPD5B.cjs → intent-resolver-L4WJAAV3.cjs} +8 -8
  32. package/dist/lib/node/meta.json +1 -1
  33. package/dist/lib/node/{react-surface-EGSE3FMN.cjs → react-surface-TQ4OKBUS.cjs} +13 -14
  34. package/dist/lib/node/{react-surface-EGSE3FMN.cjs.map → react-surface-TQ4OKBUS.cjs.map} +1 -1
  35. package/dist/lib/node/{settings-SZFSMSKM.cjs → settings-TR2CA4IH.cjs} +7 -7
  36. package/dist/lib/node/types.cjs +3 -3
  37. package/dist/lib/node/types.cjs.map +1 -1
  38. package/dist/lib/node-esm/{ScriptContainer-7FTCFIF3.mjs → ScriptContainer-OYGIGGMK.mjs} +12 -10
  39. package/dist/lib/node-esm/ScriptContainer-OYGIGGMK.mjs.map +7 -0
  40. package/dist/lib/node-esm/chunk-HZPDX247.mjs +468 -0
  41. package/dist/lib/node-esm/chunk-HZPDX247.mjs.map +7 -0
  42. package/dist/lib/node-esm/{chunk-YIWRJ25J.mjs → chunk-J5LF4LOZ.mjs} +1 -1
  43. package/dist/lib/node-esm/{chunk-YIWRJ25J.mjs.map → chunk-J5LF4LOZ.mjs.map} +2 -2
  44. package/dist/lib/node-esm/{chunk-UNQFIERE.mjs → chunk-N52CCVF5.mjs} +2 -2
  45. package/dist/lib/node-esm/{chunk-UNQFIERE.mjs.map → chunk-N52CCVF5.mjs.map} +1 -1
  46. package/dist/lib/node-esm/{chunk-NRICF4KE.mjs → chunk-YDYGIELP.mjs} +74 -7
  47. package/dist/lib/node-esm/chunk-YDYGIELP.mjs.map +7 -0
  48. package/dist/lib/node-esm/index.mjs +11 -10
  49. package/dist/lib/node-esm/index.mjs.map +2 -2
  50. package/dist/lib/node-esm/{intent-resolver-KLBHSMW4.mjs → intent-resolver-HFXJQI5Y.mjs} +3 -3
  51. package/dist/lib/node-esm/meta.json +1 -1
  52. package/dist/lib/node-esm/{react-surface-7YSGHZQM.mjs → react-surface-3NCY6ISW.mjs} +5 -7
  53. package/dist/lib/node-esm/{react-surface-7YSGHZQM.mjs.map → react-surface-3NCY6ISW.mjs.map} +1 -1
  54. package/dist/lib/node-esm/{settings-GR4O2WHZ.mjs → settings-Q6B4K7LO.mjs} +2 -2
  55. package/dist/lib/node-esm/types.mjs +1 -1
  56. package/dist/types/src/components/DebugPanel/DebugPanel.d.ts +2 -1
  57. package/dist/types/src/components/DebugPanel/DebugPanel.d.ts.map +1 -1
  58. package/dist/types/src/components/FrameContainer/FrameContainer.d.ts +2 -1
  59. package/dist/types/src/components/FrameContainer/FrameContainer.d.ts.map +1 -1
  60. package/dist/types/src/components/LogsPanel/LogsPanel.d.ts +8 -0
  61. package/dist/types/src/components/LogsPanel/LogsPanel.d.ts.map +1 -0
  62. package/dist/types/src/components/LogsPanel/index.d.ts +2 -0
  63. package/dist/types/src/components/LogsPanel/index.d.ts.map +1 -0
  64. package/dist/types/src/components/ScriptContainer.d.ts +2 -1
  65. package/dist/types/src/components/ScriptContainer.d.ts.map +1 -1
  66. package/dist/types/src/components/ScriptSettings/ScriptSettings.d.ts +2 -1
  67. package/dist/types/src/components/ScriptSettings/ScriptSettings.d.ts.map +1 -1
  68. package/dist/types/src/components/ScriptSettingsPanel.d.ts +2 -1
  69. package/dist/types/src/components/ScriptSettingsPanel.d.ts.map +1 -1
  70. package/dist/types/src/components/ScriptToolbar/ScriptToolbar.d.ts +2 -1
  71. package/dist/types/src/components/ScriptToolbar/ScriptToolbar.d.ts.map +1 -1
  72. package/dist/types/src/components/TypescriptEditor/TypescriptEditor.d.ts +2 -1
  73. package/dist/types/src/components/TypescriptEditor/TypescriptEditor.d.ts.map +1 -1
  74. package/dist/types/src/components/index.d.ts +2 -1
  75. package/dist/types/src/components/index.d.ts.map +1 -1
  76. package/dist/types/src/hooks/deploy.d.ts +23 -0
  77. package/dist/types/src/hooks/deploy.d.ts.map +1 -1
  78. package/dist/types/src/hooks/view.d.ts +1 -1
  79. package/dist/types/src/hooks/view.d.ts.map +1 -1
  80. package/dist/types/src/templates/index.d.ts.map +1 -1
  81. package/dist/types/src/translations.d.ts +3 -3
  82. package/dist/types/src/translations.d.ts.map +1 -1
  83. package/package.json +47 -43
  84. package/src/components/LogsPanel/LogsPanel.tsx +111 -0
  85. package/src/components/LogsPanel/index.ts +5 -0
  86. package/src/components/ScriptContainer.tsx +8 -4
  87. package/src/components/index.ts +1 -0
  88. package/src/hooks/deploy.ts +3 -3
  89. package/src/hooks/view.ts +2 -5
  90. package/src/templates/index.ts +0 -7
  91. package/src/translations.ts +1 -3
  92. package/src/types.ts +1 -1
  93. package/src/vite-env.d.ts +20 -0
  94. package/dist/lib/browser/ScriptContainer-3RFMYKTV.mjs.map +0 -7
  95. package/dist/lib/browser/chunk-5SXOHNAK.mjs +0 -240
  96. package/dist/lib/browser/chunk-5SXOHNAK.mjs.map +0 -7
  97. package/dist/lib/browser/chunk-G2FYNDU4.mjs.map +0 -7
  98. package/dist/lib/browser/chunk-VTWBVFBK.mjs +0 -234
  99. package/dist/lib/browser/chunk-VTWBVFBK.mjs.map +0 -7
  100. package/dist/lib/node/ScriptContainer-G6FZU4AM.cjs.map +0 -7
  101. package/dist/lib/node/chunk-DJGLGRQV.cjs.map +0 -7
  102. package/dist/lib/node/chunk-K3ZZWVXS.cjs +0 -269
  103. package/dist/lib/node/chunk-K3ZZWVXS.cjs.map +0 -7
  104. package/dist/lib/node/chunk-TOXBGIEI.cjs +0 -261
  105. package/dist/lib/node/chunk-TOXBGIEI.cjs.map +0 -7
  106. package/dist/lib/node/chunk-XKYJYY3T.cjs.map +0 -7
  107. package/dist/lib/node-esm/ScriptContainer-7FTCFIF3.mjs.map +0 -7
  108. package/dist/lib/node-esm/chunk-2AFXX34U.mjs +0 -241
  109. package/dist/lib/node-esm/chunk-2AFXX34U.mjs.map +0 -7
  110. package/dist/lib/node-esm/chunk-NRICF4KE.mjs.map +0 -7
  111. package/dist/lib/node-esm/chunk-S64WSJQK.mjs +0 -235
  112. package/dist/lib/node-esm/chunk-S64WSJQK.mjs.map +0 -7
  113. /package/dist/lib/browser/{intent-resolver-D6FPY5ZA.mjs.map → intent-resolver-5BRHMSBN.mjs.map} +0 -0
  114. /package/dist/lib/browser/{settings-SZCDKHWO.mjs.map → settings-LRHZSUEJ.mjs.map} +0 -0
  115. /package/dist/lib/node/{intent-resolver-NYJFPD5B.cjs.map → intent-resolver-L4WJAAV3.cjs.map} +0 -0
  116. /package/dist/lib/node/{settings-SZFSMSKM.cjs.map → settings-TR2CA4IH.cjs.map} +0 -0
  117. /package/dist/lib/node-esm/{intent-resolver-KLBHSMW4.mjs.map → intent-resolver-HFXJQI5Y.mjs.map} +0 -0
  118. /package/dist/lib/node-esm/{settings-GR4O2WHZ.mjs.map → settings-Q6B4K7LO.mjs.map} +0 -0
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../src/components/ScriptContainer.tsx", "../../../src/components/ScriptToolbar/ScriptToolbar.tsx", "../../../src/components/TypescriptEditor/TypescriptEditor.tsx"],
4
- "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport React, { useMemo } from 'react';\n\nimport { type ScriptType } from '@dxos/functions';\nimport { createDocAccessor, getSpace } from '@dxos/react-client/echo';\nimport { useIdentity } from '@dxos/react-client/halo';\nimport { type ThemedClassName } from '@dxos/react-ui';\nimport { createDataExtensions, listener, stackItemContentEditorClassNames } from '@dxos/react-ui-editor';\nimport { StackItem } from '@dxos/react-ui-stack';\nimport { mx } from '@dxos/react-ui-theme';\n\nimport { DebugPanel } from './DebugPanel';\nimport { ScriptToolbar } from './ScriptToolbar';\nimport { TypescriptEditor, type TypescriptEditorProps } from './TypescriptEditor';\nimport { useDeployState, useToolbarState } from '../hooks';\nimport { type ScriptSettingsProps } from '../types';\n\nexport type ScriptEditorProps = ThemedClassName<{\n script: ScriptType;\n settings?: ScriptSettingsProps;\n role?: string;\n}> &\n Pick<TypescriptEditorProps, 'env'>;\n\nexport const ScriptContainer = ({\n role,\n classNames,\n script,\n settings = { editorInputMode: 'vscode' },\n env,\n}: ScriptEditorProps) => {\n const identity = useIdentity();\n const space = getSpace(script);\n\n const extensions = useMemo(\n () => [\n listener({\n onChange: (text) => {\n if (script.source.target && script.source.target.content !== text) {\n script.changed = true;\n }\n },\n }),\n createDataExtensions({\n id: script.id,\n text: script.source.target && createDocAccessor(script.source.target, ['content']),\n space,\n identity,\n }),\n ],\n [script, script.source.target, space, identity],\n );\n\n const state = useToolbarState({ view: 'editor' });\n useDeployState({ state, script });\n\n return (\n <StackItem.Content toolbar>\n <ScriptToolbar state={state} role={role} script={script} />\n <div role='none' className={mx('flex flex-col w-full overflow-hidden divide-y divide-separator', classNames)}>\n {state.view !== 'debug' && (\n <TypescriptEditor\n id={script.id}\n env={env}\n initialValue={script.source?.target?.content}\n extensions={extensions}\n className={stackItemContentEditorClassNames(role)}\n inputMode={settings.editorInputMode}\n toolbar\n />\n )}\n\n {state.view !== 'editor' && <DebugPanel functionUrl={state.functionUrl} />}\n </div>\n </StackItem.Content>\n );\n};\n\nexport default ScriptContainer;\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport React, { useCallback } from 'react';\n\nimport { type ScriptType } from '@dxos/functions';\nimport { fullyQualifiedId } from '@dxos/react-client/echo';\nimport { ElevationProvider, type ThemedClassName } from '@dxos/react-ui';\nimport { stackItemContentToolbarClassNames } from '@dxos/react-ui-editor';\nimport { createGapSeparator, MenuProvider, ToolbarMenu, useMenuActions } from '@dxos/react-ui-menu';\n\nimport {\n type ScriptToolbarState,\n createDeploy,\n createFormat,\n createTemplateSelect,\n createView,\n useToolbarAction,\n} from '../../hooks';\n\nexport type ScriptToolbarProps = ThemedClassName<{\n role?: string;\n script: ScriptType;\n state: ScriptToolbarState;\n}>;\n\nconst createToolbar = (state: ScriptToolbarState) => {\n const templateSelect = createTemplateSelect();\n const format = createFormat();\n const gap = createGapSeparator();\n const deploy = createDeploy(state);\n const view = createView(state);\n return {\n nodes: [...templateSelect.nodes, ...format.nodes, ...gap.nodes, ...deploy.nodes, ...view.nodes],\n edges: [...templateSelect.edges, ...format.edges, ...gap.edges, ...deploy.edges, ...view.edges],\n };\n};\n\nexport const ScriptToolbar = ({ script, role, state, classNames }: ScriptToolbarProps) => {\n const handleAction = useToolbarAction({ state, script });\n const toolbarCreator = useCallback(() => createToolbar(state), [state]);\n const menu = useMenuActions(toolbarCreator);\n return (\n <div role='none' className={stackItemContentToolbarClassNames(role)}>\n <ElevationProvider elevation={role === 'section' ? 'positioned' : 'base'}>\n <MenuProvider {...menu} onAction={handleAction} attendableId={fullyQualifiedId(script)}>\n <ToolbarMenu classNames={classNames} />\n </MenuProvider>\n </ElevationProvider>\n </div>\n );\n};\n", "//\n// Copyright 2024 DXOS.org\n//\n\nimport { javascript } from '@codemirror/lang-javascript';\nimport { defaultHighlightStyle } from '@codemirror/language';\nimport { Prec } from '@codemirror/state';\nimport { oneDarkHighlightStyle } from '@codemirror/theme-one-dark';\nimport { keymap } from '@codemirror/view';\nimport { tags } from '@lezer/highlight';\nimport { type VirtualTypeScriptEnvironment } from '@typescript/vfs';\nimport { continueKeymap } from '@valtown/codemirror-continue';\nimport { tsSync, tsFacet, tsLinter, tsAutocomplete, tsHover, type HoverInfo } from '@valtown/codemirror-ts';\nimport React from 'react';\n\nimport { type ThemeMode, useThemeContext } from '@dxos/react-ui';\nimport {\n autocomplete,\n createBasicExtensions,\n createThemeExtensions,\n editorFullWidth,\n type EditorInputMode,\n editorMonospace,\n EditorView,\n folding,\n InputModeExtensions,\n useTextEditor,\n type UseTextEditorProps,\n} from '@dxos/react-ui-editor';\nimport { isNonNullable } from '@dxos/util';\n\nexport type TypescriptEditorProps = {\n id: string;\n inputMode?: EditorInputMode;\n env?: VirtualTypeScriptEnvironment;\n toolbar?: boolean;\n} & Pick<UseTextEditorProps, 'className' | 'initialValue' | 'extensions' | 'scrollTo' | 'selection'>;\n\nexport const TypescriptEditor = ({\n id,\n env,\n className,\n initialValue,\n extensions,\n scrollTo,\n selection,\n toolbar,\n inputMode = 'vscode',\n}: TypescriptEditorProps) => {\n const { themeMode } = useThemeContext();\n const { parentRef, focusAttributes } = useTextEditor(\n () => ({\n id,\n initialValue,\n extensions: [\n extensions,\n createBasicExtensions({\n highlightActiveLine: true,\n indentWithTab: true,\n lineNumbers: true,\n lineWrapping: false,\n scrollPastEnd: true,\n }),\n createThemeExtensions({\n themeMode,\n syntaxHighlighting: true,\n slots: {\n content: { className: editorFullWidth },\n },\n }),\n // NOTE: Not using default editor gutter because folding for code works best right beside text.\n EditorView.theme({\n '.cm-gutters': {\n // Match margin from content.\n marginTop: '16px',\n },\n }),\n InputModeExtensions[inputMode],\n folding(),\n // Continues block comments when you hit Enter.\n Prec.high(keymap.of(continueKeymap)),\n // TODO(burdon): Factor out.\n [\n editorMonospace,\n javascript({ typescript: true }),\n // https://github.com/val-town/codemirror-ts\n autocomplete({ override: env ? [tsAutocomplete()] : [] }),\n env\n ? [\n tsFacet.of({ env, path: `/src/${id}.ts` }),\n tsSync(),\n tsLinter(),\n tsHover({ renderTooltip: createTooltipRenderer(themeMode) }),\n ]\n : [],\n ],\n ].filter(isNonNullable),\n selection,\n scrollTo,\n }),\n [id, extensions, themeMode, inputMode, selection, scrollTo],\n );\n\n return (\n <div ref={parentRef} data-toolbar={toolbar ? 'enabled' : 'disabled'} className={className} {...focusAttributes} />\n );\n};\n\nconst createTooltipRenderer = (themeMode: ThemeMode) => {\n const theme = themeMode === 'dark' ? oneDarkHighlightStyle : defaultHighlightStyle;\n\n const classFromKind = (_kind: string) => {\n // E.g., localName, methodName, parameterName, etc.\n const kind = _kind.endsWith('Name') ? 'name' : _kind;\n const validTag = kind in tags;\n if (!validTag) {\n return '';\n }\n\n const tag = tags[kind as keyof typeof tags];\n if (typeof tag === 'function') {\n return '';\n }\n\n return theme.style([tag]) ?? '';\n };\n\n return (info: HoverInfo) => {\n const div = document.createElement('div');\n div.className = 'p-1 rounded border border-separator bg-baseSurface xs:max-w-80 max-w-lg';\n\n if (info.quickInfo?.displayParts) {\n for (const part of info.quickInfo.displayParts) {\n const span = div.appendChild(document.createElement('span'));\n span.className = classFromKind(part.kind);\n span.innerText = part.text;\n }\n }\n\n return { dom: div };\n };\n};\n\nexport default TypescriptEditor;\n"],
5
- "mappings": "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",
6
- "names": ["import_react", "import_echo", "import_react_ui_editor", "import_react_ui", "createToolbar", "state", "templateSelect", "createTemplateSelect", "format", "createFormat", "gap", "createGapSeparator", "deploy", "createDeploy", "view", "createView", "nodes", "edges", "ScriptToolbar", "script", "role", "classNames", "handleAction", "useToolbarAction", "toolbarCreator", "useCallback", "menu", "useMenuActions", "React", "div", "className", "stackItemContentToolbarClassNames", "ElevationProvider", "elevation", "MenuProvider", "onAction", "attendableId", "fullyQualifiedId", "ToolbarMenu", "TypescriptEditor", "id", "env", "initialValue", "extensions", "scrollTo", "selection", "toolbar", "inputMode", "themeMode", "useThemeContext", "parentRef", "focusAttributes", "useTextEditor", "createBasicExtensions", "highlightActiveLine", "indentWithTab", "lineNumbers", "lineWrapping", "scrollPastEnd", "createThemeExtensions", "syntaxHighlighting", "slots", "content", "editorFullWidth", "EditorView", "theme", "marginTop", "InputModeExtensions", "folding", "Prec", "high", "keymap", "of", "continueKeymap", "editorMonospace", "javascript", "typescript", "autocomplete", "override", "tsAutocomplete", "tsFacet", "path", "tsSync", "tsLinter", "tsHover", "renderTooltip", "createTooltipRenderer", "filter", "isNonNullable", "ref", "data-toolbar", "oneDarkHighlightStyle", "defaultHighlightStyle", "classFromKind", "_kind", "kind", "endsWith", "validTag", "tags", "tag", "style", "info", "document", "createElement", "quickInfo", "displayParts", "part", "span", "appendChild", "innerText", "text", "dom", "ScriptContainer", "settings", "editorInputMode", "identity", "useIdentity", "space", "getSpace", "useMemo", "listener", "onChange", "source", "target", "changed", "createDataExtensions", "createDocAccessor", "useToolbarState", "useDeployState", "StackItem", "Content", "mx", "stackItemContentEditorClassNames", "DebugPanel", "functionUrl"]
7
- }
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../../src/types.ts"],
4
- "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { TitleAnnotationId } from '@effect/schema/AST';\n\nimport { SpaceSchema } from '@dxos/client/echo';\nimport { S } from '@dxos/echo-schema';\nimport { ScriptType } from '@dxos/functions';\nimport { EditorInputMode } from '@dxos/react-ui-editor';\n\nimport { SCRIPT_PLUGIN } from './meta';\n\nexport namespace ScriptAction {\n const SCRIPT_ACTION = `${SCRIPT_PLUGIN}/action`;\n\n export const CreateScriptSchema = S.Struct({\n name: S.optional(S.String),\n // TODO(wittjosiah): Placeholder annotation?\n gistUrl: S.optional(S.String.annotations({ [TitleAnnotationId]: 'Import from Gist (url)' })),\n });\n\n export type CreateScriptProps = S.Schema.Type<typeof CreateScriptSchema>;\n\n export class Create extends S.TaggedClass<Create>()(`${SCRIPT_ACTION}/create`, {\n input: S.extend(CreateScriptSchema, S.Struct({ space: SpaceSchema })),\n output: S.Struct({\n object: ScriptType,\n }),\n }) {}\n}\n\nexport const ScriptSettingsSchema = S.mutable(\n S.Struct({\n editorInputMode: EditorInputMode,\n }),\n);\n\nexport type ScriptSettingsProps = S.Schema.Type<typeof ScriptSettingsSchema>;\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;AAIA,iBAAkC;AAElC,kBAA4B;AAC5B,yBAAkB;AAClB,uBAA2B;AAC3B,6BAAgC;;UAIfA,eAAAA;AACf,QAAMC,gBAAgB,GAAGC,mCAAAA;gBAEZC,qBAAqBC,qBAAEC,OAAO;IACzCC,MAAMF,qBAAEG,SAASH,qBAAEI,MAAM;;IAEzBC,SAASL,qBAAEG,SAASH,qBAAEI,OAAOE,YAAY;MAAE,CAACC,4BAAAA,GAAoB;IAAyB,CAAA,CAAA;EAC3F,CAAA;EAIO,MAAMC,eAAeR,qBAAES,YAAW,EAAW,GAAGZ,aAAAA,WAAwB;IAC7Ea,OAAOV,qBAAEW,OAAMf,cAACG,oBAAoBC,qBAAEC,OAAO;MAAEW,OAAOC;IAAY,CAAA,CAAA;IAClEC,QAAQd,qBAAEC,OAAO;MACfc,QAAQC;IACV,CAAA;EACF,CAAA,EAAA;EAAI;gBALSR,SAAAA;AAMf,GAjBiBZ,iBAAAA,eAAAA,CAAAA,EAAAA;AAmBV,IAAMqB,uBAAuBjB,qBAAEkB,QACpClB,qBAAEC,OAAO;EACPkB,iBAAiBC;AACnB,CAAA,CAAA;",
6
- "names": ["ScriptAction", "SCRIPT_ACTION", "SCRIPT_PLUGIN", "CreateScriptSchema", "S", "Struct", "name", "optional", "String", "gistUrl", "annotations", "TitleAnnotationId", "Create", "TaggedClass", "input", "extend", "space", "SpaceSchema", "output", "object", "ScriptType", "ScriptSettingsSchema", "mutable", "editorInputMode", "EditorInputMode"]
7
- }
@@ -1,269 +0,0 @@
1
- "use strict";
2
- var __create = Object.create;
3
- var __defProp = Object.defineProperty;
4
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
5
- var __getOwnPropNames = Object.getOwnPropertyNames;
6
- var __getProtoOf = Object.getPrototypeOf;
7
- var __hasOwnProp = Object.prototype.hasOwnProperty;
8
- var __export = (target, all) => {
9
- for (var name in all)
10
- __defProp(target, name, { get: all[name], enumerable: true });
11
- };
12
- var __copyProps = (to, from, except, desc) => {
13
- if (from && typeof from === "object" || typeof from === "function") {
14
- for (let key of __getOwnPropNames(from))
15
- if (!__hasOwnProp.call(to, key) && key !== except)
16
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
17
- }
18
- return to;
19
- };
20
- var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
21
- // If the importer is in node compatibility mode or this is not an ESM
22
- // file that has been converted to a CommonJS file using a Babel-
23
- // compatible transform (i.e. "__esModule" has not been set), then set
24
- // "default" to the CommonJS "module.exports" for node compatibility.
25
- isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
26
- mod
27
- ));
28
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
29
- var chunk_K3ZZWVXS_exports = {};
30
- __export(chunk_K3ZZWVXS_exports, {
31
- DebugPanel: () => DebugPanel
32
- });
33
- module.exports = __toCommonJS(chunk_K3ZZWVXS_exports);
34
- var import_chunk_5UH3F7TA = require("./chunk-5UH3F7TA.cjs");
35
- var import_react = __toESM(require("react"));
36
- var import_log = require("@dxos/log");
37
- var import_react_ui = require("@dxos/react-ui");
38
- var import_react_ui_syntax_highlighter = require("@dxos/react-ui-syntax-highlighter");
39
- var import_react_ui_theme = require("@dxos/react-ui-theme");
40
- var __dxlog_file = "/home/runner/work/dxos/dxos/packages/plugins/experimental/plugin-script/src/components/DebugPanel/DebugPanel.tsx";
41
- var DebugPanel = ({ classNames, functionUrl }) => {
42
- const { t } = (0, import_react_ui.useTranslation)(import_chunk_5UH3F7TA.SCRIPT_PLUGIN);
43
- const inputRef = (0, import_react.useRef)(null);
44
- const [input, setInput] = (0, import_react.useState)("");
45
- const [result, setResult] = (0, import_react.useState)("");
46
- const [state, setState] = (0, import_react.useState)(null);
47
- const [history, setHistory] = (0, import_react.useState)([]);
48
- const scrollerRef = (0, import_react.useRef)(null);
49
- const handleScroll = () => {
50
- if (scrollerRef.current) {
51
- scrollerRef.current.scrollTop = scrollerRef.current.scrollHeight;
52
- }
53
- };
54
- const controller = (0, import_react.useRef)();
55
- (0, import_react.useEffect)(() => {
56
- return () => {
57
- handleStop();
58
- };
59
- }, []);
60
- const handleStop = () => {
61
- controller.current?.abort("stop");
62
- controller.current = void 0;
63
- };
64
- const handleClear = () => {
65
- handleStop();
66
- setInput("");
67
- setResult("");
68
- setHistory([]);
69
- inputRef.current?.focus();
70
- };
71
- const handleResponse = ({ text, data, error } = {}) => {
72
- controller.current = void 0;
73
- setHistory((history2) => [
74
- ...history2,
75
- {
76
- type: "response",
77
- text,
78
- data,
79
- error
80
- }
81
- ]);
82
- setResult("");
83
- setState(null);
84
- handleScroll();
85
- };
86
- const handleRequest = async (input2) => {
87
- try {
88
- setState("pending");
89
- let data = null;
90
- if (input2.charAt(0) === "{") {
91
- try {
92
- const validJsonString = input2.replace(/'/g, '"').replace(/([{,]\s*)([a-zA-Z0-9_]+)(\s*:)/g, '$1"$2"$3');
93
- data = JSON.parse(validJsonString);
94
- input2 = JSON.stringify(data, null, 2);
95
- } catch (err) {
96
- inputRef.current?.focus();
97
- return;
98
- }
99
- }
100
- setInput("");
101
- setResult("");
102
- setHistory((history2) => [
103
- ...history2,
104
- {
105
- type: "request",
106
- text: input2
107
- }
108
- ]);
109
- setTimeout(() => {
110
- handleScroll();
111
- });
112
- controller.current = new AbortController();
113
- const response = await fetch(functionUrl, {
114
- signal: controller.current.signal,
115
- method: "POST",
116
- body: input2,
117
- headers: {
118
- "Content-Type": data ? "application/json" : "text/plain"
119
- }
120
- });
121
- if (!response.ok) {
122
- const text2 = await response.text();
123
- handleResponse({
124
- error: new Error(text2 || response.statusText || String(response.status))
125
- });
126
- return;
127
- }
128
- const contentType = response.headers.get("content-type");
129
- if (contentType === "application/json") {
130
- const data2 = await response.json();
131
- handleResponse({
132
- data: data2
133
- });
134
- return;
135
- }
136
- setState("responding");
137
- let text = "";
138
- const reader = response.body.getReader();
139
- const pump = async ({ done, value }) => {
140
- text = text + new TextDecoder().decode(value);
141
- if (!controller.current || done) {
142
- handleResponse({
143
- text
144
- });
145
- return;
146
- }
147
- setResult(text);
148
- setTimeout(() => {
149
- handleScroll();
150
- });
151
- return reader.read().then(pump);
152
- };
153
- void reader.read().then(pump).catch((err) => {
154
- if (err.name !== "AbortError") {
155
- import_log.log.catch(err, void 0, {
156
- F: __dxlog_file,
157
- L: 146,
158
- S: void 0,
159
- C: (f, a) => f(...a)
160
- });
161
- }
162
- });
163
- } catch (err) {
164
- if (err !== "stop") {
165
- const error = err instanceof Error ? err : new Error(err);
166
- handleResponse({
167
- error
168
- });
169
- import_log.log.catch(err, void 0, {
170
- F: __dxlog_file,
171
- L: 153,
172
- S: void 0,
173
- C: (f, a) => f(...a)
174
- });
175
- } else {
176
- handleResponse();
177
- }
178
- }
179
- };
180
- return /* @__PURE__ */ import_react.default.createElement("div", {
181
- className: (0, import_react_ui_theme.mx)("flex flex-col h-full overflow-hidden", classNames)
182
- }, /* @__PURE__ */ import_react.default.createElement(MessageThread, {
183
- ref: scrollerRef,
184
- state,
185
- result,
186
- history
187
- }), /* @__PURE__ */ import_react.default.createElement(import_react_ui.Toolbar.Root, {
188
- classNames: "p-1"
189
- }, /* @__PURE__ */ import_react.default.createElement(import_react_ui.Input.Root, null, /* @__PURE__ */ import_react.default.createElement(import_react_ui.Input.TextInput, {
190
- ref: inputRef,
191
- autoFocus: true,
192
- placeholder: t("function request placeholder"),
193
- value: input,
194
- onChange: (ev) => setInput(ev.target.value),
195
- onKeyDown: (ev) => ev.key === "Enter" && handleRequest(input)
196
- })), /* @__PURE__ */ import_react.default.createElement(import_react_ui.Toolbar.Button, {
197
- onClick: () => handleRequest(input)
198
- }, /* @__PURE__ */ import_react.default.createElement(import_react_ui.Icon, {
199
- icon: "ph--play--regular",
200
- size: 4
201
- })), /* @__PURE__ */ import_react.default.createElement(import_react_ui.Toolbar.Button, {
202
- onClick: () => state ? handleStop() : handleClear()
203
- }, /* @__PURE__ */ import_react.default.createElement(import_react_ui.Icon, {
204
- icon: state ? "ph--stop--regular" : "ph--trash--regular",
205
- size: 4
206
- }))));
207
- };
208
- var MessageThread = /* @__PURE__ */ (0, import_react.forwardRef)(({ state, history, result }, forwardedRef) => {
209
- if (!history.length && !result.length) {
210
- return null;
211
- }
212
- return /* @__PURE__ */ import_react.default.createElement("div", {
213
- ref: forwardedRef,
214
- className: "flex flex-col gap-6 h-full p-2 overflow-x-hidden overflow-y-auto"
215
- }, history.map((message, i) => /* @__PURE__ */ import_react.default.createElement("div", {
216
- key: i,
217
- className: "grid grid-cols-[2rem_1fr_2rem]"
218
- }, /* @__PURE__ */ import_react.default.createElement("div", {
219
- className: "p-1"
220
- }, message.type === "response" && /* @__PURE__ */ import_react.default.createElement(RobotAvatar, null)), /* @__PURE__ */ import_react.default.createElement("div", {
221
- className: "overflow-auto"
222
- }, /* @__PURE__ */ import_react.default.createElement(MessageItem, {
223
- message
224
- })))), result?.length > 0 && /* @__PURE__ */ import_react.default.createElement("div", {
225
- className: "grid grid-cols-[2rem_1fr_2rem]"
226
- }, /* @__PURE__ */ import_react.default.createElement("div", {
227
- className: "p-1"
228
- }, state === "pending" && /* @__PURE__ */ import_react.default.createElement(import_react_ui.Icon, {
229
- icon: "ph--spinner--regular",
230
- size: 6,
231
- classNames: "animate-spin"
232
- }) || /* @__PURE__ */ import_react.default.createElement(import_react_ui.Icon, {
233
- icon: "ph--robot--regular",
234
- size: 6,
235
- classNames: "animate-[pulse_1s_ease-in-out_infinite]"
236
- })), /* @__PURE__ */ import_react.default.createElement("div", {
237
- className: "overflow-auto"
238
- }, /* @__PURE__ */ import_react.default.createElement(MessageItem, {
239
- message: {
240
- type: "response",
241
- text: result
242
- }
243
- }))));
244
- });
245
- var MessageItem = ({ classNames, message }) => {
246
- const { type, text, data, error } = message;
247
- const wrapper = "p-1 px-2 rounded-lg bg-hoverSurface overflow-auto";
248
- return /* @__PURE__ */ import_react.default.createElement("div", {
249
- className: (0, import_react_ui_theme.mx)("flex", type === "request" ? "ml-[1rem] justify-end" : "mr-[1rem]", classNames)
250
- }, error && /* @__PURE__ */ import_react.default.createElement("div", {
251
- className: (0, import_react_ui_theme.mx)(wrapper, "whitespace-pre", import_react_ui_theme.errorText)
252
- }, String(error)), text !== void 0 && /* @__PURE__ */ import_react.default.createElement("div", {
253
- className: (0, import_react_ui_theme.mx)(wrapper, type === "request" && "bg-primary-400 dark:bg-primary-600")
254
- }, text || "\xD8"), data && /* @__PURE__ */ import_react.default.createElement(import_react_ui_syntax_highlighter.SyntaxHighlighter, {
255
- language: "json",
256
- className: (0, import_react_ui_theme.mx)(wrapper, "px-8 py-2 text-xs")
257
- }, JSON.stringify(data, null, 2)));
258
- };
259
- var RobotAvatar = () => /* @__PURE__ */ import_react.default.createElement(import_react_ui.Avatar.Root, {
260
- size: 6,
261
- variant: "circle"
262
- }, /* @__PURE__ */ import_react.default.createElement(import_react_ui.Avatar.Frame, null, /* @__PURE__ */ import_react.default.createElement(import_react_ui.Avatar.Icon, {
263
- icon: "ph--robot--regular"
264
- })));
265
- // Annotate the CommonJS export names for ESM import in node:
266
- 0 && (module.exports = {
267
- DebugPanel
268
- });
269
- //# sourceMappingURL=chunk-K3ZZWVXS.cjs.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": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,mBAA+D;AAE/D,iBAAoB;AACpB,sBAAmF;AACnF,yCAAkC;AAClC,4BAA8B;;AAevB,IAAMA,aAAa,CAAC,EAAEC,YAAYC,YAAW,MAAmB;AACrE,QAAM,EAAEC,EAAC,QAAKC,gCAAeC,mCAAAA;AAE7B,QAAMC,eAAWC,qBAAyB,IAAA;AAC1C,QAAM,CAACC,OAAOC,QAAAA,QAAYC,uBAAS,EAAA;AACnC,QAAM,CAACC,QAAQC,SAAAA,QAAaF,uBAAS,EAAA;AACrC,QAAM,CAACG,OAAOC,QAAAA,QAAYJ,uBAAuB,IAAA;AAGjD,QAAM,CAACK,SAASC,UAAAA,QAAcN,uBAAoB,CAAA,CAAE;AAEpD,QAAMO,kBAAcV,qBAAuB,IAAA;AAC3C,QAAMW,eAAe,MAAA;AACnB,QAAID,YAAYE,SAAS;AACvBF,kBAAYE,QAAQC,YAAYH,YAAYE,QAAQE;IACtD;EACF;AAEA,QAAMC,iBAAaf,qBAAAA;AACnBgB,8BAAU,MAAA;AACR,WAAO,MAAA;AACLC,iBAAAA;IACF;EACF,GAAG,CAAA,CAAE;AAEL,QAAMA,aAAa,MAAA;AACjBF,eAAWH,SAASM,MAAM,MAAA;AAC1BH,eAAWH,UAAUO;EACvB;AAEA,QAAMC,cAAc,MAAA;AAClBH,eAAAA;AACAf,aAAS,EAAA;AACTG,cAAU,EAAA;AACVI,eAAW,CAAA,CAAE;AACbV,aAASa,SAASS,MAAAA;EACpB;AAEA,QAAMC,iBAAiB,CAAC,EAAEC,MAAMC,MAAMC,MAAK,IAAmD,CAAC,MAAC;AAC9FV,eAAWH,UAAUO;AACrBV,eAAW,CAACD,aAAY;SAAIA;MAAS;QAAEkB,MAAM;QAAYH;QAAMC;QAAMC;MAAM;KAAoB;AAC/FpB,cAAU,EAAA;AACVE,aAAS,IAAA;AACTI,iBAAAA;EACF;AAEA,QAAMgB,gBAAgB,OAAO1B,WAAAA;AAE3B,QAAI;AACFM,eAAS,SAAA;AAET,UAAIiB,OAAO;AAEX,UAAIvB,OAAM2B,OAAO,CAAA,MAAO,KAAK;AAC3B,YAAI;AACF,gBAAMC,kBAAkB5B,OAAM6B,QAAQ,MAAM,GAAA,EAAKA,QAAQ,mCAAmC,UAAA;AAC5FN,iBAAOO,KAAKC,MAAMH,eAAAA;AAClB5B,mBAAQ8B,KAAKE,UAAUT,MAAM,MAAM,CAAA;QACrC,SAASU,KAAK;AACZnC,mBAASa,SAASS,MAAAA;AAClB;QACF;MACF;AAEAnB,eAAS,EAAA;AACTG,gBAAU,EAAA;AACVI,iBAAW,CAACD,aAAY;WAAIA;QAAS;UAAEkB,MAAM;UAAWH,MAAMtB;QAAM;OAAE;AACtEkC,iBAAW,MAAA;AACTxB,qBAAAA;MACF,CAAA;AAGAI,iBAAWH,UAAU,IAAIwB,gBAAAA;AACzB,YAAMC,WAAW,MAAMC,MAAM3C,aAAc;QACzC4C,QAAQxB,WAAWH,QAAQ2B;QAC3BC,QAAQ;QACRC,MAAMxC;QACNyC,SAAS;UACP,gBAAgBlB,OAAO,qBAAqB;QAC9C;MACF,CAAA;AAGA,UAAI,CAACa,SAASM,IAAI;AAChB,cAAMpB,QAAO,MAAMc,SAASd,KAAI;AAChCD,uBAAe;UAAEG,OAAO,IAAImB,MAAMrB,SAAQc,SAASQ,cAAcC,OAAOT,SAASU,MAAM,CAAA;QAAG,CAAA;AAC1F;MACF;AAGA,YAAMC,cAAcX,SAASK,QAAQO,IAAI,cAAA;AACzC,UAAID,gBAAgB,oBAAoB;AACtC,cAAMxB,QAAO,MAAMa,SAASa,KAAI;AAChC5B,uBAAe;UAAEE,MAAAA;QAAK,CAAA;AACtB;MACF;AAGAjB,eAAS,YAAA;AACT,UAAIgB,OAAO;AACX,YAAM4B,SAASd,SAASI,KAAMW,UAAS;AACvC,YAAMC,OAAO,OAAO,EAAEC,MAAMC,MAAK,MAAwC;AACvEhC,eAAOA,OAAO,IAAIiC,YAAAA,EAAcC,OAAOF,KAAAA;AACvC,YAAI,CAACxC,WAAWH,WAAW0C,MAAM;AAC/BhC,yBAAe;YAAEC;UAAK,CAAA;AACtB;QACF;AAEAlB,kBAAUkB,IAAAA;AACVY,mBAAW,MAAA;AACTxB,uBAAAA;QACF,CAAA;AAEA,eAAOwC,OAAOO,KAAI,EAAGC,KAAKN,IAAAA;MAC5B;AAEA,WAAKF,OACFO,KAAI,EACJC,KAAKN,IAAAA,EACLO,MAAM,CAAC1B,QAAAA;AACN,YAAIA,IAAI2B,SAAS,cAAc;AAC7BC,yBAAIF,MAAM1B,KAAAA,QAAAA;;;;;;QACZ;MACF,CAAA;IACJ,SAASA,KAAU;AACjB,UAAIA,QAAQ,QAAQ;AAClB,cAAMT,QAAQS,eAAeU,QAAQV,MAAM,IAAIU,MAAMV,GAAAA;AACrDZ,uBAAe;UAAEG;QAAM,CAAA;AACvBqC,uBAAIF,MAAM1B,KAAAA,QAAAA;;;;;;MACZ,OAAO;AACLZ,uBAAAA;MACF;IACF;EACF;AAEA,SACE,6BAAAyC,QAAA,cAACC,OAAAA;IAAIC,eAAWC,0BAAG,wCAAwCxE,UAAAA;KAEzD,6BAAAqE,QAAA,cAACI,eAAAA;IAAcC,KAAK1D;IAAaJ;IAAcF;IAAgBI;MAE/D,6BAAAuD,QAAA,cAACM,wBAAQC,MAAI;IAAC5E,YAAW;KACvB,6BAAAqE,QAAA,cAACQ,sBAAMD,MAAI,MACT,6BAAAP,QAAA,cAACQ,sBAAMC,WAAS;IACdJ,KAAKrE;IACL0E,WAAAA;IACAC,aAAa9E,EAAE,8BAAA;IACf2D,OAAOtD;IACP0E,UAAU,CAACC,OAAO1E,SAAS0E,GAAGC,OAAOtB,KAAK;IAC1CuB,WAAW,CAACF,OAAOA,GAAGG,QAAQ,WAAWpD,cAAc1B,KAAAA;OAG3D,6BAAA8D,QAAA,cAACM,wBAAQW,QAAM;IAACC,SAAS,MAAMtD,cAAc1B,KAAAA;KAC3C,6BAAA8D,QAAA,cAACmB,sBAAAA;IAAKC,MAAK;IAAoBC,MAAM;OAEvC,6BAAArB,QAAA,cAACM,wBAAQW,QAAM;IAACC,SAAS,MAAO3E,QAAQW,WAAAA,IAAeG,YAAAA;KACrD,6BAAA2C,QAAA,cAACmB,sBAAAA;IAAKC,MAAM7E,QAAQ,sBAAsB;IAAsB8E,MAAM;;AAKhF;AAWA,IAAMjB,gBAAgBkB,6CACpB,CAAC,EAAE/E,OAAOE,SAASJ,OAAM,GAAwBkF,iBAAAA;AAC/C,MAAI,CAAC9E,QAAQ+E,UAAU,CAACnF,OAAOmF,QAAQ;AACrC,WAAO;EACT;AAEA,SACE,6BAAAxB,QAAA,cAACC,OAAAA;IAAII,KAAKkB;IAAcrB,WAAU;KAC/BzD,QAAQgF,IAAI,CAACC,SAASC,MACrB,6BAAA3B,QAAA,cAACC,OAAAA;IAAIe,KAAKW;IAAGzB,WAAU;KACrB,6BAAAF,QAAA,cAACC,OAAAA;IAAIC,WAAU;KAAOwB,QAAQ/D,SAAS,cAAc,6BAAAqC,QAAA,cAAC4B,aAAAA,IAAAA,CAAAA,GACtD,6BAAA5B,QAAA,cAACC,OAAAA;IAAIC,WAAU;KACb,6BAAAF,QAAA,cAAC6B,aAAAA;IAAYH;SAKlBrF,QAAQmF,SAAS,KAChB,6BAAAxB,QAAA,cAACC,OAAAA;IAAIC,WAAU;KACb,6BAAAF,QAAA,cAACC,OAAAA;IAAIC,WAAU;KACX3D,UAAU,aAAa,6BAAAyD,QAAA,cAACmB,sBAAAA;IAAKC,MAAK;IAAuBC,MAAM;IAAG1F,YAAW;QAC7E,6BAAAqE,QAAA,cAACmB,sBAAAA;IAAKC,MAAK;IAAqBC,MAAM;IAAG1F,YAAW;OAGxD,6BAAAqE,QAAA,cAACC,OAAAA;IAAIC,WAAU;KACb,6BAAAF,QAAA,cAAC6B,aAAAA;IAAYH,SAAS;MAAE/D,MAAM;MAAYH,MAAMnB;IAAO;;AAMnE,CAAA;AAGF,IAAMwF,cAAc,CAAC,EAAElG,YAAY+F,QAAO,MAAyC;AACjF,QAAM,EAAE/D,MAAMH,MAAMC,MAAMC,MAAK,IAAKgE;AACpC,QAAMI,UAAU;AAChB,SACE,6BAAA9B,QAAA,cAACC,OAAAA;IAAIC,eAAWC,0BAAG,QAAQxC,SAAS,YAAY,0BAA0B,aAAahC,UAAAA;KACpF+B,SAAS,6BAAAsC,QAAA,cAACC,OAAAA;IAAIC,eAAWC,0BAAG2B,SAAS,kBAAkBC,+BAAAA;KAAahD,OAAOrB,KAAAA,CAAAA,GAE3EF,SAASJ,UACR,6BAAA4C,QAAA,cAACC,OAAAA;IAAIC,eAAWC,0BAAG2B,SAASnE,SAAS,aAAa,oCAAA;KAC/CH,QAAQ,MAAA,GAIZC,QACC,6BAAAuC,QAAA,cAACgC,sDAAAA;IAAkBC,UAAS;IAAO/B,eAAWC,0BAAG2B,SAAS,mBAAA;KACvD9D,KAAKE,UAAUT,MAAM,MAAM,CAAA,CAAA,CAAA;AAKtC;AAEA,IAAMmE,cAAc,MAClB,6BAAA5B,QAAA,cAACkC,uBAAO3B,MAAI;EAACc,MAAM;EAAGc,SAAQ;GAC5B,6BAAAnC,QAAA,cAACkC,uBAAOE,OAAK,MACX,6BAAApC,QAAA,cAACkC,uBAAOf,MAAI;EAACC,MAAK;;",
6
- "names": ["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", "React", "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,261 +0,0 @@
1
- "use strict";
2
- var __create = Object.create;
3
- var __defProp = Object.defineProperty;
4
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
5
- var __getOwnPropNames = Object.getOwnPropertyNames;
6
- var __getProtoOf = Object.getPrototypeOf;
7
- var __hasOwnProp = Object.prototype.hasOwnProperty;
8
- var __export = (target, all) => {
9
- for (var name in all)
10
- __defProp(target, name, { get: all[name], enumerable: true });
11
- };
12
- var __copyProps = (to, from, except, desc) => {
13
- if (from && typeof from === "object" || typeof from === "function") {
14
- for (let key of __getOwnPropNames(from))
15
- if (!__hasOwnProp.call(to, key) && key !== except)
16
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
17
- }
18
- return to;
19
- };
20
- var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
21
- // If the importer is in node compatibility mode or this is not an ESM
22
- // file that has been converted to a CommonJS file using a Babel-
23
- // compatible transform (i.e. "__esModule" has not been set), then set
24
- // "default" to the CommonJS "module.exports" for node compatibility.
25
- isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
26
- mod
27
- ));
28
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
29
- var chunk_TOXBGIEI_exports = {};
30
- __export(chunk_TOXBGIEI_exports, {
31
- ScriptContainer: () => ScriptContainer,
32
- ScriptSettings: () => ScriptSettings,
33
- ScriptSettingsPanel: () => ScriptSettingsPanel
34
- });
35
- module.exports = __toCommonJS(chunk_TOXBGIEI_exports);
36
- var import_chunk_5UH3F7TA = require("./chunk-5UH3F7TA.cjs");
37
- var import_react = __toESM(require("react"));
38
- var import_react_client = require("@dxos/react-client");
39
- var import_react_ui = require("@dxos/react-ui");
40
- var import_react_ui_editor = require("@dxos/react-ui-editor");
41
- var import_react_ui_form = require("@dxos/react-ui-form");
42
- var import_core = require("@octokit/core");
43
- var import_react2 = __toESM(require("react"));
44
- var import_app_framework = require("@dxos/app-framework");
45
- var import_functions = require("@dxos/functions");
46
- var import_log = require("@dxos/log");
47
- var import_react_client2 = require("@dxos/react-client");
48
- var import_echo = require("@dxos/react-client/echo");
49
- var import_react_ui2 = require("@dxos/react-ui");
50
- var import_schema = require("@dxos/schema");
51
- var import_react3 = require("react");
52
- var ScriptSettings = ({ settings }) => {
53
- const { t } = (0, import_react_ui.useTranslation)(import_chunk_5UH3F7TA.SCRIPT_PLUGIN);
54
- const client = (0, import_react_client.useClient)();
55
- const handleAuthenticate = async () => {
56
- const { identityKey } = client.halo.identity.get();
57
- await client.halo.writeCredentials([
58
- {
59
- issuer: identityKey,
60
- issuanceDate: /* @__PURE__ */ new Date(),
61
- subject: {
62
- id: identityKey,
63
- assertion: {
64
- "@type": "dxos.halo.credentials.ServiceAccess",
65
- serverName: "hub.dxos.network",
66
- serverKey: identityKey,
67
- identityKey,
68
- capabilities: [
69
- "composer:beta"
70
- ]
71
- }
72
- }
73
- }
74
- ]);
75
- };
76
- return /* @__PURE__ */ import_react.default.createElement(import_react_ui_form.DeprecatedFormContainer, null, /* @__PURE__ */ import_react.default.createElement(import_react_ui_form.DeprecatedFormInput, {
77
- label: t("authenticate action label")
78
- }, /* @__PURE__ */ import_react.default.createElement(import_react_ui.Button, {
79
- onClick: handleAuthenticate
80
- }, t("authenticate button label"))), /* @__PURE__ */ import_react.default.createElement(import_react_ui_form.DeprecatedFormInput, {
81
- label: t("editor input mode label")
82
- }, /* @__PURE__ */ import_react.default.createElement(import_react_ui.Select.Root, {
83
- value: settings.editorInputMode ?? "default",
84
- onValueChange: (value) => {
85
- settings.editorInputMode = value;
86
- }
87
- }, /* @__PURE__ */ import_react.default.createElement(import_react_ui.Select.TriggerButton, {
88
- placeholder: t("select editor input mode placeholder")
89
- }), /* @__PURE__ */ import_react.default.createElement(import_react_ui.Select.Portal, null, /* @__PURE__ */ import_react.default.createElement(import_react_ui.Select.Content, null, /* @__PURE__ */ import_react.default.createElement(import_react_ui.Select.Viewport, null, import_react_ui_editor.EditorInputModes.map((mode) => /* @__PURE__ */ import_react.default.createElement(import_react_ui.Select.Option, {
90
- key: mode,
91
- value: mode
92
- }, t(`settings editor input mode ${mode} label`)))))))));
93
- };
94
- var __dxlog_file = "/home/runner/work/dxos/dxos/packages/plugins/experimental/plugin-script/src/components/ScriptSettingsPanel.tsx";
95
- var kebabize = (str) => str.replace(/[A-Z]+(?![a-z])|[A-Z]/g, ($, ofs) => (ofs ? "-" : "") + $.toLowerCase());
96
- var ScriptSettingsPanel = ({ script }) => {
97
- const { t } = (0, import_react_ui2.useTranslation)(import_chunk_5UH3F7TA.SCRIPT_PLUGIN);
98
- const { dispatchPromise: dispatch } = (0, import_app_framework.useIntentDispatcher)();
99
- const client = (0, import_react_client2.useClient)();
100
- const space = (0, import_echo.getSpace)(script);
101
- const [fn] = (0, import_echo.useQuery)(space, import_echo.Filter.schema(import_functions.FunctionType, {
102
- source: script
103
- }));
104
- const [githubToken] = (0, import_echo.useQuery)(space, import_echo.Filter.schema(import_schema.AccessTokenType, {
105
- source: "github.com"
106
- }));
107
- const gistKey = (0, import_echo.getMeta)(script).keys.find(({ source }) => source === "github.com");
108
- const [gistUrl, setGistUrl] = (0, import_react2.useState)();
109
- (0, import_react2.useEffect)(() => {
110
- const token = githubToken?.token;
111
- const gistId = gistKey?.id;
112
- if (!token || !gistId) {
113
- setGistUrl(void 0);
114
- return;
115
- }
116
- const timeout = setTimeout(async () => {
117
- try {
118
- const octokit = new import_core.Octokit({
119
- auth: githubToken.token
120
- });
121
- const response = await octokit.request("GET /gists/{gist_id}", {
122
- gist_id: gistId
123
- });
124
- setGistUrl(response.data.html_url);
125
- } catch (err) {
126
- import_log.log.catch(err, void 0, {
127
- F: __dxlog_file,
128
- L: 52,
129
- S: void 0,
130
- C: (f, a) => f(...a)
131
- });
132
- setGistUrl(void 0);
133
- }
134
- });
135
- return () => clearTimeout(timeout);
136
- }, [
137
- githubToken,
138
- gistKey
139
- ]);
140
- const [binding, setBinding] = (0, import_react_ui2.useControlledState)(fn?.binding ?? "");
141
- const handleBindingChange = (0, import_react2.useCallback)((event) => {
142
- setBinding(event.target.value);
143
- }, [
144
- setBinding
145
- ]);
146
- const handleBindingBlur = (0, import_react2.useCallback)(() => {
147
- fn.binding = binding;
148
- }, [
149
- fn,
150
- binding
151
- ]);
152
- const functionPath = fn && (0, import_functions.getUserFunctionUrlInMetadata)((0, import_echo.getMeta)(fn));
153
- const functionUrl = functionPath && (0, import_functions.getInvocationUrl)(functionPath, client.config.values.runtime?.services?.edge?.url ?? "", {
154
- spaceId: space?.id
155
- });
156
- const handleOpenTokenManager = (0, import_react2.useCallback)(() => dispatch((0, import_app_framework.createIntent)(import_app_framework.SettingsAction.Open, {
157
- plugin: "dxos.org/plugin/token-manager"
158
- })), []);
159
- const [publishing, setPublishing] = (0, import_react2.useState)(false);
160
- const handlePublish = (0, import_react2.useCallback)(async () => {
161
- setPublishing(true);
162
- const octokit = new import_core.Octokit({
163
- auth: githubToken.token
164
- });
165
- const source = await script.source.load();
166
- const filename = script.name ? kebabize(script.name) : "composer-script";
167
- const files = {
168
- [`${filename}.ts`]: {
169
- content: source.content
170
- }
171
- };
172
- try {
173
- const meta = (0, import_echo.getMeta)(script);
174
- const githubKey = meta.keys.find(({ source: source2 }) => source2 === "github.com");
175
- const gistId = githubKey?.id;
176
- if (gistId) {
177
- await octokit.request("PATCH /gists/{gist_id}", {
178
- gist_id: gistId,
179
- files
180
- });
181
- } else {
182
- const response = await octokit.request("POST /gists", {
183
- public: true,
184
- files
185
- });
186
- if (response.data.id) {
187
- meta.keys.push({
188
- source: "github.com",
189
- id: response.data.id
190
- });
191
- }
192
- }
193
- } finally {
194
- setPublishing(false);
195
- }
196
- }, [
197
- script,
198
- githubToken
199
- ]);
200
- return /* @__PURE__ */ import_react2.default.createElement(import_react2.default.Fragment, null, /* @__PURE__ */ import_react2.default.createElement("div", {
201
- role: "form",
202
- className: "flex flex-col w-full p-2 gap-4"
203
- }, /* @__PURE__ */ import_react2.default.createElement(import_react_ui2.Input.Root, null, /* @__PURE__ */ import_react2.default.createElement("div", {
204
- role: "none",
205
- className: "flex flex-col gap-1"
206
- }, /* @__PURE__ */ import_react2.default.createElement(import_react_ui2.Input.Label, null, t("description label")), /* @__PURE__ */ import_react2.default.createElement(import_react_ui2.Input.TextInput, {
207
- placeholder: t("description placeholder"),
208
- value: script.description ?? "",
209
- onChange: (event) => {
210
- script.description = event.target.value;
211
- }
212
- })))), fn && functionUrl && /* @__PURE__ */ import_react2.default.createElement(import_react2.default.Fragment, null, /* @__PURE__ */ import_react2.default.createElement(import_react_ui2.Separator, null), /* @__PURE__ */ import_react2.default.createElement("div", {
213
- role: "form",
214
- className: "flex flex-col w-full p-2 gap-4"
215
- }, /* @__PURE__ */ import_react2.default.createElement("h2", null, t("remote function settings heading")), /* @__PURE__ */ import_react2.default.createElement(import_react_ui2.Input.Root, null, /* @__PURE__ */ import_react2.default.createElement("div", {
216
- role: "none",
217
- className: "flex flex-col gap-1"
218
- }, /* @__PURE__ */ import_react2.default.createElement(import_react_ui2.Input.Label, null, t("function url label")), /* @__PURE__ */ import_react2.default.createElement("div", {
219
- role: "none",
220
- className: "flex gap-1"
221
- }, /* @__PURE__ */ import_react2.default.createElement(import_react_ui2.Input.TextInput, {
222
- disabled: true,
223
- value: functionUrl,
224
- onChange: (event) => {
225
- fn.name = event.target.value;
226
- }
227
- }), /* @__PURE__ */ import_react2.default.createElement(import_react_ui2.Clipboard.IconButton, {
228
- value: functionUrl
229
- })))), /* @__PURE__ */ import_react2.default.createElement(import_react_ui2.Input.Root, null, /* @__PURE__ */ import_react2.default.createElement("div", {
230
- role: "none",
231
- className: "flex flex-col gap-1"
232
- }, /* @__PURE__ */ import_react2.default.createElement(import_react_ui2.Input.Label, null, t("function binding label")), /* @__PURE__ */ import_react2.default.createElement(import_react_ui2.Input.TextInput, {
233
- placeholder: t("function binding placeholder"),
234
- value: binding,
235
- onChange: handleBindingChange,
236
- onBlur: handleBindingBlur
237
- }))))), /* @__PURE__ */ import_react2.default.createElement(import_react_ui2.Separator, null), /* @__PURE__ */ import_react2.default.createElement("div", {
238
- className: "flex flex-col w-full p-2 gap-4"
239
- }, /* @__PURE__ */ import_react2.default.createElement("div", null, /* @__PURE__ */ import_react2.default.createElement("h2", null, t("script publish settings label")), /* @__PURE__ */ import_react2.default.createElement("p", {
240
- className: "text-description text-sm"
241
- }, t("script publish settings description"))), !githubToken && /* @__PURE__ */ import_react2.default.createElement("div", {
242
- className: "flex flex-col items-center justify-center gap-2"
243
- }, /* @__PURE__ */ import_react2.default.createElement("span", null, t("no github token label")), /* @__PURE__ */ import_react2.default.createElement(import_react_ui2.Button, {
244
- onClick: handleOpenTokenManager
245
- }, t("open token manager label"))), githubToken && /* @__PURE__ */ import_react2.default.createElement("div", {
246
- className: "flex justify-end gap-2"
247
- }, gistUrl && /* @__PURE__ */ import_react2.default.createElement(import_react_ui2.Clipboard.IconButton, {
248
- value: gistUrl
249
- }), /* @__PURE__ */ import_react2.default.createElement(import_react_ui2.Button, {
250
- disabled: publishing,
251
- onClick: handlePublish
252
- }, t(publishing ? "publishing label" : "publish label")))));
253
- };
254
- var ScriptContainer = (0, import_react3.lazy)(() => import("./ScriptContainer-G6FZU4AM.cjs"));
255
- // Annotate the CommonJS export names for ESM import in node:
256
- 0 && (module.exports = {
257
- ScriptContainer,
258
- ScriptSettings,
259
- ScriptSettingsPanel
260
- });
261
- //# sourceMappingURL=chunk-TOXBGIEI.cjs.map