@plasmicpkgs/plasmic-link-preview 1.0.106 → 1.0.108
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -369,7 +369,7 @@ var isValidUrl = function isValidUrl(url) {
|
|
|
369
369
|
return /(^http(s?):\/\/[^\s$.?#].[^\s]*)/i.test(url);
|
|
370
370
|
};
|
|
371
371
|
var getMetadata = /*#__PURE__*/function () {
|
|
372
|
-
var _ref = /*#__PURE__*/_asyncToGenerator(
|
|
372
|
+
var _ref = /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(url) {
|
|
373
373
|
var contents, $, getHostname, getTitle, meta, metas, metadata;
|
|
374
374
|
return _regeneratorRuntime().wrap(function _callee$(_context) {
|
|
375
375
|
while (1) switch (_context.prev = _context.next) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"plasmic-link-preview.cjs.development.js","sources":["../src/lib/utils.ts","../src/lib/html-metadata-parser.ts","../src/index.tsx"],"sourcesContent":["import {\n ComponentMeta,\n default as registerComponent,\n} from \"@plasmicapp/host/registerComponent\";\nimport {\n default as registerGlobalContext,\n GlobalContextMeta,\n} from \"@plasmicapp/host/registerGlobalContext\";\nimport { default as registerToken } from \"@plasmicapp/host/registerToken\";\nimport React from \"react\";\n\nexport type Registerable = {\n registerComponent: typeof registerComponent;\n registerGlobalContext: typeof registerGlobalContext;\n registerToken: typeof registerToken;\n};\n\nexport function makeRegisterComponent<T extends React.ComponentType<any>>(\n component: T,\n meta: ComponentMeta<React.ComponentProps<T>>\n) {\n return function (loader?: Registerable) {\n registerComponentHelper(loader, component, meta);\n };\n}\n\nexport function makeRegisterGlobalContext<T extends React.ComponentType<any>>(\n component: T,\n meta: GlobalContextMeta<React.ComponentProps<T>>\n) {\n return function (loader?: Registerable) {\n if (loader) {\n loader.registerGlobalContext(component, meta);\n } else {\n registerGlobalContext(component, meta);\n }\n };\n}\n\nexport function registerComponentHelper<T extends React.ComponentType<any>>(\n loader: Registerable | undefined,\n component: T,\n meta: ComponentMeta<React.ComponentProps<T>>\n) {\n if (loader) {\n loader.registerComponent(component, meta);\n } else {\n registerComponent(component, meta);\n }\n}\n\ntype ReactElt = {\n children: ReactElt | ReactElt[];\n props: {\n children: ReactElt | ReactElt[];\n [prop: string]: any;\n } | null;\n type: React.ComponentType<any> | null;\n key: string | null;\n} | null;\n\nexport function traverseReactEltTree(\n children: React.ReactNode,\n callback: (elt: ReactElt) => void\n) {\n const rec = (elts: ReactElt | ReactElt[] | null) => {\n (Array.isArray(elts) ? elts : [elts]).forEach((elt) => {\n if (elt) {\n callback(elt);\n if (elt.children) {\n rec(elt.children);\n }\n if (elt.props?.children && elt.props.children !== elt.children) {\n rec(elt.props.children);\n }\n }\n });\n };\n rec(children as any);\n}\n\nexport function asArray<T>(x: T[] | T | undefined | null) {\n if (Array.isArray(x)) {\n return x;\n } else if (x == null) {\n return [];\n } else {\n return [x];\n }\n}\n","import { parse as HTML } from \"node-html-parser\";\n\ninterface Meta {\n title?: string;\n description?: string;\n image?: string;\n url?: string;\n type?: string;\n site_name?: string;\n}\n\nexport interface Metadata {\n title?: string;\n description?: string;\n image?: string;\n siteName?: string;\n hostname?: string;\n}\n\nconst isValidUrl = (url: string) => {\n return /(^http(s?):\\/\\/[^\\s$.?#].[^\\s]*)/i.test(url);\n};\n\nconst getMetadata = async (url: string): Promise<Metadata> => {\n if (!isValidUrl(url)) return {};\n\n const contents = await fetch(`https://corsproxy.io/?${url}`).then((res) =>\n res.text()\n );\n\n const $ = HTML(contents);\n\n const getHostname = () => {\n const { hostname } = new URL(url);\n return hostname;\n };\n\n const getTitle = () => {\n const title = $.querySelector(\"title\");\n return title?.text;\n };\n\n const meta: Meta = {};\n\n const metas = $.querySelectorAll(\"meta\")\n .map((el) => ({\n name: el.getAttribute(\"name\") || el.getAttribute(\"property\"),\n content: el.getAttribute(\"content\"),\n }))\n .filter((item) => item.name && item.content);\n\n [\n \"og:title\",\n \"og:description\",\n \"twitter:description\",\n // in order of priority, og:image is sufficient if present\n \"og:image\",\n \"twitter:image\",\n \"og:url\",\n \"og:site_name\",\n \"og:type\",\n ].forEach((metaName) => {\n const metasItem = metas.find((m) => m.name === metaName);\n if (!metasItem || !metasItem.name) return;\n const key = metasItem.name.split(\":\")[1] as keyof Meta;\n if (!meta[key]) meta[key] = metasItem.content;\n });\n\n [\"title\", \"description\", \"image\"].forEach((metaName) => {\n const metasItem = metas.find((m) => m.name === metaName);\n if (!metasItem || !metasItem.name) return;\n const key = metaName as keyof Meta;\n if (!meta[key]) meta[key] = metasItem.content;\n });\n\n if (!meta.image) {\n // find all images available and choose one!\n $.querySelectorAll(\"img\").every((el) => {\n const src: string | undefined = el.getAttribute(\"src\");\n if (src) {\n meta.image = new URL(src, url).href;\n return false;\n }\n return true;\n });\n }\n\n const metadata: Metadata = {\n hostname: getHostname(),\n title: getTitle(),\n ...meta,\n };\n\n return metadata;\n};\n\nexport default getMetadata;\nexport { isValidUrl };\n","import React, { useCallback, useEffect, useRef, useState } from \"react\";\nimport { Registerable, registerComponentHelper } from \"./lib/utils\";\n\nimport { DataProvider, usePlasmicCanvasContext } from \"@plasmicapp/host\";\nimport getMetadata, { isValidUrl, Metadata } from \"./lib/html-metadata-parser\";\n\nexport type LinkPreviewProps = {\n url: string;\n children: React.ReactNode;\n loadingMessage: React.ReactNode;\n noPreviewMessage: React.ReactNode;\n showLoading: boolean;\n showNoPreview: boolean;\n};\n\nexport const LinkPreview: React.FC<LinkPreviewProps> = ({\n url,\n children,\n loadingMessage,\n noPreviewMessage,\n showLoading,\n showNoPreview,\n}) => {\n const _isMounted = useRef(true);\n const [metadata, setMetadata] = useState<Metadata>({});\n const [isLoading, setIsLoading] = useState(false);\n\n const isEditMode = !!usePlasmicCanvasContext();\n\n const resetMetadata = useCallback(() => {\n setMetadata({\n title: \"\",\n description: \"\",\n image: \"\",\n siteName: \"\",\n hostname: \"\",\n });\n }, []);\n\n useEffect(() => {\n _isMounted.current = true;\n if (!url) return;\n\n setIsLoading(true);\n resetMetadata();\n getMetadata(url)\n .then((res) => {\n if (_isMounted.current) {\n setMetadata(res);\n setIsLoading(false);\n }\n })\n .catch((err) => {\n console.error(err);\n console.error(\"No metadata could be found for the given URL.\");\n if (_isMounted.current) {\n resetMetadata();\n setIsLoading(false);\n }\n });\n return () => {\n _isMounted.current = false;\n };\n }, [resetMetadata, url]);\n\n const showLoadingProp = isEditMode ? showLoading : false;\n const showNoPreviewProp = isEditMode ? showNoPreview : false;\n const hasChildren = (children as any)?.props.children;\n const hasMetadata =\n metadata?.title?.length && !metadata.title.startsWith(\"Origin DNS error\");\n const body = hasChildren ? <>{children}</> : <p>{metadata.title}</p>;\n const hidePreview =\n isLoading || showLoadingProp || showNoPreviewProp || !hasMetadata;\n const hasNoPreview = !isLoading && !hasMetadata;\n\n return (\n <div>\n <DataProvider name=\"metadata\" data={metadata}>\n {/* We want the metadata to always be available to the elements inside children slot. So we use CSS to hide it */}\n <div style={hidePreview ? { display: \"none\" } : {}}>{body}</div>\n {(hasNoPreview || showNoPreviewProp) && noPreviewMessage}\n {(isLoading || showLoadingProp) && loadingMessage}\n </DataProvider>\n </div>\n );\n};\n\nexport const rlpComponentName = \"plasmic-link-preview\";\n\nexport function registerLinkPreview(loader?: Registerable) {\n registerComponentHelper(loader, LinkPreview, {\n name: rlpComponentName,\n providesData: true,\n displayName: \"Link Preview\",\n props: {\n url: {\n type: \"string\",\n displayName: \"URL\",\n defaultValue: \"https://plasmic.app\",\n defaultValueHint: \"https://example.com\",\n validator: (value) => {\n if (isValidUrl(value)) return true;\n return \"Invalid URL\";\n },\n description: \"The URL for which you want to generate the link preview.\",\n },\n children: {\n type: \"slot\",\n hidePlaceholder: true,\n },\n noPreviewMessage: {\n type: \"slot\",\n displayName: \"'No Preview' Message\",\n hidePlaceholder: true,\n defaultValue: [\n {\n type: \"text\",\n value: \"no preview...\",\n },\n ],\n },\n showLoading: {\n type: \"boolean\",\n description:\n \"You can enable this prop to show the loading message, so you can easily customize it. This prop has no effect in the live app.\",\n },\n showNoPreview: {\n type: \"boolean\",\n description:\n \"You can enable this prop to show the 'No Preview' message, so you can easily customize it. This prop has no effect in the live app.\",\n },\n loadingMessage: {\n type: \"slot\",\n displayName: \"Loading Message\",\n hidePlaceholder: true,\n defaultValue: [\n {\n type: \"text\",\n value: \"loading preview...\",\n },\n ],\n },\n },\n importPath: \"@plasmicpkgs/plasmic-link-preview\",\n importName: \"LinkPreview\",\n });\n}\n"],"names":["registerComponentHelper","loader","component","meta","registerComponent","isValidUrl","url","test","getMetadata","_ref","_asyncToGenerator","_regeneratorRuntime","mark","_callee","contents","$","getHostname","getTitle","metas","metadata","wrap","_callee$","_context","prev","next","abrupt","fetch","then","res","text","sent","HTML","_URL","URL","hostname","title","querySelector","querySelectorAll","map","el","name","getAttribute","content","filter","item","forEach","metaName","metasItem","find","m","key","split","image","every","src","href","_extends","stop","_x","apply","arguments","LinkPreview","children","loadingMessage","noPreviewMessage","showLoading","showNoPreview","_isMounted","useRef","_useState","useState","setMetadata","_useState2","isLoading","setIsLoading","isEditMode","usePlasmicCanvasContext","resetMetadata","useCallback","description","siteName","useEffect","current","err","console","error","showLoadingProp","showNoPreviewProp","hasChildren","props","hasMetadata","_metadata$title","length","startsWith","body","React","hidePreview","hasNoPreview","DataProvider","data","style","display","rlpComponentName","registerLinkPreview","providesData","displayName","type","defaultValue","defaultValueHint","validator","value","hidePlaceholder","importPath","importName"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"plasmic-link-preview.cjs.development.js","sources":["../src/lib/utils.ts","../src/lib/html-metadata-parser.ts","../src/index.tsx"],"sourcesContent":["import {\n ComponentMeta,\n default as registerComponent,\n} from \"@plasmicapp/host/registerComponent\";\nimport {\n default as registerGlobalContext,\n GlobalContextMeta,\n} from \"@plasmicapp/host/registerGlobalContext\";\nimport { default as registerToken } from \"@plasmicapp/host/registerToken\";\nimport React from \"react\";\n\nexport type Registerable = {\n registerComponent: typeof registerComponent;\n registerGlobalContext: typeof registerGlobalContext;\n registerToken: typeof registerToken;\n};\n\nexport function makeRegisterComponent<T extends React.ComponentType<any>>(\n component: T,\n meta: ComponentMeta<React.ComponentProps<T>>\n) {\n return function (loader?: Registerable) {\n registerComponentHelper(loader, component, meta);\n };\n}\n\nexport function makeRegisterGlobalContext<T extends React.ComponentType<any>>(\n component: T,\n meta: GlobalContextMeta<React.ComponentProps<T>>\n) {\n return function (loader?: Registerable) {\n if (loader) {\n loader.registerGlobalContext(component, meta);\n } else {\n registerGlobalContext(component, meta);\n }\n };\n}\n\nexport function registerComponentHelper<T extends React.ComponentType<any>>(\n loader: Registerable | undefined,\n component: T,\n meta: ComponentMeta<React.ComponentProps<T>>\n) {\n if (loader) {\n loader.registerComponent(component, meta);\n } else {\n registerComponent(component, meta);\n }\n}\n\ntype ReactElt = {\n children: ReactElt | ReactElt[];\n props: {\n children: ReactElt | ReactElt[];\n [prop: string]: any;\n } | null;\n type: React.ComponentType<any> | null;\n key: string | null;\n} | null;\n\nexport function traverseReactEltTree(\n children: React.ReactNode,\n callback: (elt: ReactElt) => void\n) {\n const rec = (elts: ReactElt | ReactElt[] | null) => {\n (Array.isArray(elts) ? elts : [elts]).forEach((elt) => {\n if (elt) {\n callback(elt);\n if (elt.children) {\n rec(elt.children);\n }\n if (elt.props?.children && elt.props.children !== elt.children) {\n rec(elt.props.children);\n }\n }\n });\n };\n rec(children as any);\n}\n\nexport function asArray<T>(x: T[] | T | undefined | null) {\n if (Array.isArray(x)) {\n return x;\n } else if (x == null) {\n return [];\n } else {\n return [x];\n }\n}\n","import { parse as HTML } from \"node-html-parser\";\n\ninterface Meta {\n title?: string;\n description?: string;\n image?: string;\n url?: string;\n type?: string;\n site_name?: string;\n}\n\nexport interface Metadata {\n title?: string;\n description?: string;\n image?: string;\n siteName?: string;\n hostname?: string;\n}\n\nconst isValidUrl = (url: string) => {\n return /(^http(s?):\\/\\/[^\\s$.?#].[^\\s]*)/i.test(url);\n};\n\nconst getMetadata = async (url: string): Promise<Metadata> => {\n if (!isValidUrl(url)) return {};\n\n const contents = await fetch(`https://corsproxy.io/?${url}`).then((res) =>\n res.text()\n );\n\n const $ = HTML(contents);\n\n const getHostname = () => {\n const { hostname } = new URL(url);\n return hostname;\n };\n\n const getTitle = () => {\n const title = $.querySelector(\"title\");\n return title?.text;\n };\n\n const meta: Meta = {};\n\n const metas = $.querySelectorAll(\"meta\")\n .map((el) => ({\n name: el.getAttribute(\"name\") || el.getAttribute(\"property\"),\n content: el.getAttribute(\"content\"),\n }))\n .filter((item) => item.name && item.content);\n\n [\n \"og:title\",\n \"og:description\",\n \"twitter:description\",\n // in order of priority, og:image is sufficient if present\n \"og:image\",\n \"twitter:image\",\n \"og:url\",\n \"og:site_name\",\n \"og:type\",\n ].forEach((metaName) => {\n const metasItem = metas.find((m) => m.name === metaName);\n if (!metasItem || !metasItem.name) return;\n const key = metasItem.name.split(\":\")[1] as keyof Meta;\n if (!meta[key]) meta[key] = metasItem.content;\n });\n\n [\"title\", \"description\", \"image\"].forEach((metaName) => {\n const metasItem = metas.find((m) => m.name === metaName);\n if (!metasItem || !metasItem.name) return;\n const key = metaName as keyof Meta;\n if (!meta[key]) meta[key] = metasItem.content;\n });\n\n if (!meta.image) {\n // find all images available and choose one!\n $.querySelectorAll(\"img\").every((el) => {\n const src: string | undefined = el.getAttribute(\"src\");\n if (src) {\n meta.image = new URL(src, url).href;\n return false;\n }\n return true;\n });\n }\n\n const metadata: Metadata = {\n hostname: getHostname(),\n title: getTitle(),\n ...meta,\n };\n\n return metadata;\n};\n\nexport default getMetadata;\nexport { isValidUrl };\n","import React, { useCallback, useEffect, useRef, useState } from \"react\";\nimport { Registerable, registerComponentHelper } from \"./lib/utils\";\n\nimport { DataProvider, usePlasmicCanvasContext } from \"@plasmicapp/host\";\nimport getMetadata, { isValidUrl, Metadata } from \"./lib/html-metadata-parser\";\n\nexport type LinkPreviewProps = {\n url: string;\n children: React.ReactNode;\n loadingMessage: React.ReactNode;\n noPreviewMessage: React.ReactNode;\n showLoading: boolean;\n showNoPreview: boolean;\n};\n\nexport const LinkPreview: React.FC<LinkPreviewProps> = ({\n url,\n children,\n loadingMessage,\n noPreviewMessage,\n showLoading,\n showNoPreview,\n}) => {\n const _isMounted = useRef(true);\n const [metadata, setMetadata] = useState<Metadata>({});\n const [isLoading, setIsLoading] = useState(false);\n\n const isEditMode = !!usePlasmicCanvasContext();\n\n const resetMetadata = useCallback(() => {\n setMetadata({\n title: \"\",\n description: \"\",\n image: \"\",\n siteName: \"\",\n hostname: \"\",\n });\n }, []);\n\n useEffect(() => {\n _isMounted.current = true;\n if (!url) return;\n\n setIsLoading(true);\n resetMetadata();\n getMetadata(url)\n .then((res) => {\n if (_isMounted.current) {\n setMetadata(res);\n setIsLoading(false);\n }\n })\n .catch((err) => {\n console.error(err);\n console.error(\"No metadata could be found for the given URL.\");\n if (_isMounted.current) {\n resetMetadata();\n setIsLoading(false);\n }\n });\n return () => {\n _isMounted.current = false;\n };\n }, [resetMetadata, url]);\n\n const showLoadingProp = isEditMode ? showLoading : false;\n const showNoPreviewProp = isEditMode ? showNoPreview : false;\n const hasChildren = (children as any)?.props.children;\n const hasMetadata =\n metadata?.title?.length && !metadata.title.startsWith(\"Origin DNS error\");\n const body = hasChildren ? <>{children}</> : <p>{metadata.title}</p>;\n const hidePreview =\n isLoading || showLoadingProp || showNoPreviewProp || !hasMetadata;\n const hasNoPreview = !isLoading && !hasMetadata;\n\n return (\n <div>\n <DataProvider name=\"metadata\" data={metadata}>\n {/* We want the metadata to always be available to the elements inside children slot. So we use CSS to hide it */}\n <div style={hidePreview ? { display: \"none\" } : {}}>{body}</div>\n {(hasNoPreview || showNoPreviewProp) && noPreviewMessage}\n {(isLoading || showLoadingProp) && loadingMessage}\n </DataProvider>\n </div>\n );\n};\n\nexport const rlpComponentName = \"plasmic-link-preview\";\n\nexport function registerLinkPreview(loader?: Registerable) {\n registerComponentHelper(loader, LinkPreview, {\n name: rlpComponentName,\n providesData: true,\n displayName: \"Link Preview\",\n props: {\n url: {\n type: \"string\",\n displayName: \"URL\",\n defaultValue: \"https://plasmic.app\",\n defaultValueHint: \"https://example.com\",\n validator: (value) => {\n if (isValidUrl(value)) return true;\n return \"Invalid URL\";\n },\n description: \"The URL for which you want to generate the link preview.\",\n },\n children: {\n type: \"slot\",\n hidePlaceholder: true,\n },\n noPreviewMessage: {\n type: \"slot\",\n displayName: \"'No Preview' Message\",\n hidePlaceholder: true,\n defaultValue: [\n {\n type: \"text\",\n value: \"no preview...\",\n },\n ],\n },\n showLoading: {\n type: \"boolean\",\n description:\n \"You can enable this prop to show the loading message, so you can easily customize it. This prop has no effect in the live app.\",\n },\n showNoPreview: {\n type: \"boolean\",\n description:\n \"You can enable this prop to show the 'No Preview' message, so you can easily customize it. This prop has no effect in the live app.\",\n },\n loadingMessage: {\n type: \"slot\",\n displayName: \"Loading Message\",\n hidePlaceholder: true,\n defaultValue: [\n {\n type: \"text\",\n value: \"loading preview...\",\n },\n ],\n },\n },\n importPath: \"@plasmicpkgs/plasmic-link-preview\",\n importName: \"LinkPreview\",\n });\n}\n"],"names":["registerComponentHelper","loader","component","meta","registerComponent","isValidUrl","url","test","getMetadata","_ref","_asyncToGenerator","_regeneratorRuntime","mark","_callee","contents","$","getHostname","getTitle","metas","metadata","wrap","_callee$","_context","prev","next","abrupt","fetch","then","res","text","sent","HTML","_URL","URL","hostname","title","querySelector","querySelectorAll","map","el","name","getAttribute","content","filter","item","forEach","metaName","metasItem","find","m","key","split","image","every","src","href","_extends","stop","_x","apply","arguments","LinkPreview","children","loadingMessage","noPreviewMessage","showLoading","showNoPreview","_isMounted","useRef","_useState","useState","setMetadata","_useState2","isLoading","setIsLoading","isEditMode","usePlasmicCanvasContext","resetMetadata","useCallback","description","siteName","useEffect","current","err","console","error","showLoadingProp","showNoPreviewProp","hasChildren","props","hasMetadata","_metadata$title","length","startsWith","body","React","hidePreview","hasNoPreview","DataProvider","data","style","display","rlpComponentName","registerLinkPreview","providesData","displayName","type","defaultValue","defaultValueHint","validator","value","hidePlaceholder","importPath","importName"],"mappings":";;;;;;;;;;;;;SAuCgBA,uBAAuBA,CACrCC,MAAgC,EAChCC,SAAY,EACZC,IAA4C;EAE5C,IAAIF,MAAM,EAAE;IACVA,MAAM,CAACG,iBAAiB,CAACF,SAAS,EAAEC,IAAI,CAAC;GAC1C,MAAM;IACLC,iBAAiB,CAACF,SAAS,EAAEC,IAAI,CAAC;;AAEtC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AC9BA,IAAME,UAAU,GAAG,SAAbA,UAAUA,CAAIC,GAAW;EAC7B,OAAO,mCAAmC,CAACC,IAAI,CAACD,GAAG,CAAC;AACtD,CAAC;AAED,IAAME,WAAW;EAAA,IAAAC,IAAA,gBAAAC,iBAAA,cAAAC,mBAAA,GAAAC,IAAA,CAAG,SAAAC,QAAOP,GAAW;IAAA,IAAAQ,QAAA,EAAAC,CAAA,EAAAC,WAAA,EAAAC,QAAA,EAAAd,IAAA,EAAAe,KAAA,EAAAC,QAAA;IAAA,OAAAR,mBAAA,GAAAS,IAAA,UAAAC,SAAAC,QAAA;MAAA,kBAAAA,QAAA,CAAAC,IAAA,GAAAD,QAAA,CAAAE,IAAA;QAAA;UAAA,IAC/BnB,UAAU,CAACC,GAAG,CAAC;YAAAgB,QAAA,CAAAE,IAAA;YAAA;;UAAA,OAAAF,QAAA,CAAAG,MAAA,WAAS,EAAE;QAAA;UAAAH,QAAA,CAAAE,IAAA;UAAA,OAERE,KAAK,4BAA0BpB,GAAK,CAAC,CAACqB,IAAI,CAAC,UAACC,GAAG;YAAA,OACpEA,GAAG,CAACC,IAAI,EAAE;YACX;QAAA;UAFKf,QAAQ,GAAAQ,QAAA,CAAAQ,IAAA;UAIRf,CAAC,GAAGgB,oBAAI,CAACjB,QAAQ,CAAC;UAElBE,WAAW,GAAG,SAAdA,WAAWA;YACf,IAAAgB,IAAA,GAAqB,IAAIC,GAAG,CAAC3B,GAAG,CAAC;cAAzB4B,QAAQ,GAAAF,IAAA,CAARE,QAAQ;YAChB,OAAOA,QAAQ;WAChB;UAEKjB,QAAQ,GAAG,SAAXA,QAAQA;YACZ,IAAMkB,KAAK,GAAGpB,CAAC,CAACqB,aAAa,CAAC,OAAO,CAAC;YACtC,OAAOD,KAAK,oBAALA,KAAK,CAAEN,IAAI;WACnB;UAEK1B,IAAI,GAAS,EAAE;UAEfe,KAAK,GAAGH,CAAC,CAACsB,gBAAgB,CAAC,MAAM,CAAC,CACrCC,GAAG,CAAC,UAACC,EAAE;YAAA,OAAM;cACZC,IAAI,EAAED,EAAE,CAACE,YAAY,CAAC,MAAM,CAAC,IAAIF,EAAE,CAACE,YAAY,CAAC,UAAU,CAAC;cAC5DC,OAAO,EAAEH,EAAE,CAACE,YAAY,CAAC,SAAS;aACnC;WAAC,CAAC,CACFE,MAAM,CAAC,UAACC,IAAI;YAAA,OAAKA,IAAI,CAACJ,IAAI,IAAII,IAAI,CAACF,OAAO;YAAC;UAE9C,CACE,UAAU,EACV,gBAAgB,EAChB,qBAAqB;;UAErB,UAAU,EACV,eAAe,EACf,QAAQ,EACR,cAAc,EACd,SAAS,CACV,CAACG,OAAO,CAAC,UAACC,QAAQ;YACjB,IAAMC,SAAS,GAAG7B,KAAK,CAAC8B,IAAI,CAAC,UAACC,CAAC;cAAA,OAAKA,CAAC,CAACT,IAAI,KAAKM,QAAQ;cAAC;YACxD,IAAI,CAACC,SAAS,IAAI,CAACA,SAAS,CAACP,IAAI,EAAE;YACnC,IAAMU,GAAG,GAAGH,SAAS,CAACP,IAAI,CAACW,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAe;YACtD,IAAI,CAAChD,IAAI,CAAC+C,GAAG,CAAC,EAAE/C,IAAI,CAAC+C,GAAG,CAAC,GAAGH,SAAS,CAACL,OAAO;WAC9C,CAAC;UAEF,CAAC,OAAO,EAAE,aAAa,EAAE,OAAO,CAAC,CAACG,OAAO,CAAC,UAACC,QAAQ;YACjD,IAAMC,SAAS,GAAG7B,KAAK,CAAC8B,IAAI,CAAC,UAACC,CAAC;cAAA,OAAKA,CAAC,CAACT,IAAI,KAAKM,QAAQ;cAAC;YACxD,IAAI,CAACC,SAAS,IAAI,CAACA,SAAS,CAACP,IAAI,EAAE;YACnC,IAAMU,GAAG,GAAGJ,QAAsB;YAClC,IAAI,CAAC3C,IAAI,CAAC+C,GAAG,CAAC,EAAE/C,IAAI,CAAC+C,GAAG,CAAC,GAAGH,SAAS,CAACL,OAAO;WAC9C,CAAC;UAEF,IAAI,CAACvC,IAAI,CAACiD,KAAK,EAAE;;YAEfrC,CAAC,CAACsB,gBAAgB,CAAC,KAAK,CAAC,CAACgB,KAAK,CAAC,UAACd,EAAE;cACjC,IAAMe,GAAG,GAAuBf,EAAE,CAACE,YAAY,CAAC,KAAK,CAAC;cACtD,IAAIa,GAAG,EAAE;gBACPnD,IAAI,CAACiD,KAAK,GAAG,IAAInB,GAAG,CAACqB,GAAG,EAAEhD,GAAG,CAAC,CAACiD,IAAI;gBACnC,OAAO,KAAK;;cAEd,OAAO,IAAI;aACZ,CAAC;;UAGEpC,QAAQ,GAAAqC,QAAA;YACZtB,QAAQ,EAAElB,WAAW,EAAE;YACvBmB,KAAK,EAAElB,QAAQ;aACZd,IAAI;UAAA,OAAAmB,QAAA,CAAAG,MAAA,WAGFN,QAAQ;QAAA;QAAA;UAAA,OAAAG,QAAA,CAAAmC,IAAA;;OAAA5C,OAAA;GAChB;EAAA,gBAvEKL,WAAWA,CAAAkD,EAAA;IAAA,OAAAjD,IAAA,CAAAkD,KAAA,OAAAC,SAAA;;AAAA,GAuEhB;;IC/EYC,WAAW,GAA+B,SAA1CA,WAAWA,CAAApD,IAAA;;MACtBH,GAAG,GAAAG,IAAA,CAAHH,GAAG;IACHwD,QAAQ,GAAArD,IAAA,CAARqD,QAAQ;IACRC,cAAc,GAAAtD,IAAA,CAAdsD,cAAc;IACdC,gBAAgB,GAAAvD,IAAA,CAAhBuD,gBAAgB;IAChBC,WAAW,GAAAxD,IAAA,CAAXwD,WAAW;IACXC,aAAa,GAAAzD,IAAA,CAAbyD,aAAa;EAEb,IAAMC,UAAU,GAAGC,YAAM,CAAC,IAAI,CAAC;EAC/B,IAAAC,SAAA,GAAgCC,cAAQ,CAAW,EAAE,CAAC;IAA/CnD,QAAQ,GAAAkD,SAAA;IAAEE,WAAW,GAAAF,SAAA;EAC5B,IAAAG,UAAA,GAAkCF,cAAQ,CAAC,KAAK,CAAC;IAA1CG,SAAS,GAAAD,UAAA;IAAEE,YAAY,GAAAF,UAAA;EAE9B,IAAMG,UAAU,GAAG,CAAC,CAACC,4BAAuB,EAAE;EAE9C,IAAMC,aAAa,GAAGC,iBAAW,CAAC;IAChCP,WAAW,CAAC;MACVpC,KAAK,EAAE,EAAE;MACT4C,WAAW,EAAE,EAAE;MACf3B,KAAK,EAAE,EAAE;MACT4B,QAAQ,EAAE,EAAE;MACZ9C,QAAQ,EAAE;KACX,CAAC;GACH,EAAE,EAAE,CAAC;EAEN+C,eAAS,CAAC;IACRd,UAAU,CAACe,OAAO,GAAG,IAAI;IACzB,IAAI,CAAC5E,GAAG,EAAE;IAEVoE,YAAY,CAAC,IAAI,CAAC;IAClBG,aAAa,EAAE;IACfrE,WAAW,CAACF,GAAG,CAAC,CACbqB,IAAI,CAAC,UAACC,GAAG;MACR,IAAIuC,UAAU,CAACe,OAAO,EAAE;QACtBX,WAAW,CAAC3C,GAAG,CAAC;QAChB8C,YAAY,CAAC,KAAK,CAAC;;KAEtB,CAAC,SACI,CAAC,UAACS,GAAG;MACTC,OAAO,CAACC,KAAK,CAACF,GAAG,CAAC;MAClBC,OAAO,CAACC,KAAK,CAAC,+CAA+C,CAAC;MAC9D,IAAIlB,UAAU,CAACe,OAAO,EAAE;QACtBL,aAAa,EAAE;QACfH,YAAY,CAAC,KAAK,CAAC;;KAEtB,CAAC;IACJ,OAAO;MACLP,UAAU,CAACe,OAAO,GAAG,KAAK;KAC3B;GACF,EAAE,CAACL,aAAa,EAAEvE,GAAG,CAAC,CAAC;EAExB,IAAMgF,eAAe,GAAGX,UAAU,GAAGV,WAAW,GAAG,KAAK;EACxD,IAAMsB,iBAAiB,GAAGZ,UAAU,GAAGT,aAAa,GAAG,KAAK;EAC5D,IAAMsB,WAAW,GAAI1B,QAAgB,oBAAhBA,QAAgB,CAAE2B,KAAK,CAAC3B,QAAQ;EACrD,IAAM4B,WAAW,GACf,CAAAvE,QAAQ,aAAAwE,eAAA,GAARxE,QAAQ,CAAEgB,KAAK,qBAAfwD,eAAA,CAAiBC,MAAM,KAAI,CAACzE,QAAQ,CAACgB,KAAK,CAAC0D,UAAU,CAAC,kBAAkB,CAAC;EAC3E,IAAMC,IAAI,GAAGN,WAAW,GAAGO,4DAAGjC,QAAQ,CAAI,GAAGiC,wCAAI5E,QAAQ,CAACgB,KAAK,CAAK;EACpE,IAAM6D,WAAW,GACfvB,SAAS,IAAIa,eAAe,IAAIC,iBAAiB,IAAI,CAACG,WAAW;EACnE,IAAMO,YAAY,GAAG,CAACxB,SAAS,IAAI,CAACiB,WAAW;EAE/C,OACEK,0CACEA,6BAACG,iBAAY;IAAC1D,IAAI,EAAC,UAAU;IAAC2D,IAAI,EAAEhF;KAElC4E;IAAKK,KAAK,EAAEJ,WAAW,GAAG;MAAEK,OAAO,EAAE;KAAQ,GAAG;KAAKP,IAAI,CAAO,EAC/D,CAACG,YAAY,IAAIV,iBAAiB,KAAKvB,gBAAgB,EACvD,CAACS,SAAS,IAAIa,eAAe,KAAKvB,cAAc,CACpC,CACX;AAEV,CAAC;AAED,IAAauC,gBAAgB,GAAG,sBAAsB;AAEtD,SAAgBC,mBAAmBA,CAACtG,MAAqB;EACvDD,uBAAuB,CAACC,MAAM,EAAE4D,WAAW,EAAE;IAC3CrB,IAAI,EAAE8D,gBAAgB;IACtBE,YAAY,EAAE,IAAI;IAClBC,WAAW,EAAE,cAAc;IAC3BhB,KAAK,EAAE;MACLnF,GAAG,EAAE;QACHoG,IAAI,EAAE,QAAQ;QACdD,WAAW,EAAE,KAAK;QAClBE,YAAY,EAAE,qBAAqB;QACnCC,gBAAgB,EAAE,qBAAqB;QACvCC,SAAS,EAAE,SAAAA,UAACC,KAAK;UACf,IAAIzG,UAAU,CAACyG,KAAK,CAAC,EAAE,OAAO,IAAI;UAClC,OAAO,aAAa;SACrB;QACD/B,WAAW,EAAE;OACd;MACDjB,QAAQ,EAAE;QACR4C,IAAI,EAAE,MAAM;QACZK,eAAe,EAAE;OAClB;MACD/C,gBAAgB,EAAE;QAChB0C,IAAI,EAAE,MAAM;QACZD,WAAW,EAAE,sBAAsB;QACnCM,eAAe,EAAE,IAAI;QACrBJ,YAAY,EAAE,CACZ;UACED,IAAI,EAAE,MAAM;UACZI,KAAK,EAAE;SACR;OAEJ;MACD7C,WAAW,EAAE;QACXyC,IAAI,EAAE,SAAS;QACf3B,WAAW,EACT;OACH;MACDb,aAAa,EAAE;QACbwC,IAAI,EAAE,SAAS;QACf3B,WAAW,EACT;OACH;MACDhB,cAAc,EAAE;QACd2C,IAAI,EAAE,MAAM;QACZD,WAAW,EAAE,iBAAiB;QAC9BM,eAAe,EAAE,IAAI;QACrBJ,YAAY,EAAE,CACZ;UACED,IAAI,EAAE,MAAM;UACZI,KAAK,EAAE;SACR;;KAGN;IACDE,UAAU,EAAE,mCAAmC;IAC/CC,UAAU,EAAE;GACb,CAAC;AACJ;;;;;;"}
|
|
@@ -362,7 +362,7 @@ var isValidUrl = function isValidUrl(url) {
|
|
|
362
362
|
return /(^http(s?):\/\/[^\s$.?#].[^\s]*)/i.test(url);
|
|
363
363
|
};
|
|
364
364
|
var getMetadata = /*#__PURE__*/function () {
|
|
365
|
-
var _ref = /*#__PURE__*/_asyncToGenerator(
|
|
365
|
+
var _ref = /*#__PURE__*/_asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(url) {
|
|
366
366
|
var contents, $, getHostname, getTitle, meta, metas, metadata;
|
|
367
367
|
return _regeneratorRuntime().wrap(function _callee$(_context) {
|
|
368
368
|
while (1) switch (_context.prev = _context.next) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"plasmic-link-preview.esm.js","sources":["../src/lib/utils.ts","../src/lib/html-metadata-parser.ts","../src/index.tsx"],"sourcesContent":["import {\n ComponentMeta,\n default as registerComponent,\n} from \"@plasmicapp/host/registerComponent\";\nimport {\n default as registerGlobalContext,\n GlobalContextMeta,\n} from \"@plasmicapp/host/registerGlobalContext\";\nimport { default as registerToken } from \"@plasmicapp/host/registerToken\";\nimport React from \"react\";\n\nexport type Registerable = {\n registerComponent: typeof registerComponent;\n registerGlobalContext: typeof registerGlobalContext;\n registerToken: typeof registerToken;\n};\n\nexport function makeRegisterComponent<T extends React.ComponentType<any>>(\n component: T,\n meta: ComponentMeta<React.ComponentProps<T>>\n) {\n return function (loader?: Registerable) {\n registerComponentHelper(loader, component, meta);\n };\n}\n\nexport function makeRegisterGlobalContext<T extends React.ComponentType<any>>(\n component: T,\n meta: GlobalContextMeta<React.ComponentProps<T>>\n) {\n return function (loader?: Registerable) {\n if (loader) {\n loader.registerGlobalContext(component, meta);\n } else {\n registerGlobalContext(component, meta);\n }\n };\n}\n\nexport function registerComponentHelper<T extends React.ComponentType<any>>(\n loader: Registerable | undefined,\n component: T,\n meta: ComponentMeta<React.ComponentProps<T>>\n) {\n if (loader) {\n loader.registerComponent(component, meta);\n } else {\n registerComponent(component, meta);\n }\n}\n\ntype ReactElt = {\n children: ReactElt | ReactElt[];\n props: {\n children: ReactElt | ReactElt[];\n [prop: string]: any;\n } | null;\n type: React.ComponentType<any> | null;\n key: string | null;\n} | null;\n\nexport function traverseReactEltTree(\n children: React.ReactNode,\n callback: (elt: ReactElt) => void\n) {\n const rec = (elts: ReactElt | ReactElt[] | null) => {\n (Array.isArray(elts) ? elts : [elts]).forEach((elt) => {\n if (elt) {\n callback(elt);\n if (elt.children) {\n rec(elt.children);\n }\n if (elt.props?.children && elt.props.children !== elt.children) {\n rec(elt.props.children);\n }\n }\n });\n };\n rec(children as any);\n}\n\nexport function asArray<T>(x: T[] | T | undefined | null) {\n if (Array.isArray(x)) {\n return x;\n } else if (x == null) {\n return [];\n } else {\n return [x];\n }\n}\n","import { parse as HTML } from \"node-html-parser\";\n\ninterface Meta {\n title?: string;\n description?: string;\n image?: string;\n url?: string;\n type?: string;\n site_name?: string;\n}\n\nexport interface Metadata {\n title?: string;\n description?: string;\n image?: string;\n siteName?: string;\n hostname?: string;\n}\n\nconst isValidUrl = (url: string) => {\n return /(^http(s?):\\/\\/[^\\s$.?#].[^\\s]*)/i.test(url);\n};\n\nconst getMetadata = async (url: string): Promise<Metadata> => {\n if (!isValidUrl(url)) return {};\n\n const contents = await fetch(`https://corsproxy.io/?${url}`).then((res) =>\n res.text()\n );\n\n const $ = HTML(contents);\n\n const getHostname = () => {\n const { hostname } = new URL(url);\n return hostname;\n };\n\n const getTitle = () => {\n const title = $.querySelector(\"title\");\n return title?.text;\n };\n\n const meta: Meta = {};\n\n const metas = $.querySelectorAll(\"meta\")\n .map((el) => ({\n name: el.getAttribute(\"name\") || el.getAttribute(\"property\"),\n content: el.getAttribute(\"content\"),\n }))\n .filter((item) => item.name && item.content);\n\n [\n \"og:title\",\n \"og:description\",\n \"twitter:description\",\n // in order of priority, og:image is sufficient if present\n \"og:image\",\n \"twitter:image\",\n \"og:url\",\n \"og:site_name\",\n \"og:type\",\n ].forEach((metaName) => {\n const metasItem = metas.find((m) => m.name === metaName);\n if (!metasItem || !metasItem.name) return;\n const key = metasItem.name.split(\":\")[1] as keyof Meta;\n if (!meta[key]) meta[key] = metasItem.content;\n });\n\n [\"title\", \"description\", \"image\"].forEach((metaName) => {\n const metasItem = metas.find((m) => m.name === metaName);\n if (!metasItem || !metasItem.name) return;\n const key = metaName as keyof Meta;\n if (!meta[key]) meta[key] = metasItem.content;\n });\n\n if (!meta.image) {\n // find all images available and choose one!\n $.querySelectorAll(\"img\").every((el) => {\n const src: string | undefined = el.getAttribute(\"src\");\n if (src) {\n meta.image = new URL(src, url).href;\n return false;\n }\n return true;\n });\n }\n\n const metadata: Metadata = {\n hostname: getHostname(),\n title: getTitle(),\n ...meta,\n };\n\n return metadata;\n};\n\nexport default getMetadata;\nexport { isValidUrl };\n","import React, { useCallback, useEffect, useRef, useState } from \"react\";\nimport { Registerable, registerComponentHelper } from \"./lib/utils\";\n\nimport { DataProvider, usePlasmicCanvasContext } from \"@plasmicapp/host\";\nimport getMetadata, { isValidUrl, Metadata } from \"./lib/html-metadata-parser\";\n\nexport type LinkPreviewProps = {\n url: string;\n children: React.ReactNode;\n loadingMessage: React.ReactNode;\n noPreviewMessage: React.ReactNode;\n showLoading: boolean;\n showNoPreview: boolean;\n};\n\nexport const LinkPreview: React.FC<LinkPreviewProps> = ({\n url,\n children,\n loadingMessage,\n noPreviewMessage,\n showLoading,\n showNoPreview,\n}) => {\n const _isMounted = useRef(true);\n const [metadata, setMetadata] = useState<Metadata>({});\n const [isLoading, setIsLoading] = useState(false);\n\n const isEditMode = !!usePlasmicCanvasContext();\n\n const resetMetadata = useCallback(() => {\n setMetadata({\n title: \"\",\n description: \"\",\n image: \"\",\n siteName: \"\",\n hostname: \"\",\n });\n }, []);\n\n useEffect(() => {\n _isMounted.current = true;\n if (!url) return;\n\n setIsLoading(true);\n resetMetadata();\n getMetadata(url)\n .then((res) => {\n if (_isMounted.current) {\n setMetadata(res);\n setIsLoading(false);\n }\n })\n .catch((err) => {\n console.error(err);\n console.error(\"No metadata could be found for the given URL.\");\n if (_isMounted.current) {\n resetMetadata();\n setIsLoading(false);\n }\n });\n return () => {\n _isMounted.current = false;\n };\n }, [resetMetadata, url]);\n\n const showLoadingProp = isEditMode ? showLoading : false;\n const showNoPreviewProp = isEditMode ? showNoPreview : false;\n const hasChildren = (children as any)?.props.children;\n const hasMetadata =\n metadata?.title?.length && !metadata.title.startsWith(\"Origin DNS error\");\n const body = hasChildren ? <>{children}</> : <p>{metadata.title}</p>;\n const hidePreview =\n isLoading || showLoadingProp || showNoPreviewProp || !hasMetadata;\n const hasNoPreview = !isLoading && !hasMetadata;\n\n return (\n <div>\n <DataProvider name=\"metadata\" data={metadata}>\n {/* We want the metadata to always be available to the elements inside children slot. So we use CSS to hide it */}\n <div style={hidePreview ? { display: \"none\" } : {}}>{body}</div>\n {(hasNoPreview || showNoPreviewProp) && noPreviewMessage}\n {(isLoading || showLoadingProp) && loadingMessage}\n </DataProvider>\n </div>\n );\n};\n\nexport const rlpComponentName = \"plasmic-link-preview\";\n\nexport function registerLinkPreview(loader?: Registerable) {\n registerComponentHelper(loader, LinkPreview, {\n name: rlpComponentName,\n providesData: true,\n displayName: \"Link Preview\",\n props: {\n url: {\n type: \"string\",\n displayName: \"URL\",\n defaultValue: \"https://plasmic.app\",\n defaultValueHint: \"https://example.com\",\n validator: (value) => {\n if (isValidUrl(value)) return true;\n return \"Invalid URL\";\n },\n description: \"The URL for which you want to generate the link preview.\",\n },\n children: {\n type: \"slot\",\n hidePlaceholder: true,\n },\n noPreviewMessage: {\n type: \"slot\",\n displayName: \"'No Preview' Message\",\n hidePlaceholder: true,\n defaultValue: [\n {\n type: \"text\",\n value: \"no preview...\",\n },\n ],\n },\n showLoading: {\n type: \"boolean\",\n description:\n \"You can enable this prop to show the loading message, so you can easily customize it. This prop has no effect in the live app.\",\n },\n showNoPreview: {\n type: \"boolean\",\n description:\n \"You can enable this prop to show the 'No Preview' message, so you can easily customize it. This prop has no effect in the live app.\",\n },\n loadingMessage: {\n type: \"slot\",\n displayName: \"Loading Message\",\n hidePlaceholder: true,\n defaultValue: [\n {\n type: \"text\",\n value: \"loading preview...\",\n },\n ],\n },\n },\n importPath: \"@plasmicpkgs/plasmic-link-preview\",\n importName: \"LinkPreview\",\n });\n}\n"],"names":["registerComponentHelper","loader","component","meta","registerComponent","isValidUrl","url","test","getMetadata","_ref","_asyncToGenerator","_regeneratorRuntime","mark","_callee","contents","$","getHostname","getTitle","metas","metadata","wrap","_callee$","_context","prev","next","abrupt","fetch","then","res","text","sent","HTML","_URL","URL","hostname","title","querySelector","querySelectorAll","map","el","name","getAttribute","content","filter","item","forEach","metaName","metasItem","find","m","key","split","image","every","src","href","_extends","stop","_x","apply","arguments","LinkPreview","children","loadingMessage","noPreviewMessage","showLoading","showNoPreview","_isMounted","useRef","_useState","useState","setMetadata","_useState2","isLoading","setIsLoading","isEditMode","usePlasmicCanvasContext","resetMetadata","useCallback","description","siteName","useEffect","current","err","console","error","showLoadingProp","showNoPreviewProp","hasChildren","props","hasMetadata","_metadata$title","length","startsWith","body","React","hidePreview","hasNoPreview","DataProvider","data","style","display","rlpComponentName","registerLinkPreview","providesData","displayName","type","defaultValue","defaultValueHint","validator","value","hidePlaceholder","importPath","importName"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"plasmic-link-preview.esm.js","sources":["../src/lib/utils.ts","../src/lib/html-metadata-parser.ts","../src/index.tsx"],"sourcesContent":["import {\n ComponentMeta,\n default as registerComponent,\n} from \"@plasmicapp/host/registerComponent\";\nimport {\n default as registerGlobalContext,\n GlobalContextMeta,\n} from \"@plasmicapp/host/registerGlobalContext\";\nimport { default as registerToken } from \"@plasmicapp/host/registerToken\";\nimport React from \"react\";\n\nexport type Registerable = {\n registerComponent: typeof registerComponent;\n registerGlobalContext: typeof registerGlobalContext;\n registerToken: typeof registerToken;\n};\n\nexport function makeRegisterComponent<T extends React.ComponentType<any>>(\n component: T,\n meta: ComponentMeta<React.ComponentProps<T>>\n) {\n return function (loader?: Registerable) {\n registerComponentHelper(loader, component, meta);\n };\n}\n\nexport function makeRegisterGlobalContext<T extends React.ComponentType<any>>(\n component: T,\n meta: GlobalContextMeta<React.ComponentProps<T>>\n) {\n return function (loader?: Registerable) {\n if (loader) {\n loader.registerGlobalContext(component, meta);\n } else {\n registerGlobalContext(component, meta);\n }\n };\n}\n\nexport function registerComponentHelper<T extends React.ComponentType<any>>(\n loader: Registerable | undefined,\n component: T,\n meta: ComponentMeta<React.ComponentProps<T>>\n) {\n if (loader) {\n loader.registerComponent(component, meta);\n } else {\n registerComponent(component, meta);\n }\n}\n\ntype ReactElt = {\n children: ReactElt | ReactElt[];\n props: {\n children: ReactElt | ReactElt[];\n [prop: string]: any;\n } | null;\n type: React.ComponentType<any> | null;\n key: string | null;\n} | null;\n\nexport function traverseReactEltTree(\n children: React.ReactNode,\n callback: (elt: ReactElt) => void\n) {\n const rec = (elts: ReactElt | ReactElt[] | null) => {\n (Array.isArray(elts) ? elts : [elts]).forEach((elt) => {\n if (elt) {\n callback(elt);\n if (elt.children) {\n rec(elt.children);\n }\n if (elt.props?.children && elt.props.children !== elt.children) {\n rec(elt.props.children);\n }\n }\n });\n };\n rec(children as any);\n}\n\nexport function asArray<T>(x: T[] | T | undefined | null) {\n if (Array.isArray(x)) {\n return x;\n } else if (x == null) {\n return [];\n } else {\n return [x];\n }\n}\n","import { parse as HTML } from \"node-html-parser\";\n\ninterface Meta {\n title?: string;\n description?: string;\n image?: string;\n url?: string;\n type?: string;\n site_name?: string;\n}\n\nexport interface Metadata {\n title?: string;\n description?: string;\n image?: string;\n siteName?: string;\n hostname?: string;\n}\n\nconst isValidUrl = (url: string) => {\n return /(^http(s?):\\/\\/[^\\s$.?#].[^\\s]*)/i.test(url);\n};\n\nconst getMetadata = async (url: string): Promise<Metadata> => {\n if (!isValidUrl(url)) return {};\n\n const contents = await fetch(`https://corsproxy.io/?${url}`).then((res) =>\n res.text()\n );\n\n const $ = HTML(contents);\n\n const getHostname = () => {\n const { hostname } = new URL(url);\n return hostname;\n };\n\n const getTitle = () => {\n const title = $.querySelector(\"title\");\n return title?.text;\n };\n\n const meta: Meta = {};\n\n const metas = $.querySelectorAll(\"meta\")\n .map((el) => ({\n name: el.getAttribute(\"name\") || el.getAttribute(\"property\"),\n content: el.getAttribute(\"content\"),\n }))\n .filter((item) => item.name && item.content);\n\n [\n \"og:title\",\n \"og:description\",\n \"twitter:description\",\n // in order of priority, og:image is sufficient if present\n \"og:image\",\n \"twitter:image\",\n \"og:url\",\n \"og:site_name\",\n \"og:type\",\n ].forEach((metaName) => {\n const metasItem = metas.find((m) => m.name === metaName);\n if (!metasItem || !metasItem.name) return;\n const key = metasItem.name.split(\":\")[1] as keyof Meta;\n if (!meta[key]) meta[key] = metasItem.content;\n });\n\n [\"title\", \"description\", \"image\"].forEach((metaName) => {\n const metasItem = metas.find((m) => m.name === metaName);\n if (!metasItem || !metasItem.name) return;\n const key = metaName as keyof Meta;\n if (!meta[key]) meta[key] = metasItem.content;\n });\n\n if (!meta.image) {\n // find all images available and choose one!\n $.querySelectorAll(\"img\").every((el) => {\n const src: string | undefined = el.getAttribute(\"src\");\n if (src) {\n meta.image = new URL(src, url).href;\n return false;\n }\n return true;\n });\n }\n\n const metadata: Metadata = {\n hostname: getHostname(),\n title: getTitle(),\n ...meta,\n };\n\n return metadata;\n};\n\nexport default getMetadata;\nexport { isValidUrl };\n","import React, { useCallback, useEffect, useRef, useState } from \"react\";\nimport { Registerable, registerComponentHelper } from \"./lib/utils\";\n\nimport { DataProvider, usePlasmicCanvasContext } from \"@plasmicapp/host\";\nimport getMetadata, { isValidUrl, Metadata } from \"./lib/html-metadata-parser\";\n\nexport type LinkPreviewProps = {\n url: string;\n children: React.ReactNode;\n loadingMessage: React.ReactNode;\n noPreviewMessage: React.ReactNode;\n showLoading: boolean;\n showNoPreview: boolean;\n};\n\nexport const LinkPreview: React.FC<LinkPreviewProps> = ({\n url,\n children,\n loadingMessage,\n noPreviewMessage,\n showLoading,\n showNoPreview,\n}) => {\n const _isMounted = useRef(true);\n const [metadata, setMetadata] = useState<Metadata>({});\n const [isLoading, setIsLoading] = useState(false);\n\n const isEditMode = !!usePlasmicCanvasContext();\n\n const resetMetadata = useCallback(() => {\n setMetadata({\n title: \"\",\n description: \"\",\n image: \"\",\n siteName: \"\",\n hostname: \"\",\n });\n }, []);\n\n useEffect(() => {\n _isMounted.current = true;\n if (!url) return;\n\n setIsLoading(true);\n resetMetadata();\n getMetadata(url)\n .then((res) => {\n if (_isMounted.current) {\n setMetadata(res);\n setIsLoading(false);\n }\n })\n .catch((err) => {\n console.error(err);\n console.error(\"No metadata could be found for the given URL.\");\n if (_isMounted.current) {\n resetMetadata();\n setIsLoading(false);\n }\n });\n return () => {\n _isMounted.current = false;\n };\n }, [resetMetadata, url]);\n\n const showLoadingProp = isEditMode ? showLoading : false;\n const showNoPreviewProp = isEditMode ? showNoPreview : false;\n const hasChildren = (children as any)?.props.children;\n const hasMetadata =\n metadata?.title?.length && !metadata.title.startsWith(\"Origin DNS error\");\n const body = hasChildren ? <>{children}</> : <p>{metadata.title}</p>;\n const hidePreview =\n isLoading || showLoadingProp || showNoPreviewProp || !hasMetadata;\n const hasNoPreview = !isLoading && !hasMetadata;\n\n return (\n <div>\n <DataProvider name=\"metadata\" data={metadata}>\n {/* We want the metadata to always be available to the elements inside children slot. So we use CSS to hide it */}\n <div style={hidePreview ? { display: \"none\" } : {}}>{body}</div>\n {(hasNoPreview || showNoPreviewProp) && noPreviewMessage}\n {(isLoading || showLoadingProp) && loadingMessage}\n </DataProvider>\n </div>\n );\n};\n\nexport const rlpComponentName = \"plasmic-link-preview\";\n\nexport function registerLinkPreview(loader?: Registerable) {\n registerComponentHelper(loader, LinkPreview, {\n name: rlpComponentName,\n providesData: true,\n displayName: \"Link Preview\",\n props: {\n url: {\n type: \"string\",\n displayName: \"URL\",\n defaultValue: \"https://plasmic.app\",\n defaultValueHint: \"https://example.com\",\n validator: (value) => {\n if (isValidUrl(value)) return true;\n return \"Invalid URL\";\n },\n description: \"The URL for which you want to generate the link preview.\",\n },\n children: {\n type: \"slot\",\n hidePlaceholder: true,\n },\n noPreviewMessage: {\n type: \"slot\",\n displayName: \"'No Preview' Message\",\n hidePlaceholder: true,\n defaultValue: [\n {\n type: \"text\",\n value: \"no preview...\",\n },\n ],\n },\n showLoading: {\n type: \"boolean\",\n description:\n \"You can enable this prop to show the loading message, so you can easily customize it. This prop has no effect in the live app.\",\n },\n showNoPreview: {\n type: \"boolean\",\n description:\n \"You can enable this prop to show the 'No Preview' message, so you can easily customize it. This prop has no effect in the live app.\",\n },\n loadingMessage: {\n type: \"slot\",\n displayName: \"Loading Message\",\n hidePlaceholder: true,\n defaultValue: [\n {\n type: \"text\",\n value: \"loading preview...\",\n },\n ],\n },\n },\n importPath: \"@plasmicpkgs/plasmic-link-preview\",\n importName: \"LinkPreview\",\n });\n}\n"],"names":["registerComponentHelper","loader","component","meta","registerComponent","isValidUrl","url","test","getMetadata","_ref","_asyncToGenerator","_regeneratorRuntime","mark","_callee","contents","$","getHostname","getTitle","metas","metadata","wrap","_callee$","_context","prev","next","abrupt","fetch","then","res","text","sent","HTML","_URL","URL","hostname","title","querySelector","querySelectorAll","map","el","name","getAttribute","content","filter","item","forEach","metaName","metasItem","find","m","key","split","image","every","src","href","_extends","stop","_x","apply","arguments","LinkPreview","children","loadingMessage","noPreviewMessage","showLoading","showNoPreview","_isMounted","useRef","_useState","useState","setMetadata","_useState2","isLoading","setIsLoading","isEditMode","usePlasmicCanvasContext","resetMetadata","useCallback","description","siteName","useEffect","current","err","console","error","showLoadingProp","showNoPreviewProp","hasChildren","props","hasMetadata","_metadata$title","length","startsWith","body","React","hidePreview","hasNoPreview","DataProvider","data","style","display","rlpComponentName","registerLinkPreview","providesData","displayName","type","defaultValue","defaultValueHint","validator","value","hidePlaceholder","importPath","importName"],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@plasmicpkgs/plasmic-link-preview",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.108",
|
|
4
4
|
"description": "A React component that renders beautiful, fully-customizable link previews.",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"types": "dist/index.d.ts",
|
|
@@ -29,7 +29,7 @@
|
|
|
29
29
|
},
|
|
30
30
|
"devDependencies": {
|
|
31
31
|
"@plasmicapp/data-sources": "0.1.141",
|
|
32
|
-
"@plasmicapp/host": "1.0.
|
|
32
|
+
"@plasmicapp/host": "1.0.211",
|
|
33
33
|
"@size-limit/preset-small-lib": "^4.11.0",
|
|
34
34
|
"@types/node": "^14.0.26",
|
|
35
35
|
"@types/react": "^18.2.33",
|
|
@@ -49,5 +49,5 @@
|
|
|
49
49
|
"dependencies": {
|
|
50
50
|
"node-html-parser": "^6.1.11"
|
|
51
51
|
},
|
|
52
|
-
"gitHead": "
|
|
52
|
+
"gitHead": "93119895a0d403158e497a0abdccdcb24d670fb7"
|
|
53
53
|
}
|