How to wrap each local snap image in a pop up reveal widget using a viewtoolbar button and remove this wrapping using the same button on second click

[arunnbabu81]

How to wrap each local snap images in a tiddler (mostly clipp d using tiddlyclip) in a pop up reveal widget using a viewtoolbar button and remove this wrapping using the same button on second click.

Images are of the format [img[filename.png]]

This is what I tried using search and replace operator.

\whitespace trim
\define imagepopup()
<$vars
    sp=""" """
    img1="\[img\["
    img2=".png\]\]"
    stateID={{{ [[$:/state/abc/]addsuffix{!!title}] }}}
    imgpop-prefix="""<$button popup=<<stateID>>>Images</$button><$reveal type="popup" state=<<stateID>> position="above">
<div class="tc-drop-down">"""
  imgpop-suffix="""</div></$reveal>"""
>
<$action-setfield $tiddler=<<currentTiddler>> text="{{{ [<myCur>get[text]search-replace:gi:regexp[\n],<sp>search-replace:gi:regexp<img1>,addprefix<imgpop-prefix><img1>search-replace:gi:regexp<img2>,<img2>addsuffix<imgpop-suffix>]] }}}">
</$vars>
\end
<$list filter="[all[current]has:field[note]]">
<$button actions=<<imagepopup>> tooltip="imagepopup" aria-label="image-popup"class=<<tv-config-toolbar-class>>>
{{$:/images/svg-icon/popup}}
</$button>
</$list>

This code was inspired from this post - https://talk.tiddlywiki.org/t/regexp-to-extract-all-images-in-a-tiddler-to-view-in-a-lightbox-or-spotlight/4374/2
But it's not working
Can you give some suggestions.

[buggyj]

No idea!