Help

Upcoming database upgrades. Airtable functionality will be reduced for ~15 minutes at 06:00 UTC on Feb. 4 / 10:00 pm PT on Feb. 3. Learn more here

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

Topic Labels: Base design
345 5
cancel
Showing results for 
Search instead for 
Did you mean: 

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

5 Replies 5

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
image

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

image

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.

Wow, Thats amazing. I will try absolutely.