@namchey/linkpreview NPM

Link Preview

Open Graph, Twitter Card, Oembed preview. Shows visual cards that mimics link previews in social media like facebook, twitter, vk, viber and other sites that support link preview.

https://linkpreview.dev/

Motivation

There are already tools from facebook (https://developers.facebook.com/tools/debug/) and twitter(https://cards-dev.twitter.com/validator) that does the work of debugging the link preview. But we also wanted Oembed standard testing and various other debugging. We wanted a tool for our development environment that supports all kind of link preview standards. So Link Preview was made to solve these problems.It is an all in one debugger. It shows visual link previews for OpenGraph, Twitter Card and Oembed protocol. With this tool you can get somewhat similar link preview in sites like facebook, twitter, medium, etc.

Requirements

Node.js v10.16.0
```
nvm install v10.16.0
```

Installation

````
npm i -g @namchey/linkpreview
linkpreview
//starts a server in localhost:8080
````

Development

Clone this repo

git clone git@github.com:namchey/linkpreview.git

Install Dependencies
```
npm i
```
Copy .env.example ---> .env if you want custom env vars

Webpack Build

//server-rendering
npm run build:dev

//client
npm run app-dev-server

Run in Development mode

npm run dev
//open app in browser, default is http://localhost:4040

Production

Build
```
npm run build
```
Run
```
npm run start
```

Libraries Used for Scraping

opengraph twittercard oembed scrape npm visual link unfurl react redux cheeriojs scraping

@babel/core @babel/plugin-proposal-class-properties @babel/plugin-proposal-export-default-from @babel/plugin-proposal-export-namespace-from @babel/plugin-syntax-dynamic-import @babel/preset-env @babel/preset-react JSONStream accepts async autoprefixer axios axios-response-logger babel-loader bcrypt-nodejs bluebird body-parser bunyan chalk cheerio chunk-manifest-webpack-plugin classnames compression-webpack-plugin connect-mongo connect-redis cookie cookie-signature core-js cors cross-env css-loader debounce-promise debug deep-equal deep-freeze dotenv es6-promise eslint eslint-config-airbnb eslint-plugin-react exif exports-loader express express-brute express-brute-mongoose express-device express-flash express-session express-status-monitor file-loader glob helmet html-minifier html2canvas http-graceful-shutdown http-proxy-middleware i18n immutable imports-loader inline-environment-variables-webpack-plugin install invariant isomorphic-fetch joi json-loader jsontoxml less less-loader localforage lodash mathjs md5 method-override mini-css-extract-plugin mongoose mongoose-deep-populate mongoose-validator morgan multer name-all-modules-plugin node-libs-browser nodemailer normalize.css numeral object-sizeof optimize-css-assets-webpack-plugin penthouse postcss postcss-import postcss-loader postcss-mixins postcss-nested postcss-reporter postcss-simple-vars promise prop-types raf rc-progress react react-debounce-input react-dom react-helmet react-lazyload react-promise react-redux react-router react-router-redux react-share react-transform-hmr redis redux redux-devtools redux-logger redux-persist redux-thunk request request-promise rimraf shortid slack-node string stringify style-loader suq sw-precache-webpack-plugin swig terser-webpack-plugin url-loader useragent uuid warning webpack webpack-build-notifier webpack-bundle-analyzer webpack-cli webpack-dashboard webpack-dev-middleware webpack-filter-warnings-plugin webpack-hot-middleware webpack-manifest-plugin webpack-md5-hash webpack-merge webpack-node-externals webpack-pwa-manifest webpack-runtime-analyzer webpack-visualizer-plugin yargs

@infinitebrahmanuniverse/nolb-_nam @everything-registry/sub-chunk-632 is-number-number

4 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

6 years ago