@mcp-b/interactive-components 0.2.22 → 0.3.0

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 (21) hide show
  1. package/dist/{code-editor-B94tewLC.js → code-editor-hnbxw8Xk.js} +97 -183
  2. package/dist/{code-preview-gKk0nBKP.js → code-preview-Pq2CFfK9.js} +20 -3
  3. package/dist/components/code-editor/code-editor.d.ts +4 -11
  4. package/dist/components/code-editor/code-editor.js +1 -1
  5. package/dist/components/code-preview/code-preview.d.ts +4 -1
  6. package/dist/components/code-preview/code-preview.js +1 -1
  7. package/dist/components/interactive-editor/interactive-editor.d.ts +4 -3
  8. package/dist/components/interactive-editor/interactive-editor.js +1 -1
  9. package/dist/components/r-editor/r-editor.js +1 -1
  10. package/dist/components/sql-editor/sql-editor.js +1 -1
  11. package/dist/docs/custom-elements.json +356 -366
  12. package/dist/index.d.ts +1 -1
  13. package/dist/index.js +5 -5
  14. package/dist/{interactive-editor-WfTWxJGF.js → interactive-editor-DQfrcGUo.js} +20 -19
  15. package/dist/lib/transform.d.ts +52 -1
  16. package/dist/lib/transform.js +23 -15
  17. package/dist/{r-editor-DwSyDo2i.js → r-editor-BuoVoBdn.js} +11 -4
  18. package/dist/{sql-editor-CsNrjJ2_.js → sql-editor-26vbWzLE.js} +25 -7
  19. package/dist/themes/interactive.css +12 -11
  20. package/package.json +3 -4
  21. package/dist/transform-DWhHlnkw.d.ts +0 -53
package/dist/docs/custom-elements.json CHANGED
@@ -757,15 +757,6 @@
757
757
  },
758
758
  "privacy": "private"
759
759
  },
760
- {
761
- "kind": "field",
762
- "name": "_dark",
763
- "type": {
764
- "text": "boolean"
765
- },
766
- "privacy": "private",
767
- "default": "false"
768
- },
769
760
  {
770
761
  "kind": "field",
771
762
  "name": "_view",
@@ -790,12 +781,6 @@
790
781
  "privacy": "private",
791
782
  "default": "new Compartment()"
792
783
  },
793
- {
794
- "kind": "field",
795
- "name": "_themeCompartment",
796
- "privacy": "private",
797
- "default": "new Compartment()"
798
- },
799
784
  {
800
785
  "kind": "field",
801
786
  "name": "_readonlyCompartment",
@@ -817,41 +802,6 @@
817
802
  "privacy": "private",
818
803
  "default": "false"
819
804
  },
820
- {
821
- "kind": "field",
822
- "name": "_themeObserver",
823
- "type": {
824
- "text": "MutationObserver | null",
825
- "references": [
826
- {
827
- "name": "MutationObserver",
828
- "package": "dom",
829
- "start": 0,
830
- "end": 16
831
- }
832
- ]
833
- },
834
- "privacy": "private",
835
- "default": "null"
836
- },
837
- {
838
- "kind": "field",
839
- "name": "_systemTheme",
840
- "type": {
841
- "text": "MediaQueryList | null"
842
- },
843
- "privacy": "private",
844
- "default": "null"
845
- },
846
- {
847
- "kind": "field",
848
- "name": "_onSystemThemeChange",
849
- "type": {
850
- "text": "(() => void) | null"
851
- },
852
- "privacy": "private",
853
- "default": "null"
854
- },
855
805
  {
856
806
  "kind": "method",
857
807
  "name": "firstUpdated",
@@ -879,21 +829,6 @@
879
829
  }
880
830
  ]
881
831
  },
882
- {
883
- "kind": "method",
884
- "name": "_isDark",
885
- "privacy": "private",
886
- "return": {
887
- "type": {
888
- "text": "boolean"
889
- }
890
- }
891
- },
892
- {
893
- "kind": "method",
894
- "name": "_observeTheme",
895
- "privacy": "private"
896
- },
897
832
  {
898
833
  "kind": "method",
899
834
  "name": "_createView",
@@ -940,7 +875,7 @@
940
875
  }
941
876
  },
942
877
  {
943
- "description": "Fires when the document content changes. `event.detail.value` contains the new content.",
878
+ "description": "Fires when the document content changes. Read the new content from the element’s `value` property.",
944
879
  "name": "sigvelo-change"
945
880
  }
946
881
  ],
@@ -950,7 +885,7 @@
950
885
  },
951
886
  "tagName": "sigvelo-code-editor",
952
887
  "customElement": true,
953
- "summary": "A CodeMirror 6 wrapper that provides syntax-highlighted editing for\na single document. Supports JavaScript, TypeScript, JSX, TSX, HTML, and CSS.\nAutomatically detects dark mode from the `data-theme` attribute on the\ndocument root and applies the One Dark CodeMirror theme accordingly."
888
+ "summary": "A CodeMirror 6 wrapper that provides syntax-highlighted editing for\na single document. Supports JavaScript, TypeScript, JSX, TSX, HTML, and CSS.\nUses the shared editor tokens, inheriting scoped `data-theme` overrides\nand the operating-system theme. Tab moves focus out of the editor."
954
889
  }
