@marimo-team/frontend 0.23.14-dev17 → 0.23.14-dev19
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.
- package/dist/assets/{CellStatus-BT8TMjJf.js → CellStatus-B3d9WY2x.js} +1 -1
- package/dist/assets/{ConnectedDataExplorerComponent-CPK3MAGu.js → ConnectedDataExplorerComponent-DW5uWN70.js} +1 -1
- package/dist/assets/{JsonOutput-CkXJwn8J.js → JsonOutput-C3c9GGaV.js} +7 -7
- package/dist/assets/{LazyAnyLanguageCodeMirror-BsVlAJyX.js → LazyAnyLanguageCodeMirror-DpraoNlO.js} +2 -2
- package/dist/assets/{MarimoErrorOutput-DhPWAkt7.js → MarimoErrorOutput-D07aAGkQ.js} +4 -4
- package/dist/assets/{RenderHTML-CfDAJrQ1.js → RenderHTML-v15QgtRg.js} +1 -1
- package/dist/assets/{RunButton-BTIcs3L6.js → RunButton-Bz4eaTJM.js} +1 -1
- package/dist/assets/{add-cell-with-ai-BUw5F2ZZ.js → add-cell-with-ai-wau9Yzcj.js} +9 -9
- package/dist/assets/{add-connection-dialog--pz-XpsT.js → add-connection-dialog-_KCPEn7U.js} +6 -6
- package/dist/assets/{agent-panel-DY1YEHWw.js → agent-panel-Bn9AgwJH.js} +5 -5
- package/dist/assets/{ai-model-dropdown-Btglrejh.js → ai-model-dropdown-BeZrAec-.js} +3 -3
- package/dist/assets/{app-config-button-DeX5gOlx.js → app-config-button-BG9ONWMU.js} +1 -1
- package/dist/assets/{arc-CTRjCaaq.js → arc-DUSwcTI9.js} +1 -1
- package/dist/assets/{architecture-7HQA4BMR-DljvQDeQ.js → architecture-7HQA4BMR-BKC1aYPh.js} +1 -1
- package/dist/assets/{architectureDiagram-VXUJARFQ-BzaOHnYF.js → architectureDiagram-VXUJARFQ-9zNZOBwF.js} +1 -1
- package/dist/assets/{blockDiagram-VD42YOAC-BSpIbX3f.js → blockDiagram-VD42YOAC-CoeffysX.js} +1 -1
- package/dist/assets/{c4Diagram-YG6GDRKO-zpESnYoT.js → c4Diagram-YG6GDRKO-HRtHHrnC.js} +1 -1
- package/dist/assets/{cell-editor-BnUCBSjC.js → cell-editor-24ykqaHj.js} +10 -10
- package/dist/assets/cell-link-exzcyUhT.js +1 -0
- package/dist/assets/{cells-B7YKR2ed.js → cells-DENsmH9t.js} +48 -48
- package/dist/assets/channel-xkFudYwF.js +1 -0
- package/dist/assets/{chat-display-CyQVogf3.js → chat-display-CcL_dydg.js} +1 -1
- package/dist/assets/{chat-panel-Bs6edc8Z.js → chat-panel-CA-2-S1C.js} +2 -2
- package/dist/assets/{chat-ui-CZ_aWD6G.js → chat-ui-DQeA0_b5.js} +1 -1
- package/dist/assets/{chunk-4BX2VUAB-Dg4heQa6.js → chunk-4BX2VUAB-B9eTC_as.js} +1 -1
- package/dist/assets/chunk-55IACEB6-RaPtcg4Z.js +1 -0
- package/dist/assets/{chunk-5FQGJX7Z-DcW-_LxK.js → chunk-5FQGJX7Z-OScactr4.js} +2 -2
- package/dist/assets/{chunk-ABZYJK2D-B-yriO93.js → chunk-ABZYJK2D-BahEojQ2.js} +3 -3
- package/dist/assets/{chunk-ATLVNIR6-CATEdUsI.js → chunk-ATLVNIR6-x_ij98gB.js} +1 -1
- package/dist/assets/{chunk-B4BG7PRW-tMC-dXvv.js → chunk-B4BG7PRW-CNWrrwyq.js} +1 -1
- package/dist/assets/{chunk-CVBHYZKI-BX0N_ipT.js → chunk-CVBHYZKI-BmNXddyI.js} +1 -1
- package/dist/assets/{chunk-DI55MBZ5-RdSDpuir.js → chunk-DI55MBZ5-DLtrYKQl.js} +1 -1
- package/dist/assets/{chunk-EXTU4WIE-FS4Kb2Ql.js → chunk-EXTU4WIE-BosqMJS0.js} +1 -1
- package/dist/assets/{chunk-FMBD7UC4-DBAmwXnH.js → chunk-FMBD7UC4-CXkgki2e.js} +1 -1
- package/dist/assets/{chunk-HN2XXSSU-ujlBpRMF.js → chunk-HN2XXSSU-BstCPYtG.js} +1 -1
- package/dist/assets/{chunk-JA3XYJ7Z-BC4z3QJN.js → chunk-JA3XYJ7Z-BGpTu7cp.js} +1 -1
- package/dist/assets/{chunk-JZLCHNYA-BS06EXEs.js → chunk-JZLCHNYA-B5kB1fLQ.js} +1 -1
- package/dist/assets/{chunk-MI3HLSF2-D9JXkg6-.js → chunk-MI3HLSF2-BceZdyTR.js} +1 -1
- package/dist/assets/{chunk-N4CR4FBY-sFNBk2qj.js → chunk-N4CR4FBY-BBG_uFjb.js} +2 -2
- package/dist/assets/{chunk-QN33PNHL-CaxJ41FN.js → chunk-QN33PNHL-CVHu8q7d.js} +1 -1
- package/dist/assets/{chunk-QXUST7PY-BGAG3yNG.js → chunk-QXUST7PY-CFthKhW0.js} +1 -1
- package/dist/assets/{chunk-QZHKN3VN-DNJQmmTY.js → chunk-QZHKN3VN-B9NOrYv5.js} +1 -1
- package/dist/assets/{chunk-S3R3BYOJ-BPuj-dI4.js → chunk-S3R3BYOJ-C_f67nz1.js} +1 -1
- package/dist/assets/{chunk-TZMSLE5B-BWxINAhr.js → chunk-TZMSLE5B-HjU3PlWB.js} +1 -1
- package/dist/assets/classDiagram-2ON5EDUG-BijpneZJ.js +1 -0
- package/dist/assets/classDiagram-v2-WZHVMYZB-DcBY2KJt.js +1 -0
- package/dist/assets/{code-block-37QAKDTI-BCJE7Shx.js → code-block-37QAKDTI-DhYEpctq.js} +1 -1
- package/dist/assets/{column-preview-Bg3hDGJD.js → column-preview-BPgYXdDd.js} +1 -1
- package/dist/assets/{command-palette-BbdDofd1.js → command-palette-WlkKgdrI.js} +1 -1
- package/dist/assets/{common-DDyT57dI.js → common-DdBQICbD.js} +1 -1
- package/dist/assets/components-DinLkTiR.js +1 -0
- package/dist/assets/{cose-bilkent-S5V4N54A-Cjkn-03D.js → cose-bilkent-S5V4N54A-BfoWxM7A.js} +1 -1
- package/dist/assets/{dagre-6UL2VRFP-CEUvYTNq.js → dagre-6UL2VRFP-D9JPUp6S.js} +1 -1
- package/dist/assets/{data-grid-overlay-editor-DcJUwxxA.js → data-grid-overlay-editor-D6dQiwlE.js} +1 -1
- package/dist/assets/{datasource-C-Uv-baE.js → datasource-BCOYpQ69.js} +2 -2
- package/dist/assets/{dependency-graph-panel-DOCY2alr.js → dependency-graph-panel-nYHPHFU4.js} +4 -4
- package/dist/assets/{diagram-PSM6KHXK-BRMqKZ3Y.js → diagram-PSM6KHXK-B0tUabrq.js} +1 -1
- package/dist/assets/{diagram-QEK2KX5R-D-44zwne.js → diagram-QEK2KX5R-Cw9uF9O2.js} +1 -1
- package/dist/assets/{diagram-S2PKOQOG-DK107xzi.js → diagram-S2PKOQOG-CQ2c8wZv.js} +1 -1
- package/dist/assets/{dist-BGm7LoFj.js → dist-C62CI8Os.js} +1 -1
- package/dist/assets/{documentation-panel-DtZhWfdL.js → documentation-panel-Dw9tYBNf.js} +1 -1
- package/dist/assets/{download-DiInTgPW.js → download-4NoBestd.js} +4 -4
- package/dist/assets/{edit-page-LQnB3t-T.js → edit-page-CAfBRrHn.js} +6 -6
- package/dist/assets/{erDiagram-Q2GNP2WA-Cs21rwzF.js → erDiagram-Q2GNP2WA-x4InYUc5.js} +1 -1
- package/dist/assets/{error-panel-DNOuz0b6.js → error-panel-Ddr_mbqR.js} +1 -1
- package/dist/assets/{file-explorer-panel-DMwNb6Bg.js → file-explorer-panel-DhpN8_pR.js} +3 -3
- package/dist/assets/{file-icons-vH3s-ZLt.js → file-icons-BFLcd4J7.js} +1 -1
- package/dist/assets/{file-name-input-B6h96HOr.js → file-name-input-x53prQQ6.js} +1 -1
- package/dist/assets/{floating-outline-DHsNGe6F.js → floating-outline--OlHG_yX.js} +1 -1
- package/dist/assets/{flowDiagram-NV44I4VS-DenT4mQj.js → flowDiagram-NV44I4VS-D6dpsSFe.js} +1 -1
- package/dist/assets/{focus-M6_Axyyu.js → focus-CZUEQpxX.js} +1 -1
- package/dist/assets/{form-CQTcitBT.js → form-CJ3pB1ow.js} +2 -2
- package/dist/assets/{ganttDiagram-JELNMOA3-DhLVgBRa.js → ganttDiagram-JELNMOA3-CiHe5iIm.js} +1 -1
- package/dist/assets/{gitGraph-G5XIXVHT-alvKgR_6.js → gitGraph-G5XIXVHT-DR6EWL-x.js} +1 -1
- package/dist/assets/{gitGraphDiagram-V2S2FVAM-CaLy1ghU.js → gitGraphDiagram-V2S2FVAM-DYyxaqXO.js} +1 -1
- package/dist/assets/{glide-data-editor-DieDRYCU.js → glide-data-editor-4W6CSDdU.js} +4 -4
- package/dist/assets/{home-page-Dd_LvpzP.js → home-page-pH8-XovY.js} +2 -2
- package/dist/assets/{hooks-ckvJhsKD.js → hooks-BqjZMbeu.js} +1 -1
- package/dist/assets/{html-to-image-C_aIFrkD.js → html-to-image-B6eCuh-2.js} +2 -2
- package/dist/assets/{index-DqUQke09.js → index-CNmQbGXF.js} +11 -11
- package/dist/assets/{info-VBDWY6EO-UTGHU79q.js → info-VBDWY6EO-CB7fium3.js} +1 -1
- package/dist/assets/{infoDiagram-HS3SLOUP-BNlTRowz.js → infoDiagram-HS3SLOUP-BvAjf34S.js} +1 -1
- package/dist/assets/{journeyDiagram-XKPGCS4Q-C6bWCP1E.js → journeyDiagram-XKPGCS4Q-DH75OGJw.js} +1 -1
- package/dist/assets/{kanban-definition-3W4ZIXB7-DhhNzrDn.js → kanban-definition-3W4ZIXB7-DHdmqfgQ.js} +1 -1
- package/dist/assets/katex-CByyX_jt.js +1 -0
- package/dist/assets/{kiosk-mode-DzVyPYQb.js → kiosk-mode-BBfHxqEx.js} +1 -1
- package/dist/assets/{layout-BQlueWdU.js → layout-DLJQyOOv.js} +5 -5
- package/dist/assets/{line-BtYBewh-.js → line-BKm-YkCh.js} +1 -1
- package/dist/assets/{linear-HSKpWh7o.js → linear-BD0d4-bn.js} +1 -1
- package/dist/assets/{logs-panel-WBLhqVkp.js → logs-panel-BBGNeMzu.js} +1 -1
- package/dist/assets/{markdown-renderer-C-Xg_eay.js → markdown-renderer-CcLl4-oB.js} +3 -3
- package/dist/assets/{mermaid-4DMBBIKO-DHhkolAx.js → mermaid-4DMBBIKO-Bc5nhxrT.js} +1 -1
- package/dist/assets/{mermaid-CTy-neNU.js → mermaid-BrXxldo6.js} +3 -3
- package/dist/assets/{mermaid-parser.core-D1juWnVV.js → mermaid-parser.core-Chxpj4sw.js} +2 -2
- package/dist/assets/{mhchem-DYFmc51f.js → mhchem-CkxmpjZ8.js} +1 -1
- package/dist/assets/{mindmap-definition-VGOIOE7T-DrvmAuTR.js → mindmap-definition-VGOIOE7T-DFjySly4.js} +1 -1
- package/dist/assets/{name-cell-input-DEi5F7_C.js → name-cell-input-CNq9BTL7.js} +1 -1
- package/dist/assets/{number-overlay-editor-BNjcKmLy.js → number-overlay-editor-sLAx_eGw.js} +1 -1
- package/dist/assets/{ordinal-DwWQqd-e.js → ordinal-BEKpVWu-.js} +1 -1
- package/dist/assets/{outline-panel-CJESf04f.js → outline-panel-CnGBTEs0.js} +1 -1
- package/dist/assets/{packages-panel-e9Ouyai7.js → packages-panel-B17awHIF.js} +1 -1
- package/dist/assets/{packet-DYOGHKS2-Bk4m0Yky.js → packet-DYOGHKS2-DfGBb0Dd.js} +1 -1
- package/dist/assets/{panels-CJMr5_0N.js → panels-P8wFgP-8.js} +1 -1
- package/dist/assets/{pie-VRWISCQL-BH6BYH7k.js → pie-VRWISCQL-BUcldHEm.js} +1 -1
- package/dist/assets/{pieDiagram-ADFJNKIX-DTXuGc2V.js → pieDiagram-ADFJNKIX-Cqy3gKwK.js} +1 -1
- package/dist/assets/{process-output-Ddc2OA4L.js → process-output-BGcDSQBk.js} +1 -1
- package/dist/assets/{quadrantDiagram-AYHSOK5B-CK0jUhwV.js → quadrantDiagram-AYHSOK5B-B3qlPKHh.js} +1 -1
- package/dist/assets/{radar-ZZBFDIW7-CfegKZj0.js → radar-ZZBFDIW7-DALEitfL.js} +1 -1
- package/dist/assets/{radio-group-CGYJUACh.js → radio-group-B8OldelF.js} +1 -1
- package/dist/assets/{react-vega-CpYoOIw9.js → react-vega-BVvkE5O4.js} +1 -1
- package/dist/assets/{react-vega-9vyn19ym.js → react-vega-DJIihc-q.js} +1 -1
- package/dist/assets/readonly-code-display-bvftv2Nk.js +1 -0
- package/dist/assets/readonly-python-code-CoFR55Yt.js +1 -0
- package/dist/assets/{requirementDiagram-UZGBJVZJ-DG38oyvw.js → requirementDiagram-UZGBJVZJ-C1PyB1kO.js} +1 -1
- package/dist/assets/{reveal-component-CNQCJm8q.js → reveal-component-CfBFUsP0.js} +83 -83
- package/dist/assets/{run-page-XJQF29mv.js → run-page-CFoRuGGY.js} +1 -1
- package/dist/assets/{sankeyDiagram-TZEHDZUN-Cd7_NFq5.js → sankeyDiagram-TZEHDZUN-CWokPFKQ.js} +1 -1
- package/dist/assets/{scratchpad-panel-9LuOS7Lm.js → scratchpad-panel-DdKvJKy4.js} +1 -1
- package/dist/assets/{sequenceDiagram-WL72ISMW-CWr987NA.js → sequenceDiagram-WL72ISMW-Bt2iqyTe.js} +1 -1
- package/dist/assets/{session-panel-D1SRta-0.js → session-panel-D5OQ5JSm.js} +1 -1
- package/dist/assets/snippets-panel-DvfXacKM.js +1 -0
- package/dist/assets/{state-IsXJNpya.js → state-CQn0dE8X.js} +2 -2
- package/dist/assets/{state-RefguD27.js → state-LM4pQmYL.js} +1 -1
- package/dist/assets/{stateDiagram-FKZM4ZOC-BpTv_tx4.js → stateDiagram-FKZM4ZOC-Cu-QGXei.js} +1 -1
- package/dist/assets/stateDiagram-v2-4FDKWEC3-C_watzL2.js +1 -0
- package/dist/assets/{step-vPM7ouyU.js → step-B5y1YzZ4.js} +1 -1
- package/dist/assets/{textarea-BYXnNYSr.js → textarea-Tswrj-fB.js} +1 -1
- package/dist/assets/{time-C7q-M_gT.js → time-jEmAyVx0.js} +1 -1
- package/dist/assets/{timeline-definition-IT6M3QCI-Cp331KPt.js → timeline-definition-IT6M3QCI-DbqS7JT0.js} +1 -1
- package/dist/assets/{tracing-DRF9vr86.js → tracing-BMvzhCBv.js} +1 -1
- package/dist/assets/{tracing-panel-DSEex5R-.js → tracing-panel-DJF6cCQK.js} +2 -2
- package/dist/assets/{tree-actions-CRyQHv6h.js → tree-actions-Bnmh7YGo.js} +1 -1
- package/dist/assets/{treemap-GDKQZRPO-goW30S_N.js → treemap-GDKQZRPO-DD4LlMfm.js} +1 -1
- package/dist/assets/{useCellActionButton-BjcJ6BLJ.js → useCellActionButton-ibDHNca0.js} +1 -1
- package/dist/assets/{useDeleteCell-CXhTb-Wb.js → useDeleteCell-DwNTIWuB.js} +1 -1
- package/dist/assets/{useDependencyPanelTab-KYGByius.js → useDependencyPanelTab-BH_Eu2Kq.js} +1 -1
- package/dist/assets/{useNotebookActions-Dh4T1ZtI.js → useNotebookActions-BmO8IOgN.js} +1 -1
- package/dist/assets/useRunCells-CTpvxsqp.js +1 -0
- package/dist/assets/{useSplitCell-xGqWTYfJ.js → useSplitCell-CFO4Cg5B.js} +1 -1
- package/dist/assets/{vega-component-CSuDG35y.js → vega-component-CFO7fSts.js} +1 -1
- package/dist/assets/{xychartDiagram-PRI3JC2R-BOmaIn_W.js → xychartDiagram-PRI3JC2R-BbSJBns5.js} +1 -1
- package/dist/index.html +24 -24
- package/package.json +1 -1
- package/src/components/editor/chrome/panels/snippets-panel.tsx +3 -3
- package/src/components/editor/code/readonly-python-code.tsx +16 -2
- package/src/components/editor/renderers/vertical-layout/__tests__/vertical-layout.test.ts +1 -27
- package/src/components/editor/renderers/vertical-layout/vertical-layout.tsx +2 -19
- package/src/components/slides/slide-cell-view.tsx +7 -6
- package/src/core/cells/__tests__/readonly-code-display.test.ts +46 -0
- package/src/core/cells/readonly-code-display.ts +35 -0
- package/dist/assets/cell-link-DO4acQD0.js +0 -1
- package/dist/assets/channel-Dc6EzpN1.js +0 -1
- package/dist/assets/chunk-55IACEB6-DwfSZW8J.js +0 -1
- package/dist/assets/classDiagram-2ON5EDUG-A9VH2ZvK.js +0 -1
- package/dist/assets/classDiagram-v2-WZHVMYZB-BbiRaNB_.js +0 -1
- package/dist/assets/components-CCxUdXt3.js +0 -1
- package/dist/assets/katex-BGtenqy0.js +0 -1
- package/dist/assets/readonly-python-code--4cKIEDx.js +0 -1
- package/dist/assets/snippets-panel-mvC03mlx.js +0 -1
- package/dist/assets/stateDiagram-v2-4FDKWEC3-DS3lRH0h.js +0 -1
- package/dist/assets/useRunCells-BQPsvZjd.js +0 -1
- package/src/components/editor/chrome/panels/__tests__/snippet-display.test.ts +0 -22
- package/src/components/editor/chrome/panels/snippet-display.ts +0 -27
- /package/dist/assets/{ImageComparisonComponent-DzDQ-fB3.js → ImageComparisonComponent-BHNx9yIG.js} +0 -0
- /package/dist/assets/{Plot-BIdakfet.js → Plot-BB9gg44K.js} +0 -0
- /package/dist/assets/{any-language-editor-DDxRKC6m.js → any-language-editor-DK1OP6YO.js} +0 -0
- /package/dist/assets/{array-9XpbrfQ5.js → array-CEZNxKGf.js} +0 -0
- /package/dist/assets/{asterisk-Dykb_Qas.js → asterisk-Bjb62jej.js} +0 -0
- /package/dist/assets/{chunk-4F5CHEZ2-DbI0qf2O.js → chunk-4F5CHEZ2-DMnTTluO.js} +0 -0
- /package/dist/assets/{chunk-B2363JML-CfyMMqBA.js → chunk-B2363JML-Dku8Kg6Q.js} +0 -0
- /package/dist/assets/{chunk-DR5Q36YT-DOSR70sR.js → chunk-DR5Q36YT-SM9ZwAOv.js} +0 -0
- /package/dist/assets/{chunk-FRFDVMJY-BtfMQArq.js → chunk-FRFDVMJY-W8ieZ4T6.js} +0 -0
- /package/dist/assets/{chunk-PL6DKKU2-B4f42Ygg.js → chunk-PL6DKKU2-B2NeQSoB.js} +0 -0
- /package/dist/assets/{chunk-SJTYNZTY-Bry6rjvq.js → chunk-SJTYNZTY-KfBChqO5.js} +0 -0
- /package/dist/assets/{chunk-TQ3KTPDO-DCNP-V-Z.js → chunk-TQ3KTPDO-BMxqKE6C.js} +0 -0
- /package/dist/assets/{chunk-UMXZTB3W-Df715oKn.js → chunk-UMXZTB3W-BUDrzDik.js} +0 -0
- /package/dist/assets/{click-outside-container-gHk0jCel.js → click-outside-container-CagwJLiG.js} +0 -0
- /package/dist/assets/{colors-D952IYju.js → colors-Dm6L93c7.js} +0 -0
- /package/dist/assets/{common-keywords-sop6vXJR.js → common-keywords-D_14jCw0.js} +0 -0
- /package/dist/assets/{cytoscape.esm-BncNfFt_.js → cytoscape.esm-DHwdGdKb.js} +0 -0
- /package/dist/assets/{dist-BjCIGEdQ.js → dist-COnmrAVZ.js} +0 -0
- /package/dist/assets/{dist-Cuy9Ob0Q.js → dist-CVIPALxj.js} +0 -0
- /package/dist/assets/{dist-CncFhr17.js → dist-DXfXSpct.js} +0 -0
- /package/dist/assets/{dockerfile-F2QaEmLo.js → dockerfile-BLAGVcyS.js} +0 -0
- /package/dist/assets/{duckdb-keywords-CEWQs1NJ.js → duckdb-keywords-CSySeB8R.js} +0 -0
- /package/dist/assets/{ebnf-BoS8ZFT2.js → ebnf-KJaLpQez.js} +0 -0
- /package/dist/assets/{esm-BLlysR8g.js → esm-D8Ai_4yn.js} +0 -0
- /package/dist/assets/{fcl-JwfU5Rr4.js → fcl-Cf241iHu.js} +0 -0
- /package/dist/assets/{gallery-page-Bn_fmsuf.js → gallery-page-fefqSCry.js} +0 -0
- /package/dist/assets/{http-BSf7msSy.js → http-_roNBajA.js} +0 -0
- /package/dist/assets/{init-DZ5TV86b.js → init-BpLL1fe9.js} +0 -0
- /package/dist/assets/{katex-CUvM6AOy.js → katex-C5COVNYq.js} +0 -0
- /package/dist/assets/{math-BkqINfbU.js → math-CpvW-dlE.js} +0 -0
- /package/dist/assets/{nginx-CNcs7tVC.js → nginx-Dfd7l9Sj.js} +0 -0
- /package/dist/assets/{node-sql-parser-BkK4FGDp.js → node-sql-parser-DfWMhh1q.js} +0 -0
- /package/dist/assets/{path-MXGY7b8Y.js → path-DtYs9Dst.js} +0 -0
- /package/dist/assets/{runs-BR6uJHTx.js → runs-ChtaccFx.js} +0 -0
- /package/dist/assets/{secrets-panel-COMUo7PI.js → secrets-panel-BKTGqClq.js} +0 -0
- /package/dist/assets/{solr-B928KjNx.js → solr-CJeCgAfj.js} +0 -0
- /package/dist/assets/{spreadsheet-CAG48M_e.js → spreadsheet-BYYvgLKe.js} +0 -0
- /package/dist/assets/{sql-nk70rjN1.js → sql-B5I6FC3m.js} +0 -0
- /package/dist/assets/{src-BRLtyMKi.js → src-CW27-Kjl.js} +0 -0
- /package/dist/assets/{swiper-component-1EtQU4BG.js → swiper-component-1Qq8v34u.js} +0 -0
- /package/dist/assets/{terminal-xHf6SFNC.js → terminal-C6zSX_Fp.js} +0 -0
- /package/dist/assets/{tiddlywiki-BiHxc-2_.js → tiddlywiki-hmNzZkq6.js} +0 -0
- /package/dist/assets/{tiki-Cwip62d7.js → tiki-BL1SzuSx.js} +0 -0
- /package/dist/assets/{treemap-BY_mNGmB.js → treemap-qinQgXo1.js} +0 -0
- /package/dist/assets/{types-BLEgJ92v.js → types-D4wsSrXa.js} +0 -0
- /package/dist/assets/{web-vitals-V-8mt_c9.js → web-vitals-B8i8c08M.js} +0 -0
package/dist/index.html
CHANGED
|
@@ -66,7 +66,7 @@
|
|
|
66
66
|
<marimo-server-token data-token="{{ server_token }}" hidden></marimo-server-token>
|
|
67
67
|
<!-- /TODO -->
|
|
68
68
|
<title>{{ title }}</title>
|
|
69
|
-
<script type="module" crossorigin src="./assets/index-
|
|
69
|
+
<script type="module" crossorigin src="./assets/index-CNmQbGXF.js"></script>
|
|
70
70
|
<link rel="modulepreload" crossorigin href="./assets/preload-helper-BW0IMuFq.js">
|
|
71
71
|
<link rel="modulepreload" crossorigin href="./assets/chunk-LvLJmgfZ.js">
|
|
72
72
|
<link rel="modulepreload" crossorigin href="./assets/react-Bj1aDYRI.js">
|
|
@@ -133,7 +133,7 @@
|
|
|
133
133
|
<link rel="modulepreload" crossorigin href="./assets/debounce-OiXznToA.js">
|
|
134
134
|
<link rel="modulepreload" crossorigin href="./assets/database-zap-DIlSqcdp.js">
|
|
135
135
|
<link rel="modulepreload" crossorigin href="./assets/main-DmhaVp6Y.js">
|
|
136
|
-
<link rel="modulepreload" crossorigin href="./assets/cells-
|
|
136
|
+
<link rel="modulepreload" crossorigin href="./assets/cells-DENsmH9t.js">
|
|
137
137
|
<link rel="modulepreload" crossorigin href="./assets/kbd-UVzWBHfi.js">
|
|
138
138
|
<link rel="modulepreload" crossorigin href="./assets/useInstallPackage-C1Dd0aIZ.js">
|
|
139
139
|
<link rel="modulepreload" crossorigin href="./assets/alert-dialog-CC0gG4Av.js">
|
|
@@ -146,40 +146,40 @@
|
|
|
146
146
|
<link rel="modulepreload" crossorigin href="./assets/usePress-BSFUeqnS.js">
|
|
147
147
|
<link rel="modulepreload" crossorigin href="./assets/input-DB2LiTiQ.js">
|
|
148
148
|
<link rel="modulepreload" crossorigin href="./assets/ImperativeModal-B62Q6S9l.js">
|
|
149
|
-
<link rel="modulepreload" crossorigin href="./assets/cell-link-
|
|
149
|
+
<link rel="modulepreload" crossorigin href="./assets/cell-link-exzcyUhT.js">
|
|
150
150
|
<link rel="modulepreload" crossorigin href="./assets/config-DMNo9K-z.js">
|
|
151
151
|
<link rel="modulepreload" crossorigin href="./assets/alert-1y_DnRWn.js">
|
|
152
152
|
<link rel="modulepreload" crossorigin href="./assets/chevron-right-C7RH0Nc7.js">
|
|
153
153
|
<link rel="modulepreload" crossorigin href="./assets/dropdown-menu-DfGLyCbP.js">
|
|
154
154
|
<link rel="modulepreload" crossorigin href="./assets/links-CCkJpphF.js">
|
|
155
|
-
<link rel="modulepreload" crossorigin href="./assets/useRunCells-
|
|
155
|
+
<link rel="modulepreload" crossorigin href="./assets/useRunCells-CTpvxsqp.js">
|
|
156
156
|
<link rel="modulepreload" crossorigin href="./assets/copy-D8MtpXgN.js">
|
|
157
157
|
<link rel="modulepreload" crossorigin href="./assets/copy-IBNGDypD.js">
|
|
158
158
|
<link rel="modulepreload" crossorigin href="./assets/copy-icon-EHMT-qlr.js">
|
|
159
|
-
<link rel="modulepreload" crossorigin href="./assets/RenderHTML-
|
|
160
|
-
<link rel="modulepreload" crossorigin href="./assets/datasource-
|
|
161
|
-
<link rel="modulepreload" crossorigin href="./assets/state-
|
|
159
|
+
<link rel="modulepreload" crossorigin href="./assets/RenderHTML-v15QgtRg.js">
|
|
160
|
+
<link rel="modulepreload" crossorigin href="./assets/datasource-BCOYpQ69.js">
|
|
161
|
+
<link rel="modulepreload" crossorigin href="./assets/state-LM4pQmYL.js">
|
|
162
162
|
<link rel="modulepreload" crossorigin href="./assets/hat-glasses-DlK0E4SX.js">
|
|
163
163
|
<link rel="modulepreload" crossorigin href="./assets/package-BTIV9-Dk.js">
|
|
164
164
|
<link rel="modulepreload" crossorigin href="./assets/sparkles-COaEc8Qn.js">
|
|
165
|
-
<link rel="modulepreload" crossorigin href="./assets/MarimoErrorOutput-
|
|
165
|
+
<link rel="modulepreload" crossorigin href="./assets/MarimoErrorOutput-D07aAGkQ.js">
|
|
166
166
|
<link rel="modulepreload" crossorigin href="./assets/ErrorBoundary-Bo313Z9X.js">
|
|
167
167
|
<link rel="modulepreload" crossorigin href="./assets/eye-off-DI0EQXw0.js">
|
|
168
168
|
<link rel="modulepreload" crossorigin href="./assets/refresh-cw-C9FftltI.js">
|
|
169
|
-
<link rel="modulepreload" crossorigin href="./assets/tree-actions-
|
|
169
|
+
<link rel="modulepreload" crossorigin href="./assets/tree-actions-Bnmh7YGo.js">
|
|
170
170
|
<link rel="modulepreload" crossorigin href="./assets/spinner-BbI9qk88.js">
|
|
171
|
-
<link rel="modulepreload" crossorigin href="./assets/html-to-image-
|
|
172
|
-
<link rel="modulepreload" crossorigin href="./assets/focus-
|
|
171
|
+
<link rel="modulepreload" crossorigin href="./assets/html-to-image-B6eCuh-2.js">
|
|
172
|
+
<link rel="modulepreload" crossorigin href="./assets/focus-CZUEQpxX.js">
|
|
173
173
|
<link rel="modulepreload" crossorigin href="./assets/useAsyncData-DAQcLiyE.js">
|
|
174
|
-
<link rel="modulepreload" crossorigin href="./assets/LazyAnyLanguageCodeMirror-
|
|
174
|
+
<link rel="modulepreload" crossorigin href="./assets/LazyAnyLanguageCodeMirror-DpraoNlO.js">
|
|
175
175
|
<link rel="modulepreload" crossorigin href="./assets/micromark-factory-space-BUQpMdx2.js">
|
|
176
|
-
<link rel="modulepreload" crossorigin href="./assets/chunk-5FQGJX7Z-
|
|
177
|
-
<link rel="modulepreload" crossorigin href="./assets/markdown-renderer-
|
|
176
|
+
<link rel="modulepreload" crossorigin href="./assets/chunk-5FQGJX7Z-OScactr4.js">
|
|
177
|
+
<link rel="modulepreload" crossorigin href="./assets/markdown-renderer-CcLl4-oB.js">
|
|
178
178
|
<link rel="modulepreload" crossorigin href="./assets/command-DRHbYHUP.js">
|
|
179
179
|
<link rel="modulepreload" crossorigin href="./assets/field-DlNY-dDH.js">
|
|
180
180
|
<link rel="modulepreload" crossorigin href="./assets/popover-DMNO6Poc.js">
|
|
181
181
|
<link rel="modulepreload" crossorigin href="./assets/errors-9jMmWHd9.js">
|
|
182
|
-
<link rel="modulepreload" crossorigin href="./assets/download-
|
|
182
|
+
<link rel="modulepreload" crossorigin href="./assets/download-4NoBestd.js">
|
|
183
183
|
<link rel="modulepreload" crossorigin href="./assets/table-CnW850Wt.js">
|
|
184
184
|
<link rel="modulepreload" crossorigin href="./assets/useIframeCapabilities-B0dNZiKK.js">
|
|
185
185
|
<link rel="modulepreload" crossorigin href="./assets/error-banner-BSQVN46J.js">
|
|
@@ -199,21 +199,21 @@
|
|
|
199
199
|
<link rel="modulepreload" crossorigin href="./assets/plus-ZXRHY1up.js">
|
|
200
200
|
<link rel="modulepreload" crossorigin href="./assets/trash-2-CqTUwVuU.js">
|
|
201
201
|
<link rel="modulepreload" crossorigin href="./assets/react-resizable-panels.browser.esm-Ce2ksurd.js">
|
|
202
|
-
<link rel="modulepreload" crossorigin href="./assets/JsonOutput-
|
|
202
|
+
<link rel="modulepreload" crossorigin href="./assets/JsonOutput-C3c9GGaV.js">
|
|
203
203
|
<link rel="modulepreload" crossorigin href="./assets/chart-no-axes-column-DVEV2j1H.js">
|
|
204
204
|
<link rel="modulepreload" crossorigin href="./assets/square-function-Dx0pKHko.js">
|
|
205
205
|
<link rel="modulepreload" crossorigin href="./assets/spec-CDgWI0fT.js">
|
|
206
|
-
<link rel="modulepreload" crossorigin href="./assets/column-preview-
|
|
206
|
+
<link rel="modulepreload" crossorigin href="./assets/column-preview-BPgYXdDd.js">
|
|
207
207
|
<link rel="modulepreload" crossorigin href="./assets/icons-avFV3lBF.js">
|
|
208
|
-
<link rel="modulepreload" crossorigin href="./assets/radio-group-
|
|
209
|
-
<link rel="modulepreload" crossorigin href="./assets/floating-outline
|
|
208
|
+
<link rel="modulepreload" crossorigin href="./assets/radio-group-B8OldelF.js">
|
|
209
|
+
<link rel="modulepreload" crossorigin href="./assets/floating-outline--OlHG_yX.js">
|
|
210
210
|
<link rel="modulepreload" crossorigin href="./assets/objectWithoutPropertiesLoose-BkUn3I0-.js">
|
|
211
211
|
<link rel="modulepreload" crossorigin href="./assets/esm-X3Tr2pur.js">
|
|
212
|
-
<link rel="modulepreload" crossorigin href="./assets/readonly-python-code
|
|
212
|
+
<link rel="modulepreload" crossorigin href="./assets/readonly-python-code-CoFR55Yt.js">
|
|
213
213
|
<link rel="modulepreload" crossorigin href="./assets/file-headphone-CUN2DC78.js">
|
|
214
214
|
<link rel="modulepreload" crossorigin href="./assets/file-BvoBtS_V.js">
|
|
215
215
|
<link rel="modulepreload" crossorigin href="./assets/image-BzUcK6ho.js">
|
|
216
|
-
<link rel="modulepreload" crossorigin href="./assets/file-icons-
|
|
216
|
+
<link rel="modulepreload" crossorigin href="./assets/file-icons-BFLcd4J7.js">
|
|
217
217
|
<link rel="modulepreload" crossorigin href="./assets/switch-DvDNxcZP.js">
|
|
218
218
|
<link rel="modulepreload" crossorigin href="./assets/events-XR_LpvHc.js">
|
|
219
219
|
<link rel="modulepreload" crossorigin href="./assets/globals-Bx8Km3LH.js">
|
|
@@ -222,11 +222,11 @@
|
|
|
222
222
|
<link rel="modulepreload" crossorigin href="./assets/memoize-Tp7rARFe.js">
|
|
223
223
|
<link rel="modulepreload" crossorigin href="./assets/get-C-qh_et5.js">
|
|
224
224
|
<link rel="modulepreload" crossorigin href="./assets/_baseSet-CsW0tABf.js">
|
|
225
|
-
<link rel="modulepreload" crossorigin href="./assets/state-
|
|
225
|
+
<link rel="modulepreload" crossorigin href="./assets/state-CQn0dE8X.js">
|
|
226
226
|
<link rel="modulepreload" crossorigin href="./assets/label-CFvCMYuj.js">
|
|
227
|
-
<link rel="modulepreload" crossorigin href="./assets/textarea-
|
|
227
|
+
<link rel="modulepreload" crossorigin href="./assets/textarea-Tswrj-fB.js">
|
|
228
228
|
<link rel="modulepreload" crossorigin href="./assets/refresh-ccw-Bee7JLOl.js">
|
|
229
|
-
<link rel="modulepreload" crossorigin href="./assets/form-
|
|
229
|
+
<link rel="modulepreload" crossorigin href="./assets/form-CJ3pB1ow.js">
|
|
230
230
|
<link rel="modulepreload" crossorigin href="./assets/renderShortcut-LpVarhnQ.js">
|
|
231
231
|
<link rel="modulepreload" crossorigin href="./assets/useBoolean-BMzj74q1.js">
|
|
232
232
|
<link rel="modulepreload" crossorigin href="./assets/useDeepCompareMemoize-CWcgQCbT.js">
|
package/package.json
CHANGED
|
@@ -31,7 +31,7 @@ import { cn } from "@/utils/cn";
|
|
|
31
31
|
import { HideInKioskMode } from "../../kiosk-mode";
|
|
32
32
|
import { ContributeSnippetButton } from "../components/contribute-snippet-button";
|
|
33
33
|
import { usePanelOrientation, usePanelSection } from "./panel-context";
|
|
34
|
-
import {
|
|
34
|
+
import { getReadonlyCodeDisplay } from "@/core/cells/readonly-code-display";
|
|
35
35
|
|
|
36
36
|
const extensions = [EditorView.lineWrapping];
|
|
37
37
|
|
|
@@ -188,7 +188,7 @@ const SnippetViewer: React.FC<{ snippet: Snippet; onClose: () => void }> = ({
|
|
|
188
188
|
return null;
|
|
189
189
|
}
|
|
190
190
|
|
|
191
|
-
const { language,
|
|
191
|
+
const { language, code: displayCode } = getReadonlyCodeDisplay(code);
|
|
192
192
|
|
|
193
193
|
return (
|
|
194
194
|
<div
|
|
@@ -216,7 +216,7 @@ const SnippetViewer: React.FC<{ snippet: Snippet; onClose: () => void }> = ({
|
|
|
216
216
|
language={language}
|
|
217
217
|
className="cm border rounded overflow-hidden"
|
|
218
218
|
extensions={extensions}
|
|
219
|
-
value={
|
|
219
|
+
value={displayCode}
|
|
220
220
|
readOnly={true}
|
|
221
221
|
/>
|
|
222
222
|
</Suspense>
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
/* Copyright 2026 Marimo. All rights reserved. */
|
|
2
2
|
|
|
3
|
+
import { markdown } from "@codemirror/lang-markdown";
|
|
3
4
|
import { sql } from "@codemirror/lang-sql";
|
|
4
5
|
import CodeMirror, {
|
|
5
6
|
EditorView,
|
|
@@ -11,6 +12,7 @@ import { useAddCodeToNewCell } from "@/components/editor/cell/useAddCell";
|
|
|
11
12
|
import { Button } from "@/components/ui/button";
|
|
12
13
|
import { Tooltip } from "@/components/ui/tooltip";
|
|
13
14
|
import { toast } from "@/components/ui/use-toast";
|
|
15
|
+
import type { LanguageAdapterType } from "@/core/codemirror/language/types";
|
|
14
16
|
import { customPythonLanguageSupport } from "@/core/codemirror/language/languages/python";
|
|
15
17
|
import { useTheme } from "@/theme/useTheme";
|
|
16
18
|
import { cn } from "@/utils/cn";
|
|
@@ -22,6 +24,18 @@ const pythonExtensions = [
|
|
|
22
24
|
EditorView.lineWrapping,
|
|
23
25
|
];
|
|
24
26
|
const sqlExtensions = [sql(), EditorView.lineWrapping];
|
|
27
|
+
const markdownExtensions = [markdown(), EditorView.lineWrapping];
|
|
28
|
+
|
|
29
|
+
function readonlyCodeExtensions(language: LanguageAdapterType) {
|
|
30
|
+
switch (language) {
|
|
31
|
+
case "sql":
|
|
32
|
+
return sqlExtensions;
|
|
33
|
+
case "markdown":
|
|
34
|
+
return markdownExtensions;
|
|
35
|
+
default:
|
|
36
|
+
return pythonExtensions;
|
|
37
|
+
}
|
|
38
|
+
}
|
|
25
39
|
|
|
26
40
|
/**
|
|
27
41
|
* A readonly code component that can be used to display code in a readonly state.
|
|
@@ -42,7 +56,7 @@ export const ReadonlyCode = memo(
|
|
|
42
56
|
showHideCode?: boolean;
|
|
43
57
|
showCopyCode?: boolean;
|
|
44
58
|
insertNewCell?: boolean;
|
|
45
|
-
language?:
|
|
59
|
+
language?: LanguageAdapterType;
|
|
46
60
|
} & ReactCodeMirrorProps,
|
|
47
61
|
) => {
|
|
48
62
|
const { theme } = useTheme();
|
|
@@ -84,7 +98,7 @@ export const ReadonlyCode = memo(
|
|
|
84
98
|
theme={theme === "dark" ? "dark" : "light"}
|
|
85
99
|
height="100%"
|
|
86
100
|
editable={!hideCode}
|
|
87
|
-
extensions={language
|
|
101
|
+
extensions={readonlyCodeExtensions(language)}
|
|
88
102
|
value={code}
|
|
89
103
|
readOnly={true}
|
|
90
104
|
/>
|
|
@@ -2,11 +2,7 @@
|
|
|
2
2
|
/* oxlint-disable typescript/no-explicit-any */
|
|
3
3
|
import { describe, expect, it } from "vitest";
|
|
4
4
|
import type { OutputMessage } from "@/core/kernel/messages";
|
|
5
|
-
import {
|
|
6
|
-
groupCellsByColumn,
|
|
7
|
-
readonlyDisplay,
|
|
8
|
-
shouldHideCode,
|
|
9
|
-
} from "../vertical-layout";
|
|
5
|
+
import { groupCellsByColumn, shouldHideCode } from "../vertical-layout";
|
|
10
6
|
|
|
11
7
|
describe("groupCellsByColumn", () => {
|
|
12
8
|
it("should group cells by column and maintain order", () => {
|
|
@@ -175,25 +171,3 @@ describe("shouldHideCode", () => {
|
|
|
175
171
|
});
|
|
176
172
|
});
|
|
177
173
|
});
|
|
178
|
-
|
|
179
|
-
describe("readonlyDisplay", () => {
|
|
180
|
-
it("unwraps SQL cells to their inner query and marks them as sql", () => {
|
|
181
|
-
const result = readonlyDisplay('my_table = mo.sql("""SELECT 1 AS id""")');
|
|
182
|
-
expect(result.language).toBe("sql");
|
|
183
|
-
expect(result.code).toBe("SELECT 1 AS id");
|
|
184
|
-
});
|
|
185
|
-
|
|
186
|
-
it("leaves plain Python cells untouched", () => {
|
|
187
|
-
const code = "x = 1 + 2";
|
|
188
|
-
const result = readonlyDisplay(code);
|
|
189
|
-
expect(result.language).toBe("python");
|
|
190
|
-
expect(result.code).toBe(code);
|
|
191
|
-
});
|
|
192
|
-
|
|
193
|
-
it("leaves non-SQL cells (e.g. markdown) unchanged as python", () => {
|
|
194
|
-
const code = 'mo.md("""## Heading""")';
|
|
195
|
-
const result = readonlyDisplay(code);
|
|
196
|
-
expect(result.language).toBe("python");
|
|
197
|
-
expect(result.code).toBe(code);
|
|
198
|
-
});
|
|
199
|
-
});
|
|
@@ -10,7 +10,6 @@ import {
|
|
|
10
10
|
Loader2Icon,
|
|
11
11
|
MoreHorizontalIcon,
|
|
12
12
|
} from "lucide-react";
|
|
13
|
-
import { SQLParser } from "@marimo-team/smart-cells";
|
|
14
13
|
import type React from "react";
|
|
15
14
|
import { memo, useRef, useState } from "react";
|
|
16
15
|
import { z } from "zod";
|
|
@@ -30,6 +29,7 @@ import { outputIsLoading, outputIsStale } from "@/core/cells/cell";
|
|
|
30
29
|
import type { CellId } from "@/core/cells/ids";
|
|
31
30
|
import { isOutputEmpty } from "@/core/cells/outputs";
|
|
32
31
|
import type { CellData, CellRuntimeState } from "@/core/cells/types";
|
|
32
|
+
import { getReadonlyCodeDisplay } from "@/core/cells/readonly-code-display";
|
|
33
33
|
import { MarkdownLanguageAdapter } from "@/core/codemirror/language/languages/markdown";
|
|
34
34
|
import { useResolvedMarimoConfig } from "@/core/config/config";
|
|
35
35
|
import { CSSClasses, KnownQueryParams } from "@/core/constants";
|
|
@@ -386,7 +386,7 @@ const VerticalCell = memo(
|
|
|
386
386
|
// Hide the code if it's pure markdown and there's an output, or if the code is empty
|
|
387
387
|
const hideCode = shouldHideCode(code, output);
|
|
388
388
|
// Only unwrap SQL when the code will actually be rendered.
|
|
389
|
-
const display = hideCode ? null :
|
|
389
|
+
const display = hideCode ? null : getReadonlyCodeDisplay(code);
|
|
390
390
|
|
|
391
391
|
return (
|
|
392
392
|
<div
|
|
@@ -500,20 +500,3 @@ export function shouldHideCode(code: string, output: OutputMessage | null) {
|
|
|
500
500
|
const hasOutput = output !== null && !isOutputEmpty(output);
|
|
501
501
|
return (isPureMarkdown && hasOutput) || code.trim() === "";
|
|
502
502
|
}
|
|
503
|
-
|
|
504
|
-
const sqlParser = new SQLParser();
|
|
505
|
-
|
|
506
|
-
/**
|
|
507
|
-
* Unwrap SQL cells to their inner query so read-only views highlight them as
|
|
508
|
-
* SQL instead of showing the raw `mo.sql(...)` wrapper.
|
|
509
|
-
*/
|
|
510
|
-
export function readonlyDisplay(code: string): {
|
|
511
|
-
code: string;
|
|
512
|
-
language: "python" | "sql";
|
|
513
|
-
} {
|
|
514
|
-
const trimmed = code.trim();
|
|
515
|
-
if (sqlParser.isSupported(trimmed)) {
|
|
516
|
-
return { code: sqlParser.transformIn(trimmed).code, language: "sql" };
|
|
517
|
-
}
|
|
518
|
-
return { code, language: "python" };
|
|
519
|
-
}
|
|
@@ -26,7 +26,7 @@ import { connectionAtom } from "@/core/network/connection";
|
|
|
26
26
|
import { useTheme } from "@/theme/useTheme";
|
|
27
27
|
import { cn } from "@/utils/cn";
|
|
28
28
|
import { ReadonlyCode } from "../editor/code/readonly-python-code";
|
|
29
|
-
import {
|
|
29
|
+
import { getReadonlyCodeDisplay } from "@/core/cells/readonly-code-display";
|
|
30
30
|
|
|
31
31
|
type RuntimeCell = CellRuntimeState & CellData;
|
|
32
32
|
|
|
@@ -188,10 +188,7 @@ export const SlideCellReadOnlyView = ({ cell }: { cell: RuntimeCell }) => {
|
|
|
188
188
|
const [userConfig] = useUserConfig();
|
|
189
189
|
const cellOutputPosition = userConfig.display.cell_output;
|
|
190
190
|
|
|
191
|
-
const
|
|
192
|
-
const adapter = languageAdapterFromCode(cell.code.trim());
|
|
193
|
-
return adapter.type === "sql" ? "sql" : "python";
|
|
194
|
-
}, [cell.code]);
|
|
191
|
+
const display = useMemo(() => getReadonlyCodeDisplay(cell.code), [cell.code]);
|
|
195
192
|
|
|
196
193
|
const output = (
|
|
197
194
|
<CellOutputSlide
|
|
@@ -203,7 +200,11 @@ export const SlideCellReadOnlyView = ({ cell }: { cell: RuntimeCell }) => {
|
|
|
203
200
|
|
|
204
201
|
const editor = (
|
|
205
202
|
<div className="marimo-cell">
|
|
206
|
-
<ReadonlyCode
|
|
203
|
+
<ReadonlyCode
|
|
204
|
+
code={display.code}
|
|
205
|
+
language={display.language}
|
|
206
|
+
showHideCode={false}
|
|
207
|
+
/>
|
|
207
208
|
</div>
|
|
208
209
|
);
|
|
209
210
|
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
/* Copyright 2026 Marimo. All rights reserved. */
|
|
2
|
+
|
|
3
|
+
import { describe, expect, it } from "vitest";
|
|
4
|
+
import { getReadonlyCodeDisplay } from "../readonly-code-display";
|
|
5
|
+
|
|
6
|
+
describe("getReadonlyCodeDisplay", () => {
|
|
7
|
+
it("unwraps SQL cells to their inner query and marks them as sql", () => {
|
|
8
|
+
const result = getReadonlyCodeDisplay(
|
|
9
|
+
'my_table = mo.sql("""SELECT 1 AS id""")',
|
|
10
|
+
);
|
|
11
|
+
expect(result.language).toBe("sql");
|
|
12
|
+
expect(result.code).toBe("SELECT 1 AS id");
|
|
13
|
+
});
|
|
14
|
+
|
|
15
|
+
it("unwraps f-string SQL cells", () => {
|
|
16
|
+
const result = getReadonlyCodeDisplay(
|
|
17
|
+
'my_table = mo.sql(f"""SELECT 1 AS id""")',
|
|
18
|
+
);
|
|
19
|
+
expect(result.language).toBe("sql");
|
|
20
|
+
expect(result.code).toBe("SELECT 1 AS id");
|
|
21
|
+
});
|
|
22
|
+
|
|
23
|
+
it("leaves plain Python cells untouched", () => {
|
|
24
|
+
const code = "x = 1 + 2\nprint(x)";
|
|
25
|
+
const result = getReadonlyCodeDisplay(code);
|
|
26
|
+
expect(result.language).toBe("python");
|
|
27
|
+
expect(result.code).toBe(code);
|
|
28
|
+
});
|
|
29
|
+
|
|
30
|
+
it("unwraps markdown cells to their inner content", () => {
|
|
31
|
+
const result = getReadonlyCodeDisplay('mo.md("""## Heading""")');
|
|
32
|
+
expect(result.language).toBe("markdown");
|
|
33
|
+
expect(result.code).toBe("## Heading");
|
|
34
|
+
});
|
|
35
|
+
|
|
36
|
+
it("treats empty or whitespace-only code as python", () => {
|
|
37
|
+
expect(getReadonlyCodeDisplay("")).toEqual({
|
|
38
|
+
code: "",
|
|
39
|
+
language: "python",
|
|
40
|
+
});
|
|
41
|
+
expect(getReadonlyCodeDisplay(" \n\t ")).toEqual({
|
|
42
|
+
code: " \n\t ",
|
|
43
|
+
language: "python",
|
|
44
|
+
});
|
|
45
|
+
});
|
|
46
|
+
});
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
/* Copyright 2026 Marimo. All rights reserved. */
|
|
2
|
+
|
|
3
|
+
import { MarkdownParser, SQLParser } from "@marimo-team/smart-cells";
|
|
4
|
+
import type { LanguageAdapterType } from "@/core/codemirror/language/types";
|
|
5
|
+
|
|
6
|
+
export interface ReadonlyCodeDisplay {
|
|
7
|
+
code: string;
|
|
8
|
+
language: LanguageAdapterType;
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
const markdownParser = new MarkdownParser();
|
|
12
|
+
const sqlParser = new SQLParser();
|
|
13
|
+
|
|
14
|
+
/**
|
|
15
|
+
* Unwrap SQL and markdown cells so read-only views show inner content with the
|
|
16
|
+
* correct syntax highlighting instead of the raw Python wrapper.
|
|
17
|
+
*/
|
|
18
|
+
export function getReadonlyCodeDisplay(code: string): ReadonlyCodeDisplay {
|
|
19
|
+
const trimmed = code.trim();
|
|
20
|
+
if (!trimmed) {
|
|
21
|
+
return { code, language: "python" };
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
if (markdownParser.isSupported(trimmed)) {
|
|
25
|
+
return {
|
|
26
|
+
code: markdownParser.transformIn(trimmed).code,
|
|
27
|
+
language: "markdown",
|
|
28
|
+
};
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
if (sqlParser.isSupported(trimmed)) {
|
|
32
|
+
return { code: sqlParser.transformIn(trimmed).code, language: "sql" };
|
|
33
|
+
}
|
|
34
|
+
return { code, language: "python" };
|
|
35
|
+
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{s as L}from"./chunk-LvLJmgfZ.js";import{d as P,l as j,n as w,u as O}from"./useEvent-D91BmmQi.js";import{D as y,Gi as A,Lt as D,M as E,Ni as _,P as S,gn as T}from"./cells-B7YKR2ed.js";import{t as b}from"./compiler-runtime-B3qBwwSJ.js";import{_ as $}from"./useEventListener-BakX-tnw.js";import{p as F}from"./utils-Dev6I_Kv.js";import{r as N}from"./constants-B9JJ72XE.js";import{v as M,w as q}from"./config-3clPIEB9.js";import{t as B}from"./cn-X2M2usMq.js";import{t as G}from"./jsx-runtime-PbYoItBR.js";import{r as H}from"./requests-KshNNAOp.js";import{n as K}from"./paths-DhuNSnZ_.js";import{s as R}from"./session-CsT5Gg9j.js";import{n as U}from"./ImperativeModal-B62Q6S9l.js";var V=b();function I(){return O(_)}function z(){let r=(0,V.c)(5),[t]=j(M),e=P(_),{openAlert:s}=U(),{sendRename:o}=H(),a;return r[0]!==t.state||r[1]!==s||r[2]!==o||r[3]!==e?(a=async l=>{let n=F();return t.state===q.OPEN?(R(i=>{l===null?i.delete(N.filePath):i.set(N.filePath,l)}),o({filename:l}).then(()=>(e(l),document.title=n.app_title||K.basename(l)||"Untitled Notebook",l)).catch(i=>(s(i.message),null))):(s("Failed to save notebook: not connected to a kernel."),null)},r[0]=t.state,r[1]=s,r[2]=o,r[3]=e,r[4]=a):a=r[4],w(a)}var p=b(),v=L(G(),1);const h=r=>{let t=(0,p.c)(12),{className:e,cellId:s,variant:o,onClick:a,formatCellName:l,skipScroll:n}=r,i=S()[s]??"",C=E().inOrderIds.indexOf(s),{showCellIfHidden:d}=y(),g=l??W,c;t[0]===e?c=t[1]:(c=B("inline-block cursor-pointer text-link hover:underline",e),t[0]=e,t[1]=c);let m;t[2]!==s||t[3]!==a||t[4]!==d||t[5]!==n||t[6]!==o?(m=k=>{if(s==="__scratch__")return!1;d({cellId:s}),k.stopPropagation(),k.preventDefault(),requestAnimationFrame(()=>{x(s,o,n)&&(a==null||a())})},t[2]=s,t[3]=a,t[4]=d,t[5]=n,t[6]=o,t[7]=m):m=t[7];let f=g(D(i,C)),u;return t[8]!==c||t[9]!==m||t[10]!==f?(u=(0,v.jsx)("div",{className:c,role:"link",tabIndex:-1,onClick:m,children:f}),t[8]=c,t[9]=m,t[10]=f,t[11]=u):u=t[11],u},J=r=>{let t=(0,p.c)(2),e;return t[0]===r?e=t[1]:(e=(0,v.jsx)(h,{...r,variant:"destructive"}),t[0]=r,t[1]=e),e},Q=r=>{let t=(0,p.c)(10),{cellId:e,lineNumber:s}=r,o=I(),a;t[0]!==e||t[1]!==s?(a=()=>T(e,s),t[0]=e,t[1]=s,t[2]=a):a=t[2];let l;t[3]!==e||t[4]!==o?(l=i=>e==="__scratch__"?"scratch":`marimo://${o||"untitled"}#cell=${i}`,t[3]=e,t[4]=o,t[5]=l):l=t[5];let n;return t[6]!==e||t[7]!==a||t[8]!==l?(n=(0,v.jsx)(h,{cellId:e,onClick:a,skipScroll:!0,variant:"destructive",className:"traceback-cell-link",formatCellName:l}),t[6]=e,t[7]=a,t[8]=l,t[9]=n):n=t[9],n};function x(r,t,e){let s=A.create(r),o=document.getElementById(s),a=o==null?void 0:o.classList.contains("has-error");return o===null?($.error(`Cell ${s} not found on page.`),!1):(e||o.scrollIntoView({behavior:"smooth",block:"center"}),(t==="destructive"||a&&t===void 0)&&(o.classList.add("error-outline"),setTimeout(()=>{o.classList.remove("error-outline")},2e3)),(t==="focus"||!a&&t===void 0)&&(o.classList.add("focus-outline"),setTimeout(()=>{o.classList.remove("focus-outline")},2e3)),!0)}function W(r){return r}export{I as a,x as i,J as n,z as o,Q as r,h as t};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{et as r,tt as e}from"./chunk-ABZYJK2D-B-yriO93.js";var o=(t,a)=>e.lang.round(r.parse(t)[a]);export{o as t};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{u as r}from"./src-CvyFXpBy.js";import{n}from"./src-BRLtyMKi.js";var a=n((e,o)=>{let t;return o==="sandbox"&&(t=r("#i"+e)),r(o==="sandbox"?t.nodes()[0].contentDocument.body:"body").select(`[id="${e}"]`)},"getDiagramElement");export{a as t};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import"./purify.es-DfJp_of2.js";import"./src-CvyFXpBy.js";import"./chunk-S3R3BYOJ-BPuj-dI4.js";import{n as t}from"./src-BRLtyMKi.js";import"./chunk-ABZYJK2D-B-yriO93.js";import"./chunk-HN2XXSSU-ujlBpRMF.js";import"./chunk-CVBHYZKI-BX0N_ipT.js";import"./chunk-ATLVNIR6-CATEdUsI.js";import"./dist-BjCIGEdQ.js";import"./chunk-JA3XYJ7Z-BC4z3QJN.js";import"./chunk-JZLCHNYA-BS06EXEs.js";import"./chunk-QXUST7PY-BGAG3yNG.js";import"./chunk-N4CR4FBY-sFNBk2qj.js";import"./chunk-FMBD7UC4-DBAmwXnH.js";import"./chunk-55IACEB6-DwfSZW8J.js";import"./chunk-QN33PNHL-CaxJ41FN.js";import{i,n as o,r as m,t as p}from"./chunk-B4BG7PRW-tMC-dXvv.js";var a={parser:o,get db(){return new p},renderer:m,styles:i,init:t(r=>{r.class||(r.class={}),r.class.arrowMarkerAbsolute=r.arrowMarkerAbsolute},"init")};export{a as diagram};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import"./purify.es-DfJp_of2.js";import"./src-CvyFXpBy.js";import"./chunk-S3R3BYOJ-BPuj-dI4.js";import{n as t}from"./src-BRLtyMKi.js";import"./chunk-ABZYJK2D-B-yriO93.js";import"./chunk-HN2XXSSU-ujlBpRMF.js";import"./chunk-CVBHYZKI-BX0N_ipT.js";import"./chunk-ATLVNIR6-CATEdUsI.js";import"./dist-BjCIGEdQ.js";import"./chunk-JA3XYJ7Z-BC4z3QJN.js";import"./chunk-JZLCHNYA-BS06EXEs.js";import"./chunk-QXUST7PY-BGAG3yNG.js";import"./chunk-N4CR4FBY-sFNBk2qj.js";import"./chunk-FMBD7UC4-DBAmwXnH.js";import"./chunk-55IACEB6-DwfSZW8J.js";import"./chunk-QN33PNHL-CaxJ41FN.js";import{i,n as o,r as m,t as p}from"./chunk-B4BG7PRW-tMC-dXvv.js";var a={parser:o,get db(){return new p},renderer:m,styles:i,init:t(r=>{r.class||(r.class={}),r.class.arrowMarkerAbsolute=r.arrowMarkerAbsolute},"init")};export{a as diagram};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{s as x}from"./chunk-LvLJmgfZ.js";import{i as b}from"./useEvent-D91BmmQi.js";import{t as j}from"./react-Bj1aDYRI.js";import{Bn as w,f as P,yn as C}from"./cells-B7YKR2ed.js";import{t as N}from"./compiler-runtime-B3qBwwSJ.js";import{t as c}from"./cn-X2M2usMq.js";import{t as k}from"./jsx-runtime-PbYoItBR.js";import{a as A,i as B,o as R}from"./config-DMNo9K-z.js";import{t as I}from"./badge-6yGCqY1Z.js";var S=N(),m=x(k(),1);const T=o=>{let r=(0,S.c)(8),{variableName:a,className:e}=o,t;r[0]===a?t=r[1]:(t=i=>{i.stopPropagation();let d=_(a);if(!d)return;let u=P(d);u&&C(u,a)},r[0]=a,r[1]=t);let s=t,l;r[2]===e?l=r[3]:(l=c("text-link opacity-80 hover:opacity-100 hover:underline",e),r[2]=e,r[3]=l);let n;return r[4]!==s||r[5]!==l||r[6]!==a?(n=(0,m.jsx)("button",{type:"button",onClick:s,className:l,children:a}),r[4]=s,r[5]=l,r[6]=a,r[7]=n):n=r[7],n};function _(o){let r=b.get(w)[o];if(r)return r.declaredBy[0]}var p=N(),f=x(j(),1),y=f.forwardRef((o,r)=>{let a=(0,p.c)(11),e,t,s;a[0]===o?(e=a[1],t=a[2],s=a[3]):({className:e,lastItem:t,...s}=o,a[0]=o,a[1]=e,a[2]=t,a[3]=s);let l=t&&"border-b-0",n;a[4]!==e||a[5]!==l?(n=c(l,e),a[4]=e,a[5]=l,a[6]=n):n=a[6];let i;return a[7]!==s||a[8]!==r||a[9]!==n?(i=(0,m.jsx)(A,{ref:r,className:n,...s}),a[7]=s,a[8]=r,a[9]=n,a[10]=i):i=a[10],i});y.displayName="PanelAccordionItem";var v=f.forwardRef((o,r)=>{let a=(0,p.c)(13),e,t,s;a[0]===o?(e=a[1],t=a[2],s=a[3]):({className:t,children:e,...s}=o,a[0]=o,a[1]=e,a[2]=t,a[3]=s);let l;a[4]===t?l=a[5]:(l=c("px-3 py-2 text-xs font-semibold uppercase tracking-wide hover:no-underline",t),a[4]=t,a[5]=l);let n;a[6]===e?n=a[7]:(n=(0,m.jsx)("span",{className:"flex items-center gap-2",children:e}),a[6]=e,a[7]=n);let i;return a[8]!==s||a[9]!==r||a[10]!==l||a[11]!==n?(i=(0,m.jsx)(R,{ref:r,className:l,...s,children:n}),a[8]=s,a[9]=r,a[10]=l,a[11]=n,a[12]=i):i=a[12],i});v.displayName="PanelAccordionTrigger";var g=f.forwardRef((o,r)=>{let a=(0,p.c)(9),e,t;a[0]===o?(e=a[1],t=a[2]):({wrapperClassName:t,...e}=o,a[0]=o,a[1]=e,a[2]=t);let s;a[3]===t?s=a[4]:(s=c("p-0",t),a[3]=t,a[4]=s);let l;return a[5]!==e||a[6]!==r||a[7]!==s?(l=(0,m.jsx)(B,{ref:r,wrapperClassName:s,...e}),a[5]=e,a[6]=r,a[7]=s,a[8]=l):l=a[8],l});g.displayName="PanelAccordionContent";var h=o=>{let r=(0,p.c)(8),a,e;r[0]===o?(a=r[1],e=r[2]):({className:a,...e}=o,r[0]=o,r[1]=a,r[2]=e);let t;r[3]===a?t=r[4]:(t=c("py-0 px-1.5 text-[10px]",a),r[3]=a,r[4]=t);let s;return r[5]!==e||r[6]!==t?(s=(0,m.jsx)(I,{variant:"secondary",className:t,...e}),r[5]=e,r[6]=t,r[7]=s):s=r[7],s};h.displayName="PanelBadge";export{T as a,h as i,y as n,v as r,g as t};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{c as a}from"./katex-CUvM6AOy.js";export{a as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{s as I}from"./chunk-LvLJmgfZ.js";import{o as D,p as E}from"./useEvent-D91BmmQi.js";import{t as F}from"./react-Bj1aDYRI.js";import{Yt as L,br as V}from"./cells-B7YKR2ed.js";import{t as Y}from"./compiler-runtime-B3qBwwSJ.js";import{t as A}from"./cn-X2M2usMq.js";import{t as q}from"./jsx-runtime-PbYoItBR.js";import{r as G}from"./radio-group-CGYJUACh.js";import{t as g}from"./tooltip-CgQpRVyN.js";import{r as J,t as W}from"./button-BF7GSjhW.js";import{st as M}from"./dist-Dez1I5M9.js";import{f as K}from"./dist-CfGDksO-.js";import{t as Q}from"./createLucideIcon-BTp1tQDO.js";import{t as U}from"./copy-IBNGDypD.js";import{t as X}from"./eye-off-DI0EQXw0.js";import{t as Z}from"./plus-ZXRHY1up.js";import{t as $}from"./use-toast-kCNiuc-_.js";import{r as tt}from"./useTheme-D_ZbTTJw.js";import{n as ot}from"./copy-D8MtpXgN.js";import{t as et}from"./esm-X3Tr2pur.js";var rt=Q("lock",[["rect",{width:"18",height:"11",x:"3",y:"11",rx:"2",ry:"2",key:"1w4ew1"}],["path",{d:"M7 11V7a5 5 0 0 1 10 0v4",key:"fwvmzm"}]]);const O=E({isInstantiated:!1,error:null});function at(){return D(O,o=>o.isInstantiated)}var w=Y(),R=I(F(),1),s=I(q(),1),st=[L(),M.lineWrapping],it=[K(),M.lineWrapping];const T=(0,R.memo)(o=>{let t=(0,w.c)(41),{theme:a}=tt(),e,r,i,l,c,k,C,j;t[0]===o?(e=t[1],r=t[2],i=t[3],l=t[4],c=t[5],k=t[6],C=t[7],j=t[8]):({code:r,className:e,initiallyHideCode:i,showHideCode:k,showCopyCode:C,insertNewCell:l,language:j,...c}=o,t[0]=o,t[1]=e,t[2]=r,t[3]=i,t[4]=l,t[5]=c,t[6]=k,t[7]=C,t[8]=j);let m=k===void 0?!0:k,b=C===void 0?!0:C,B=j===void 0?"python":j,[n,H]=(0,R.useState)(i),d;t[9]===e?d=t[10]:(d=A("relative hover-actions-parent w-full overflow-hidden",e),t[9]=e,t[10]=d);let p;t[11]!==n||t[12]!==m?(p=m&&n&&(0,s.jsx)(ct,{tooltip:"Show code",onClick:()=>H(!1)}),t[11]=n,t[12]=m,t[13]=p):p=t[13];let h;t[14]!==r||t[15]!==b?(h=b&&(0,s.jsx)(lt,{text:r}),t[14]=r,t[15]=b,t[16]=h):h=t[16];let f;t[17]!==r||t[18]!==l?(f=l&&(0,s.jsx)(mt,{code:r}),t[17]=r,t[18]=l,t[19]=f):f=t[19];let x;t[20]!==n||t[21]!==m?(x=m&&!n&&(0,s.jsx)(nt,{onClick:()=>H(!0)}),t[20]=n,t[21]=m,t[22]=x):x=t[22];let y;t[23]!==h||t[24]!==f||t[25]!==x?(y=(0,s.jsxs)("div",{className:"absolute top-0 right-0 my-1 mx-2 z-10 hover-action flex gap-2",children:[h,f,x]}),t[23]=h,t[24]=f,t[25]=x,t[26]=y):y=t[26];let z=n&&"opacity-20 h-8 overflow-hidden",v;t[27]===z?v=t[28]:(v=A("cm",z),t[27]=z,t[28]=v);let _=a==="dark"?"dark":"light",S=!n,P=B==="python"?st:it,u;t[29]!==r||t[30]!==c||t[31]!==v||t[32]!==_||t[33]!==S||t[34]!==P?(u=(0,s.jsx)(et,{...c,className:v,theme:_,height:"100%",editable:S,extensions:P,value:r,readOnly:!0}),t[29]=r,t[30]=c,t[31]=v,t[32]=_,t[33]=S,t[34]=P,t[35]=u):u=t[35];let N;return t[36]!==u||t[37]!==d||t[38]!==p||t[39]!==y?(N=(0,s.jsxs)("div",{className:d,children:[p,y,u]}),t[36]=u,t[37]=d,t[38]=p,t[39]=y,t[40]=N):N=t[40],N});T.displayName="ReadonlyCode";var lt=o=>{let t=(0,w.c)(5),a;t[0]===o.text?a=t[1]:(a=J.stopPropagation(async()=>{await ot(o.text),$({title:"Copied to clipboard"})}),t[0]=o.text,t[1]=a);let e=a,r;t[2]===Symbol.for("react.memo_cache_sentinel")?(r=(0,s.jsx)(U,{size:14,strokeWidth:1.5}),t[2]=r):r=t[2];let i;return t[3]===e?i=t[4]:(i=(0,s.jsx)(g,{content:"Copy code",usePortal:!1,children:(0,s.jsx)(W,{onClick:e,size:"xs",className:"py-0",variant:"secondary",children:r})}),t[3]=e,t[4]=i),i},nt=o=>{let t=(0,w.c)(3),a;t[0]===Symbol.for("react.memo_cache_sentinel")?(a=(0,s.jsx)(X,{size:14,strokeWidth:1.5}),t[0]=a):a=t[0];let e;return t[1]===o.onClick?e=t[2]:(e=(0,s.jsx)(g,{content:"Hide code",usePortal:!1,children:(0,s.jsx)(W,{onClick:o.onClick,size:"xs",className:"py-0",variant:"secondary",children:a})}),t[1]=o.onClick,t[2]=e),e};const ct=o=>{let t=(0,w.c)(7),a;t[0]===Symbol.for("react.memo_cache_sentinel")?(a=(0,s.jsx)(V,{className:"hover-action w-5 h-5 text-muted-foreground cursor-pointer absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 opacity-80 hover:opacity-100 z-20"}),t[0]=a):a=t[0];let e;t[1]===o.tooltip?e=t[2]:(e=(0,s.jsx)(g,{usePortal:!1,content:o.tooltip,children:a}),t[1]=o.tooltip,t[2]=e);let r;return t[3]!==o.className||t[4]!==o.onClick||t[5]!==e?(r=(0,s.jsx)("div",{className:o.className,onClick:o.onClick,children:e}),t[3]=o.className,t[4]=o.onClick,t[5]=e,t[6]=r):r=t[6],r};var mt=o=>{let t=(0,w.c)(6),a=G(),e;t[0]!==a||t[1]!==o.code?(e=()=>{a(o.code)},t[0]=a,t[1]=o.code,t[2]=e):e=t[2];let r=e,i;t[3]===Symbol.for("react.memo_cache_sentinel")?(i=(0,s.jsx)(Z,{size:14,strokeWidth:1.5}),t[3]=i):i=t[3];let l;return t[4]===r?l=t[5]:(l=(0,s.jsx)(g,{content:"Add code to notebook",usePortal:!1,children:(0,s.jsx)(W,{onClick:r,size:"xs",className:"py-0",variant:"secondary",children:i})}),t[4]=r,t[5]=l),l};export{rt as i,O as n,at as r,T as t};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{s as I}from"./chunk-LvLJmgfZ.js";import"./useEvent-D91BmmQi.js";import{t as D}from"./react-Bj1aDYRI.js";import{D as F,Zn as G}from"./cells-B7YKR2ed.js";import"./react-dom-CSu739Rf.js";import{t as $}from"./compiler-runtime-B3qBwwSJ.js";import{n as R}from"./useEventListener-BakX-tnw.js";import{n as W}from"./constants-B9JJ72XE.js";import{t as Z}from"./cn-X2M2usMq.js";import{t as A}from"./jsx-runtime-PbYoItBR.js";import"./fullscreen-BXI8V5i6.js";import{t as B}from"./tooltip-CgQpRVyN.js";import{t as w}from"./button-BF7GSjhW.js";import{st as J}from"./dist-Dez1I5M9.js";import"./cjs-DXo9vDEJ.js";import"./main-DmhaVp6Y.js";import"./useNonce-0SWz6w4W.js";import{r as K}from"./requests-KshNNAOp.js";import{n as M,t as L}from"./LazyAnyLanguageCodeMirror-BsVlAJyX.js";import{t as Q}from"./x-9vLEgLY6.js";import{t as U}from"./spinner-BbI9qk88.js";import{t as V}from"./plus-ZXRHY1up.js";import"./dist-DblYTes5.js";import"./dist-D-2yWcX9.js";import"./dist-CNKFZCiw.js";import"./dist-ZjSH4Z6x.js";import"./dist-BtrqKtvn.js";import"./session-CsT5Gg9j.js";import{r as X}from"./useTheme-D_ZbTTJw.js";import"./purify.es-DfJp_of2.js";import{t as Y}from"./RenderHTML-CfDAJrQ1.js";import{a as ee,c as te,i as se,n as re,r as le}from"./dialog-DkJmIrsG.js";import{n as oe}from"./ImperativeModal-B62Q6S9l.js";import{n as ie}from"./error-banner-BSQVN46J.js";import{o as ae}from"./focus-M6_Axyyu.js";import{n as ne}from"./useAsyncData-DAQcLiyE.js";import{n as me,r as ce,t as q}from"./react-resizable-panels.browser.esm-Ce2ksurd.js";import{a as de,f as pe,o as fe,r as he,t as xe}from"./command-DRHbYHUP.js";import{t as ue}from"./empty-state-QmmE2oN4.js";import{n as je,r as ve}from"./panel-context-DC1vAeB3.js";import{t as E}from"./kiosk-mode-DzVyPYQb.js";var H=$(),C=I(D(),1),s=I(A(),1),be=R;const ge=t=>{let e=(0,H.c)(6),{children:r}=t,{openModal:i,closeModal:o}=oe(),l;e[0]!==o||e[1]!==i?(l=()=>i((0,s.jsx)(Ne,{onClose:o})),e[0]=o,e[1]=i,e[2]=l):l=e[2];let a;return e[3]!==r||e[4]!==l?(a=(0,s.jsx)(be,{onClick:l,children:r}),e[3]=r,e[4]=l,e[5]=a):a=e[5],a};var Ne=t=>{let e=(0,H.c)(4),{onClose:r}=t,i;e[0]===Symbol.for("react.memo_cache_sentinel")?(i=(0,s.jsx)(te,{children:"Contribute a Snippet"}),e[0]=i):i=e[0];let o;e[1]===Symbol.for("react.memo_cache_sentinel")?(o=(0,s.jsxs)(ee,{children:[i,(0,s.jsxs)(le,{children:["Have a useful snippet you want to share with the community? Make a pull request"," ",(0,s.jsx)("a",{href:W.githubPage,target:"_blank",className:"underline",children:"on GitHub"}),"."]})]}),e[1]=o):o=e[1];let l;return e[2]===r?l=e[3]:(l=(0,s.jsxs)(re,{className:"max-w-md",children:[o,(0,s.jsx)(se,{children:(0,s.jsx)(w,{"data-testid":"snippet-close-button",variant:"default",onClick:r,children:"Close"})})]}),e[2]=r,e[3]=l),l},O=new G;function _e(t){if(O.isSupported(t)){let{code:e}=O.transformIn(t);return{language:"sql",value:e}}return{language:"python",value:t}}var k=$(),Se=[J.lineWrapping],we=()=>{let t=(0,k.c)(24),{readSnippets:e}=K(),[r,i]=C.useState(),o=je(),l=ve(),a;t[0]===e?a=t[1]:(a=()=>e(),t[0]=e,t[1]=a);let c;t[2]===Symbol.for("react.memo_cache_sentinel")?(c=[],t[2]=c):c=t[2];let{data:g,error:j,isPending:_}=ne(a,c);if(j){let m;return t[3]===j?m=t[4]:(m=(0,s.jsx)(ie,{error:j}),t[3]=j,t[4]=m),m}if(_||!g){let m;return t[5]===Symbol.for("react.memo_cache_sentinel")?(m=(0,s.jsx)(U,{size:"medium",centered:!0}),t[5]=m):m=t[5],m}let N=o==="vertical",v;t[6]===Symbol.for("react.memo_cache_sentinel")?(v=(0,s.jsx)(de,{placeholder:"Search snippets...",className:"h-6 m-1",rootClassName:"flex-1 border-r"}),t[6]=v):v=t[6];let f,h;t[7]===Symbol.for("react.memo_cache_sentinel")?(f=(0,s.jsxs)("div",{className:"flex items-center w-full border-b",children:[v,(0,s.jsx)(ge,{children:(0,s.jsx)("button",{className:"float-right px-2 m-0 h-full hover:bg-accent hover:text-accent-foreground",children:(0,s.jsx)(V,{className:"h-4 w-4"})})})]}),h=(0,s.jsx)(he,{children:"No results"}),t[7]=f,t[8]=h):(f=t[7],h=t[8]);let b;t[9]===Symbol.for("react.memo_cache_sentinel")?(b=m=>i(m),t[9]=b):b=t[9];let d;t[10]===g.snippets?d=t[11]:(d=(0,s.jsx)(q,{defaultSize:40,minSize:20,maxSize:70,children:(0,s.jsxs)(xe,{className:"h-full rounded-none",children:[f,h,(0,s.jsx)(Ce,{onSelect:b,snippets:g.snippets})]})}),t[10]=g.snippets,t[11]=d);let u=N?"h-1":"w-1",p;t[12]===u?p=t[13]:(p=Z("bg-border hover:bg-primary/50 transition-colors",u),t[12]=u,t[13]=p);let x;t[14]===p?x=t[15]:(x=(0,s.jsx)(ce,{className:p}),t[14]=p,t[15]=x);let n;t[16]===r?n=t[17]:(n=(0,s.jsx)(q,{defaultSize:60,minSize:20,children:(0,s.jsx)(C.Suspense,{children:(0,s.jsx)("div",{className:"h-full snippet-viewer flex flex-col overflow-hidden",children:r?(0,s.jsx)(ye,{snippet:r,onClose:()=>i(void 0)},r.title):(0,s.jsx)(ue,{title:"",description:"Click on a snippet to view its content."})})})}),t[16]=r,t[17]=n);let S;return t[18]!==o||t[19]!==l||t[20]!==n||t[21]!==d||t[22]!==x?(S=(0,s.jsx)("div",{className:"flex-1 overflow-hidden h-full",children:(0,s.jsxs)(me,{direction:o,className:"h-full",children:[d,x,n]},l)}),t[18]=o,t[19]=l,t[20]=n,t[21]=d,t[22]=x,t[23]=S):S=t[23],S},ye=t=>{let e=(0,k.c)(33),{snippet:r,onClose:i}=t,{theme:o}=X(),{createNewCell:l}=F(),a=ae(),c;e[0]!==l||e[1]!==a||e[2]!==r.sections?(c=()=>{for(let n of r.sections.toReversed())n.code&&l({code:n.code,before:!1,cellId:a??"__end__",skipIfCodeExists:!0})},e[0]=l,e[1]=a,e[2]=r.sections,e[3]=c):c=e[3];let g=c,j;e[4]!==l||e[5]!==a?(j=n=>{l({code:n,before:!1,cellId:a??"__end__"})},e[4]=l,e[5]=a,e[6]=j):j=e[6];let _=j,N;e[7]===r.title?N=e[8]:(N=(0,s.jsx)("span",{children:r.title}),e[7]=r.title,e[8]=N);let v;e[9]===Symbol.for("react.memo_cache_sentinel")?(v=(0,s.jsx)(Q,{className:"h-4 w-4"}),e[9]=v):v=e[9];let f;e[10]===i?f=e[11]:(f=(0,s.jsx)(w,{size:"sm",variant:"ghost",onClick:i,className:"h-6 w-6 p-0 hover:bg-muted-foreground/10",children:v}),e[10]=i,e[11]=f);let h;e[12]!==N||e[13]!==f?(h=(0,s.jsxs)("div",{className:"text-sm font-semibold bg-muted border-y px-2 py-1 flex justify-between items-center",children:[N,f]}),e[12]=N,e[13]=f,e[14]=h):h=e[14];let b;e[15]===Symbol.for("react.memo_cache_sentinel")?(b=(0,s.jsx)(M,{className:"ml-2 h-4 w-4"}),e[15]=b):b=e[15];let d;e[16]===g?d=e[17]:(d=(0,s.jsx)("div",{className:"flex justify-end",children:(0,s.jsx)(E,{children:(0,s.jsxs)(w,{className:"float-right",size:"xs",variant:"outline",onClick:g,children:["Insert snippet",b]})})}),e[16]=g,e[17]=d);let u;if(e[18]!==_||e[19]!==r.sections||e[20]!==r.title||e[21]!==o){let n;e[23]!==_||e[24]!==r.title||e[25]!==o?(n=S=>{let{code:m,html:z,id:y}=S;if(z)return(0,s.jsx)("div",{children:Y({html:z})},`${r.title}-${y}`);if(!m)return null;let{language:P,value:T}=_e(m);return(0,s.jsxs)("div",{className:"relative hover-actions-parent pr-2",children:[(0,s.jsx)(E,{children:(0,s.jsx)(B,{content:"Insert snippet",children:(0,s.jsx)(w,{className:"absolute -top-2 -right-1 z-10 hover-action px-2 bg-background",size:"sm",variant:"outline",onClick:()=>{_(m)},children:(0,s.jsx)(M,{className:"h-5 w-5"})})})}),(0,s.jsx)(C.Suspense,{children:(0,s.jsx)(L,{theme:o==="dark"?"dark":"light",language:P,className:"cm border rounded overflow-hidden",extensions:Se,value:T,readOnly:!0},`${r.title}-${y}`)})]},`${r.title}-${y}`)},e[23]=_,e[24]=r.title,e[25]=o,e[26]=n):n=e[26],u=r.sections.map(n),e[18]=_,e[19]=r.sections,e[20]=r.title,e[21]=o,e[22]=u}else u=e[22];let p;e[27]!==d||e[28]!==u?(p=(0,s.jsxs)("div",{className:"px-2 py-2 space-y-4 overflow-auto flex-1",children:[d,u]}),e[27]=d,e[28]=u,e[29]=p):p=e[29];let x;return e[30]!==p||e[31]!==h?(x=(0,s.jsxs)(s.Fragment,{children:[h,p]}),e[30]=p,e[31]=h,e[32]=x):x=e[32],x},Ce=t=>{let e=(0,k.c)(7),{snippets:r,onSelect:i}=t,o;if(e[0]!==i||e[1]!==r){let a;e[3]===i?a=e[4]:(a=c=>(0,s.jsx)(fe,{className:"rounded-none",onSelect:()=>i(c),children:(0,s.jsx)("div",{className:"flex flex-row gap-2 items-center",children:(0,s.jsx)("span",{className:"mt-1 text-accent-foreground",children:c.title})})},c.title),e[3]=i,e[4]=a),o=r.map(a),e[0]=i,e[1]=r,e[2]=o}else o=e[2];let l;return e[5]===o?l=e[6]:(l=(0,s.jsx)(pe,{className:"flex flex-col overflow-auto",children:o}),e[5]=o,e[6]=l),l};export{we as default};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import"./purify.es-DfJp_of2.js";import"./src-CvyFXpBy.js";import"./chunk-S3R3BYOJ-BPuj-dI4.js";import{n as t}from"./src-BRLtyMKi.js";import"./chunk-ABZYJK2D-B-yriO93.js";import"./chunk-HN2XXSSU-ujlBpRMF.js";import"./chunk-CVBHYZKI-BX0N_ipT.js";import"./chunk-ATLVNIR6-CATEdUsI.js";import"./dist-BjCIGEdQ.js";import"./chunk-JA3XYJ7Z-BC4z3QJN.js";import"./chunk-JZLCHNYA-BS06EXEs.js";import"./chunk-QXUST7PY-BGAG3yNG.js";import"./chunk-N4CR4FBY-sFNBk2qj.js";import"./chunk-55IACEB6-DwfSZW8J.js";import"./chunk-QN33PNHL-CaxJ41FN.js";import{i,n as o,r as m,t as p}from"./chunk-DI55MBZ5-RdSDpuir.js";var a={parser:o,get db(){return new p(2)},renderer:m,styles:i,init:t(r=>{r.state||(r.state={}),r.state.arrowMarkerAbsolute=r.arrowMarkerAbsolute},"init")};export{a as diagram};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{d as k,n as i,p as v}from"./useEvent-D91BmmQi.js";import{D as w,Hn as y,St as F,h as d,ii as b,li as D}from"./cells-B7YKR2ed.js";import{t as H}from"./compiler-runtime-B3qBwwSJ.js";import{_}from"./useEventListener-BakX-tnw.js";import{o as x}from"./dist-B0WqBUnf.js";import{r as S}from"./requests-KshNNAOp.js";var u=H();const I=v(!1);function V(){let r=(0,u.c)(2),n=f(),t;return r[0]===n?t=r[1]:(t=()=>n(D(d())),r[0]=n,r[1]=t),i(t)}function j(r){let n=(0,u.c)(3),t=f(),e;return n[0]!==r||n[1]!==t?(e=()=>{r!==void 0&&t([r])},n[0]=r,n[1]=t,n[2]=e):e=n[2],i(e)}function q(){let r=(0,u.c)(2),n=f(),t;return r[0]===n?t=r[1]:(t=()=>n(b(d())),r[0]=n,r[1]=t),i(t)}function f(){let r=(0,u.c)(4),{prepareForRun:n}=w(),{sendRun:t}=S(),e=k(I),o;return r[0]!==n||r[1]!==t||r[2]!==e?(o=async s=>{if(s.length===0)return;let c=d();return e(!0),g({cellIds:s,sendRun:t,prepareForRun:n,notebook:c})},r[0]=n,r[1]=t,r[2]=e,r[3]=o):o=r[3],i(o)}async function g({cellIds:r,sendRun:n,prepareForRun:t,notebook:e}){var m,h,R;if(r.length===0)return;let{cellHandles:o,cellData:s}=e,c=[];for(let a of r){let l=(h=(m=o[a])==null?void 0:m.current)==null?void 0:h.editorView,p;l?(y(l)!=="markdown"&&x(l),p=F(l)):p=((R=s[a])==null?void 0:R.code)||"",c.push(p),t({cellId:a})}await n({cellIds:r,codes:c}).catch(a=>{_.error(a)})}export{f as a,j as i,g as n,V as o,q as r,I as t};
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
/* Copyright 2026 Marimo. All rights reserved. */
|
|
2
|
-
|
|
3
|
-
import { describe, expect, it } from "vitest";
|
|
4
|
-
import { getSnippetDisplay } from "../snippet-display";
|
|
5
|
-
|
|
6
|
-
describe("getSnippetDisplay", () => {
|
|
7
|
-
it("shows sql cells as the sql query", () => {
|
|
8
|
-
const { language, value } = getSnippetDisplay(
|
|
9
|
-
'df = mo.sql("""SELECT * FROM users LIMIT 5""")',
|
|
10
|
-
);
|
|
11
|
-
expect(language).toBe("sql");
|
|
12
|
-
expect(value).toBe("SELECT * FROM users LIMIT 5");
|
|
13
|
-
});
|
|
14
|
-
|
|
15
|
-
it("keeps plain python cells as python", () => {
|
|
16
|
-
const code = "x = 1 + 2\nprint(x)";
|
|
17
|
-
expect(getSnippetDisplay(code)).toEqual({
|
|
18
|
-
language: "python",
|
|
19
|
-
value: code,
|
|
20
|
-
});
|
|
21
|
-
});
|
|
22
|
-
});
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
/* Copyright 2026 Marimo. All rights reserved. */
|
|
2
|
-
|
|
3
|
-
import { SQLParser } from "@marimo-team/smart-cells";
|
|
4
|
-
|
|
5
|
-
export type SnippetLanguage = "python" | "sql";
|
|
6
|
-
|
|
7
|
-
export interface SnippetDisplay {
|
|
8
|
-
language: SnippetLanguage;
|
|
9
|
-
value: string;
|
|
10
|
-
}
|
|
11
|
-
|
|
12
|
-
const sqlParser = new SQLParser();
|
|
13
|
-
|
|
14
|
-
/**
|
|
15
|
-
* Decide how a snippet's code should be shown in the panel.
|
|
16
|
-
*
|
|
17
|
-
* SQL cells are stored as python `mo.sql(...)`. Unwrap the inner query and
|
|
18
|
-
* highlight it as SQL, matching how the cell renders once the snippet is
|
|
19
|
-
* inserted. Everything else stays python.
|
|
20
|
-
*/
|
|
21
|
-
export function getSnippetDisplay(code: string): SnippetDisplay {
|
|
22
|
-
if (sqlParser.isSupported(code)) {
|
|
23
|
-
const { code: query } = sqlParser.transformIn(code);
|
|
24
|
-
return { language: "sql", value: query };
|
|
25
|
-
}
|
|
26
|
-
return { language: "python", value: code };
|
|
27
|
-
}
|
/package/dist/assets/{ImageComparisonComponent-DzDQ-fB3.js → ImageComparisonComponent-BHNx9yIG.js}
RENAMED
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
/package/dist/assets/{click-outside-container-gHk0jCel.js → click-outside-container-CagwJLiG.js}
RENAMED
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|