GitHub/jsoncrack.com
1
0
Fork 0
mirror of https://github.com/AykutSarac/jsoncrack.com.git synced 2025-01-12 19:02:53 +08:00
Code Issues Packages Projects Releases Wiki Activity

jsoncrack migration

Browse Source
This commit is contained in:
AykutSarac 2022-08-30 11:16:52 +03:00
parent acf953916e
commit 22e42e3f1a
15 changed files with 45 additions and 45 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
README.md
View File

@ -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`

2
package.json
View File

@ -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",

2
public/CNAME
View File

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

4
public/manifest.json
View File

@ -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",

2
src/components/Loading/index.tsx
View File

@ -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..."}

2
src/components/Producthunt/index.tsx
View File

@ -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>

2
src/components/SeoTags/index.tsx
View File

@ -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} />

4
src/components/Sidebar/index.tsx
View File

@ -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>

26
src/containers/Home/index.tsx
View File

@ -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"
>

2
src/containers/Modals/DownloadModal/index.tsx
View File

@ -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,
});

8
src/containers/Modals/GoalsModal/index.tsx
View File

@ -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

2
src/pages/Editor/index.tsx
View File

@ -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."

2
src/pages/Widget/index.tsx
View File

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

4
src/pages/_app.tsx
View File

@ -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;

4
src/pages/_document.tsx
View File

@ -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" />