fetch url from package.json

src/components/SeoTags/index.tsx

@@ -1,6 +1,5 @@
 import React from "react";
-
-const baseURL = "https://jsonvisio.com";
+import packageJson from "package.json";
 
 interface SeoTagsProps {
   title: string;
@@ -12,25 +11,23 @@ export const SeoTags: React.FC<SeoTagsProps> = ({
   description,
   title,
   image,
-}) => {
-  return (
-    <>
-      <meta name="description" content={description} />
+}) => (
+  <>
+    <meta name="description" content={description} />
 
-      {/* <!-- Facebook Meta Tags --> */}
-      <meta property="og:url" content={baseURL} />
-      <meta property="og:type" content="website" />
-      <meta property="og:title" content={title} />
-      <meta property="og:description" content={description} />
-      <meta property="og:image" content={image} />
+    {/* <!-- Facebook Meta Tags --> */}
+    <meta property="og:url" content={packageJson.homepage} />
+    <meta property="og:type" content="website" />
+    <meta property="og:title" content={title} />
+    <meta property="og:description" content={description} />
+    <meta property="og:image" content={image} />
 
-      {/* <!-- Twitter Meta Tags --> */}
-      <meta name="twitter:card" content="summary_large_image" />
-      <meta property="twitter:domain" content="jsonvisio.com" />
-      <meta property="twitter:url" content={baseURL} />
-      <meta name="twitter:title" content={title} />
-      <meta name="twitter:description" content={description} />
-      <meta name="twitter:image" content={image} />
-    </>
-  );
-};
+    {/* <!-- Twitter Meta Tags --> */}
+    <meta name="twitter:card" content="summary_large_image" />
+    <meta property="twitter:domain" content="jsonvisio.com" />
+    <meta property="twitter:url" content={packageJson.homepage} />
+    <meta name="twitter:title" content={title} />
+    <meta name="twitter:description" content={description} />
+    <meta name="twitter:image" content={image} />
+  </>
+);

src/containers/Modals/ShareModal/index.tsx

@@ -7,6 +7,7 @@ import { BiErrorAlt } from "react-icons/bi";
 import { compress } from "compress-json";
 import useConfig from "src/hooks/store/useConfig";
 import { Input } from "src/components/Input";
+import packageJson from "package.json";
 
 const StyledWarning = styled.p``;
 
@@ -46,8 +47,8 @@ export const ShareModal: React.FC<ModalProps> = ({ visible, setVisible }) => {
   const json = useConfig((state) => state.json);
   const [encodedJson, setEncodedJson] = React.useState("");
 
-  const embedText = `<iframe src="https://jsonvisio.com/widget?json=${encodedJson}" width="512" height="384" style="border: 2px solid #b9bbbe; border-radius: 6px;"></iframe>`;
-  const shareURL = `https://jsonvisio.com/editor?json=${encodedJson}`;
+  const embedText = `<iframe src="${packageJson.homepage}/widget?json=${encodedJson}" width="512" height="384" style="border: 2px solid #b9bbbe; border-radius: 6px;"></iframe>`;
+  const shareURL = `${packageJson.homepage}/editor?json=${encodedJson}`;
 
   React.useEffect(() => {
     const jsonEncode = compress(JSON.parse(json));

src/pages/Widget/index.tsx

@@ -5,6 +5,7 @@ import React from "react";
 import { defaultJson } from "src/constants/data";
 import { isValidJson } from "src/utils/isValidJson";
 import styled from "styled-components";
+import packageJson from "package.json";
 
 const Graph = dynamic<any>(
   () => import("src/components/Graph").then((c) => c.Graph),
@@ -62,7 +63,7 @@ const WidgetPage = () => {
     <>
       <Graph json={json} isWidget />
       <StyledAttribute
-        href={`https://jsonvisio.com/editor?json=${query.json}`}
+        href={`${packageJson.homepage}/editor?json=${query.json}`}
         target="_blank"
         rel="noreferrer"
       >