jsoncrack migration

README.md

@@ -1,17 +1,17 @@
 <center>
-  <a href="https://jsonvisio.com">
+  <a href="https://jsoncrack.com">
     <img width="1080" alt="jsonvisio" src="https://user-images.githubusercontent.com/47941171/182015412-f048058e-6e31-4cf6-bcfc-ab9ba3f6e005.png">
   </a>
 </center>
 
 <p>
     <p align="center">
-        <img alt="travis ci badge" src="https://img.shields.io/travis/com/AykutSarac/jsonvisio.com/main?style=flat-square" />
-      <a href="https://github.com/AykutSarac/jsonvisio.com/blob/main/LICENSE">
-        <img alt="license badge" src="https://img.shields.io/github/license/AykutSarac/jsonvisio.com?style=flat-square" />
+        <img alt="travis ci badge" src="https://img.shields.io/travis/com/AykutSarac/jsoncrack.com/main?style=flat-square" />
+      <a href="https://github.com/AykutSarac/jsoncrack.com/blob/main/LICENSE">
+        <img alt="license badge" src="https://img.shields.io/github/license/AykutSarac/jsoncrack.com?style=flat-square" />
       </a>
-      <a href="https://github.com/AykutSarac/jsonvisio.com/releases">
-        <img alt="version badge" src="https://img.shields.io/github/package-json/v/AykutSarac/jsonvisio.com?color=brightgreen&style=flat-square" />
+      <a href="https://github.com/AykutSarac/jsoncrack.com/releases">
+        <img alt="version badge" src="https://img.shields.io/github/package-json/v/AykutSarac/jsoncrack.com?color=brightgreen&style=flat-square" />
       </a>
       <a href="https://github.com/sponsors/AykutSarac">
         <img alt="github sponsors" src="https://img.shields.io/github/sponsors/AykutSarac?style=flat-square" />
@@ -20,7 +20,7 @@
   <p align="center">
     <i>Simple json visualization tool for your data.</i>
     <p align="center">
-    <a href="https://www.producthunt.com/posts/json-visio?utm_source=badge-featured&utm_medium=badge&utm_souce=badge-json&#0045;visio" target="_blank"><img src="https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=332281&theme=light" alt="JSON&#0032;Visio - Simple&#0032;visualization&#0032;tool&#0032;for&#0032;your&#0032;JSON&#0032;data&#0046; | Product Hunt" style="width: 250px; height: 54px;" width="250" height="54" /></a>
+    <a href="https://www.producthunt.com/posts/json-visio?utm_source=badge-featured&utm_medium=badge&utm_souce=badge-json&#0045;visio" target="_blank"><img src="https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=332281&theme=light" alt="JSON&#0032;Crack - Simple&#0032;visualization&#0032;tool&#0032;for&#0032;your&#0032;JSON&#0032;data&#0046; | Product Hunt" style="width: 250px; height: 54px;" width="250" height="54" /></a>
     </p>
   </p>
 
@@ -28,13 +28,13 @@
       <img width="800" src="/public/jsonvisio-screenshot.webp" alt="preview 1" />
   </p>
 
-# JSON Visio (jsonvisio.com)
+# JSON Crack (jsoncrack.com)
 
-JSON Visio is a tool that generates graph diagrams from JSON objects. These diagrams are much easier to navigate than the textual format and to make it even more convenient, the tool also allows you to search the nodes. Additionally, the generated diagrams can also be downloaded or clipboard as image.
+JSON Crack is a tool that generates graph diagrams from JSON objects. These diagrams are much easier to navigate than the textual format and to make it even more convenient, the tool also allows you to search the nodes. Additionally, the generated diagrams can also be downloaded or clipboard as image.
 
