Regexp to extract all images in a tiddler to view in a lightbox or spotlight

[arunnbabu81]

Thank you @saqimtiaz It works.
I forgot to make some corrections regarding the regexp pattern suggested by @Mark_S to the demo tiddler I posted before. Now I have added those correction to the demo tiddler - here is the link

\define spotlight-actions()
<$vars
	myCur=<<currentTiddler>>
	sp=""" """
	img1="\[img\["
	img2=".jpg\]\]"
    delink="\[\[.*?\]\]"
>
<$action-spotlight
	$images={{{[<myCur>get[text]search-replace:gi:regexp[\n],<sp>search-replace:gi:regexp<delink>,[]search-replace:gi:regexp<img1>,[@1@@]split[@1]prefix[@@]search-replace:gi:regexp<img2>,[.jpg@@]split[@@]regexp[(\.jpg$)]] :and[format:titlelist[]join[ ]]}}}
/>
</$vars>
\end

<$button actions=<<spotlight-actions>> > {{$:/images/dripicons/photo-group}}</$button>

[arunnbabu81]

@saqimtiaz

I do spot a lot of syntax errors.

This happened because I was mix and matching the spotlight code and regexp code shared by Mark. I didnt know how to do it properly.

[arunnbabu81]

@Mark_S
I had used a lightbox macro by Telumire in the past.
So some of the images in my tiddlers have this format
<<lightbox 'url'>>
And some of them are within details widget.
Is it possible to extract such images using regexp?
This is a sample tiddler

Edit:
Also images like in this tiddler are not getting extracted.

[Mark_S]

Possible … probably. Easy … not so much. But I think that’s the approach Mohammad uses in refnotes to extract references. But in that case, we ended up using a JS macro I wrote. Sadly, TW still lacks the tools you need to easily extract patterns. It has bits and pieces that kind of approach one end or the other end of the problem, but doesn’t give you a one-stop solution. So you end up with long, complicated filter runs.

The current extractor only extracts images with the jpg extension. It would need some more work for other file extensions.

If you’re serious about extracting images, and don’t mind using 3rd party tools, then adding the regexps tool from this sad little PR might simplify things:

Returns text of input selection that matches regexpr

[arunnbabu81]

@Mark_S

If you’re serious about extracting images, and don’t mind using 3rd party tools, then adding the regexps tool from this sad little PR might simplify things

How to do it? Anything which I shouldn’t be doing when using such 3rd party tools?

Edit: Can it be made available as a plug in. What are the benefits of using it.

[saqimtiaz]

I have custom filters and macros that would probably handle this use case quite well. You are looking at a 2-3 week period before I can get them published though.

[arunnbabu81]

Is there any way to extract the labels of these extracted images so as to be shown in the spotlight?

[arunnbabu81]

@saqimtiaz

I have custom filters and macros that would probably handle this use case quite well. You are looking at a 2-3 week period before I can get them published though.

@saqimtiaz any update regarding this.

[arunnbabu81]

@Mark_S

As you mentioned in this post, I tried the code to extract the lightbox images and created a button to show it in spotlight. But it doesnt seem to work. Click on the lightbulb button in the subtitle of this tiddler

Instead of creating a button when I tried the code directly, this is what I got - My TiddlyWiki — a non-linear personal web notebook.

---

This is a working example of the code shared here.

Also, is there some way to extract images shown in tiddlers like this - mostly clipped from twitter

[Mark_S]

This version seems to deploy the lightboxes. The alternative would be to do a second stage regexp after the first that extracts everything in the string, and then feed that string to lightbox launched by a $macrocall widget.

<$vars regexp="<<lightbox\s+.*?>>(?g)">
<$list filter="[[Cortical laminar necrosis]get[text]regexps<regexp>]" variable="photo">
<<photo>>
</$list>
</$vars>

[arunnbabu81]

This seems to work. How will I incorporate it into this button

@arunnbabu81

Also, is there some way to extract images shown in tiddlers like this - mostly clipped from twitter

More that the lightbox images, these images form a major bulk in my wiki. I am gradually reducing the use of lightbox and trying to shift to spotlight. Is there any way to extract them?

[Mark_S]

@arunnbabu81

