@malloydata/malloy-explorer 0.0.299-dev250808170326 → 0.0.304-dev250814203415

package/dist/malloy-explorer.css

@@ -67,6 +67,7 @@
 .mlygqa5hp{background:rgba(230,235,239,1)}
 .mlyzy8d55{background:rgba(255,255,255,.5)}
 .mlyotlr4g{background:rgba(255,255,255,1)}
+.mly1lrzu1o{background:transparent!important}
 .mly1md70p1{background:transparent}
 .mlysu8s4a{background:var(--mly10mhzaa)}
 .mly1np9qvj{background:var(--mly1eayp21)}
@@ -87,6 +88,7 @@
 .mly1gs6z28{border:none}
 .mly15r89dc{grid-area:1 / 1}
 .mly1ghz6dp{margin:0}
+.mlys8nxjv{margin:4px 12px 0 12px}
 .mlynfbntj{margin:5px 0}
 .mly16zck5j{margin:5px}
 .mlykib98w{margin:8px}
@@ -96,6 +98,7 @@
 .mly1l4tkcb{padding:0 8px 8px 8px}
 .mly1717udv{padding:0}
 .mly1b4vry6{padding:10px 0}
+.mly7z7khe{padding:10px}
 .mlyc7ga6q{padding:12px}
 .mly1tamke2{padding:16px}
 .mly1e41zw8{padding:1px 5px}
@@ -153,6 +156,7 @@
 .mly1roky18{border-right:1px solid rgba(204,211,219,1)}
 .mlyng3xce{border-style:none}
 .mly1y0btm7{border-style:solid}
