Re: How to remix the Airtable URL Preview app(block) to show amazon.com URLs?
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!
