How to remix the Airtable URL Preview app(block) to show amazon.com URLs?

This is new to me.
How to remix the Airtable URL Preview app(block) to show amazon.com URLs?
What this app actually do?

Hi,

I think, if amazon provide embed links, you should add your function into ‘converters’ array.

Please can you explain more, I didn’t get it.

Sorry, I thought you are developer if you asking about app remix.
Indeed, you don’t need to know programming well to do it, I did my first (and the most useful) remix 10 months ago, when I didn’t know javascript syntax, just by googling 'how to".
Airtables provides ability for simple scripts

and (more powerful and complex feature) - to create user own applications by editing code of several airtable apps.
Some FAQ here
usually that’s a point when visitor closes the tab ‘ah, i’m not a developer’, but it’s not so hard, just a minor understanding of programming required, like if you see
“let x=2; let y=3; let z=x*y” and understand that z=6

install Node from here, I recommend to change folder, to smth like d:\Node
because installing in system folders at some point caused troubles with rights (maybe that’s i did something wrong).
and then follow instructions on ‘Getting started’.
You will install a local copy of app in developer mode, where you can open frontend/index.js and add some lines

you should create the same function for amazon

const converters = [
    function getAirtablePreviewUrl(url) {
        const match = url.match(/airtable\.com(\/embed)?\/(shr[A-Za-z0-9]{14}.*)/);
        if (match) {
            return `https://airtable.com/embed/${match[2]}`;
        }

        // URL isn't for an Airtable share
        return null;
    },
    function getYoutubePreviewUrl(url) {
        // Standard youtube urls, e.g. https://www.youtube.com/watch?v=KYz2wyBy3kc
        let match = url.match(/youtube\.com\/.*v=([\w-]+)(&|$)/);

        if (match) {
            return `https://www.youtube.com/embed/${match[1]}`;
        }

        // Shortened youtube urls, e.g. https://youtu.be/KYz2wyBy3kc
        match = url.match(/youtu\.be\/([\w-]+)(\?|$)/);
        if (match) {
            return `https://www.youtube.com/embed/${match[1]}`;
        }

        // Youtube playlist urls, e.g. youtube.com/playlist?list=KYz2wyBy3kc
        match = url.match(/youtube\.com\/playlist\?.*list=([\w-]+)(&|$)/);
        if (match) {
            return `https://www.youtube.com/embed/videoseries?list=${match[1]}`;
        }

        // URL isn't for a youtube video
        return null;
    },
    function getVimeoPreviewUrl(url) {
        const match = url.match(/vimeo\.com\/([\w-]+)(\?|$)/);
        if (match) {
            return `https://player.vimeo.com/video/${match[1]}`;
        }

        // URL isn't for a Vimeo video
        return null;
    },

If you want to learn more in that field, I would advise to try scripting. Airtable is a perfect place to learn programming, you should not perform a lot of preparation steps, but need really a little amount of code to see the result of execution, and in my opinion, that’s a key factor to be interested in what you learning - to achieve some result, especially on real-life tasks.

Good luck!

:dizzy: :100: :point_up:
I totally agree.

1 Like

Wow, Thats amazing. I will try absolutely.

This topic was solved and automatically closed 15 days after the last reply. New replies are no longer allowed.