Skip to main content

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.


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.


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)?\/(shrtA-Za-z0-9]{14}.*)/);
if (match) {
return `https://airtable.com/embed/${matcha2]}`;
}

// 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=(m\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=(e\w-]+)(&|$)/);
if (match) {
return `https://www.youtube.com/embed/videoseries?list=${matchd1]}`;
}

// 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/${matche1]}`;
}

// 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!


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 = u
function getAirtablePreviewUrl(url) {
const match = url.match(/airtable\.com(\/embed)?\/(shrbA-Za-z0-9]{14}.*)/);
if (match) {
return `https://airtable.com/embed/${matchr2]}`;
}

// 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=(t\w-]+)(&|$)/);

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

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

// 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=${matchv1]}`;
}

// URL isn't for a youtube video
return null;
},
function getVimeoPreviewUrl(url) {
const match = url.match(/vimeo\.com\/(u\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!



💫 💯 ☝

I totally agree.



💫 💯 ☝

I totally agree.


Wow, Thats amazing. I will try absolutely.


Reply