use-link-preview
Version:
react custom hook for link-preview
49 lines (48 loc) • 1.98 kB
JavaScript
;
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
return new (P || (P = Promise))(function (resolve, reject) {
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
step((generator = generator.apply(thisArg, _arguments || [])).next());
});
};
Object.defineProperty(exports, "__esModule", { value: true });
const react_1 = require("react");
function getMetadata(url) {
return __awaiter(this, void 0, void 0, function* () {
const res = yield fetch(LINK_PRECIEW_SERVER_API + url, CONFIG);
const metadata = yield res.json();
return metadata;
});
}
function useLinkPreview(url) {
const [error, setError] = (0, react_1.useState)(null);
const [metadata, setMetadata] = (0, react_1.useState)(null);
(0, react_1.useEffect)(() => {
setError(null);
setMetadata(null);
getMetadata(url)
.then((res) => {
const { resultCode, resultMessage, data } = res;
if (resultCode < 0) {
setError(new Error(resultMessage));
}
else {
setMetadata(data);
}
})
.catch((err) => {
setError(err);
});
}, [url]);
return { metadata, isLoading: !error && !metadata, isError: error };
}
exports.default = useLinkPreview;
const LINK_PRECIEW_SERVER_API = "https://js-linkpreview.herokuapp.com/api/link-preview/?url=";
const CONFIG = {
headers: {
Accept: "application/json",
},
};