Skip to content

Instantly share code, notes, and snippets.

@JohnPhamous
Created June 18, 2021 19:14
Show Gist options
  • Select an option

  • Save JohnPhamous/43cd3123d33710af3996f44070664e6b to your computer and use it in GitHub Desktop.

Select an option

Save JohnPhamous/43cd3123d33710af3996f44070664e6b to your computer and use it in GitHub Desktop.
This file has been truncated, but you can view the full file.
[
{
"type": 4,
"data": {
"href": "https://localhost:3000/11/sessions",
"width": 1876,
"height": 1335
},
"timestamp": 1624043552571
},
{
"type": 2,
"data": {
"node": {
"type": 0,
"childNodes": [
{
"type": 1,
"name": "html",
"publicId": "",
"systemId": "",
"id": 2
},
{
"type": 2,
"tagName": "html",
"attributes": {
"lang": "en"
},
"childNodes": [
{
"type": 2,
"tagName": "head",
"attributes": {},
"childNodes": [
{
"type": 3,
"textContent": "\n ",
"id": 5
},
{
"type": 2,
"tagName": "base",
"attributes": {
"href": "https://localhost:3000/"
},
"childNodes": [],
"id": 6
},
{
"type": 3,
"textContent": "\n ",
"id": 7
},
{
"type": 2,
"tagName": "meta",
"attributes": {
"charset": "utf-8"
},
"childNodes": [],
"id": 8
},
{
"type": 3,
"textContent": "\n ",
"id": 9
},
{
"type": 2,
"tagName": "link",
"attributes": {
"rel": "icon",
"href": "https://localhost:3000/favicon-localhost.ico"
},
"childNodes": [],
"id": 10
},
{
"type": 3,
"textContent": "\n ",
"id": 11
},
{
"type": 2,
"tagName": "link",
"attributes": {
"rel": "apple-touch-icon",
"sizes": "180x180",
"href": "https://localhost:3000/apple-touch-icon.png"
},
"childNodes": [],
"id": 12
},
{
"type": 3,
"textContent": "\n ",
"id": 13
},
{
"type": 2,
"tagName": "link",
"attributes": {
"rel": "icon",
"type": "image/png",
"sizes": "32x32",
"href": "https://localhost:3000/favicon-32x32.png"
},
"childNodes": [],
"id": 14
},
{
"type": 3,
"textContent": "\n ",
"id": 15
},
{
"type": 2,
"tagName": "link",
"attributes": {
"rel": "icon",
"type": "image/png",
"sizes": "16x16",
"href": "https://localhost:3000/favicon-16x16.png"
},
"childNodes": [],
"id": 16
},
{
"type": 3,
"textContent": "\n ",
"id": 17
},
{
"type": 2,
"tagName": "link",
"attributes": {
"rel": "manifest",
"href": "https://localhost:3000/site.webmanifest"
},
"childNodes": [],
"id": 18
},
{
"type": 3,
"textContent": "\n ",
"id": 19
},
{
"type": 2,
"tagName": "link",
"attributes": {
"rel": "mask-icon",
"href": "https://localhost:3000/safari-pinned-tab.svg",
"color": "#5629c6"
},
"childNodes": [],
"id": 20
},
{
"type": 3,
"textContent": "\n ",
"id": 21
},
{
"type": 2,
"tagName": "meta",
"attributes": {
"name": "msapplication-TileColor",
"content": "#5629c6"
},
"childNodes": [],
"id": 22
},
{
"type": 3,
"textContent": "\n ",
"id": 23
},
{
"type": 2,
"tagName": "meta",
"attributes": {
"name": "viewport",
"content": "width=device-width, initial-scale=1"
},
"childNodes": [],
"id": 24
},
{
"type": 3,
"textContent": "\n ",
"id": 25
},
{
"type": 2,
"tagName": "meta",
"attributes": {
"name": "theme-color",
"content": "#5629c6"
},
"childNodes": [],
"id": 26
},
{
"type": 3,
"textContent": "\n\n ",
"id": 27
},
{
"type": 2,
"tagName": "link",
"attributes": {
"_cssText": "@font-face { font-display: swap; font-family: Steradian; font-style: normal; font-weight: 200; src: local(\"Steradian UltraLight\"), local(\"SteradianUltraLight\"), url(\"https://localhost:3000/font/SteradianUltraLight.woff2\") format(\"woff2\"); }@font-face { font-display: swap; font-family: Steradian; font-style: normal; font-weight: normal; src: local(\"Steradian Regular\"), local(\"SteradianRegular\"), url(\"https://localhost:3000/font/SteradianRegular.woff2\") format(\"woff2\"); }@font-face { font-display: swap; font-family: Steradian; font-style: normal; font-weight: 100; src: local(\"Steradian Thin\"), local(\"SteradianThin\"), url(\"https://localhost:3000/font/SteradianThin.woff2\") format(\"woff2\"); }@font-face { font-display: swap; font-family: Steradian; font-style: normal; font-weight: 800; src: local(\"Steradian Black\"), local(\"SteradianBlack\"), url(\"https://localhost:3000/font/SteradianBlack.woff2\") format(\"woff2\"); }@font-face { font-display: swap; font-family: Steradian; font-style: normal; font-weight: bold; src: local(\"Steradian Bold\"), local(\"SteradianBold\"), url(\"https://localhost:3000/font/SteradianBold.woff2\") format(\"woff2\"); }@font-face { font-display: swap; font-family: Steradian; font-style: normal; font-weight: 500; src: local(\"Steradian Medium\"), local(\"SteradianMedium\"), url(\"https://localhost:3000/font/SteradianMedium.woff2\") format(\"woff2\"); }@font-face { font-display: swap; font-family: Steradian; font-style: normal; font-weight: 200; src: local(\"Steradian ExtraLight\"), local(\"SteradianExtraLight\"), url(\"https://localhost:3000/font/SteradianExtraLight.woff2\") format(\"woff2\"); }@font-face { font-display: swap; font-family: Steradian; font-style: normal; font-weight: 300; src: local(\"Steradian Light\"), local(\"SteradianLight\"), url(\"https://localhost:3000/font/SteradianLight.woff2\") format(\"woff2\"); }"
},
"childNodes": [],
"id": 28
},
{
"type": 3,
"textContent": "\n ",
"id": 29
},
{
"type": 2,
"tagName": "link",
"attributes": {
"rel": "stylesheet",
"href": "https://unpkg.com/@highlight-run/rrweb@0.9.27/dist/index.css"
},
"childNodes": [],
"id": 30
},
{
"type": 3,
"textContent": "\n ",
"id": 31
},
{
"type": 2,
"tagName": "link",
"attributes": {
"rel": "preconnect",
"href": "https://fonts.gstatic.com/"
},
"childNodes": [],
"id": 32
},
{
"type": 3,
"textContent": "\n ",
"id": 33
},
{
"type": 2,
"tagName": "link",
"attributes": {
"href": "https://fonts.googleapis.com/css2?family=Inter:wght@400;700&display=swap",
"rel": "stylesheet"
},
"childNodes": [],
"id": 34
},
{
"type": 3,
"textContent": "\n\n ",
"id": 35
},
{
"type": 5,
"textContent": " Primary Meta Tags ",
"id": 36
},
{
"type": 3,
"textContent": "\n ",
"id": 37
},
{
"type": 2,
"tagName": "title",
"attributes": {},
"childNodes": [
{
"type": 3,
"textContent": "⚙️ Highlight App",
"id": 39
}
],
"id": 38
},
{
"type": 3,
"textContent": "\n ",
"id": 40
},
{
"type": 2,
"tagName": "meta",
"attributes": {
"name": "title",
"content": "Highlight | Frontend Observability"
},
"childNodes": [],
"id": 41
},
{
"type": 3,
"textContent": "\n ",
"id": 42
},
{
"type": 2,
"tagName": "meta",
"attributes": {
"name": "description",
"content": "Highlight gives your team full transparency into the errors, interactions, and performance metrics of your client-side application."
},
"childNodes": [],
"id": 43
},
{
"type": 3,
"textContent": "\n\n ",
"id": 44
},
{
"type": 5,
"textContent": " Open Graph / Facebook ",
"id": 45
},
{
"type": 3,
"textContent": "\n ",
"id": 46
},
{
"type": 2,
"tagName": "meta",
"attributes": {
"property": "og:type",
"content": "website"
},
"childNodes": [],
"id": 47
},
{
"type": 3,
"textContent": "\n ",
"id": 48
},
{
"type": 2,
"tagName": "meta",
"attributes": {
"property": "og:url",
"content": "https://app.highlight.run/"
},
"childNodes": [],
"id": 49
},
{
"type": 3,
"textContent": "\n ",
"id": 50
},
{
"type": 2,
"tagName": "meta",
"attributes": {
"property": "og:title",
"content": "Highlight | Frontend Observability"
},
"childNodes": [],
"id": 51
},
{
"type": 3,
"textContent": "\n ",
"id": 52
},
{
"type": 2,
"tagName": "meta",
"attributes": {
"property": "og:description",
"content": "Highlight gives your team full transparency into the errors, interactions, and performance metrics of your client-side application."
},
"childNodes": [],
"id": 53
},
{
"type": 3,
"textContent": "\n ",
"id": 54
},
{
"type": 2,
"tagName": "meta",
"attributes": {
"property": "og:image",
"content": "/hero.png"
},
"childNodes": [],
"id": 55
},
{
"type": 3,
"textContent": "\n\n ",
"id": 56
},
{
"type": 5,
"textContent": " Twitter ",
"id": 57
},
{
"type": 3,
"textContent": "\n ",
"id": 58
},
{
"type": 2,
"tagName": "meta",
"attributes": {
"property": "twitter:card",
"content": "/hero.png"
},
"childNodes": [],
"id": 59
},
{
"type": 3,
"textContent": "\n ",
"id": 60
},
{
"type": 2,
"tagName": "meta",
"attributes": {
"property": "twitter:url",
"content": "https://app.highlight.run/"
},
"childNodes": [],
"id": 61
},
{
"type": 3,
"textContent": "\n ",
"id": 62
},
{
"type": 2,
"tagName": "meta",
"attributes": {
"property": "twitter:title",
"content": "Highlight | Frontend Observability"
},
"childNodes": [],
"id": 63
},
{
"type": 3,
"textContent": "\n ",
"id": 64
},
{
"type": 2,
"tagName": "meta",
"attributes": {
"property": "twitter:description",
"content": "Highlight gives your team full transparency into the errors, interactions, and performance metrics of your client-side application."
},
"childNodes": [],
"id": 65
},
{
"type": 3,
"textContent": "\n ",
"id": 66
},
{
"type": 2,
"tagName": "meta",
"attributes": {
"property": "twitter:image",
"content": "/hero.png"
},
"childNodes": [],
"id": 67
},
{
"type": 3,
"textContent": "\n\n ",
"id": 68
},
{
"type": 2,
"tagName": "link",
"attributes": {
"rel": "apple-touch-icon",
"href": "https://localhost:3000/logo192.png"
},
"childNodes": [],
"id": 69
},
{
"type": 3,
"textContent": "\n ",
"id": 70
},
{
"type": 5,
"textContent": "\n manifest.json provides metadata used when your web app is installed on a\n user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/\n ",
"id": 71
},
{
"type": 3,
"textContent": "\n ",
"id": 72
},
{
"type": 2,
"tagName": "link",
"attributes": {
"rel": "manifest",
"href": "https://localhost:3000/manifest.json"
},
"childNodes": [],
"id": 73
},
{
"type": 3,
"textContent": "\n ",
"id": 74
},
{
"type": 5,
"textContent": "\n Notice the use of in the tags above.\n It will be replaced with the URL of the `public` folder during the build.\n Only files inside the `public` folder can be referenced from the HTML.\n\n Unlike \"/favicon.ico\" or \"favicon.ico\", \"/favicon.ico\" will\n work correctly both with client-side routing and a non-root public URL.\n Learn how to configure a non-root public URL by running `npm run build`.\n ",
"id": 75
},
{
"type": 3,
"textContent": "\n ",
"id": 76
},
{
"type": 2,
"tagName": "title",
"attributes": {},
"childNodes": [
{
"type": 3,
"textContent": "Highlight App",
"id": 78
}
],
"id": 77
},
{
"type": 3,
"textContent": "\n ",
"id": 79
},
{
"type": 2,
"tagName": "script",
"attributes": {
"type": "text/javascript",
"async": "",
"src": "https://widget.intercom.io/widget/gm6369ty"
},
"childNodes": [],
"id": 80
},
{
"type": 2,
"tagName": "script",
"attributes": {
"type": "text/javascript",
"async": "",
"src": "https://cdn.segment.com/analytics.js/v1/fDAEAIJz9sWPL5zGB7uZBgWKZ49NIVZe/analytics.min.js"
},
"childNodes": [],
"id": 81
},
{
"type": 2,
"tagName": "script",
"attributes": {},
"childNodes": [
{
"type": 3,
"textContent": "SCRIPT_PLACEHOLDER",
"id": 83
}
],
"id": 82
},
{
"type": 3,
"textContent": "\n ",
"id": 84
},
{
"type": 2,
"tagName": "script",
"attributes": {},
"childNodes": [
{
"type": 3,
"textContent": "SCRIPT_PLACEHOLDER",
"id": 86
}
],
"id": 85
},
{
"type": 3,
"textContent": "\n ",
"id": 87
},
{
"type": 2,
"tagName": "script",
"attributes": {},
"childNodes": [
{
"type": 3,
"textContent": "SCRIPT_PLACEHOLDER",
"id": 89
}
],
"id": 88
},
{
"type": 3,
"textContent": "\n ",
"id": 90
},
{
"type": 2,
"tagName": "style",
"attributes": {},
"childNodes": [
{
"type": 3,
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment