Don't work anymore for photos and stories

[mewlabs]

It works for video posts, but:

1. for photos it don't work, message in console:

[instantgram] set language: en-US 
 For more information about available languages please check http://theus.github.io/instantgram

2. for first photo in album (carousel) same thing, but for all next photos it works

3. for stories don't work, error in console:

VM224:1 ImageVideoInStories() [instantgram] 4.0.7 TypeError: Cannot read properties of null (reading 'querySelectorAll')
    at t.execute (<anonymous>:1:10365)
    at Module.<anonymous> (<anonymous>:1:16465)
    at n (<anonymous>:1:123)
    at <anonymous>:1:915
    at <anonymous>:1:924
    at <anonymous>:1:16784

[mklaber]

@theus I'd submit a PR to fix this but you've gone and made the code private. Assuming things haven't changed drastically since I last contributed a PR, this should fix it:

diff --git a/src/modules/ImageInPage.ts b/src/modules/ImageInPage.ts
index d62ccef..7bee7c9 100644
--- a/src/modules/ImageInPage.ts
+++ b/src/modules/ImageInPage.ts
@@ -16,8 +16,8 @@ export class ImageInPage implements Module {
     ===============================================*/
     try {
       searchImage: { // eslint-disable-line no-labels
-        if (document.querySelectorAll('#react-root > section').length === 1) {
-          const $container = document.querySelector('#react-root > section')
+        if (document.querySelectorAll('body > section').length === 1) {
+          const $container = document.querySelector('body > section')
           const $article = $container.querySelectorAll('div > div > div > article')
 
           let imageLink
diff --git a/src/modules/ImageVideoInStories.ts b/src/modules/ImageVideoInStories.ts
index 38c470d..f5e8c41 100644
--- a/src/modules/ImageVideoInStories.ts
+++ b/src/modules/ImageVideoInStories.ts
@@ -16,7 +16,7 @@ export class ImageVideoInStories implements Module {
     ===================================== */
     try {
       if (program.regexStoriesURI.test(program.path)) {
-        const $root = document.getElementById('react-root')
+        const $root = document.querySelector('body')
 
         const $video = $root.querySelectorAll('video > source') as NodeListOf<HTMLVideoElement>
         const $img = ($root.querySelector(program.mediaImageElExpression) || $root.querySelector(program.mediaImageElExpressions.img)) as HTMLImageElement
~

[theus]

@mklaber hey, if you'd like to, I can invite you to the private repo 🤔

[mklaber]

Yes please :)

[theus]

Invite sent 📫

[kitocole]

Hello has this been fixed? It looks like a simple fix, when will the next release be? Thank you

[theus]

Hi @kitocole, it's not a simple change. Instagram changed their structure, so a couple modules of [instantgram] stopped work. A few modules will need to be rewrite.

[theus]

@mklaber fixed the story module. Thanks!

I'll work in the other modules the next days.

[theus]

The new version should be working https://theus.github.io/instantgram/

[UnixCro]

Works with no problems :)