-You can use the web version at [jsonvisio.com](https://jsonvisio.com) or also run it locally as [Docker container](https://github.com/AykutSarac/jsonvisio.com#-docker).
+You can use the web version at [jsoncrack.com](https://jsoncrack.com) or also run it locally as [Docker container](https://github.com/AykutSarac/jsoncrack.com#-docker).
 
-> <b><a href="https://jsonvisio.com">JSON Visio - Directly onto graphs</a></b>
+> <b><a href="https://jsoncrack.com">JSON Crack - Crack your data into pieces</a></b>
 
 ## ⚡️ Features
 
@@ -57,7 +57,7 @@ You can use the web version at [jsonvisio.com](https://jsonvisio.com) or also ru
 
 ```
 A Docker file is provided in the root of the repository.
-If you want to run JSON Visio locally:
+If you want to run JSON Crack locally:
 
 * Build Docker image with `docker build -t jsonvisio .`
 * Run locally with `docker run -p 8888:8080 jsonvisio`

package.json

@@ -3,7 +3,7 @@
   "private": true,
   "version": "v2.0.0",
   "author": "https://github.com/AykutSarac",
-  "homepage": "https://jsonvisio.com",
+  "homepage": "https://jsoncrack.com",
   "scripts": {
     "dev": "next dev",
     "build": "next build && next export",

public/CNAME

@@ -1 +1 @@
-jsonvisio.com
+jsoncrack.com

public/manifest.json

@@ -1,6 +1,6 @@
 {
-  "name": "JSON Visio",
-  "short_name": "JSON Visio",
+  "name": "JSON Crack",
+  "short_name": "JSON Crack",
   "description": "Visualize your JSON data onto graphs seamlessly.",
   "theme_color": "#36393e",
   "background_color": "#36393e",

src/components/Loading/index.tsx

@@ -39,7 +39,7 @@ export const Loading: React.FC<LoadingProps> = ({ message }) => {
   return (
     <StyledLoading>
       <StyledLogo>
-        <StyledText>JSON</StyledText> Visio
+        <StyledText>JSON</StyledText> Crack
       </StyledLogo>
       <StyledMessage>
         {message ?? "Preparing the environment for you..."}

src/components/Producthunt/index.tsx

@@ -24,7 +24,7 @@ export const Producthunt = () => {
           width="300"
           height="64"
           src="https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=332281&theme=neutral"
-          alt="JSON Visio - Simple visualization tool for your JSON data. | Product Hunt"
+          alt="JSON Crack - Simple visualization tool for your JSON data. | Product Hunt"
           loading="lazy"
         />
       </a>

src/components/SeoTags/index.tsx

@@ -24,7 +24,7 @@ export const SeoTags: React.FC<SeoTagsProps> = ({
 
     {/* <!-- Twitter Meta Tags --> */}
     <meta name="twitter:card" content="summary_large_image" />
-    <meta property="twitter:domain" content="jsonvisio.com" />
+    <meta property="twitter:domain" content="jsoncrack.com" />
     <meta property="twitter:url" content={packageJson.homepage} />
     <meta name="twitter:title" content={title} />
     <meta name="twitter:description" content={description} />

src/components/Sidebar/index.tsx

@@ -145,7 +145,7 @@ export const Sidebar: React.FC = () => {
           <StyledElement onClick={() => push("/")}>
             <StyledLogo>
               <StyledText>J</StyledText>
-              <StyledText secondary>V</StyledText>
+              <StyledText secondary>C</StyledText>
             </StyledLogo>
           </StyledElement>
         </Link>
@@ -192,7 +192,7 @@ export const Sidebar: React.FC = () => {
           </Link>
         </StyledElement>
         <StyledElement>
-          <Link href="https://github.com/AykutSarac/jsonvisio.com">
+          <Link href="https://github.com/AykutSarac/jsoncrack.com">
             <a aria-label="GitHub" rel="me" target="_blank">
               <AiFillGithub />
             </a>

src/containers/Home/index.tsx

@@ -29,7 +29,7 @@ const Home: React.FC = () => {
   return (
     <Styles.StyledHome>
       <Head>
-        <title>JSON Visio - Directly onto graphs</title>
+        <title>JSON Crack - Crack your data into pieces</title>
       </Head>
       <Styles.StyledNavbar>
         <Styles.StyledNavLink href="/editor">Editor</Styles.StyledNavLink>
@@ -40,7 +40,7 @@ const Home: React.FC = () => {
           <Styles.StyledNavLink>Sponsor</Styles.StyledNavLink>
         </Link>
         <Styles.StyledNavLink
-          href="https://github.com/AykutSarac/jsonvisio.com"
+          href="https://github.com/AykutSarac/jsoncrack.com"
           target="_blank"
           rel="external"
         >
@@ -50,7 +50,7 @@ const Home: React.FC = () => {
 
       <Styles.StyledHeroSection id="main">
         <Styles.StyledTitle>
-          <Styles.StyledGradientText>JSON</Styles.StyledGradientText> Visio
+          <Styles.StyledGradientText>JSON</Styles.StyledGradientText> Crack
         </Styles.StyledTitle>
         <Styles.StyledSubTitle>
           Seamlessly visualize your JSON data{" "}
@@ -70,7 +70,7 @@ const Home: React.FC = () => {
         {!isMobile && (
           <>
             <Styles.StyledSponsorButton onClick={() => setModalVisible(true)}>
-              Help JSON Visio Accomplish It&apos;s Goals
+              Help JSON Crack Accomplish It&apos;s Goals
               <FaHeart />
             </Styles.StyledSponsorButton>
             <GoalsModal visible={isModalVisible} setVisible={setModalVisible} />
@@ -98,7 +98,7 @@ const Home: React.FC = () => {
           <Styles.StyledCardTitle>EASY-TO-USE</Styles.StyledCardTitle>
           <Styles.StyledCardDescription>
             Don&apos;t even bother to update your schema to view your JSON into
-            graphs; directly paste, import or fetch! JSON Visio helps you to
+            graphs; directly paste, import or fetch! JSON Crack helps you to
             visualize without any additional values and save your time.
           </Styles.StyledCardDescription>
         </Styles.StyledSectionCard>
@@ -124,7 +124,7 @@ const Home: React.FC = () => {
           <Styles.StyledCardDescription>
             Download the graph to your local machine and use it wherever you
             want, to your blogs, website or make it a poster and paste to the
-            wall. Who wouldn&apos;t want to see a JSON Visio graph onto their
+            wall. Who wouldn&apos;t want to see a JSON Crack graph onto their
             wall, eh?
           </Styles.StyledCardDescription>
         </Styles.StyledSectionCard>
@@ -159,7 +159,7 @@ const Home: React.FC = () => {
             changes minor to major!
           </Styles.StyledMinorTitle>
           <Styles.StyledButton
-            onClick={() => push("https://github.com/AykutSarac/jsonvisio.com")}
+            onClick={() => push("https://github.com/AykutSarac/jsoncrack.com")}
             status="SECONDARY"
           >
             STAR ON GITHUB
@@ -171,19 +171,19 @@ const Home: React.FC = () => {
         <Styles.StyledSectionArea>
           <Styles.StyledSubTitle>Embed Into Your Website</Styles.StyledSubTitle>
           <Styles.StyledMinorTitle>
-            Easily embed the JSON Visio graph into your website to showcase your
+            Easily embed the JSON Crack graph into your website to showcase your
             visitors, blog readers or anybody else!
           </Styles.StyledMinorTitle>
         </Styles.StyledSectionArea>
         <div>
-          <Styles.StyledIframge src="https://jsonvisio.com/widget?json=%5B%5B%22squadName%22%2C%22homeTown%22%2C%22formed%22%2C%22secretBase%22%2C%22active%22%2C%22members%22%2C%22a%7C0%7C1%7C2%7C3%7C4%7C5%22%2C%22Super%20hero%20squad%22%2C%22Metro%20City%22%2C%22n%7CWW%22%2C%22Super%20tower%22%2C%22b%7CT%22%2C%22name%22%2C%22age%22%2C%22secretIdentity%22%2C%22powers%22%2C%22a%7CC%7CD%7CE%7CF%22%2C%22Molecule%20Man%22%2C%22n%7CT%22%2C%22Dan%20Jukes%22%2C%22Radiation%20resistance%22%2C%22Turning%20tiny%22%2C%22Radiation%20blast%22%2C%22a%7CK%7CL%7CM%22%2C%22o%7CG%7CH%7CI%7CJ%7CN%22%2C%22Madame%20Uppercut%22%2C%22n%7Cd%22%2C%22Jane%20Wilson%22%2C%22Million%20tonne%20punch%22%2C%22Damage%20resistance%22%2C%22Superhuman%20reflexes%22%2C%22a%7CS%7CT%7CU%22%2C%22o%7CG%7CP%7CQ%7CR%7CV%22%2C%22Eternal%20Flame%22%2C%22n%7C4C92%22%2C%22Unknown%22%2C%22Immortality%22%2C%22Heat%20Immunity%22%2C%22Inferno%22%2C%22Teleportation%22%2C%22Interdimensional%20travel%22%2C%22a%7Ca%7Cb%7Cc%7Cd%7Ce%22%2C%22o%7CG%7CX%7CY%7CZ%7Cf%22%2C%22a%7CO%7CW%7Cg%22%2C%22o%7C6%7C7%7C8%7C9%7CA%7CB%7Ch%22%5D%2C%22i%22%5D"></Styles.StyledIframge>
+          <Styles.StyledIframge src="https://jsoncrack.com/widget?json=%5B%5B%22squadName%22%2C%22homeTown%22%2C%22formed%22%2C%22secretBase%22%2C%22active%22%2C%22members%22%2C%22a%7C0%7C1%7C2%7C3%7C4%7C5%22%2C%22Super%20hero%20squad%22%2C%22Metro%20City%22%2C%22n%7CWW%22%2C%22Super%20tower%22%2C%22b%7CT%22%2C%22name%22%2C%22age%22%2C%22secretIdentity%22%2C%22powers%22%2C%22a%7CC%7CD%7CE%7CF%22%2C%22Molecule%20Man%22%2C%22n%7CT%22%2C%22Dan%20Jukes%22%2C%22Radiation%20resistance%22%2C%22Turning%20tiny%22%2C%22Radiation%20blast%22%2C%22a%7CK%7CL%7CM%22%2C%22o%7CG%7CH%7CI%7CJ%7CN%22%2C%22Madame%20Uppercut%22%2C%22n%7Cd%22%2C%22Jane%20Wilson%22%2C%22Million%20tonne%20punch%22%2C%22Damage%20resistance%22%2C%22Superhuman%20reflexes%22%2C%22a%7CS%7CT%7CU%22%2C%22o%7CG%7CP%7CQ%7CR%7CV%22%2C%22Eternal%20Flame%22%2C%22n%7C4C92%22%2C%22Unknown%22%2C%22Immortality%22%2C%22Heat%20Immunity%22%2C%22Inferno%22%2C%22Teleportation%22%2C%22Interdimensional%20travel%22%2C%22a%7Ca%7Cb%7Cc%7Cd%7Ce%22%2C%22o%7CG%7CX%7CY%7CZ%7Cf%22%2C%22a%7CO%7CW%7Cg%22%2C%22o%7C6%7C7%7C8%7C9%7CA%7CB%7Ch%22%5D%2C%22i%22%5D"></Styles.StyledIframge>
         </div>
       </Styles.StyledSection>
 
       <Styles.StyledPaidSection>
         <Styles.StyledProducthunt>
           <Styles.StyledSubTitle>
-            Support JSON Visio at
+            Support JSON Crack at
             <br />
             <Styles.StyledHighlightedText>
               Product Hunt
@@ -200,7 +200,7 @@ const Home: React.FC = () => {
       <Styles.StyledSponsorSection id="sponsor">
         <Styles.StyledSubTitle>Sponsors</Styles.StyledSubTitle>
         <Styles.StyledMinorTitle>
-          Your supports make JSON Visio possible to continue and accessible for
+          Your supports make JSON Crack possible to continue and accessible for
           everyone!
         </Styles.StyledMinorTitle>
         <Styles.StyledButton
@@ -214,11 +214,11 @@ const Home: React.FC = () => {
 
       <Styles.StyledFooter>
         <Styles.StyledFooterText>
-          © 2022 JSON Visio - {pkg.version}
+          © 2022 JSON Crack - {pkg.version}
         </Styles.StyledFooterText>
         <Styles.StyledIconLinks>
           <Styles.StyledNavLink
-            href="https://github.com/AykutSarac/jsonvisio.com"
+            href="https://github.com/AykutSarac/jsoncrack.com"
             target="_blank"
             aria-label="github"
           >

src/containers/Modals/DownloadModal/index.tsx

@@ -96,7 +96,7 @@ export const DownloadModal: React.FC<ModalProps> = ({
   setVisible,
 }) => {
   const [fileDetails, setFileDetails] = React.useState({
-    filename: "jsonvisio.com",
+    filename: "jsoncrack.com",
     backgroundColor: "transparent",
     quality: 1,
   });

src/containers/Modals/GoalsModal/index.tsx

@@ -38,10 +38,10 @@ export const GoalsModal = ({ visible, setVisible }) => {
 
   return (
     <Modal visible={visible} setVisible={setVisible}>
-      <Modal.Header>Help JSON Visio&apos;s Goals</Modal.Header>
+      <Modal.Header>Help JSON Crack&apos;s Goals</Modal.Header>
       <Modal.Content>
         <StyledTitle>OUR GOAL</StyledTitle>
-        <b>JSON Visio&apos;s Goal</b> is to keep the service completely free and
+        <b>JSON Crack&apos;s Goal</b> is to keep the service completely free and
         open source for everyone! For the contiunity of our service and keep the
         new updates coming we need your support to make that possible ❤️
         <ButtonsWrapper>
@@ -58,8 +58,8 @@ export const GoalsModal = ({ visible, setVisible }) => {
             onClick={() =>
               push(
                 `https://twitter.com/intent/tweet?button=&url=${encodeURIComponent(
-                  "https://jsonvisio.com"
-                )}&text=Looking+to+understand+or+explore+some+JSON?+Just+paste+or+upload+to+visualize+it+as+a+graph+with+JSON+Visio+😍&button=`
+                  "https://jsoncrack.com"
+                )}&text=Looking+to+understand+or+explore+some+JSON?+Just+paste+or+upload+to+visualize+it+as+a+graph+with+JSON+Crack+😍&button=`
               )
             }
             block