+.mly1gnry1m{border-top:1px solid #CCD3DB}
 .mlye536se{border-top:1px solid #e0e0e0}
 .mly77krkw{border-top:1px solid var(--malloy-composer-form-border,#ececec)}
 .mlyc342km{border-width:0}
@@ -170,6 +174,7 @@
 .mly167g77z{gap:8px}
 .mly623te4{grid-column:span 2}
 .mly1a80n4u{grid-column:span 3}
+.mlye8uvvx{list-style:none}
 .mly1a2a7pz{outline:none}
 .mlyysyzu8{overflow:auto}
 .mlyb3r6kr{overflow:hidden}
@@ -286,6 +291,7 @@ html[dir='rtl'] .mly17fq3gk{box-shadow:0 2px 12px 0 rgba(0,0,0,.1), 0 1px 2px 0
 .mly2b4tyj{display:var(--mlyvpnzvp)}
 .mlydt5ytf{flex-direction:column}
 .mly1q0g3np{flex-direction:row}
+.mly1c4vz4f{flex-grow:0}
 .mly1iyjqo2{flex-grow:1}
 .mly2lah0s{flex-shrink:0}
 .mly1a02dak{flex-wrap:wrap}
@@ -389,6 +395,7 @@ html[dir='rtl'] .mly17fq3gk{box-shadow:0 2px 12px 0 rgba(0,0,0,.1), 0 1px 2px 0
 .mlydk7pt{height:8px}
 .mlylo07zb{height:90px}
 .mlyt7dq6l{height:auto}
+.mly10msahz{height:calc(100% - 4px)}
 .mly1ktj5wk{height:calc(100% - 8px)}
 .mlyu96u03{left:0}
 .mly12nagc{margin-bottom:4px}

package/dist/types/components/CodeEditor/CodeEditor.d.ts

@@ -0,0 +1,7 @@
+import * as Malloy from '@malloydata/malloy-interfaces';
+export interface CodeEditorProps {
+    language: string;
+    value: string;
+    onChange: (value: string | Malloy.Query) => void;
+}
+export default function CodeEditor({ language, value, onChange, }: CodeEditorProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/CodeEditor/CodeEditorContext.d.ts

@@ -0,0 +1,14 @@
+import * as Malloy from '@malloydata/malloy-interfaces';
+import * as Monaco from './monaco/monaco_shim';
+import * as React from 'react';
+import type { ModelDef } from '@malloydata/malloy';
+export interface CodeEditorContextProps {
+    monaco?: typeof Monaco;
+    modelDef?: ModelDef;
+    modelUri?: URL;
+    malloyToQuery?: (malloy: string) => {
+        query?: Malloy.Query | undefined;
+        logs: Malloy.LogMessage[];
+    };
+}
+export declare const CodeEditorContext: React.Context<CodeEditorContextProps>;

package/dist/types/components/CodeEditor/index.d.ts

@@ -0,0 +1,4 @@
+import CodedEditor from './CodeEditor';
+export * from './CodeEditor';
+export * from './CodeEditorContext';
+export default CodedEditor;

package/dist/types/components/CodeEditor/lsp/code_actions.d.ts

@@ -0,0 +1,2 @@
+import * as Monaco from '../monaco/monaco_shim';
+export declare function provideCodeActions(textModel: Monaco.editor.ITextModel, range: Monaco.Range, _context: Monaco.languages.CodeActionContext, _token: Monaco.CancellationToken): Promise<Monaco.languages.CodeActionList>;

package/dist/types/components/CodeEditor/lsp/completion_docs.d.ts

@@ -0,0 +1,5 @@
+export declare const COMPLETION_DOCS: {
+    [kind: string]: {
+        [property: string]: string;
+    };
+};

package/dist/types/components/CodeEditor/lsp/completions.d.ts

@@ -0,0 +1,2 @@
+import * as Monaco from '../monaco/monaco_shim';
+export declare function provideCompletionItems(monaco: typeof Monaco, textModel: Monaco.editor.ITextModel, position: Monaco.Position, _context: Monaco.languages.CompletionContext, _token: Monaco.CancellationToken): Monaco.languages.CompletionList;

package/dist/types/components/CodeEditor/lsp/definitions.d.ts

@@ -0,0 +1,2 @@
+import * as Monaco from '../monaco/monaco_shim';
+export declare function provideDefinition(monaco: typeof Monaco, textModel: Monaco.editor.ITextModel, position: Monaco.Position, _token: Monaco.CancellationToken): Promise<Monaco.languages.Definition>;

package/dist/types/components/CodeEditor/lsp/diagnostics.d.ts

@@ -0,0 +1,2 @@
+import * as Monaco from '../monaco/monaco_shim';
+export declare function diagnostics(monaco: typeof Monaco, modelUri: string, malloy: string): Promise<Monaco.editor.IMarkerData[]>;

package/dist/types/components/CodeEditor/lsp/hover.d.ts

@@ -0,0 +1,2 @@
+import * as Monaco from '../monaco/monaco_shim';
+export declare function provideHover(textModel: Monaco.editor.ITextModel, position: Monaco.Position, _token: Monaco.CancellationToken, _context?: Monaco.languages.HoverContext<Monaco.languages.Hover>): Promise<Monaco.languages.Hover | null>;

package/dist/types/components/CodeEditor/lsp/index.d.ts

@@ -0,0 +1,7 @@
+export { diagnostics } from './diagnostics';
+export { provideCodeActions } from './code_actions';
+export { provideCompletionItems } from './completions';
+export { provideDefinition } from './definitions';
+export { provideDocumentSymbols } from './symbols';
+export { provideHover } from './hover';
+export { registerModel, initLsp } from './utils';

package/dist/types/components/CodeEditor/lsp/stub_compile.d.ts

@@ -0,0 +1,15 @@
+import { MalloyQueryData, Model, ModelDef, Parse, SQLSourceDef, TableSourceDef, URLReader } from '@malloydata/malloy';
+import { BaseConnection } from '@malloydata/malloy/connection';
+export declare class StubReader implements URLReader {
+    readURL(_url: URL): Promise<string>;
+}
+export declare class StubConnection extends BaseConnection {
+    dialectName: string;
+    name: string;
+    constructor(dialectName?: string);
+    runSQL(): Promise<MalloyQueryData>;
+    fetchSelectSchema(_sqlSource: SQLSourceDef): Promise<SQLSourceDef | string>;
+    fetchTableSchema(_tableName: string, _tablePath: string): Promise<TableSourceDef | string>;
+}
+export declare function stubCompile(modelDef: ModelDef, malloy: string): Promise<Model>;
+export declare function stubParse(_modelDef: ModelDef, source: string): Parse;

package/dist/types/components/CodeEditor/lsp/symbols.d.ts

@@ -0,0 +1,2 @@
+import * as Monaco from '../monaco/monaco_shim';
+export declare function provideDocumentSymbols(monaco: typeof Monaco, textModel: Monaco.editor.ITextModel, _token: Monaco.CancellationToken): Monaco.languages.DocumentSymbol[];

package/dist/types/components/CodeEditor/lsp/utils.d.ts

@@ -0,0 +1,9 @@
+import { ModelDef } from '@malloydata/malloy';
+import * as Monaco from '../monaco/monaco_shim';
+export declare function convertPosition(position: Monaco.Position): {
+    line: number;
+    character: number;
+};
+export declare function registerModel(modelUri: string, modelDef: ModelDef): void;
+export declare function getModel(modelUri: string): ModelDef;
+export declare function initLsp(monaco: typeof Monaco): Monaco.IDisposable;

package/dist/types/components/CodeEditor/monaco/monaco.d.ts

@@ -0,0 +1,2 @@
+import * as Monaco from './monaco_shim';
+export declare function initMonaco(monaco: typeof Monaco): Promise<Monaco.IDisposable>;

package/dist/types/components/CodeEditor/monaco/monaco_shim.d.ts

@@ -0,0 +1,3 @@
+export * from 'monaco-editor-core';
+import * as monaco from 'monaco-editor-core';
+export type Monaco = typeof monaco;

package/dist/types/components/CodeEditor/monaco/monaco_worker.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/MalloyExplorerProvider.d.ts

@@ -3,13 +3,20 @@ import * as Malloy from '@malloydata/malloy-interfaces';
 import type { DrillData } from '@malloydata/render';
 import { SearchValueMapResult } from '../hooks/useTopValues';
 export interface MalloyExplorerProviderProps {
+    /** Malloy source to extend for query */
     source: Malloy.SourceInfo;
-    query?: Malloy.Query;
-    onQueryChange?: (query: Malloy.Query | undefined) => void;
+    /** Current query state */
+    query?: Malloy.Query | string;
+    /** Callback for editor changes */
+    onQueryChange?: (query: Malloy.Query | string | undefined) => void;
+    /** Currently focused nest element */
     focusedNestViewPath: string[];
+    /** Callback for user selecting focussed element */
     onFocusedNestViewPathChange: (path: string[]) => void;
-    children: ReactNode | ReactNode[];
+    children: ReactNode;
+    /** Search index result values for suggestions */
     topValues?: SearchValueMapResult[];
+    /** Default drill behavior override callback */
     onDrill?: ({ stableQuery, stableDrillClauses }: DrillData) => void;
 }
 export declare function MalloyExplorerProvider({ source, query, onQueryChange, focusedNestViewPath, onFocusedNestViewPathChange, children, topValues, onDrill, }: MalloyExplorerProviderProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/QueryPanel/QueryActionBar.d.ts

@@ -4,5 +4,6 @@ import * as Malloy from '@malloydata/malloy-interfaces';
  */
 export interface QueryActionBarProps {
     runQuery: (source: Malloy.SourceInfo, query: Malloy.Query) => void;
+    runQueryString?: (source: Malloy.SourceInfo, query: string) => void;
 }
-export declare function QueryActionBar({ runQuery }: QueryActionBarProps): import("react/jsx-runtime").JSX.Element;
+export declare function QueryActionBar({ runQuery, runQueryString, }: QueryActionBarProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/QueryPanel/QueryPanel.d.ts

@@ -1,6 +1,7 @@
 import * as Malloy from '@malloydata/malloy-interfaces';
 interface QueryPanelProps {
     runQuery: (source: Malloy.SourceInfo, query: Malloy.Query) => void;
+    runQueryString?: (source: Malloy.SourceInfo, query: string) => void;
 }
-export default function QueryPanel({ runQuery }: QueryPanelProps): import("react/jsx-runtime").JSX.Element;
+export default function QueryPanel({ runQuery, runQueryString, }: QueryPanelProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/types/components/ResultPanel/ResultPanel.d.ts

@@ -7,8 +7,8 @@ type ResultPanelOptions = {
 };
 export interface ResultPanelProps {
     source: Malloy.SourceInfo;
-    draftQuery?: Malloy.Query;
-    setDraftQuery: (query: Malloy.Query) => void;
+    draftQuery?: Malloy.Query | string;
+    setDraftQuery: (query: Malloy.Query | string) => void;
     submittedQuery?: SubmittedQuery;
     options?: ResultPanelOptions;
 }

package/dist/types/components/ResultPanel/SubmittedQuery.d.ts

@@ -7,7 +7,7 @@ export declare const EXECUTION_STATES: {
 };
 export type QueryExecutionState = keyof typeof EXECUTION_STATES;
 export type SubmittedQuery = {
-    query: Malloy.Query;
+    query: Malloy.Query | string;
     executionState: QueryExecutionState;
     queryResolutionStartMillis: number;
     onCancel: () => void;

package/dist/types/components/SourcePanel/FieldGroupList.d.ts

@@ -1,12 +1,14 @@
 import * as React from 'react';
+import * as Malloy from '@malloydata/malloy-interfaces';
 import { FieldItem } from './utils';
 import { SourceInfo } from '@malloydata/malloy-interfaces';
 import { ASTQuery } from '@malloydata/malloy-query-builder';
 interface FieldGroupListProps {
-    rootQuery: ASTQuery;
+    rootQuery?: ASTQuery;
     source: SourceInfo;
     fieldItems: FieldItem[];
     fieldGroupType: 'view' | 'measure' | 'dimension';
+    onCopy: (field: Malloy.FieldInfo, path: string[]) => void;
 }
-export default function FieldGroupList({ rootQuery, source, fieldItems, fieldGroupType, }: FieldGroupListProps): React.ReactNode;
+export default function FieldGroupList({ rootQuery, source, fieldItems, fieldGroupType, onCopy, }: FieldGroupListProps): React.ReactNode;
 export {};

package/dist/types/components/SourcePanel/FieldTokenWithCopy.d.ts

@@ -0,0 +1,7 @@
+import * as Malloy from '@malloydata/malloy-interfaces';
+export interface FieldTokenWithCopyProps {
+    field: Malloy.FieldInfo;
+    path: string[];
+    onCopy: (field: Malloy.FieldInfo, path: string[]) => void;
+}
+export declare function FieldTokenWithCopy({ field, path, onCopy, }: FieldTokenWithCopyProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/SourcePanel/SearchResultList.d.ts

@@ -1,10 +1,12 @@
+import * as Malloy from '@malloydata/malloy-interfaces';
 import { FieldItem } from './utils';
 import { SourceInfo } from '@malloydata/malloy-interfaces';
 import { ASTQuery } from '@malloydata/malloy-query-builder';
 interface SearchResultListProps {
-    rootQuery: ASTQuery;
+    rootQuery?: ASTQuery;
     source: SourceInfo;
     items: FieldItem[];
+    onCopy: (field: Malloy.FieldInfo, path: string[]) => void;
 }
-export default function SearchResultList({ rootQuery, source, items, }: SearchResultListProps): import("react/jsx-runtime").JSX.Element | null;
+export default function SearchResultList({ rootQuery, source, items, onCopy, }: SearchResultListProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/types/components/SourcePanel/SourcePanel.d.ts

@@ -1,4 +1,4 @@
 export interface SourcePanelProps {
     onRefresh: () => void;
 }
-export declare function SourcePanel({ onRefresh }: SourcePanelProps): import("react/jsx-runtime").JSX.Element | null;
+export declare function SourcePanel({ onRefresh }: SourcePanelProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/primitives/syntax_highlighting/syntaxHighlighter.d.ts

@@ -1,6 +1,8 @@
 import { TransformerOptions } from './transformers/transformers';
+import { HighlighterCore } from '@shikijs/core';
 export type SupportedLang = 'json' | 'sql' | 'malloy';
 export type SupportedTheme = 'light-plus' | 'dark-plus';
 type HighlighterOptions = {} & TransformerOptions;
+export declare function getHighlighter(): Promise<HighlighterCore>;
 export declare function highlightPre(code: string, lang: SupportedLang, theme: SupportedTheme, { showLineNumbers, lineSpacing }: HighlighterOptions): Promise<HTMLDivElement>;
 export {};

package/dist/types/components/primitives/utils/icon.d.ts

@@ -113,6 +113,12 @@ export declare const ICON_MAP: {
         desc?: string;
         descId?: string;
     }>;
+    readonly malloy: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
+        title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
+    }>;
     readonly aggregate: import("react").FunctionComponent<import("react").SVGProps<SVGSVGElement> & {
         title?: string;
         titleId?: string;

package/dist/types/contexts/QueryEditorContext.d.ts

@@ -4,12 +4,13 @@ import { ASTQuery } from '@malloydata/malloy-query-builder';
 import type { DrillData } from '@malloydata/render';
 export interface QueryEditorContextProps {
     /** Source object at the root level */
-    source?: Malloy.SourceInfo;
+    source: Malloy.SourceInfo;
     /** Query object to represent current state at the root level  */
-    rootQuery?: ASTQuery;
+    rootQuery: ASTQuery | undefined;
     /** Provide to allow editing of the query */
-    setQuery: (query: Malloy.Query | undefined) => void;
-    onDrill?: ({ stableQuery, stableDrillClauses }: DrillData) => void;
+    setQuery: (query: Malloy.Query | string | undefined) => void;
+    query: Malloy.Query | string | undefined;
+    onDrill?: (drillData: DrillData) => void;
 }
 /**
  * QueryEditorContext enables query editing by providing the setQuery

package/dist/types/hooks/useQueryBuilder.d.ts

@@ -1,3 +1,3 @@
 import { ASTQuery } from '@malloydata/malloy-query-builder';
 import * as Malloy from '@malloydata/malloy-interfaces';
-export declare function useQueryBuilder(source?: Malloy.SourceInfo, query?: Malloy.Query): ASTQuery | undefined;
+export declare function useQueryBuilder(source: Malloy.SourceInfo, query?: Malloy.Query | string): ASTQuery | undefined;

package/dist/types/index.d.ts

@@ -6,3 +6,5 @@ export type { EXECUTION_STATES, Message, QueryExecutionState, QueryResponse, Run
 export { SourcePanel } from './components/SourcePanel';
 export { ResizeBar } from './components/primitives';
 export { ResizableCollapsiblePanel } from './components/ResizableCollapsiblePanel';
+export { CodeEditorContext } from './components/CodeEditor';
+export { modelDefToModelInfo, malloyToQuery } from '@malloydata/malloy';

package/jest.config.cjs

@@ -0,0 +1,33 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+module.exports = {
+  setupFilesAfterEnv: ['<rootDir>/src/test/jest.setup.ts'],
+  moduleFileExtensions: ['js', 'jsx', 'ts', 'tsx'],
+  testMatch: ['<rootDir>/src/**/?(*.)spec.(ts|js)?(x)'],
+  testPathIgnorePatterns: [
+    '/node_modules/',
+    '<rootDir>/dist/',
+    '<rootDir>/dev/',
+    '<rootDir>/src/test/',
+    '<rootDir>/malloy-samples/',
+  ],
+  transform: {
+    '^.+\\.tsx?$': ['babel-jest'],
+  },
+  testTimeout: 100000,
+  verbose: true,
+  testEnvironment: 'jsdom',
+  collectCoverage: true,
+  coverageReporters: ['lcov', 'html'],
+  collectCoverageFrom: ['<rootDir>/src/**/*.(ts|tsx)', '!**/*.stylex.ts'],
+  preset: 'ts-jest',
+  moduleNameMapper: {
+    uuid: require.resolve('uuid'),
+    '\\.svg\\?react$': '<rootDir>/src/test/SvgMock.tsx',
+  },
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@malloydata/malloy-explorer",
-  "version": "0.0.299-dev250808170326",
+  "version": "0.0.304-dev250814203415",
   "description": "Malloy visual query builder",
   "main": "dist/cjs/index.cjs",
   "types": "dist/types/index.d.ts",
@@ -33,7 +33,7 @@
     "malloy-unlink": "npm --no-fund --no-save --no-audit unlink $(./scripts/malloy-packages.ts) && npm --no-fund --no-audit install --force",
     "malloy-build-and-link": "cd ../malloy && npm run -ws build --workspace=@malloydata/malloy-query-builder --workspace=@malloydata/malloy-filter --workspace=@malloydata/malloy-interfaces --workspace=@malloydata/malloy-tag && npm link -ws",
     "prepublishOnly": "npm run build",
-    "test": "jest src"
+    "test": "jest --config jest.config.cjs"
   },
   "bin": {
     "malloy-packages": "./scripts/malloy-packages.ts"
@@ -64,10 +64,12 @@
     "@radix-ui/react-scroll-area": "^1.2.3",
     "@radix-ui/react-select": "^2.1.6",
     "@radix-ui/react-tabs": "^1.1.3",
+    "@radix-ui/react-toast": "^1.2.14",
     "@radix-ui/react-tooltip": "^1.1.8",
     "@shikijs/core": "^3.2.1",
     "@shikijs/engine-javascript": "^3.2.1",
     "@shikijs/langs": "^3.2.1",
+    "@shikijs/monaco": "^3.7.0",
     "@shikijs/themes": "^3.2.1",
     "@shikijs/types": "^3.2.1",
     "@stylexjs/stylex": "^0.10.1",
@@ -82,8 +84,8 @@
     "@babel/preset-typescript": "^7.27.1",
     "@eslint/compat": "^1.2.7",
     "@eslint/js": "^9.21.0",
-    "@malloydata/db-duckdb": "^0.0.299",
-    "@malloydata/malloy": "^0.0.299",
+    "@malloydata/db-duckdb": "^0.0.304",
+    "@malloydata/malloy": "^0.0.304",
     "@rollup/plugin-replace": "^6.0.2",
     "@stylexjs/eslint-plugin": "^0.11.1",
     "@stylexjs/postcss-plugin": "^0.11.1",
@@ -115,11 +117,12 @@
     "vite-plugin-svgr": "^4.3.0"
   },
   "peerDependencies": {
-    "@malloydata/malloy-filter": "^0.0.299",
-    "@malloydata/malloy-interfaces": "^0.0.299",
-    "@malloydata/malloy-query-builder": "^0.0.299",
-    "@malloydata/malloy-tag": "^0.0.299",
-    "@malloydata/render": "^0.0.299",
+    "@malloydata/malloy-filter": ">=0.0.304",
+    "@malloydata/malloy-interfaces": ">=0.0.304",
+    "@malloydata/malloy-query-builder": ">=0.0.304",
+    "@malloydata/malloy-tag": ">=0.0.304",
+    "@malloydata/render": ">=0.0.304",
+    "monaco-editor-core": "^0.52.2",
     "react": ">=19.0.0",
     "react-dom": ">=19.0.0"
   }

package/scripts/gen_flow.ts

@@ -13,6 +13,9 @@ const files = [
   'components/ResultPanel/SubmittedQuery.d.ts',
   'components/SourcePanel/SourcePanel.d.ts',
   'components/ResizableCollapsiblePanel.d.ts',
+  'components/CodeEditor/index.d.ts',
+  'components/CodeEditor/CodeEditor.d.ts',
+  'components/CodeEditor/CodeEditorContext.d.ts',
 ];
 
 async function go() {