Setup OGProxy for use in NodeBB

[phenomlab]

@dave1904 is the server running ?

[dave1904]

@phenomlab Yes

● ogproxy.service - OGProxy Server
     Loaded: loaded (/etc/systemd/system/ogproxy.service; enabled; vendor preset: enabled)
     Active: active (running) since Tue 2023-06-13 21:32:17 UTC; 34min ago
   Main PID: 948850 (node)
      Tasks: 7 (limit: 1131)
     Memory: 16.0M
     CGroup: /system.slice/ogproxy.service
             └─948850 /usr/bin/node /home/ogproxy/ogproxy/server.js

[phenomlab]

@dave1904 can you provide your nginx config?

[dave1904]

@phenomlab I have send you a pm

[phenomlab]

@dave1904 thanks. Any errors in the console?

[dave1904]

This post is deleted!

[dave1904]

@phenomlab Yes:

OPTIONS
 
https://media.werkself-forum.de/ogproxy?url=https://www1.wdr.de/sport/fussball/erste-bundesliga/bundesliga-teamcheck-winter-bayer-leverkusen-100.html
 
CORS Missing Allow Origin

It seems to me that I missed something in the nginx configuration.

[phenomlab]

@dave1904 not the nginx configuration, but in server.js under this specific section

app.use(cors({ origin: 'FULL_FQDN_OF_YOUR_ORIGIN_HERE' }));

[phenomlab]

@DownPW @dave1904 can you please replace your function code (found in function.js and used in the custom JS part of NodeBB) to use the below - please also remember to replace your proxy and apiKey values

ogproxy/function.js at main · phenomlab/ogproxy

Open Graph Proxy. Contribute to phenomlab/ogproxy development by creating an account on GitHub.

GitHub

I have found a couple of bugs this morning and fixed them. The original post has also been updated.

Thanks

[phenomlab]

I’ve added a new hover effect that will enlarge the image by 1.5 when activated. If you’d like this feature, you’ll need to pull the latest function.js code and use this to replace the existing in your custom JS console.

You will also need this additional CSS

.card-image-container {
    max-width: 100%;
    max-height: 250px;
    overflow: hidden;
    border-top-left-radius: 0.375rem !important;
    border-top-right-radius: 0.375rem !important;
}
 
#card-image {
    -webkit-transition: all 0.8s ease;
    -moz-transition: all 0.8s ease;
    transition: all 0.8s ease;
}
#card-image:hover {
    transform: scale(1.1);
  }

If you’d rather not have this feature, just remove the CSS block above.

[phenomlab]

Another update - code has been amended in GIT to fix the previewLinks() function crashing in chat

[DownPW]

Can you give procedure to update?

[phenomlab]

@DownPW Sure - you just need to copy the code from the below

ogproxy/function.js at main · phenomlab/ogproxy

Open Graph Proxy. Contribute to phenomlab/ogproxy development by creating an account on GitHub.

GitHub

And, of course, replace these two values with your own that you already have

var proxy = "FULL_FQDN_OF_YOUR_OGPROXY_HERE";
var apiKey = "YOUR_API_KEY_HERE";

No need to restart the OGProxy service

[DownPW]

Update done

Thanks for your work dude

[phenomlab]

@DownPW all good now?

[DownPW]

I will try chat ASAP
and it seems github private url doesn’t work but I think it’s normal because it’s a private repo

[phenomlab]

@DownPW that should still render but be replaced with substitute text and images. Anything in the browser console?

[DownPW]

nope nothing in log

And i Have this bug on the chat render (testing now)

[DownPW]

EDIT:

Nothing on, nodebb console but I have this on Browser Console :

it looks like the url is being misinterpreted. Symbols are appended to the URL.

Odd

[phenomlab]

@DownPW what’s the bug? CSS?