src/pages/Editor/index.tsx

@@ -23,7 +23,7 @@ const EditorPage: React.FC = () => {
   return (
     <StyledEditorWrapper>
       <Head>
-        <title>Editor | JSON Visio</title>
+        <title>Editor | JSON Crack</title>
         <meta
           name="description"
           content="View your JSON data in graphs instantly."

src/pages/Widget/index.tsx

@@ -67,7 +67,7 @@ const WidgetPage = () => {
         target="_blank"
         rel="noreferrer"
       >
-        jsonvisio.com
+        jsoncrack.com
       </StyledAttribute>
     </>
   );

src/pages/_app.tsx

@@ -20,7 +20,7 @@ if (process.env.NODE_ENV !== "development") {
   });
 }
 
-function JsonVisio({ Component, pageProps }: AppProps) {
+function JsonCrack({ Component, pageProps }: AppProps) {
   const { query } = useRouter();
   const lightmode = useStored((state) => state.lightmode);
   const setJson = useConfig((state) => state.setJson);
@@ -78,4 +78,4 @@ function JsonVisio({ Component, pageProps }: AppProps) {
   );
 }
 
-export default JsonVisio;
+export default JsonCrack;

src/pages/_document.tsx

@@ -39,8 +39,8 @@ class MyDocument extends Document {
         <Head>
           <SeoTags
             description="Simple visualization tool for your JSON data. No forced structure, paste your JSON and view it instantly."
-            title="JSON Visio - Directly onto graphs"
-            image="https://jsonvisio.com/jsonvisio.png"
+            title="JSON Crack - Crack your data into pieces"
+            image="https://jsoncrack.com/jsonvisio.png"
           />
           <meta name="theme-color" content="#36393E" />
           <link rel="manifest" href="/manifest.json" />