How to get folded source code inside foldWidget.toDOM() from @codemirror/fold

loredanacirstea · September 15, 2021, 7:34pm

I figured it out. I wrapped foldWidget in a function that receives the folded source code as a parameter.
And changed folded = folded.update({add: [foldWidget.range(e.value.from, e.value.to)]}) to:

let code = tr.state.doc.slice(e.value.from, e.value.to);
folded = folded.update({add: [foldWidget({code}).range(e.value.from, e.value.to)]})

github.com

codemirror/fold/blob/9674d8e783483524708cee4b268e4cbbce098571/src/fold.ts#L42

    
      
          }
          
          
const foldState = StateField.define<DecorationSet>({
            create() {
              return Decoration.none
            },
            update(folded, tr) {
              folded = folded.map(tr.changes)
              for (let e of tr.effects) {
                if (e.is(foldEffect) && !foldExists(folded, e.value.from, e.value.to))
                  folded = folded.update({add: [foldWidget.range(e.value.from, e.value.to)]})
                else if (e.is(unfoldEffect))
                  folded = folded.update({filter: (from, to) => e.value.from != from || e.value.to != to,
                                          filterFrom: e.value.from, filterTo: e.value.to})
              }
              // Clear folded ranges that cover the selection head
              if (tr.selection) {
                let onSelection = false, {head} = tr.selection.main
                folded.between(head, head, (a, b) => { if (a < head && b > head) onSelection = true })
                if (onSelection) folded = folded.update({
                  filterFrom: head,