···

       
7
       
7
       
 
       
export const [pds, setPDS] = createSignal<string>();

     

       
8
       
8
       
 
       
export const [cid, setCID] = createSignal<string>();

     

       
9
       
9
       
 
       
export const [isLabeler, setIsLabeler] = createSignal(false);

     

       
10
       
10
       
-
       
export const [validRecord, setValidRecord] = createSignal<boolean | undefined>(undefined);

     

       
11
       
11
       
-
       
export const [validSchema, setValidSchema] = createSignal<boolean | undefined>(undefined);

     

       
12
       
10
       
 
       


     

       
13
       
11
       
 
       
const swapIcons: Record<string, string> = {

     

       
14
       
12
       
 
       
  "did:plc:vwzwgnygau7ed7b7wt5ux7y2": "lucide--microchip",

     
···

       
165
       
163
       
 
       
            <Tooltip text="Record">

     

       
166
       
164
       
 
       
              <span class="iconify lucide--file-json text-base"></span>

     

       
167
       
165
       
 
       
            </Tooltip>

     

       
168
       
168
       
-
       
            <div class="flex gap-1">

     

       
169
       
169
       
-
       
              <span>{props.params.rkey}</span>

     

       
170
       
170
       
-
       
              <Show when={validRecord()}>

     

       
171
       
171
       
-
       
                <Tooltip text="Valid record">

     

       
172
       
172
       
-
       
                  <span class="iconify lucide--lock-keyhole"></span>

     

       
173
       
173
       
-
       
                </Tooltip>

     

       
174
       
174
       
-
       
              </Show>

     

       
175
       
175
       
-
       
              <Show when={validRecord() === false}>

     

       
176
       
176
       
-
       
                <Tooltip text="Invalid record">

     

       
177
       
177
       
-
       
                  <span class="iconify lucide--lock-keyhole-open text-red-500 dark:text-red-400"></span>

     

       
178
       
178
       
-
       
                </Tooltip>

     

       
179
       
179
       
-
       
              </Show>

     

       
180
       
180
       
-
       
              <Show when={validRecord() === undefined}>

     

       
181
       
181
       
-
       
                <Tooltip text="Validating">

     

       
182
       
182
       
-
       
                  <span class="iconify lucide--loader-circle animate-spin"></span>

     

       
183
       
183
       
-
       
                </Tooltip>

     

       
184
       
184
       
-
       
              </Show>

     

       
185
       
185
       
-
       
              <Show when={validSchema()}>

     

       
186
       
186
       
-
       
                <Tooltip text="Valid schema">

     

       
187
       
187
       
-
       
                  <span class="iconify lucide--file-check"></span>

     

       
188
       
188
       
-
       
                </Tooltip>

     

       
189
       
189
       
-
       
              </Show>

     

       
190
       
190
       
-
       
              <Show when={validSchema() === false}>

     

       
191
       
191
       
-
       
                <Tooltip text="Invalid schema">

     

       
192
       
192
       
-
       
                  <span class="iconify lucide--file-x text-red-500 dark:text-red-400"></span>

     

       
193
       
193
       
-
       
                </Tooltip>

     

       
194
       
194
       
-
       
              </Show>

     

       
195
       
195
       
-
       
            </div>

     

       
166
       
166
       
+
       
            <span>{props.params.rkey}</span>

     

       
196
       
167
       
 
       
          </div>

     

       
197
       
168
       
 
       
        </Show>

     

       
198
       
169
       
 
       
      </div>

     

···

       
10
       
10
       
 
       
import { JSONValue } from "../components/json.jsx";

     

       
11
       
11
       
 
       
import { agent } from "../components/login.jsx";

     

       
12
       
12
       
 
       
import { Modal } from "../components/modal.jsx";

     

       
13
       
13
       
-
       
import { pds, setCID, setValidRecord, setValidSchema, validRecord } from "../components/navbar.jsx";

     

       
13
       
13
       
+
       
import { pds, setCID } from "../components/navbar.jsx";

     

       
14
       
14
       
 
       
import Tooltip from "../components/tooltip.jsx";

     

       
15
       
15
       
 
       
import { setNotif } from "../layout.jsx";

     

       
16
       
16
       
 
       
import { didDocCache, resolvePDS } from "../utils/api.js";

     
···

       
27
       
27
       
 
       
  const [externalLink, setExternalLink] = createSignal<

     

       
28
       
28
       
 
       
    { label: string; link: string; icon?: string } | undefined

     

       
29
       
29
       
 
       
  >();

     

       
30
       
30
       
+
       
  const [validRecord, setValidRecord] = createSignal<boolean | undefined>(undefined);

     

       
31
       
31
       
+
       
  const [validSchema, setValidSchema] = createSignal<boolean | undefined>(undefined);

     

       
30
       
32
       
 
       
  const did = params.repo;

     

       
31
       
33
       
 
       
  let rpc: Client;

     

       
32
       
34
       
 
       


     
···

       
146
       
148
       
 
       
            </A>

     

       
147
       
149
       
 
       
          </div>

     

       
148
       
150
       
 
       
          <div class="flex gap-1">

     

       
151
       
151
       
+
       
            <div class="mr-1 flex gap-3">

     

       
152
       
152
       
+
       
              <Tooltip

     

       
153
       
153
       
+
       
                text={

     

       
154
       
154
       
+
       
                  validRecord() === undefined ? "Validating"

     

       
155
       
155
       
+
       
                  : validRecord() === false ?

     

       
156
       
156
       
+
       
                    "Invalid record"

     

       
157
       
157
       
+
       
                  : "Valid record"

     

       
158
       
158
       
+
       
                }

     

       
159
       
159
       
+
       
              >

     

       
160
       
160
       
+
       
                <span

     

       
161
       
161
       
+
       
                  classList={{

     

       
162
       
162
       
+
       
                    "iconify lucide--lock-keyhole": validRecord() === true,

     

       
163
       
163
       
+
       
                    "iconify lucide--lock-keyhole-open text-red-500 dark:text-red-400":

     

       
164
       
164
       
+
       
                      validRecord() === false,

     

       
165
       
165
       
+
       
                    "iconify lucide--loader-circle animate-spin": validRecord() === undefined,

     

       
166
       
166
       
+
       
                  }}

     

       
167
       
167
       
+
       
                ></span>

     

       
168
       
168
       
+
       
              </Tooltip>

     

       
169
       
169
       
+
       
              <Show when={validSchema() !== undefined}>

     

       
170
       
170
       
+
       
                <Tooltip text={validSchema() ? "Valid schema" : "Invalid schema"}>

     

       
171
       
171
       
+
       
                  <span

     

       
172
       
172
       
+
       
                    class={`iconify ${validSchema() ? "lucide--file-check" : "lucide--file-x text-red-500 dark:text-red-400"}`}

     

       
173
       
173
       
+
       
                  ></span>

     

       
174
       
174
       
+
       
                </Tooltip>

     

       
175
       
175
       
+
       
              </Show>

     

       
176
       
176
       
+
       
            </div>

     

       
149
       
177
       
 
       
            <Show when={agent() && agent()?.sub === record()?.uri.split("/")[2]}>

     

       
150
       
178
       
 
       
              <RecordEditor create={false} record={record()?.value} refetch={refetch} />

     

       
151
       
179
       
 
       
              <Tooltip text="Delete">