This seems to work. How will I incorporate it into this button

When I try that code without the button, it doesn’t appear to generate anything. That is, there are no items that match the filter.

[arunnbabu81]

Check this tiddler - My TiddlyWiki — a non-linear personal web notebook

It does work.

[arunnbabu81]

@Mark_S

Did you check this ?

Also, is there a way to extract images clipped from twitter using regexp.
Most are having this format

[img[https://pbs.twimg.com/media/FfHf-9AWYAEBQju?format=jpg&name=4096x4096]]

or like this

[img[https://pbs.twimg.com/media/FasuOQSUcAAuNkn?format=jpg&name=medium]]

Or like this

[img[https://pbs.twimg.com/media/FVOAjgMWIAI71Ps?format=jpg&name=large]]

Check this example tiddler - My TiddlyWiki — a non-linear personal web notebook

[Mark_S]

@arunnbabu81

Did you check this ?

I’m not entirely sure what you want here, and I don’t know anything about spotlight, and there is no info in the plugin readme. But I’m guessing you’re heading toward something like:

<$vars regexp="<<lightbox\s+.*?>>(?g)"
    regexp2="""'(https://.*?)'"""
>

<$list filter="[[Cortical laminar necrosis]get[text]regexps<regexp>regexps<regexp2>]">
<$button> {{$:/images/bootstrap/lightbulb}}
<$action-spotlight
	$images=<<currentTiddler>>
/><<currentTiddler>>
</$button>
</$list>

</$vars>

This grabs the url, and wraps it in a button using the spotlight-action widget.

So this would create a series of buttons like:

which when clicked (on the lightbulb icon, not the text), send you over to a zoomable view of the image.

[arunnbabu81]

@Mark_S

This grabs the url, and wraps it in a button using the spotlight-action widget.

So this would create a series of buttons like:

This part works. Here is the tiddler - My TiddlyWiki — a non-linear personal web notebook

But when I tried to use this code to create a button (in the subtitle) for invoking the spotlight - it’s showing only one image - Here is the button and here is the image tiddler.

[Mark_S]

What does the spotlight widget do? Is it supposed to get a single image, or a title list?

[arunnbabu81]

This is a working subtitle button I made using code you and Saq suggetsed in this discussion.

If you click on the image button in the subtitle of this tiddler, you can see the working button.

Here is the spotlight documentation - 1 and 2

[Mark_S]

Ok, so you want a template that works like your current one, but extracts addresses from the <$lightbox../> widget instead and feeds them to the spotlight widget.

The following, put in a tiddler tagged $:/tags/ViewTemplate/Subtitle, seems to do that when tested on the ever popular “Cortical laminar necrosis for Fun and Profit” tiddler. It shows as the image button with a number 2 next to it.

\define spotlight-actions()
<$vars regexp="<<lightbox\s+.*?>>(?g)"
    regexp2="""'(https://.*?)'"""
>
<$action-spotlight
	$images={{{[all[current]get[text]regexps<regexp>regexps<regexp2>]:and[format:titlelist[]join[ ]]}}}
/>
</$vars>
\end

<$button actions=<<spotlight-actions>> > {{$:/images/dripicons/photo-group}}2</$button>

I really don’t understand why there isn’t something like regexps in the current TW canon. It really makes the code more readable. But I digress.

[arunnbabu81]

Finally! Thank you @Mark_S. That works.

@Mark_S

when tested on the ever popular “Cortical laminar necrosis for Fun and Profit” tiddler.

I think it’s time to change the demo tiddler.

Don’t kill me if I ask for one more help.

@arunnbabu81

Also, is there a way to extract images clipped from twitter using regexp.
Most are having this format

[img[https://pbs.twimg.com/media/FfHf-9AWYAEBQju?format=jpg&name=4096x4096]]

or like this

[img[https://pbs.twimg.com/media/FasuOQSUcAAuNkn?format=jpg&name=medium]]

Or like this

[img[https://pbs.twimg.com/media/FVOAjgMWIAI71Ps?format=jpg&name=large]]

Check this example tiddler - My TiddlyWiki — a non-linear personal web notebook

Can these images clipped from Twitter also be extracted similarly to feed into the spotlight widget.
This is an example tiddler.