···

       
14
       
 
       
  mimeType: string;

     

       
15
       
 
       
}

     

       
16
       
 
       


     

       
17
       
-
       
const JSONString = ({ data }: { data: string }) => {

     

       
18
       
 
       
  const navigate = useNavigate();

     

       
19
       
 
       


     

       
20
       
 
       
  const isURL =

     
···

       
54
       
 
       
              <A class="text-blue-400 hover:underline active:underline" href={`/at://${part}`}>

     

       
55
       
 
       
                {part}

     

       
56
       
 
       
              </A>

     

       
57
       
-
       
            : isNsid(part.split("#")[0]) ?

     

       
58
       
 
       
              <button

     

       
59
       
 
       
                type="button"

     

       
60
       
 
       
                onClick={() => handleClick(part)}

     
···

       
135
       
 
       
            "invisible h-0": !show(),

     

       
136
       
 
       
          }}

     

       
137
       
 
       
        >

     

       
138
       
-
       
          <JSONValue data={value} repo={repo} />

     

       
139
       
 
       
        </span>

     

       
140
       
 
       
      </span>

     

       
141
       
 
       
    );

     
···

       
220
       
 
       
  );

     

       
221
       
 
       
};

     

       
222
       
 
       


     

       
223
       
-
       
export const JSONValue = ({ data, repo }: { data: JSONType; repo: string }) => {

     

       
224
       
-
       
  if (typeof data === "string") return <JSONString data={data} />;

     

       
0
       
 
       

     

       
225
       
 
       
  if (typeof data === "number") return <JSONNumber data={data} />;

     

       
226
       
 
       
  if (typeof data === "boolean") return <JSONBoolean data={data} />;

     

       
227
       
 
       
  if (data === null) return <JSONNull />;

     

       
228
       
-
       
  if (Array.isArray(data)) return <JSONArray data={data} repo={repo} />;

     

       
229
       
-
       
  return <JSONObject data={data} repo={repo} />;

     

       
230
       
 
       
};

     

       
231
       
 
       


     

       
232
       
 
       
export type JSONType = string | number | boolean | null | { [x: string]: JSONType } | JSONType[];

     

···

       
14
       
 
       
  mimeType: string;

     

       
15
       
 
       
}

     

       
16
       
 
       


     

       
17
       
+
       
const JSONString = ({ data, isType }: { data: string; isType?: boolean }) => {

     

       
18
       
 
       
  const navigate = useNavigate();

     

       
19
       
 
       


     

       
20
       
 
       
  const isURL =

     
···

       
54
       
 
       
              <A class="text-blue-400 hover:underline active:underline" href={`/at://${part}`}>

     

       
55
       
 
       
                {part}

     

       
56
       
 
       
              </A>

     

       
57
       
+
       
            : isNsid(part.split("#")[0]) && isType ?

     

       
58
       
 
       
              <button

     

       
59
       
 
       
                type="button"

     

       
60
       
 
       
                onClick={() => handleClick(part)}

     
···

       
135
       
 
       
            "invisible h-0": !show(),

     

       
136
       
 
       
          }}

     

       
137
       
 
       
        >

     

       
138
       
+
       
          <JSONValue data={value} repo={repo} isType={key === "$type" ? true : undefined} />

     

       
139
       
 
       
        </span>

     

       
140
       
 
       
      </span>

     

       
141
       
 
       
    );

     
···

       
220
       
 
       
  );

     

       
221
       
 
       
};

     

       
222
       
 
       


     

       
223
       
+
       
export const JSONValue = (props: { data: JSONType; repo: string; isType?: boolean }) => {

     

       
224
       
+
       
  const data = props.data;

     

       
225
       
+
       
  if (typeof data === "string") return <JSONString data={data} isType={props.isType} />;

     

       
226
       
 
       
  if (typeof data === "number") return <JSONNumber data={data} />;

     

       
227
       
 
       
  if (typeof data === "boolean") return <JSONBoolean data={data} />;

     

       
228
       
 
       
  if (data === null) return <JSONNull />;

     

       
229
       
+
       
  if (Array.isArray(data)) return <JSONArray data={data} repo={props.repo} />;

     

       
230
       
+
       
  return <JSONObject data={data} repo={props.repo} />;

     

       
231
       
 
       
};

     

       
232
       
 
       


     

       
233
       
 
       
export type JSONType = string | number | boolean | null | { [x: string]: JSONType } | JSONType[];