955
890
  ],
956
891
  "exports": [
@@ -1078,6 +1013,24 @@
1078
1013
  "privacy": "private",
1079
1014
  "default": "[]"
1080
1015
  },
1016
+ {
1017
+ "kind": "field",
1018
+ "name": "_runId",
1019
+ "type": {
1020
+ "text": "number"
1021
+ },
1022
+ "privacy": "private",
1023
+ "default": "0"
1024
+ },
1025
+ {
1026
+ "kind": "field",
1027
+ "name": "_hasRun",
1028
+ "type": {
1029
+ "text": "boolean"
1030
+ },
1031
+ "privacy": "private",
1032
+ "default": "false"
1033
+ },
1081
1034
  {
1082
1035
  "kind": "field",
1083
1036
  "name": "_pendingPyPayload",
@@ -1549,7 +1502,7 @@
1549
1502
  {
1550
1503
  "name": "changed",
1551
1504
  "type": {
1552
- "text": "PropertyValues",
1505
+ "text": "PropertyValues<this>",
1553
1506
  "references": [
1554
1507
  {
1555
1508
  "name": "PropertyValues",
@@ -1571,7 +1524,7 @@
1571
1524
  {
1572
1525
  "name": "changed",
1573
1526
  "type": {
1574
- "text": "PropertyValues",
1527
+ "text": "PropertyValues<this>",
1575
1528
  "references": [
1576
1529
  {
1577
1530
  "name": "PropertyValues",
@@ -1619,7 +1572,23 @@
1619
1572
  {
1620
1573
  "kind": "method",
1621
1574
  "name": "_initFiles",
1622
- "privacy": "private"
1575
+ "privacy": "private",
1576
+ "parameters": [
1577
+ {
1578
+ "name": "previousFiles",
1579
+ "default": "[]",
1580
+ "type": {
1581
+ "text": "EditorFile[]",
1582
+ "references": [
1583
+ {
1584
+ "name": "EditorFile",
1585
+ "start": 0,
1586
+ "end": 10
1587
+ }
1588
+ ]
1589
+ }
1590
+ }
1591
+ ]
1623
1592
  },
1624
1593
  {
1625
1594
  "kind": "method",
@@ -1701,6 +1670,27 @@
1701
1670
  "name": "_confirmAddFile",
1702
1671
  "privacy": "private"
1703
1672
  },
1673
+ {
1674
+ "kind": "method",
1675
+ "name": "_onNewFileNameInput",
1676
+ "privacy": "private",
1677
+ "parameters": [
1678
+ {
1679
+ "name": "e",
1680
+ "type": {
1681
+ "text": "Event",
1682
+ "references": [
1683
+ {
1684
+ "name": "Event",
1685
+ "package": "dom",
1686
+ "start": 0,
1687
+ "end": 5
1688
+ }
1689
+ ]
1690
+ }
1691
+ }
1692
+ ]
1693
+ },
1704
1694
  {
1705
1695
  "kind": "method",
1706
1696
  "name": "_dismissAddFile",
@@ -1891,12 +1881,12 @@
1891
1881
  },
1892
1882
  {
1893
1883
  "kind": "javascript-module",
1894
- "path": "src/components/sql-editor/sql-editor.ts",
1884
+ "path": "src/components/r-editor/r-editor.ts",
1895
1885
  "declarations": [
1896
1886
  {
1897
1887
  "kind": "class",
1898
- "description": "`<sigvelo-sql-editor>`",
1899
- "name": "SigveloSqlEditor",
1888
+ "description": "`<sigvelo-r-editor>`",
1889
+ "name": "SigveloREditor",
1900
1890
  "members": [
1901
1891
  {
1902
1892
  "kind": "field",
@@ -1918,61 +1908,84 @@
1918
1908
  },
1919
1909
  {
1920
1910
  "kind": "field",
1921
- "name": "setupSql",
1911
+ "name": "code",
1922
1912
  "type": {
1923
1913
  "text": "string"
1924
1914
  },
1925
1915
  "default": "\"\"",
1926
- "description": "SQL to execute on database initialization (CREATE TABLE, INSERT, etc.)."
1916
+ "description": "Initial R code to display in the editor."
1927
1917
  },
1928
1918
  {
1929
1919
  "kind": "field",
1930
- "name": "code",
1920
+ "name": "packages",
1921
+ "type": {
1922
+ "text": "string[]"
1923
+ },
1924
+ "default": "[]",
1925
+ "description": "R packages to pre-install before running code (e.g. `['ggplot2']`)."
1926
+ },
1927
+ {
1928
+ "kind": "field",
1929
+ "name": "editorLabel",
1931
1930
  "type": {
1932
1931
  "text": "string"
1933
1932
  },
1934
- "default": "\"\"",
1935
- "description": "Initial query in the editor."
1933
+ "default": "\"R code editor\"",
1934
+ "description": "Accessible label for the editor."
1936
1935
  },
1937
1936
  {
1938
1937
  "kind": "field",
1939
- "name": "dbName",
1938
+ "name": "_editedCode",
1940
1939
  "type": {
1941
1940
  "text": "string"
1942
1941
  },
1943
- "default": "\"\"",
1944
- "description": "IndexedDB name for persistence. Empty = in-memory (no persistence)."
1942
+ "privacy": "private",
1943
+ "default": "\"\""
1945
1944
  },
1946
1945
  {
1947
1946
  "kind": "field",
1948
- "name": "postgis",
1947
+ "name": "_consoleLogs",
1949
1948
  "type": {
1950
- "text": "boolean"
1949
+ "text": "ConsoleEntry[]",
1950
+ "references": [
1951
+ {
1952
+ "name": "ConsoleEntry",
1953
+ "start": 0,
1954
+ "end": 12
1955
+ }
1956
+ ]
1951
1957
  },
1952
- "default": "false",
1953
- "description": "Enable PostGIS extension on the in-browser database."
1958
+ "privacy": "private",
1959
+ "default": "[]"
1954
1960
  },
1955
1961
  {
1956
1962
  "kind": "field",
1957
- "name": "editorLabel",
1963
+ "name": "_plots",
1958
1964
  "type": {
1959
- "text": "string"
1965
+ "text": "PlotEntry[]",
1966
+ "references": [
1967
+ {
1968
+ "name": "PlotEntry",
1969
+ "start": 0,
1970
+ "end": 9
1971
+ }
1972
+ ]
1960
1973
  },
1961
- "default": "\"SQL code editor\"",
1962
- "description": "Accessible label for the editor."
1974
+ "privacy": "private",
1975
+ "default": "[]"
1963
1976
  },
1964
1977
  {
1965
1978
  "kind": "field",
1966
- "name": "_editedCode",
1979
+ "name": "_currentPlotIndex",
1967
1980
  "type": {
1968
- "text": "string"
1981
+ "text": "number"
1969
1982
  },
1970
1983
  "privacy": "private",
1971
- "default": "\"\""
1984
+ "default": "0"
1972
1985
  },
1973
1986
  {
1974
1987
  "kind": "field",
1975
- "name": "_pgliteReady",
1988
+ "name": "_webRReady",
1976
1989
  "type": {
1977
1990
  "text": "boolean"
1978
1991
  },
@@ -1981,7 +1994,7 @@
1981
1994
  },
1982
1995
  {
1983
1996
  "kind": "field",
1984
- "name": "_pgliteLoading",
1997
+ "name": "_webRLoading",
1985
1998
  "type": {
1986
1999
  "text": "boolean"
1987
2000
  },
@@ -1995,7 +2008,7 @@
1995
2008
  "text": "string"
1996
2009
  },
1997
2010
  "privacy": "private",
1998
- "default": "\"Initializing PostgreSQL...\""
2011
+ "default": "\"Initializing WebR...\""
1999
2012
  },
2000
2013
  {
2001
2014
  "kind": "field",
@@ -2008,41 +2021,34 @@
2008
2021
  },
2009
2022
  {
2010
2023
  "kind": "field",
2011
- "name": "_resultFields",
2024
+ "name": "_compact",
2012
2025
  "type": {
2013
- "text": "ResultField[]",
2014
- "references": [
2015
- {
2016
- "name": "ResultField",
2017
- "start": 0,
2018
- "end": 11
2019
- }
2020
- ]
2026
+ "text": "boolean"
2021
2027
  },
2022
2028
  "privacy": "private",
2023
- "default": "[]"
2029
+ "default": "false"
2024
2030
  },
2025
2031
  {
2026
2032
  "kind": "field",
2027
- "name": "_resultRows",
2033
+ "name": "_compactView",
2028
2034
  "type": {
2029
- "text": "Record<string, unknown>[]"
2035
+ "text": "\"code\" | \"plots\" | \"console\""
2030
2036
  },
2031
2037
  "privacy": "private",
2032
- "default": "[]"
2038
+ "default": "\"code\""
2033
2039
  },
2034
2040
  {
2035
2041
  "kind": "field",
2036
- "name": "_rowCount",
2042
+ "name": "_rightPane",
2037
2043
  "type": {
2038
- "text": "number"
2044
+ "text": "\"plots\" | \"console\""
2039
2045
  },
2040
2046
  "privacy": "private",
2041
- "default": "0"
2047
+ "default": "\"console\""
2042
2048
  },
2043
2049
  {
2044
2050
  "kind": "field",
2045
- "name": "_executionTimeMs",
2051
+ "name": "_unreadConsoleCount",
2046
2052
  "type": {
2047
2053
  "text": "number"
2048
2054
  },
@@ -2051,54 +2057,32 @@
2051
2057
  },
2052
2058
  {
2053
2059
  "kind": "field",
2054
- "name": "_error",
2055
- "type": {
2056
- "text": "string | null"
2057
- },
2058
- "privacy": "private",
2059
- "default": "null"
2060
- },
2061
- {
2062
- "kind": "field",
2063
- "name": "_schema",
2060
+ "name": "_resizeObserver",
2064
2061
  "type": {
2065
- "text": "SchemaTable[]",
2062
+ "text": "ResizeObserver | null",
2066
2063
  "references": [
2067
2064
  {
2068
- "name": "SchemaTable",
2065
+ "name": "ResizeObserver",
2066
+ "package": "dom",
2069
2067
  "start": 0,
2070
- "end": 11
2068
+ "end": 14
2071
2069
  }
2072
2070
  ]
2073
2071
  },
2074
2072
  "privacy": "private",
2075
- "default": "[]"
2076
- },
2077
- {
2078
- "kind": "field",
2079
- "name": "_expandedTables",
2080
- "privacy": "private",
2081
- "default": "new Set<string>()"
2082
- },
2083
- {
2084
- "kind": "field",
2085
- "name": "_sortColumn",
2086
- "type": {
2087
- "text": "string | null"
2088
- },
2089
- "privacy": "private",
2090
2073
  "default": "null"
2091
2074
  },
2092
2075
  {
2093
2076
  "kind": "field",
2094
- "name": "_sortDirection",
2077
+ "name": "_runnerIframe",
2095
2078
  "type": {
2096
- "text": "SortDirection",
2079
+ "text": "HTMLIFrameElement | null",
2097
2080
  "references": [
2098
2081
  {
2099
- "name": "SortDirection",
2082
+ "name": "HTMLIFrameElement",
2083
+ "package": "dom",
2100
2084
  "start": 0,
2101
- "end": 13
2085
+ "end": 17
2102
2086
  }
2103
2087
  ]
2104
2088
  },
@@ -2107,65 +2091,18 @@
2107
2091
  },
2108
2092
  {
2109
2093
  "kind": "field",
2110
- "name": "_compact",
2094
+ "name": "_runnerPort",
2111
2095
  "type": {
2112
- "text": "boolean"
2096
+ "text": "MessagePort | null"
2113
2097
  },
2114
2098
  "privacy": "private",
2115
- "default": "false"
2099
+ "default": "null"
2116
2100
  },
2117
2101
  {
2118
2102
  "kind": "field",
2119
- "name": "_compactView",
2120
- "type": {
2121
- "text": "\"code\" | \"results\" | \"schema\""
2122
- },
2123
- "privacy": "private",
2124
- "default": "\"code\""
2125
- },
2126
- {
2127
- "kind": "field",
2128
- "name": "_rightPane",
2129
- "type": {
2130
- "text": "\"results\" | \"schema\""
2131
- },
2132
- "privacy": "private",
2133
- "default": "\"results\""
2134
- },
2135
- {
2136
- "kind": "field",
2137
- "name": "_runner",
2138
- "type": {
2139
- "text": "Worker | null"
2140
- },
2141
- "privacy": "private",
2142
- "default": "null"
2143
- },
2144
- {
2145
- "kind": "field",
2146
- "name": "_resizeObserver",
2147
- "type": {
2148
- "text": "ResizeObserver | null",
2149
- "references": [
2150
- {
2151
- "name": "ResizeObserver",
2152
- "package": "dom",
2153
- "start": 0,
2154
- "end": 14
2155
- }
2156
- ]
2157
- },
2158
- "privacy": "private",
2159
- "default": "null"
2160
- },
2161
- {
2162
- "kind": "field",
2163
- "name": "_execId",
2164
- "type": {
2165
- "text": "number"
2166
- },
2103
+ "name": "_runnerChannelId",
2167
2104
  "privacy": "private",
2168
- "default": "0"
2105
+ "readonly": true
2169
2106
  },
2170
2107
  {
2171
2108
  "kind": "method",
@@ -2177,19 +2114,6 @@
2177
2114
  "name": "_initRunner",
2178
2115
  "privacy": "private"
2179
2116
  },
2180
- {
2181
- "kind": "method",
2182
- "name": "_postToRunner",
2183
- "privacy": "private",
2184
- "parameters": [
2185
- {
2186
- "name": "msg",
2187
- "type": {
2188
- "text": "Record<string, unknown>"
2189
- }
2190
- }
2191
- ]
2192
- },
2193
2117
  {
2194
2118
  "kind": "method",
2195
2119
  "name": "_onMessage",
@@ -2203,11 +2127,6 @@
2203
2127
  }
2204
2128
  ]
2205
2129
  },
2206
- {
2207
- "kind": "method",
2208
- "name": "_requestSchema",
2209
- "privacy": "private"
2210
- },
2211
2130
  {
2212
2131
  "kind": "method",
2213
2132
  "name": "_runCode",
@@ -2236,84 +2155,55 @@
2236
2155
  },
2237
2156
  {
2238
2157
  "kind": "method",
2239
- "name": "_resetDatabase",
2158
+ "name": "_prevPlot",
2240
2159
  "privacy": "private"
2241
2160
  },
2242
2161
  {
2243
- "kind": "field",
2244
- "name": "_boundOnKeydown",
2162
+ "kind": "method",
2163
+ "name": "_nextPlot",
2245
2164
  "privacy": "private"
2246
2165
  },
2247
2166
  {
2248
2167
  "kind": "method",
2249
- "name": "_onKeydown",
2250
- "privacy": "private",
2251
- "parameters": [
2252
- {
2253
- "name": "e",
2254
- "type": {
2255
- "text": "KeyboardEvent",
2256
- "references": [
2257
- {
2258
- "name": "KeyboardEvent",
2259
- "package": "dom",
2260
- "start": 0,
2261
- "end": 13
2262
- }
2263
- ]
2264
- }
2265
- }
2266
- ]
2168
+ "name": "_savePlot",
2169
+ "privacy": "private"
2267
2170
  },
2268
2171
  {
2269
2172
  "kind": "method",
2270
- "name": "_toggleTable",
2271
- "privacy": "private",
2272
- "parameters": [
2273
- {
2274
- "name": "name",
2275
- "type": {
2276
- "text": "string"
2277
- }
2278
- }
2279
- ]
2173
+ "name": "_clearPlots",
2174
+ "privacy": "private"
2280
2175
  },
2281
2176
  {
2282
2177
  "kind": "method",
2283
- "name": "_insertSelectQuery",
2178
+ "name": "_clearConsole",
2179
+ "privacy": "private"
2180
+ },
2181
+ {
2182
+ "kind": "method",
2183
+ "name": "_switchRightPane",
2284
2184
  "privacy": "private",
2285
2185
  "parameters": [
2286
2186
  {
2287
- "name": "tableName",
2187
+ "name": "pane",
2288
2188
  "type": {
2289
- "text": "string"
2189
+ "text": "\"plots\" | \"console\""
2290
2190
  }
2291
2191
  }
2292
2192
  ]
2293
2193
  },
2294
2194
  {
2295
2195
  "kind": "method",
2296
- "name": "_toggleSort",
2196
+ "name": "_switchView",
2297
2197
  "privacy": "private",
2298
2198
  "parameters": [
2299
2199
  {
2300
- "name": "columnName",
2200
+ "name": "view",
2301
2201
  "type": {
2302
- "text": "string"
2202
+ "text": "\"code\" | \"plots\" | \"console\""
2303
2203
  }
2304
2204
  }
2305
2205
  ]
2306
2206
  },
2307
- {
2308
- "kind": "method",
2309
- "name": "_getSortedRows",
2310
- "privacy": "private",
2311
- "return": {
2312
- "type": {
2313
- "text": "Record<string, unknown>[]"
2314
- }
2315
- }
2316
- },
2317
2207
  {
2318
2208
  "kind": "method",
2319
2209
  "name": "_renderEditorPane",
@@ -2330,12 +2220,12 @@
2330
2220
  },
2331
2221
  {
2332
2222
  "kind": "method",
2333
- "name": "_renderResultsView",
2223
+ "name": "_renderPlotViewer",
2334
2224
  "privacy": "private"
2335
2225
  },
2336
2226
  {
2337
2227
  "kind": "method",
2338
- "name": "_renderSchemaView",
2228
+ "name": "_renderConsoleView",
2339
2229
  "privacy": "private"
2340
2230
  },
2341
2231
  {
@@ -2372,38 +2262,38 @@
2372
2262
  "name": "SigveloElement",
2373
2263
  "package": "@mcp-b/wc-support/base/sigvelo-element"
2374
2264
  },
2375
- "tagName": "sigvelo-sql-editor",
2265
+ "tagName": "sigvelo-r-editor",
2376
2266
  "customElement": true,
2377
- "summary": "An in-browser PostgreSQL editor powered by PGlite (WASM). Runs\nSQL queries locally with no server. Includes a results table, schema\nbrowser with autocompletion, and optional dataset preloading via the\n`setup-sql` attribute."
2267
+ "summary": "A WebR-powered R code editor with integrated console output and plot\nviewer. Runs R code in the browser via WebAssembly. The editor pane uses\nCodeMirror with R syntax highlighting, while the right pane shows captured\nplots and console output in separate tabs."
2378
2268
  }
2379
2269
  ],
2380
2270
  "exports": [
2381
2271
  {
2382
2272
  "kind": "js",
2383
- "name": "SigveloSqlEditor",
2273
+ "name": "SigveloREditor",
2384
2274
  "declaration": {
2385
- "name": "SigveloSqlEditor",
2386
- "module": "src/components/sql-editor/sql-editor.ts"
2275
+ "name": "SigveloREditor",
2276
+ "module": "src/components/r-editor/r-editor.ts"
2387
2277
  }
2388
2278
  },
2389
2279
  {
2390
2280
  "kind": "custom-element-definition",
2391
- "name": "sigvelo-sql-editor",
2281
+ "name": "sigvelo-r-editor",
2392
2282
  "declaration": {
2393
- "name": "SigveloSqlEditor",
2394
- "module": "src/components/sql-editor/sql-editor.ts"
2283
+ "name": "SigveloREditor",
2284
+ "module": "src/components/r-editor/r-editor.ts"
2395
2285
  }
2396
2286
  }
2397
2287
  ]
2398
2288
  },
2399
2289
  {
2400
2290
  "kind": "javascript-module",
2401
- "path": "src/components/r-editor/r-editor.ts",
2291
+ "path": "src/components/sql-editor/sql-editor.ts",
2402
2292
  "declarations": [
2403
2293
  {
2404
2294
  "kind": "class",
2405
- "description": "`<sigvelo-r-editor>`",
2406
- "name": "SigveloREditor",
2295
+ "description": "`<sigvelo-sql-editor>`",
2296
+ "name": "SigveloSqlEditor",
2407
2297
  "members": [
2408
2298
  {
2409
2299
  "kind": "field",
@@ -2423,6 +2313,15 @@
2423
2313
  "static": true,
2424
2314
  "default": "[hostStyles, styles]"
2425
2315
  },
2316
+ {
2317
+ "kind": "field",
2318
+ "name": "setupSql",
2319
+ "type": {
2320
+ "text": "string"
2321
+ },
2322
+ "default": "\"\"",
2323
+ "description": "SQL to execute on database initialization (CREATE TABLE, INSERT, etc.)."
2324
+ },
2426
2325
  {
2427
2326
  "kind": "field",
2428
2327
  "name": "code",
@@ -2430,16 +2329,25 @@
2430
2329
  "text": "string"
2431
2330
  },
2432
2331
  "default": "\"\"",
2433
- "description": "Initial R code to display in the editor."
2332
+ "description": "Initial query in the editor."
2434
2333
  },
2435
2334
  {
2436
2335
  "kind": "field",
2437
- "name": "packages",
2336
+ "name": "dbName",
2438
2337
  "type": {
2439
- "text": "string[]"
2338
+ "text": "string"
2440
2339
  },
2441
- "default": "[]",
2442
- "description": "R packages to pre-install before running code (e.g. `['ggplot2']`)."
2340
+ "default": "\"\"",
2341
+ "description": "IndexedDB name for persistence. Empty = in-memory (no persistence)."
2342
+ },
2343
+ {
2344
+ "kind": "field",
2345
+ "name": "postgis",
2346
+ "type": {
2347
+ "text": "boolean"
2348
+ },
2349
+ "default": "false",
2350
+ "description": "Enable PostGIS extension on the in-browser database."
2443
2351
  },
2444
2352
  {
2445
2353
  "kind": "field",
@@ -2447,7 +2355,7 @@
2447
2355
  "type": {
2448
2356
  "text": "string"
2449
2357
  },
2450
- "default": "\"R code editor\"",
2358
+ "default": "\"SQL code editor\"",
2451
2359
  "description": "Accessible label for the editor."
2452
2360
  },
2453
2361
  {
@@ -2461,14 +2369,50 @@
2461
2369
  },
2462
2370
  {
2463
2371
  "kind": "field",
2464
- "name": "_consoleLogs",
2372
+ "name": "_pgliteReady",
2465
2373
  "type": {
2466
- "text": "ConsoleEntry[]",
2374
+ "text": "boolean"
2375
+ },
2376
+ "privacy": "private",
2377
+ "default": "false"
2378
+ },
2379
+ {
2380
+ "kind": "field",
2381
+ "name": "_pgliteLoading",
2382
+ "type": {
2383
+ "text": "boolean"
2384
+ },
2385
+ "privacy": "private",
2386
+ "default": "true"
2387
+ },
2388
+ {
2389
+ "kind": "field",
2390
+ "name": "_loadingMessage",
2391
+ "type": {
2392
+ "text": "string"
2393
+ },
2394
+ "privacy": "private",
2395
+ "default": "\"Initializing PostgreSQL...\""
2396
+ },
2397
+ {
2398
+ "kind": "field",
2399
+ "name": "_running",
2400
+ "type": {
2401
+ "text": "boolean"
2402
+ },
2403
+ "privacy": "private",
2404
+ "default": "false"
2405
+ },
2406
+ {
2407
+ "kind": "field",
2408
+ "name": "_resultFields",
2409
+ "type": {
2410
+ "text": "ResultField[]",
2467
2411
  "references": [
2468
2412
  {
2469
- "name": "ConsoleEntry",
2413
+ "name": "ResultField",
2470
2414
  "start": 0,
2471
- "end": 12
2415
+ "end": 11
2472
2416
  }
2473
2417
  ]
2474
2418
  },
@@ -2477,23 +2421,16 @@
2477
2421
  },
2478
2422
  {
2479
2423
  "kind": "field",
2480
- "name": "_plots",
2424
+ "name": "_resultRows",
2481
2425
  "type": {
2482
- "text": "PlotEntry[]",
2483
- "references": [
2484
- {
2485
- "name": "PlotEntry",
2486
- "start": 0,
2487
- "end": 9
2488
- }
2489
- ]
2426
+ "text": "Record<string, unknown>[]"
2490
2427
  },
2491
2428
  "privacy": "private",
2492
2429
  "default": "[]"
2493
2430
  },
2494
2431
  {
2495
2432
  "kind": "field",
2496
- "name": "_currentPlotIndex",
2433
+ "name": "_rowCount",
2497
2434
  "type": {
2498
2435
  "text": "number"
2499
2436
  },
@@ -2502,39 +2439,68 @@
2502
2439
  },
2503
2440
  {
2504
2441
  "kind": "field",
2505
- "name": "_webRReady",
2442
+ "name": "_executionTimeMs",
2506
2443
  "type": {
2507
- "text": "boolean"
2444
+ "text": "number"
2508
2445
  },
2509
2446
  "privacy": "private",
2510
- "default": "false"
2447
+ "default": "0"
2511
2448
  },
2512
2449
  {
2513
2450
  "kind": "field",
2514
- "name": "_webRLoading",
2451
+ "name": "_error",
2515
2452
  "type": {
2516
- "text": "boolean"
2453
+ "text": "string | null"
2517
2454
  },
2518
2455
  "privacy": "private",
2519
- "default": "true"
2456
+ "default": "null"
2520
2457
  },
2521
2458
  {
2522
2459
  "kind": "field",
2523
- "name": "_loadingMessage",
2460
+ "name": "_schema",
2524
2461
  "type": {
2525
- "text": "string"
2462
+ "text": "SchemaTable[]",
2463
+ "references": [
2464
+ {
2465
+ "name": "SchemaTable",
2466
+ "start": 0,
2467
+ "end": 11
2468
+ }
2469
+ ]
2526
2470
  },
2527
2471
  "privacy": "private",
2528
- "default": "\"Initializing WebR...\""
2472
+ "default": "[]"
2529
2473
  },
2530
2474
  {
2531
2475
  "kind": "field",
2532
- "name": "_running",
2476
+ "name": "_expandedTables",
2477
+ "privacy": "private",
2478
+ "default": "new Set<string>()"
2479
+ },
2480
+ {
2481
+ "kind": "field",
2482
+ "name": "_sortColumn",
2533
2483
  "type": {
2534
- "text": "boolean"
2484
+ "text": "string | null"
2535
2485
  },
2536
2486
  "privacy": "private",
2537
- "default": "false"
2487
+ "default": "null"
2488
+ },
2489
+ {
2490
+ "kind": "field",
2491
+ "name": "_sortDirection",
2492
+ "type": {
2493
+ "text": "SortDirection",
2494
+ "references": [
2495
+ {
2496
+ "name": "SortDirection",
2497
+ "start": 0,
2498
+ "end": 13
2499
+ }
2500
+ ]
2501
+ },
2502
+ "privacy": "private",
2503
+ "default": "null"
2538
2504
  },
2539
2505
  {
2540
2506
  "kind": "field",
@@ -2549,7 +2515,7 @@
2549
2515
  "kind": "field",
2550
2516
  "name": "_compactView",
2551
2517
  "type": {
2552
- "text": "\"code\" | \"plots\" | \"console\""
2518
+ "text": "\"code\" | \"results\" | \"schema\""
2553
2519
  },
2554
2520
  "privacy": "private",
2555
2521
  "default": "\"code\""
@@ -2558,19 +2524,19 @@
2558
2524
  "kind": "field",
2559
2525
  "name": "_rightPane",
2560
2526
  "type": {
2561
- "text": "\"plots\" | \"console\""
2527
+ "text": "\"results\" | \"schema\""
2562
2528
  },
2563
2529
  "privacy": "private",
2564
- "default": "\"console\""
2530
+ "default": "\"results\""
2565
2531
  },
2566
2532
  {
2567
2533
  "kind": "field",
2568
- "name": "_unreadConsoleCount",
2534
+ "name": "_runner",
2569
2535
  "type": {
2570
- "text": "number"
2536
+ "text": "Worker | null"
2571
2537
  },
2572
2538
  "privacy": "private",
2573
- "default": "0"
2539
+ "default": "null"
2574
2540
  },
2575
2541
  {
2576
2542
  "kind": "field",
@@ -2591,35 +2557,12 @@
2591
2557
  },
2592
2558
  {
2593
2559
  "kind": "field",
2594
- "name": "_runnerIframe",
2595
- "type": {
2596
- "text": "HTMLIFrameElement | null",
2597
- "references": [
2598
- {
2599
- "name": "HTMLIFrameElement",
2600
- "package": "dom",
2601
- "start": 0,
2602
- "end": 17
2603
- }
2604
- ]
2605
- },
2606
- "privacy": "private",
2607
- "default": "null"
2608
- },
2609
- {
2610
- "kind": "field",
2611
- "name": "_runnerPort",
2560
+ "name": "_execId",
2612
2561
  "type": {
2613
- "text": "MessagePort | null"
2562
+ "text": "number"
2614
2563
  },
2615
2564
  "privacy": "private",
2616
- "default": "null"
2617
- },
2618
- {
2619
- "kind": "field",
2620
- "name": "_runnerChannelId",
2621
- "privacy": "private",
2622
- "readonly": true
2565
+ "default": "0"
2623
2566
  },
2624
2567
  {
2625
2568
  "kind": "method",
@@ -2631,6 +2574,19 @@
2631
2574
  "name": "_initRunner",
2632
2575
  "privacy": "private"
2633
2576
  },
2577
+ {
2578
+ "kind": "method",
2579
+ "name": "_postToRunner",
2580
+ "privacy": "private",
2581
+ "parameters": [
2582
+ {
2583
+ "name": "msg",
2584
+ "type": {
2585
+ "text": "Record<string, unknown>"
2586
+ }
2587
+ }
2588
+ ]
2589
+ },
2634
2590
  {
2635
2591
  "kind": "method",
2636
2592
  "name": "_onMessage",
@@ -2644,6 +2600,11 @@
2644
2600
  }
2645
2601
  ]
2646
2602
  },
2603
+ {
2604
+ "kind": "method",
2605
+ "name": "_requestSchema",
2606
+ "privacy": "private"
2607
+ },
2647
2608
  {
2648
2609
  "kind": "method",
2649
2610
  "name": "_runCode",
@@ -2672,55 +2633,84 @@
2672
2633
  },
2673
2634
  {
2674
2635
  "kind": "method",
2675
- "name": "_prevPlot",
2676
- "privacy": "private"
2677
- },
2678
- {
2679
- "kind": "method",
2680
- "name": "_nextPlot",
2636
+ "name": "_resetDatabase",
2681
2637
  "privacy": "private"
2682
2638
  },
2683
2639
  {
2684
- "kind": "method",
2685
- "name": "_savePlot",
2640
+ "kind": "field",
2641
+ "name": "_boundOnKeydown",
2686
2642
  "privacy": "private"
2687
2643
  },
2688
2644
  {
2689
2645
  "kind": "method",
2690
- "name": "_clearPlots",
2691
- "privacy": "private"
2646
+ "name": "_onKeydown",
2647
+ "privacy": "private",
2648
+ "parameters": [
2649
+ {
2650
+ "name": "e",
2651
+ "type": {
2652
+ "text": "KeyboardEvent",
2653
+ "references": [
2654
+ {
2655
+ "name": "KeyboardEvent",
2656
+ "package": "dom",
2657
+ "start": 0,
2658
+ "end": 13
2659
+ }
2660
+ ]
2661
+ }
2662
+ }
2663
+ ]
2692
2664
  },
2693
2665
  {
2694
2666
  "kind": "method",
2695
- "name": "_clearConsole",
2696
- "privacy": "private"
2667
+ "name": "_toggleTable",
2668
+ "privacy": "private",
2669
+ "parameters": [
2670
+ {
2671
+ "name": "name",
2672
+ "type": {
2673
+ "text": "string"
2674
+ }
2675
+ }
2676
+ ]
2697
2677
  },
2698
2678
  {
2699
2679
  "kind": "method",
2700
- "name": "_switchRightPane",
2680
+ "name": "_insertSelectQuery",
2701
2681
  "privacy": "private",
2702
2682
  "parameters": [
2703
2683
  {
2704
- "name": "pane",
2684
+ "name": "tableName",
2705
2685
  "type": {
2706
- "text": "\"plots\" | \"console\""
2686
+ "text": "string"
2707
2687
  }
2708
2688
  }
2709
2689
  ]
2710
2690
  },
2711
2691
  {
2712
2692
  "kind": "method",
2713
- "name": "_switchView",
2693
+ "name": "_toggleSort",
2714
2694
  "privacy": "private",
2715
2695
  "parameters": [
2716
2696
  {
2717
- "name": "view",
2697
+ "name": "columnName",
2718
2698
  "type": {
2719
- "text": "\"code\" | \"plots\" | \"console\""
2699
+ "text": "string"
2720
2700
  }
2721
2701
  }
2722
2702
  ]
2723
2703
  },
2704
+ {
2705
+ "kind": "method",
2706
+ "name": "_getSortedRows",
2707
+ "privacy": "private",
2708
+ "return": {
2709
+ "type": {
2710
+ "text": "Record<string, unknown>[]"
2711
+ }
2712
+ }
2713
+ },
2724
2714
  {
2725
2715
  "kind": "method",
2726
2716
  "name": "_renderEditorPane",
@@ -2737,12 +2727,12 @@
2737
2727
  },
2738
2728
  {
2739
2729
  "kind": "method",
2740
- "name": "_renderPlotViewer",
2730
+ "name": "_renderResultsView",
2741
2731
  "privacy": "private"
2742
2732
  },
2743
2733
  {
2744
2734
  "kind": "method",
2745
- "name": "_renderConsoleView",
2735
+ "name": "_renderSchemaView",
2746
2736
  "privacy": "private"
2747
2737
  },
2748
2738
  {
@@ -2779,26 +2769,26 @@
2779
2769
  "name": "SigveloElement",
2780
2770
  "package": "@mcp-b/wc-support/base/sigvelo-element"
2781
2771
  },
2782
- "tagName": "sigvelo-r-editor",
2772
+ "tagName": "sigvelo-sql-editor",
2783
2773
  "customElement": true,
2784
- "summary": "A WebR-powered R code editor with integrated console output and plot\nviewer. Runs R code in the browser via WebAssembly. The editor pane uses\nCodeMirror with R syntax highlighting, while the right pane shows captured\nplots and console output in separate tabs."
2774
+ "summary": "An in-browser PostgreSQL editor powered by PGlite (WASM). Runs\nSQL queries locally with no server. Includes a results table, schema\nbrowser with autocompletion, and optional dataset preloading via the\n`setup-sql` attribute."
2785
2775
  }
2786
2776
  ],
2787
2777
  "exports": [
2788
2778
  {
2789
2779
  "kind": "js",
2790
- "name": "SigveloREditor",
2780
+ "name": "SigveloSqlEditor",
2791
2781
  "declaration": {
2792
- "name": "SigveloREditor",
2793
- "module": "src/components/r-editor/r-editor.ts"
2782
+ "name": "SigveloSqlEditor",
2783
+ "module": "src/components/sql-editor/sql-editor.ts"
2794
2784
  }
2795
2785
  },
2796
2786
  {
2797
2787
  "kind": "custom-element-definition",
2798
- "name": "sigvelo-r-editor",
2788
+ "name": "sigvelo-sql-editor",
2799
2789
  "declaration": {
2800
- "name": "SigveloREditor",
2801
- "module": "src/components/r-editor/r-editor.ts"
2790
+ "name": "SigveloSqlEditor",
2791
+ "module": "src/components/sql-editor/sql-editor.ts"
2802
2792
  }
2803
2793
  }
2804
2794
  ]