reya/nostr-connect
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: production build

Browse Source
This commit is contained in:
Ren Amamiya
2026-04-08 12:57:04 +07:00
parent 72b9dcddc1
commit 4050afe93f
14 changed files with 1944 additions and 1676 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
.gitignore vendored
View File

@@ -2,8 +2,7 @@ node_modules
*.build.js
*.zip
*.xpi
/extension/releases/*.zip
/extension/releases/*.xpi
/extension/releases/*/*
/extension/output/*.js
/extension/output/*.html
/extension/output/*.css

85
biome.json
View File

@@ -1,55 +1,38 @@
{
"$schema": "https://biomejs.dev/schemas/2.4.10/schema.json",
"vcs": {
"enabled": true,
"clientKind": "git",
"useIgnoreFile": true
},
"files": {
"ignoreUnknown": true,
"ignore": [
"extension/output/**",
"extension/**/*.test.js",
"extension/test-utils.js",
"extension/style.css"
]
},
"formatter": {
"enabled": true,
"indentStyle": "space",
"indentWidth": 2,
"lineWidth": 80
},
"linter": {
"enabled": true,
"rules": {
"recommended": true,
"correctness": {
"noUnusedVariables": "warn"
},
"style": {
"noNonNullAssertion": "off"
},
"a11y": {
"recommended": true
},
"complexity": {
"recommended": true
},
"suspicious": {
"recommended": true
}
}
},
"javascript": {
"formatter": {
"quoteStyle": "single",
"semicolons": "asNeeded",
"trailingCommas": "none",
"arrowParentheses": "always"
}
}
}
"$schema": "https://biomejs.dev/schemas/2.4.10/schema.json",
"vcs": {
"enabled": true,
"clientKind": "git",
"useIgnoreFile": true
},
"files": {
"ignoreUnknown": true
},
"formatter": {
"enabled": true,
"indentStyle": "space",
"indentWidth": 2,
"lineWidth": 80
},
"linter": {
"enabled": true,
"rules": {
"recommended": true,
"correctness": {
"noUnusedVariables": "warn"
},
"style": {
"noNonNullAssertion": "off"
},
"a11y": {
"recommended": true
},
"complexity": {
"recommended": true
},
"suspicious": {
"recommended": true
}
}
},
"javascript": {

62
build.js
View File

@@ -1,25 +1,27 @@
#!/usr/bin/env node
const {copy} = require('esbuild-plugin-copy')
const esbuild = require('esbuild')
const { copy } = require("esbuild-plugin-copy");
const esbuild = require("esbuild");
const isProd = process.argv.indexOf('prod') !== -1
const isFirefox = process.argv.indexOf('firefox') !== -1
const isProd = process.argv.indexOf("prod") !== -1;
const isFirefox = process.argv.indexOf("firefox") !== -1;
esbuild
.build({
bundle: true,
entryPoints: {
'popup.build': './extension/popup.jsx',
'prompt.build': './extension/prompt.jsx',
'options.build': './extension/options.jsx',
'background.build': './extension/background.js',
'content-script.build': './extension/content-script.js'
"popup.build": "./extension/popup.jsx",
"prompt.build": "./extension/prompt.jsx",
"options.build": "./extension/options.jsx",
"background.build": "./extension/background.js",
"content-script.build": "./extension/content-script.js",
},
outdir: './extension/output',
sourcemap: isProd ? false : 'inline',
outdir: "./extension/output",
sourcemap: isProd ? false : "inline",
jsx: "automatic",
jsxImportSource: "react",
define: {
window: 'self',
global: 'self'
window: "self",
global: "self",
},
plugins: [
copy({
@@ -27,30 +29,30 @@ esbuild
{
from: [
isFirefox
? './extension/firefox/manifest.json'
: './extension/chrome/manifest.json'
? "./extension/firefox/manifest.json"
: "./extension/chrome/manifest.json",
],
to: ['./']
to: ["./"],
},
{
from: ['./extension/*.html'],
to: ['./']
from: ["./extension/*.html"],
to: ["./"],
},
{
from: ['./extension/common.js'],
to: ['./']
from: ["./extension/common.js"],
to: ["./"],
},
{
from: ['./extension/nostr-provider.js'],
to: ['./']
from: ["./extension/nostr-provider.js"],
to: ["./"],
},
{
from: ['./extension/icons/*'],
to: ['./icons']
}
]
})
]
from: ["./extension/icons/*"],
to: ["./icons"],
},
],
}),
],
})
.then(() => console.log('Build success.'))
.catch(err => console.error('Build error.', err))
.then(() => console.log("Build success."))
.catch((err) => console.error("Build error.", err));

608
bun.lock
View File

File diff suppressed because it is too large Load Diff

248
extension/background.js
View File

@@ -1,273 +1,273 @@
import browser from "webextension-polyfill";
import browser from 'webextension-polyfill'
import {
validateEvent,
finalizeEvent,
getEventHash,
getPublicKey,
nip19,
utils,
} from "nostr-tools";
import { nip04 } from "nostr-tools";
import * as nip44 from "nostr-tools/nip44";
import { Mutex } from "async-mutex";
import { LRUCache } from "./utils";
utils
} from 'nostr-tools'
import { nip04 } from 'nostr-tools'
import * as nip44 from 'nostr-tools/nip44'
import { Mutex } from 'async-mutex'
import { LRUCache } from './utils'
const { hexToBytes } = utils;
const { hexToBytes } = utils
import {
NO_PERMISSIONS_REQUIRED,
getPermissionStatus,
updatePermission,
showNotification,
getPosition,
} from "./common";
getPosition
} from './common'
const { encrypt, decrypt } = nip04;
const { encrypt, decrypt } = nip04
let openPrompt = null;
const promptMutex = new Mutex();
let releasePromptMutex = () => {};
const secretsCache = new LRUCache(100);
const previousSk = null;
let openPrompt = null
const promptMutex = new Mutex()
let releasePromptMutex = () => {}
const secretsCache = new LRUCache(100)
const previousSk = null
function getSharedSecret(sk, peer) {
if (previousSk !== sk) {
secretsCache.clear();
secretsCache.clear()
}
let key = secretsCache.get(peer);
let key = secretsCache.get(peer)
if (!key) {
key = nip44.v2.utils.getConversationKey(sk, peer);
secretsCache.set(peer, key);
key = nip44.v2.utils.getConversationKey(sk, peer)
secretsCache.set(peer, key)
}
return key;
return key
}
const width = 440;
const height = 420;
const width = 440
const height = 420
browser.runtime.onInstalled.addListener((_, __, reason) => {
if (reason === "install") browser.runtime.openOptionsPage();
});
if (reason === 'install') browser.runtime.openOptionsPage()
})
browser.runtime.onMessage.addListener(async (req, sender) => {
const { prompt } = req;
const { prompt } = req
if (prompt) {
handlePromptMessage(req, sender);
handlePromptMessage(req, sender)
} else {
return handleContentScriptMessage(req);
return handleContentScriptMessage(req)
}
});
})
browser.runtime.onMessageExternal.addListener(
async ({ type, params }, sender) => {
const extensionId = new URL(sender.url).host;
return handleContentScriptMessage({ type, params, host: extensionId });
const extensionId = new URL(sender.url).host
return handleContentScriptMessage({ type, params, host: extensionId })
}
);
)
browser.windows.onRemoved.addListener((_windowId) => {
if (openPrompt) {
// calling this with a simple "no" response will not store anything, so it's fine
// it will just return a failure
handlePromptMessage({ accept: false }, null);
handlePromptMessage({ accept: false }, null)
}
});
})
async function handleContentScriptMessage({ type, params, host }) {
if (NO_PERMISSIONS_REQUIRED[type]) {
switch (type) {
case "peekPublicKey": {
const allowed = await getPermissionStatus(host, "getPublicKey");
if (allowed === true) return performOperation("getPublicKey", params);
return "";
case 'peekPublicKey': {
const allowed = await getPermissionStatus(host, 'getPublicKey')
if (allowed === true) return performOperation('getPublicKey', params)
return ''
}
case "replaceURL": {
case 'replaceURL': {
const { protocol_handler: ph } = await browser.storage.local.get([
"protocol_handler",
]);
if (!ph) return false;
'protocol_handler'
])
if (!ph) return false
const { url } = params;
const raw = url.split("nostr:")[1];
const { type, data } = nip19.decode(raw);
const { url } = params
const raw = url.split('nostr:')[1]
const { type, data } = nip19.decode(raw)
const replacements = {
raw,
hrp: type,
hex:
type === "npub" || type === "note"
type === 'npub' || type === 'note'
? data
: type === "nprofile"
? data.pubkey
: type === "nevent"
? data.id
: null,
p_or_e: { npub: "p", note: "e", nprofile: "p", nevent: "e" }[type],
u_or_n: { npub: "u", note: "n", nprofile: "u", nevent: "n" }[type],
relay0: type === "nprofile" ? data.relays[0] : null,
relay1: type === "nprofile" ? data.relays[1] : null,
relay2: type === "nprofile" ? data.relays[2] : null,
};
let result = ph;
: type === 'nprofile'
? data.pubkey
: type === 'nevent'
? data.id
: null,
p_or_e: { npub: 'p', note: 'e', nprofile: 'p', nevent: 'e' }[type],
u_or_n: { npub: 'u', note: 'n', nprofile: 'u', nevent: 'n' }[type],
relay0: type === 'nprofile' ? data.relays[0] : null,
relay1: type === 'nprofile' ? data.relays[1] : null,
relay2: type === 'nprofile' ? data.relays[2] : null
}
let result = ph
Object.entries(replacements).forEach(([pattern, value]) => {
result = result.replace(new RegExp(`{ *${pattern} *}`, "g"), value);
});
result = result.replace(new RegExp(`{ *${pattern} *}`, 'g'), value)
})
return result;
return result
}
}
return;
return
} else {
// acquire mutex here before reading policies
releasePromptMutex = await promptMutex.acquire();
releasePromptMutex = await promptMutex.acquire()
const allowed = await getPermissionStatus(
host,
type,
type === "signEvent" ? params.event : undefined
);
type === 'signEvent' ? params.event : undefined
)
if (allowed === true) {
// authorized, proceed
releasePromptMutex();
showNotification(host, allowed, type, params);
releasePromptMutex()
showNotification(host, allowed, type, params)
} else if (allowed === false) {
// denied, just refuse immediately
releasePromptMutex();
showNotification(host, allowed, type, params);
releasePromptMutex()
showNotification(host, allowed, type, params)
return {
error: "denied",
};
error: 'denied'
}
} else {
// ask for authorization
try {
const id = Math.random().toString().slice(4);
const id = Math.random().toString().slice(4)
const qs = new URLSearchParams({
host,
id,
params: JSON.stringify(params),
type,
});
type
})
// prompt will be resolved with true or false
const accept = await new Promise((resolve, reject) => {
openPrompt = { resolve, reject };
openPrompt = { resolve, reject }
const url = `${browser.runtime.getURL(
"prompt.html"
)}?${qs.toString()}`;
'prompt.html'
)}?${qs.toString()}`
// center prompt
const { top, left } = getPosition(width, height);
const { top, left } = getPosition(width, height)
if (browser.windows) {
browser.windows.create({
url,
type: "popup",
type: 'popup',
width: width,
height: height,
top: top,
left: left,
});
left: left
})
} else {
browser.tabs.create({
url,
active: true,
});
active: true
})
}
});
})
// denied, stop here
if (!accept) return { error: { message: "denied" } };
if (!accept) return { error: { message: 'denied' } }
} catch (err) {
// errored, stop here
releasePromptMutex();
releasePromptMutex()
return {
error: { message: err.message, stack: err.stack },
};
error: { message: err.message, stack: err.stack }
}
}
}
}
// if we're here this means it was accepted
const results = await browser.storage.local.get("private_key");
const results = await browser.storage.local.get('private_key')
if (!results?.private_key) {
return { error: "no private key found" };
return { error: 'no private key found' }
}
const sk = results.private_key;
const sk = results.private_key
try {
switch (type) {
case "getPublicKey": {
return getPublicKey(hexToBytes(sk));
case 'getPublicKey': {
return getPublicKey(hexToBytes(sk))
}
case "getRelays": {
const results = await browser.storage.local.get("relays");
return results.relays || {};
case 'getRelays': {
const results = await browser.storage.local.get('relays')
return results.relays || {}
}
case "signEvent": {
const { event } = params;
case 'signEvent': {
const { event } = params
if (!event.pubkey) event.pubkey = getPublicKey(hexToBytes(sk));
if (!event.id) event.id = getEventHash(event);
if (!event.pubkey) event.pubkey = getPublicKey(hexToBytes(sk))
if (!event.id) event.id = getEventHash(event)
if (!validateEvent(event))
return { error: { message: "invalid event" } };
return { error: { message: 'invalid event' } }
const signedEvent = finalizeEvent(event, hexToBytes(sk));
return signedEvent;
const signedEvent = finalizeEvent(event, hexToBytes(sk))
return signedEvent
}
case "nip04.encrypt": {
const { peer, plaintext } = params;
return encrypt(sk, peer, plaintext);
case 'nip04.encrypt': {
const { peer, plaintext } = params
return encrypt(sk, peer, plaintext)
}
case "nip04.decrypt": {
const { peer, ciphertext } = params;
return decrypt(sk, peer, ciphertext);
case 'nip04.decrypt': {
const { peer, ciphertext } = params
return decrypt(sk, peer, ciphertext)
}
case "nip44.encrypt": {
const { peer, plaintext } = params;
const key = getSharedSecret(sk, peer);
case 'nip44.encrypt': {
const { peer, plaintext } = params
const key = getSharedSecret(sk, peer)
return nip44.v2.encrypt(plaintext, key);
return nip44.v2.encrypt(plaintext, key)
}
case "nip44.decrypt": {
const { peer, ciphertext } = params;
const key = getSharedSecret(sk, peer);
case 'nip44.decrypt': {
const { peer, ciphertext } = params
const key = getSharedSecret(sk, peer)
return nip44.v2.decrypt(ciphertext, key);
return nip44.v2.decrypt(ciphertext, key)
}
}
} catch (error) {
return { error: { message: error.message, stack: error.stack } };
return { error: { message: error.message, stack: error.stack } }
}
}
async function handlePromptMessage({ host, type, accept, conditions }, sender) {
// return response
openPrompt?.resolve?.(accept);
openPrompt?.resolve?.(accept)
// update policies
if (conditions) {
await updatePermission(host, type, accept, conditions);
await updatePermission(host, type, accept, conditions)
}
// cleanup this
openPrompt = null;
openPrompt = null
// release mutex here after updating policies
releasePromptMutex();
releasePromptMutex()
// close prompt
if (sender) {
if (browser.windows) {
browser.windows.remove(sender.tab.windowId);
browser.windows.remove(sender.tab.windowId)
} else {
// Android Firefox
browser.tabs.remove(sender.tab.id);
browser.tabs.remove(sender.tab.id)
}
}
}

104
extension/common.js
View File

@@ -1,125 +1,125 @@
import browser from "webextension-polyfill";
import browser from 'webextension-polyfill'
export const NO_PERMISSIONS_REQUIRED = {
replaceURL: true,
peekPublicKey: true,
};
peekPublicKey: true
}
export const PERMISSION_NAMES = Object.fromEntries([
["getPublicKey", "read your public key"],
["signEvent", "sign events using your private key"],
["nip04.encrypt", "encrypt messages to peers"],
["nip04.decrypt", "decrypt messages from peers"],
["nip44.encrypt", "encrypt messages to peers"],
["nip44.decrypt", "decrypt messages from peers"],
]);
['getPublicKey', 'read your public key'],
['signEvent', 'sign events using your private key'],
['nip04.encrypt', 'encrypt messages to peers'],
['nip04.decrypt', 'decrypt messages from peers'],
['nip44.encrypt', 'encrypt messages to peers'],
['nip44.decrypt', 'decrypt messages from peers']
])
function matchConditions(conditions, event) {
if (conditions?.kinds) {
if (event.kind in conditions.kinds) return true;
else return false;
if (event.kind in conditions.kinds) return true
else return false
}
return true;
return true
}
export async function getPermissionStatus(host, type, event) {
const { policies } = await browser.storage.local.get("policies");
const { policies } = await browser.storage.local.get('policies')
const answers = [true, false];
const answers = [true, false]
for (let i = 0; i < answers.length; i++) {
const accept = answers[i];
const { conditions } = policies?.[host]?.[accept]?.[type] || {};
const accept = answers[i]
const { conditions } = policies?.[host]?.[accept]?.[type] || {}
if (conditions) {
if (type === "signEvent") {
if (type === 'signEvent') {
if (matchConditions(conditions, event)) {
return accept; // may be true or false
return accept // may be true or false
} else {
}
} else {
return accept; // may be true or false
return accept // may be true or false
}
}
}
return undefined;
return undefined
}
export async function updatePermission(host, type, accept, conditions) {
const { policies = {} } = await browser.storage.local.get("policies");
const { policies = {} } = await browser.storage.local.get('policies')
// if the new conditions is "match everything", override the previous
if (Object.keys(conditions).length === 0) {
conditions = {};
conditions = {}
} else {
// if we already had a policy for this, merge the conditions
const existingConditions = policies[host]?.[accept]?.[type]?.conditions;
const existingConditions = policies[host]?.[accept]?.[type]?.conditions
if (existingConditions) {
if (existingConditions.kinds && conditions.kinds) {
Object.keys(existingConditions.kinds).forEach((kind) => {
conditions.kinds[kind] = true;
});
conditions.kinds[kind] = true
})
}
}
}
// if we have a reverse policy (accept / reject) that is exactly equal to this, remove it
const other = !accept;
const reverse = policies?.[host]?.[other]?.[type];
const other = !accept
const reverse = policies?.[host]?.[other]?.[type]
if (
reverse &&
JSON.stringify(reverse.conditions) === JSON.stringify(conditions)
) {
delete policies[host][other][type];
delete policies[host][other][type]
}
// insert our new policy
policies[host] = policies[host] || {};
policies[host][accept] = policies[host][accept] || {};
policies[host] = policies[host] || {}
policies[host][accept] = policies[host][accept] || {}
policies[host][accept][type] = {
conditions, // filter that must match the event (in case of signEvent)
created_at: Math.round(Date.now() / 1000),
};
created_at: Math.round(Date.now() / 1000)
}
browser.storage.local.set({ policies });
browser.storage.local.set({ policies })
}
export async function removePermissions(host, accept, type) {
const { policies = {} } = await browser.storage.local.get("policies");
delete policies[host]?.[accept]?.[type];
browser.storage.local.set({ policies });
const { policies = {} } = await browser.storage.local.get('policies')
delete policies[host]?.[accept]?.[type]
browser.storage.local.set({ policies })
}
export async function showNotification(host, answer, type, params) {
const { notifications } = await browser.storage.local.get("notifications");
const { notifications } = await browser.storage.local.get('notifications')
if (notifications) {
const action = answer ? "allowed" : "denied";
const action = answer ? 'allowed' : 'denied'
browser.notifications.create(undefined, {
type: "basic",
type: 'basic',
title: `${type} ${action} for ${host}`,
message: JSON.stringify(
params?.event
? {
kind: params.event.kind,
content: params.event.content,
tags: params.event.tags,
tags: params.event.tags
}
: params,
null,
2
),
iconUrl: "icons/48x48.png",
});
iconUrl: 'icons/48x48.png'
})
}
}
export async function getPosition(width, height) {
let left = 0;
let top = 0;
let left = 0
let top = 0
try {
const lastFocused = await browser.windows.getLastFocused();
const lastFocused = await browser.windows.getLastFocused()
if (
lastFocused &&
@@ -128,17 +128,17 @@ export async function getPosition(width, height) {
lastFocused.width !== undefined &&
lastFocused.height !== undefined
) {
top = Math.round(lastFocused.top + (lastFocused.height - height) / 2);
left = Math.round(lastFocused.left + (lastFocused.width - width) / 2);
top = Math.round(lastFocused.top + (lastFocused.height - height) / 2)
left = Math.round(lastFocused.left + (lastFocused.width - width) / 2)
} else {
console.error("Last focused window properties are undefined.");
console.error('Last focused window properties are undefined.')
}
} catch (error) {
console.error("Error getting window position:", error);
console.error('Error getting window position:', error)
}
return {
top,
left,
};
left
}
}

36
extension/content-script.js
View File

@@ -1,36 +1,36 @@
import browser from "webextension-polyfill";
import browser from 'webextension-polyfill'
const EXTENSION = "nostrconnect";
const EXTENSION = 'nostrconnect'
// inject the script that will provide window.nostr
const script = document.createElement("script");
script.setAttribute("async", "false");
script.setAttribute("type", "text/javascript");
script.setAttribute("src", browser.runtime.getURL("nostr-provider.js"));
document.head.appendChild(script);
const script = document.createElement('script')
script.setAttribute('async', 'false')
script.setAttribute('type', 'text/javascript')
script.setAttribute('src', browser.runtime.getURL('nostr-provider.js'))
document.head.appendChild(script)
// listen for messages from that script
window.addEventListener("message", async (message) => {
if (message.source !== window) return;
if (!message.data) return;
if (!message.data.params) return;
if (message.data.ext !== EXTENSION) return;
window.addEventListener('message', async (message) => {
if (message.source !== window) return
if (!message.data) return
if (!message.data.params) return
if (message.data.ext !== EXTENSION) return
// pass on to background
var response;
var response
try {
response = await browser.runtime.sendMessage({
type: message.data.type,
params: message.data.params,
host: location.host,
});
host: location.host
})
} catch (error) {
response = { error };
response = { error }
}
// return response
window.postMessage(
{ id: message.data.id, ext: EXTENSION, response },
message.origin
);
});
)
})

16
extension/options.jsx
View File

@@ -7,21 +7,22 @@ import * as Tabs from '@radix-ui/react-tabs'
import { LogoIcon } from './icons'
import { removePermissions } from './common'
import * as Checkbox from '@radix-ui/react-checkbox'
import { hexToBytes, bytesToHex } from 'nostr-tools/utils'
function Options() {
const [privKey, setPrivKey] = useState('')
const [relays, setRelays] = useState([])
const [newRelayURL, setNewRelayURL] = useState('')
const [policies, setPermissions] = useState([])
const [protocolHandler, setProtocolHandler] = useState(
'https://njump.me/{raw}'
)
const [hidingPrivateKey, hidePrivateKey] = useState(true)
const [showNotifications, setNotifications] = useState(false)
const [messages, setMessages] = useState([])
const [handleNostrLinks, setHandleNostrLinks] = useState(false)
const [showProtocolHandlerHelp, setShowProtocolHandlerHelp] = useState(false)
const [unsavedChanges, setUnsavedChanges] = useState([])
const [protocolHandler, setProtocolHandler] = useState(
'https://njump.me/{raw}'
)
const showMessage = useCallback((msg) => {
messages.push(msg)
@@ -528,22 +529,17 @@ examples:
showMessage('PRIVATE KEY IS INVALID! did not save private key.')
return
}
let hexOrEmptyKey = privKey
try {
const { type, data } = nip19.decode(privKey)
if (type === 'nsec') hexOrEmptyKey = data
if (type === 'nsec') hexOrEmptyKey = bytesToHex(data)
} catch (_) {}
await browser.storage.local.set({
private_key: hexOrEmptyKey
})
if (hexOrEmptyKey !== '') {
setPrivKey(nip19.nsecEncode(hexOrEmptyKey))
setPrivKey(nip19.nsecEncode(hexToBytes(hexOrEmptyKey)))
}
showMessage('saved private key!')
}

216
extension/output/common.js
View File

@@ -1,144 +1,144 @@
import browser from "webextension-polyfill";
export const NO_PERMISSIONS_REQUIRED = {
replaceURL: true,
peekPublicKey: true,
replaceURL: true,
peekPublicKey: true,
};
export const PERMISSION_NAMES = Object.fromEntries([
["getPublicKey", "read your public key"],
["signEvent", "sign events using your private key"],
["nip04.encrypt", "encrypt messages to peers"],
["nip04.decrypt", "decrypt messages from peers"],
["nip44.encrypt", "encrypt messages to peers"],
["nip44.decrypt", "decrypt messages from peers"],
["getPublicKey", "read your public key"],
["signEvent", "sign events using your private key"],
["nip04.encrypt", "encrypt messages to peers"],
["nip04.decrypt", "decrypt messages from peers"],
["nip44.encrypt", "encrypt messages to peers"],
["nip44.decrypt", "decrypt messages from peers"],
]);
function matchConditions(conditions, event) {
if (conditions?.kinds) {
if (event.kind in conditions.kinds) return true;
else return false;
}
if (conditions?.kinds) {
if (event.kind in conditions.kinds) return true;
else return false;
}
return true;
return true;
}
export async function getPermissionStatus(host, type, event) {
const { policies } = await browser.storage.local.get("policies");
const { policies } = await browser.storage.local.get("policies");
const answers = [true, false];
for (let i = 0; i < answers.length; i++) {
const accept = answers[i];
const { conditions } = policies?.[host]?.[accept]?.[type] || {};
const answers = [true, false];
for (let i = 0; i < answers.length; i++) {
const accept = answers[i];
const { conditions } = policies?.[host]?.[accept]?.[type] || {};
if (conditions) {
if (type === "signEvent") {
if (matchConditions(conditions, event)) {
return accept; // may be true or false
} else {
}
} else {
return accept; // may be true or false
}
}
}
if (conditions) {
if (type === "signEvent") {
if (matchConditions(conditions, event)) {
return accept; // may be true or false
} else {
}
} else {
return accept; // may be true or false
}
}
}
return undefined;
return undefined;
}
export async function updatePermission(host, type, accept, conditions) {
const { policies = {} } = await browser.storage.local.get("policies");
const { policies = {} } = await browser.storage.local.get("policies");
// if the new conditions is "match everything", override the previous
if (Object.keys(conditions).length === 0) {
conditions = {};
} else {
// if we already had a policy for this, merge the conditions
const existingConditions = policies[host]?.[accept]?.[type]?.conditions;
if (existingConditions) {
if (existingConditions.kinds && conditions.kinds) {
Object.keys(existingConditions.kinds).forEach((kind) => {
conditions.kinds[kind] = true;
});
}
}
}
// if the new conditions is "match everything", override the previous
if (Object.keys(conditions).length === 0) {
conditions = {};
} else {
// if we already had a policy for this, merge the conditions
const existingConditions = policies[host]?.[accept]?.[type]?.conditions;
if (existingConditions) {
if (existingConditions.kinds && conditions.kinds) {
Object.keys(existingConditions.kinds).forEach((kind) => {
conditions.kinds[kind] = true;
});
}
}
}
// if we have a reverse policy (accept / reject) that is exactly equal to this, remove it
const other = !accept;
const reverse = policies?.[host]?.[other]?.[type];
if (
reverse &&
JSON.stringify(reverse.conditions) === JSON.stringify(conditions)
) {
delete policies[host][other][type];
}
// if we have a reverse policy (accept / reject) that is exactly equal to this, remove it
const other = !accept;
const reverse = policies?.[host]?.[other]?.[type];
if (
reverse &&
JSON.stringify(reverse.conditions) === JSON.stringify(conditions)
) {
delete policies[host][other][type];
}
// insert our new policy
policies[host] = policies[host] || {};
policies[host][accept] = policies[host][accept] || {};
policies[host][accept][type] = {
conditions, // filter that must match the event (in case of signEvent)
created_at: Math.round(Date.now() / 1000),
};
// insert our new policy
policies[host] = policies[host] || {};
policies[host][accept] = policies[host][accept] || {};
policies[host][accept][type] = {
conditions, // filter that must match the event (in case of signEvent)
created_at: Math.round(Date.now() / 1000),
};
browser.storage.local.set({ policies });
browser.storage.local.set({ policies });
}
export async function removePermissions(host, accept, type) {
const { policies = {} } = await browser.storage.local.get("policies");
delete policies[host]?.[accept]?.[type];
browser.storage.local.set({ policies });
const { policies = {} } = await browser.storage.local.get("policies");
delete policies[host]?.[accept]?.[type];
browser.storage.local.set({ policies });
}
export async function showNotification(host, answer, type, params) {
const { notifications } = await browser.storage.local.get("notifications");
if (notifications) {
const action = answer ? "allowed" : "denied";
browser.notifications.create(undefined, {
type: "basic",
title: `${type} ${action} for ${host}`,
message: JSON.stringify(
params?.event
? {
kind: params.event.kind,
content: params.event.content,
tags: params.event.tags,
}
: params,
null,
2
),
iconUrl: "icons/48x48.png",
});
}
const { notifications } = await browser.storage.local.get("notifications");
if (notifications) {
const action = answer ? "allowed" : "denied";
browser.notifications.create(undefined, {
type: "basic",
title: `${type} ${action} for ${host}`,
message: JSON.stringify(
params?.event
? {
kind: params.event.kind,
content: params.event.content,
tags: params.event.tags,
}
: params,
null,
2,
),
iconUrl: "icons/48x48.png",
});
}
}
export async function getPosition(width, height) {
let left = 0;
let top = 0;
let left = 0;
let top = 0;
try {
const lastFocused = await browser.windows.getLastFocused();
try {
const lastFocused = await browser.windows.getLastFocused();
if (
lastFocused &&
lastFocused.top !== undefined &&
lastFocused.left !== undefined &&
lastFocused.width !== undefined &&
lastFocused.height !== undefined
) {
top = Math.round(lastFocused.top + (lastFocused.height - height) / 2);
left = Math.round(lastFocused.left + (lastFocused.width - width) / 2);
} else {
console.error("Last focused window properties are undefined.");
}
} catch (error) {
console.error("Error getting window position:", error);
}
if (
lastFocused &&
lastFocused.top !== undefined &&
lastFocused.left !== undefined &&
lastFocused.width !== undefined &&
lastFocused.height !== undefined
) {
top = Math.round(lastFocused.top + (lastFocused.height - height) / 2);
left = Math.round(lastFocused.left + (lastFocused.width - width) / 2);
} else {
console.error("Last focused window properties are undefined.");
}
} catch (error) {
console.error("Error getting window position:", error);
}
return {
top,
left,
};
return {
top,
left,
};
}

220
extension/output/nostr-provider.js
View File

@@ -1,130 +1,132 @@
const EXTENSION = 'nostrconnect'
const EXTENSION = "nostrconnect";
window.nostr = {
_requests: {},
_pubkey: null,
_requests: {},
_pubkey: null,
async getPublicKey() {
if (this._pubkey) return this._pubkey
this._pubkey = await this._call('getPublicKey', {})
return this._pubkey
},
async getPublicKey() {
if (this._pubkey) return this._pubkey;
this._pubkey = await this._call("getPublicKey", {});
return this._pubkey;
},
async peekPublicKey() {
return this._call('peekPublicKey', {})
},
async peekPublicKey() {
return this._call("peekPublicKey", {});
},
async signEvent(event) {
return this._call('signEvent', { event })
},
async signEvent(event) {
return this._call("signEvent", { event });
},
async getRelays() {
return {}
},
async getRelays() {
return {};
},
nip04: {
async encrypt(peer, plaintext) {
return window.nostr._call('nip04.encrypt', { peer, plaintext })
},
nip04: {
async encrypt(peer, plaintext) {
return window.nostr._call("nip04.encrypt", { peer, plaintext });
},
async decrypt(peer, ciphertext) {
return window.nostr._call('nip04.decrypt', { peer, ciphertext })
}
},
async decrypt(peer, ciphertext) {
return window.nostr._call("nip04.decrypt", { peer, ciphertext });
},
},
nip44: {
async encrypt(peer, plaintext) {
return window.nostr._call('nip44.encrypt', { peer, plaintext })
},
nip44: {
async encrypt(peer, plaintext) {
return window.nostr._call("nip44.encrypt", { peer, plaintext });
},
async decrypt(peer, ciphertext) {
return window.nostr._call('nip44.decrypt', { peer, ciphertext })
}
},
async decrypt(peer, ciphertext) {
return window.nostr._call("nip44.decrypt", { peer, ciphertext });
},
},
_call(type, params) {
const id = Math.random().toString().slice(-4)
console.log(
'%c[nostrconnect:%c' +
id +
'%c]%c calling %c' +
type +
'%c with %c' +
JSON.stringify(params || {}),
'background-color:#f1b912;font-weight:bold;color:white',
'background-color:#f1b912;font-weight:bold;color:#a92727',
'background-color:#f1b912;color:white;font-weight:bold',
'color:auto',
'font-weight:bold;color:#08589d;font-family:monospace',
'color:auto',
'font-weight:bold;color:#90b12d;font-family:monospace'
)
return new Promise((resolve, reject) => {
this._requests[id] = { resolve, reject }
window.postMessage(
{
id,
ext: EXTENSION,
type,
params
},
'*'
)
})
}
}
_call(type, params) {
const id = Math.random().toString().slice(-4);
console.log(
"%c[nostrconnect:%c" +
id +
"%c]%c calling %c" +
type +
"%c with %c" +
JSON.stringify(params || {}),
"background-color:#f1b912;font-weight:bold;color:white",
"background-color:#f1b912;font-weight:bold;color:#a92727",
"background-color:#f1b912;color:white;font-weight:bold",
"color:auto",
"font-weight:bold;color:#08589d;font-family:monospace",
"color:auto",
"font-weight:bold;color:#90b12d;font-family:monospace",
);
return new Promise((resolve, reject) => {
this._requests[id] = { resolve, reject };
window.postMessage(
{
id,
ext: EXTENSION,
type,
params,
},
"*",
);
});
},
};
window.addEventListener('message', (message) => {
if (
!message.data ||
message.data.response === null ||
message.data.response === undefined ||
message.data.ext !== EXTENSION ||
!window.nostr._requests[message.data.id]
)
return
window.addEventListener("message", (message) => {
if (
!message.data ||
message.data.response === null ||
message.data.response === undefined ||
message.data.ext !== EXTENSION ||
!window.nostr._requests[message.data.id]
)
return;
if (message.data.response.error) {
const error = new Error(
`${EXTENSION}: ${message.data.response.error.message}`
)
error.stack = message.data.response.error.stack
window.nostr._requests[message.data.id].reject(error)
} else {
window.nostr._requests[message.data.id].resolve(message.data.response)
}
if (message.data.response.error) {
const error = new Error(
`${EXTENSION}: ${message.data.response.error.message}`,
);
error.stack = message.data.response.error.stack;
window.nostr._requests[message.data.id].reject(error);
} else {
window.nostr._requests[message.data.id].resolve(message.data.response);
}
console.log(
'%c[nostrconnect:%c' +
message.data.id +
'%c]%c result: %c' +
JSON.stringify(
message?.data?.response || message?.data?.response?.error?.message || {}
),
'background-color:#f1b912;font-weight:bold;color:white',
'background-color:#f1b912;font-weight:bold;color:#a92727',
'background-color:#f1b912;color:white;font-weight:bold',
'color:auto',
'font-weight:bold;color:#08589d'
)
console.log(
"%c[nostrconnect:%c" +
message.data.id +
"%c]%c result: %c" +
JSON.stringify(
message?.data?.response ||
message?.data?.response?.error?.message ||
{},
),
"background-color:#f1b912;font-weight:bold;color:white",
"background-color:#f1b912;font-weight:bold;color:#a92727",
"background-color:#f1b912;color:white;font-weight:bold",
"color:auto",
"font-weight:bold;color:#08589d",
);
delete window.nostr._requests[message.data.id]
})
delete window.nostr._requests[message.data.id];
});
// hack to replace nostr:nprofile.../etc links with something else
let replacing = null
document.addEventListener('mousedown', replaceNostrSchemeLink)
let replacing = null;
document.addEventListener("mousedown", replaceNostrSchemeLink);
async function replaceNostrSchemeLink(e) {
if (e.target.tagName !== 'A' || !e.target.href.startsWith('nostr:')) return
if (replacing === false) return
if (e.target.tagName !== "A" || !e.target.href.startsWith("nostr:")) return;
if (replacing === false) return;
const response = await window.nostr._call('replaceURL', {
url: e.target.href
})
if (response === false) {
replacing = false
return
}
const response = await window.nostr._call("replaceURL", {
url: e.target.href,
});
if (response === false) {
replacing = false;
return;
}
e.target.href = response
e.target.href = response;
}

1137
extension/output/options.build.js
View File

File diff suppressed because it is too large Load Diff

449
extension/output/popup.build.js
View File

@@ -3470,11 +3470,11 @@
if (true) {
(function() {
"use strict";
var React15 = require_react();
var React14 = require_react();
var _assign = require_object_assign();
var Scheduler = require_scheduler();
var tracing = require_tracing();
var ReactSharedInternals = React15.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
var ReactSharedInternals = React14.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
function warn(format) {
{
for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
@@ -3506,7 +3506,7 @@
Function.prototype.apply.call(console[level], console, argsWithFormat);
}
}
if (!React15) {
if (!React14) {
{
throw Error("ReactDOM was loaded before React. Make sure you load the React package before loading ReactDOM.");
}
@@ -4842,7 +4842,7 @@
var didWarnInvalidChild = false;
function flattenChildren(children) {
var content = "";
React15.Children.forEach(children, function(child) {
React14.Children.forEach(children, function(child) {
if (child == null) {
return;
}
@@ -4853,7 +4853,7 @@
function validateProps(element, props) {
{
if (typeof props.children === "object" && props.children !== null) {
React15.Children.forEach(props.children, function(child) {
React14.Children.forEach(props.children, function(child) {
if (child == null) {
return;
}
@@ -12056,7 +12056,7 @@
}
var fakeInternalInstance = {};
var isArray = Array.isArray;
var emptyRefsObject = new React15.Component().refs;
var emptyRefsObject = new React14.Component().refs;
var didWarnAboutStateAssignmentForComponent;
var didWarnAboutUninitializedState;
var didWarnAboutGetSnapshotBeforeUpdateWithoutDidUpdate;
@@ -23442,7 +23442,7 @@ For more info, visit https://reactjs.org/link/mock-scheduler`);
if (true) {
(function() {
"use strict";
var React15 = require_react();
var React14 = require_react();
var _assign = require_object_assign();
var REACT_ELEMENT_TYPE = 60103;
var REACT_PORTAL_TYPE = 60106;
@@ -23499,7 +23499,7 @@ For more info, visit https://reactjs.org/link/mock-scheduler`);
}
return null;
}
var ReactSharedInternals = React15.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
var ReactSharedInternals = React14.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
function error(format) {
{
for (var _len2 = arguments.length, args = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
@@ -24269,10 +24269,10 @@ For more info, visit https://reactjs.org/link/mock-scheduler`);
return jsxWithValidation(type, props, key, false);
}
}
var jsx8 = jsxWithValidationDynamic;
var jsxs = jsxWithValidationStatic;
exports.jsx = jsx8;
exports.jsxs = jsxs;
var jsx10 = jsxWithValidationDynamic;
var jsxs3 = jsxWithValidationStatic;
exports.jsx = jsx10;
exports.jsxs = jsxs3;
})();
}
}
@@ -30397,24 +30397,29 @@ For more info, visit https://reactjs.org/link/mock-scheduler`);
var import_react_qr_code = __toESM(require_lib());
// extension/icons.jsx
var import_jsx_runtime = __toESM(require_jsx_runtime());
function SettingsIcon(props) {
return /* @__PURE__ */ React.createElement("svg", {
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("svg", {
xmlns: "http://www.w3.org/2000/svg",
fill: "none",
viewBox: "0 0 24 24",
strokeWidth: 1.5,
stroke: "currentColor",
"aria-label": "Settings",
...props
}, /* @__PURE__ */ React.createElement("path", {
strokeLinecap: "round",
strokeLinejoin: "round",
d: "M9.594 3.94c.09-.542.56-.94 1.11-.94h2.593c.55 0 1.02.398 1.11.94l.213 1.281c.063.374.313.686.645.87.074.04.147.083.22.127.324.196.72.257 1.075.124l1.217-.456a1.125 1.125 0 011.37.49l1.296 2.247a1.125 1.125 0 01-.26 1.431l-1.003.827c-.293.24-.438.613-.431.992a6.759 6.759 0 010 .255c-.007.378.138.75.43.99l1.005.828c.424.35.534.954.26 1.43l-1.298 2.247a1.125 1.125 0 01-1.369.491l-1.217-.456c-.355-.133-.75-.072-1.076.124a6.57 6.57 0 01-.22.128c-.331.183-.581.495-.644.869l-.213 1.28c-.09.543-.56.941-1.11.941h-2.594c-.55 0-1.02-.398-1.11-.94l-.213-1.281c-.062-.374-.312-.686-.644-.87a6.52 6.52 0 01-.22-.127c-.325-.196-.72-.257-1.076-.124l-1.217.456a1.125 1.125 0 01-1.369-.49l-1.297-2.247a1.125 1.125 0 01.26-1.431l1.004-.827c.292-.24.437-.613.43-.992a6.932 6.932 0 010-.255c.007-.378-.138-.75-.43-.99l-1.004-.828a1.125 1.125 0 01-.26-1.43l1.297-2.247a1.125 1.125 0 011.37-.491l1.216.456c.356.133.751.072 1.076-.124.072-.044.146-.087.22-.128.332-.183.582-.495.644-.869l.214-1.281z"
}), /* @__PURE__ */ React.createElement("path", {
strokeLinecap: "round",
strokeLinejoin: "round",
d: "M15 12a3 3 0 11-6 0 3 3 0 016 0z"
}));
...props,
children: [
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
strokeLinecap: "round",
strokeLinejoin: "round",
d: "M9.594 3.94c.09-.542.56-.94 1.11-.94h2.593c.55 0 1.02.398 1.11.94l.213 1.281c.063.374.313.686.645.87.074.04.147.083.22.127.324.196.72.257 1.075.124l1.217-.456a1.125 1.125 0 011.37.49l1.296 2.247a1.125 1.125 0 01-.26 1.431l-1.003.827c-.293.24-.438.613-.431.992a6.759 6.759 0 010 .255c-.007.378.138.75.43.99l1.005.828c.424.35.534.954.26 1.43l-1.298 2.247a1.125 1.125 0 01-1.369.491l-1.217-.456c-.355-.133-.75-.072-1.076.124a6.57 6.57 0 01-.22.128c-.331.183-.581.495-.644.869l-.213 1.28c-.09.543-.56.941-1.11.941h-2.594c-.55 0-1.02-.398-1.11-.94l-.213-1.281c-.062-.374-.312-.686-.644-.87a6.52 6.52 0 01-.22-.127c-.325-.196-.72-.257-1.076-.124l-1.217.456a1.125 1.125 0 01-1.369-.49l-1.297-2.247a1.125 1.125 0 01.26-1.431l1.004-.827c.292-.24.437-.613.43-.992a6.932 6.932 0 010-.255c.007-.378-.138-.75-.43-.99l-1.004-.828a1.125 1.125 0 01-.26-1.43l1.297-2.247a1.125 1.125 0 011.37-.491l1.216.456c.356.133.751.072 1.076-.124.072-.044.146-.087.22-.128.332-.183.582-.495.644-.869l.214-1.281z"
}),
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
strokeLinecap: "round",
strokeLinejoin: "round",
d: "M15 12a3 3 0 11-6 0 3 3 0 016 0z"
})
]
});
}
// node_modules/.pnpm/minidenticons@4.2.1/node_modules/minidenticons/minidenticons.js
@@ -30458,7 +30463,7 @@ For more info, visit https://reactjs.org/link/mock-scheduler`);
);
// node_modules/.pnpm/@radix-ui+react-tabs@1.1.13_@types+react-dom@19.0.2_@types+react@19.0.2__@types+react@1_07a8406c49e3b49a1525c388b85a0cee/node_modules/@radix-ui/react-tabs/dist/index.mjs
var React14 = __toESM(require_react(), 1);
var React13 = __toESM(require_react(), 1);
// node_modules/.pnpm/@radix-ui+primitive@1.1.3/node_modules/@radix-ui/primitive/dist/index.mjs
var canUseDOM = !!(typeof self !== "undefined" && self.document && self.document.createElement);
@@ -30472,24 +30477,24 @@ For more info, visit https://reactjs.org/link/mock-scheduler`);
}
// node_modules/.pnpm/@radix-ui+react-context@1.1.2_@types+react@19.0.2_react@17.0.2/node_modules/@radix-ui/react-context/dist/index.mjs
var React2 = __toESM(require_react(), 1);
var React = __toESM(require_react(), 1);
var import_jsx_runtime = __toESM(require_jsx_runtime(), 1);
function createContextScope(scopeName, createContextScopeDeps = []) {
let defaultContexts = [];
function createContext3(rootComponentName, defaultContext) {
const BaseContext = React2.createContext(defaultContext);
const BaseContext = React.createContext(defaultContext);
const index = defaultContexts.length;
defaultContexts = [...defaultContexts, defaultContext];
const Provider = (props) => {
const { scope, children, ...context } = props;
const Context = scope?.[scopeName]?.[index] || BaseContext;
const value = React2.useMemo(() => context, Object.values(context));
const value = React.useMemo(() => context, Object.values(context));
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Context.Provider, { value, children });
};
Provider.displayName = rootComponentName + "Provider";
function useContext22(consumerName, scope) {
const Context = scope?.[scopeName]?.[index] || BaseContext;
const context = React2.useContext(Context);
const context = React.useContext(Context);
if (context)
return context;
if (defaultContext !== void 0)
@@ -30500,11 +30505,11 @@ For more info, visit https://reactjs.org/link/mock-scheduler`);
}
const createScope = () => {
const scopeContexts = defaultContexts.map((defaultContext) => {
return React2.createContext(defaultContext);
return React.createContext(defaultContext);
});
return function useScope(scope) {
const contexts = scope?.[scopeName] || scopeContexts;
return React2.useMemo(
return React.useMemo(
() => ({ [`__scope${scopeName}`]: { ...scope, [scopeName]: contexts } }),
[scope, contexts]
);
@@ -30528,7 +30533,7 @@ For more info, visit https://reactjs.org/link/mock-scheduler`);
const currentScope = scopeProps[`__scope${scopeName}`];
return { ...nextScopes2, ...currentScope };
}, {});
return React2.useMemo(() => ({ [`__scope${baseScope.scopeName}`]: nextScopes }), [nextScopes]);
return React.useMemo(() => ({ [`__scope${baseScope.scopeName}`]: nextScopes }), [nextScopes]);
};
};
createScope.scopeName = baseScope.scopeName;
@@ -30536,13 +30541,13 @@ For more info, visit https://reactjs.org/link/mock-scheduler`);
}
// node_modules/.pnpm/@radix-ui+react-roving-focus@1.1.11_@types+react-dom@19.0.2_@types+react@19.0.2__@types_04f6d74bc65ad693200463421fbc77b6/node_modules/@radix-ui/react-roving-focus/dist/index.mjs
var React12 = __toESM(require_react(), 1);
var React11 = __toESM(require_react(), 1);
// node_modules/.pnpm/@radix-ui+react-collection@1.1.7_@types+react-dom@19.0.2_@types+react@19.0.2__@types+re_a0241bee01f1f2b3ebba2085e3e5e66a/node_modules/@radix-ui/react-collection/dist/index.mjs
var import_react = __toESM(require_react(), 1);
// node_modules/.pnpm/@radix-ui+react-compose-refs@1.1.2_@types+react@19.0.2_react@17.0.2/node_modules/@radix-ui/react-compose-refs/dist/index.mjs
var React3 = __toESM(require_react(), 1);
var React2 = __toESM(require_react(), 1);
function setRef(ref, value) {
if (typeof ref === "function") {
return ref(value);
@@ -30575,30 +30580,30 @@ For more info, visit https://reactjs.org/link/mock-scheduler`);
};
}
function useComposedRefs(...refs) {
return React3.useCallback(composeRefs(...refs), refs);
return React2.useCallback(composeRefs(...refs), refs);
}
// node_modules/.pnpm/@radix-ui+react-slot@1.2.3_@types+react@19.0.2_react@17.0.2/node_modules/@radix-ui/react-slot/dist/index.mjs
var React4 = __toESM(require_react(), 1);
var React3 = __toESM(require_react(), 1);
var import_jsx_runtime2 = __toESM(require_jsx_runtime(), 1);
function createSlot(ownerName) {
const SlotClone = /* @__PURE__ */ createSlotClone(ownerName);
const Slot2 = React4.forwardRef((props, forwardedRef) => {
const Slot2 = React3.forwardRef((props, forwardedRef) => {
const { children, ...slotProps } = props;
const childrenArray = React4.Children.toArray(children);
const childrenArray = React3.Children.toArray(children);
const slottable = childrenArray.find(isSlottable);
if (slottable) {
const newElement = slottable.props.children;
const newChildren = childrenArray.map((child) => {
if (child === slottable) {
if (React4.Children.count(newElement) > 1)
return React4.Children.only(null);
return React4.isValidElement(newElement) ? newElement.props.children : null;
if (React3.Children.count(newElement) > 1)
return React3.Children.only(null);
return React3.isValidElement(newElement) ? newElement.props.children : null;
} else {
return child;
}
});
return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(SlotClone, { ...slotProps, ref: forwardedRef, children: React4.isValidElement(newElement) ? React4.cloneElement(newElement, void 0, newChildren) : null });
return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(SlotClone, { ...slotProps, ref: forwardedRef, children: React3.isValidElement(newElement) ? React3.cloneElement(newElement, void 0, newChildren) : null });
}
return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(SlotClone, { ...slotProps, ref: forwardedRef, children });
});
@@ -30606,24 +30611,24 @@ For more info, visit https://reactjs.org/link/mock-scheduler`);
return Slot2;
}
function createSlotClone(ownerName) {
const SlotClone = React4.forwardRef((props, forwardedRef) => {
const SlotClone = React3.forwardRef((props, forwardedRef) => {
const { children, ...slotProps } = props;
if (React4.isValidElement(children)) {
if (React3.isValidElement(children)) {
const childrenRef = getElementRef(children);
const props2 = mergeProps(slotProps, children.props);
if (children.type !== React4.Fragment) {
if (children.type !== React3.Fragment) {
props2.ref = forwardedRef ? composeRefs(forwardedRef, childrenRef) : childrenRef;
}
return React4.cloneElement(children, props2);
return React3.cloneElement(children, props2);
}
return React4.Children.count(children) > 1 ? React4.Children.only(null) : null;
return React3.Children.count(children) > 1 ? React3.Children.only(null) : null;
});
SlotClone.displayName = `${ownerName}.SlotClone`;
return SlotClone;
}
var SLOTTABLE_IDENTIFIER = Symbol("radix.slottable");
function isSlottable(child) {
return React4.isValidElement(child) && typeof child.type === "function" && "__radixId" in child.type && child.type.__radixId === SLOTTABLE_IDENTIFIER;
return React3.isValidElement(child) && typeof child.type === "function" && "__radixId" in child.type && child.type.__radixId === SLOTTABLE_IDENTIFIER;
}
function mergeProps(slotProps, childProps) {
const overrideProps = { ...childProps };
@@ -30733,18 +30738,18 @@ For more info, visit https://reactjs.org/link/mock-scheduler`);
}
// node_modules/.pnpm/@radix-ui+react-id@1.1.1_@types+react@19.0.2_react@17.0.2/node_modules/@radix-ui/react-id/dist/index.mjs
var React7 = __toESM(require_react(), 1);
var React6 = __toESM(require_react(), 1);
// node_modules/.pnpm/@radix-ui+react-use-layout-effect@1.1.1_@types+react@19.0.2_react@17.0.2/node_modules/@radix-ui/react-use-layout-effect/dist/index.mjs
var React6 = __toESM(require_react(), 1);
var useLayoutEffect2 = globalThis?.document ? React6.useLayoutEffect : () => {
var React5 = __toESM(require_react(), 1);
var useLayoutEffect2 = globalThis?.document ? React5.useLayoutEffect : () => {
};
// node_modules/.pnpm/@radix-ui+react-id@1.1.1_@types+react@19.0.2_react@17.0.2/node_modules/@radix-ui/react-id/dist/index.mjs
var useReactId = React7[" useId ".trim().toString()] || (() => void 0);
var useReactId = React6[" useId ".trim().toString()] || (() => void 0);
var count = 0;
function useId(deterministicId) {
const [id, setId] = React7.useState(useReactId());
const [id, setId] = React6.useState(useReactId());
useLayoutEffect2(() => {
if (!deterministicId)
setId((reactId) => reactId ?? String(count++));
@@ -30753,7 +30758,7 @@ For more info, visit https://reactjs.org/link/mock-scheduler`);
}
// node_modules/.pnpm/@radix-ui+react-primitive@2.1.3_@types+react-dom@19.0.2_@types+react@19.0.2__@types+rea_4d2f7b7fa17f2c71e22e7a2adbe76a73/node_modules/@radix-ui/react-primitive/dist/index.mjs
var React8 = __toESM(require_react(), 1);
var React7 = __toESM(require_react(), 1);
var ReactDOM = __toESM(require_react_dom(), 1);
var import_jsx_runtime5 = __toESM(require_jsx_runtime(), 1);
var NODES = [
@@ -30777,7 +30782,7 @@ For more info, visit https://reactjs.org/link/mock-scheduler`);
];
var Primitive = NODES.reduce((primitive, node) => {
const Slot = createSlot(`Primitive.${node}`);
const Node2 = React8.forwardRef((props, forwardedRef) => {
const Node2 = React7.forwardRef((props, forwardedRef) => {
const { asChild, ...primitiveProps } = props;
const Comp = asChild ? Slot : node;
if (typeof self !== "undefined") {
@@ -30790,19 +30795,19 @@ For more info, visit https://reactjs.org/link/mock-scheduler`);
}, {});
// node_modules/.pnpm/@radix-ui+react-use-callback-ref@1.1.1_@types+react@19.0.2_react@17.0.2/node_modules/@radix-ui/react-use-callback-ref/dist/index.mjs
var React9 = __toESM(require_react(), 1);
var React8 = __toESM(require_react(), 1);
function useCallbackRef(callback) {
const callbackRef = React9.useRef(callback);
React9.useEffect(() => {
const callbackRef = React8.useRef(callback);
React8.useEffect(() => {
callbackRef.current = callback;
});
return React9.useMemo(() => (...args) => callbackRef.current?.(...args), []);
return React8.useMemo(() => (...args) => callbackRef.current?.(...args), []);
}
// node_modules/.pnpm/@radix-ui+react-use-controllable-state@1.2.2_@types+react@19.0.2_react@17.0.2/node_modules/@radix-ui/react-use-controllable-state/dist/index.mjs
var React10 = __toESM(require_react(), 1);
var React9 = __toESM(require_react(), 1);
var React23 = __toESM(require_react(), 1);
var useInsertionEffect = React10[" useInsertionEffect ".trim().toString()] || useLayoutEffect2;
var useInsertionEffect = React9[" useInsertionEffect ".trim().toString()] || useLayoutEffect2;
function useControllableState({
prop,
defaultProp,
@@ -30817,8 +30822,8 @@ For more info, visit https://reactjs.org/link/mock-scheduler`);
const isControlled = prop !== void 0;
const value = isControlled ? prop : uncontrolledProp;
if (true) {
const isControlledRef = React10.useRef(prop !== void 0);
React10.useEffect(() => {
const isControlledRef = React9.useRef(prop !== void 0);
React9.useEffect(() => {
const wasControlled = isControlledRef.current;
if (wasControlled !== isControlled) {
const from = wasControlled ? "controlled" : "uncontrolled";
@@ -30830,7 +30835,7 @@ For more info, visit https://reactjs.org/link/mock-scheduler`);
isControlledRef.current = isControlled;
}, [isControlled, caller]);
}
const setValue = React10.useCallback(
const setValue = React9.useCallback(
(nextValue) => {
if (isControlled) {
const value2 = isFunction(nextValue) ? nextValue(prop) : nextValue;
@@ -30849,13 +30854,13 @@ For more info, visit https://reactjs.org/link/mock-scheduler`);
defaultProp,
onChange
}) {
const [value, setValue] = React10.useState(defaultProp);
const prevValueRef = React10.useRef(value);
const onChangeRef = React10.useRef(onChange);
const [value, setValue] = React9.useState(defaultProp);
const prevValueRef = React9.useRef(value);
const onChangeRef = React9.useRef(onChange);
useInsertionEffect(() => {
onChangeRef.current = onChange;
}, [onChange]);
React10.useEffect(() => {
React9.useEffect(() => {
if (prevValueRef.current !== value) {
onChangeRef.current?.(value);
prevValueRef.current = value;
@@ -30869,11 +30874,11 @@ For more info, visit https://reactjs.org/link/mock-scheduler`);
var SYNC_STATE = Symbol("RADIX:SYNC_STATE");
// node_modules/.pnpm/@radix-ui+react-direction@1.1.1_@types+react@19.0.2_react@17.0.2/node_modules/@radix-ui/react-direction/dist/index.mjs
var React11 = __toESM(require_react(), 1);
var React10 = __toESM(require_react(), 1);
var import_jsx_runtime6 = __toESM(require_jsx_runtime(), 1);
var DirectionContext = React11.createContext(void 0);
var DirectionContext = React10.createContext(void 0);
function useDirection(localDir) {
const globalDir = React11.useContext(DirectionContext);
const globalDir = React10.useContext(DirectionContext);
return localDir || globalDir || "ltr";
}
@@ -30889,13 +30894,13 @@ For more info, visit https://reactjs.org/link/mock-scheduler`);
[createCollectionScope]
);
var [RovingFocusProvider, useRovingFocusContext] = createRovingFocusGroupContext(GROUP_NAME);
var RovingFocusGroup = React12.forwardRef(
var RovingFocusGroup = React11.forwardRef(
(props, forwardedRef) => {
return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Collection.Provider, { scope: props.__scopeRovingFocusGroup, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Collection.Slot, { scope: props.__scopeRovingFocusGroup, children: /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(RovingFocusGroupImpl, { ...props, ref: forwardedRef }) }) });
}
);
RovingFocusGroup.displayName = GROUP_NAME;
var RovingFocusGroupImpl = React12.forwardRef((props, forwardedRef) => {
var RovingFocusGroupImpl = React11.forwardRef((props, forwardedRef) => {
const {
__scopeRovingFocusGroup,
orientation,
@@ -30908,7 +30913,7 @@ For more info, visit https://reactjs.org/link/mock-scheduler`);
preventScrollOnEntryFocus = false,
...groupProps
} = props;
const ref = React12.useRef(null);
const ref = React11.useRef(null);
const composedRefs = useComposedRefs(forwardedRef, ref);
const direction = useDirection(dir);
const [currentTabStopId, setCurrentTabStopId] = useControllableState({
@@ -30917,12 +30922,12 @@ For more info, visit https://reactjs.org/link/mock-scheduler`);
onChange: onCurrentTabStopIdChange,
caller: GROUP_NAME
});
const [isTabbingBackOut, setIsTabbingBackOut] = React12.useState(false);
const [isTabbingBackOut, setIsTabbingBackOut] = React11.useState(false);
const handleEntryFocus = useCallbackRef(onEntryFocus);
const getItems = useCollection(__scopeRovingFocusGroup);
const isClickFocusRef = React12.useRef(false);
const [focusableItemsCount, setFocusableItemsCount] = React12.useState(0);
React12.useEffect(() => {
const isClickFocusRef = React11.useRef(false);
const [focusableItemsCount, setFocusableItemsCount] = React11.useState(0);
React11.useEffect(() => {
const node = ref.current;
if (node) {
node.addEventListener(ENTRY_FOCUS, handleEntryFocus);
@@ -30937,16 +30942,16 @@ For more info, visit https://reactjs.org/link/mock-scheduler`);
dir: direction,
loop,
currentTabStopId,
onItemFocus: React12.useCallback(
onItemFocus: React11.useCallback(
(tabStopId) => setCurrentTabStopId(tabStopId),
[setCurrentTabStopId]
),
onItemShiftTab: React12.useCallback(() => setIsTabbingBackOut(true), []),
onFocusableItemAdd: React12.useCallback(
onItemShiftTab: React11.useCallback(() => setIsTabbingBackOut(true), []),
onFocusableItemAdd: React11.useCallback(
() => setFocusableItemsCount((prevCount) => prevCount + 1),
[]
),
onFocusableItemRemove: React12.useCallback(
onFocusableItemRemove: React11.useCallback(
() => setFocusableItemsCount((prevCount) => prevCount - 1),
[]
),
@@ -30986,7 +30991,7 @@ For more info, visit https://reactjs.org/link/mock-scheduler`);
);
});
var ITEM_NAME = "RovingFocusGroupItem";
var RovingFocusGroupItem = React12.forwardRef(
var RovingFocusGroupItem = React11.forwardRef(
(props, forwardedRef) => {
const {
__scopeRovingFocusGroup,
@@ -31002,7 +31007,7 @@ For more info, visit https://reactjs.org/link/mock-scheduler`);
const isCurrentTabStop = context.currentTabStopId === id;
const getItems = useCollection(__scopeRovingFocusGroup);
const { onFocusableItemAdd, onFocusableItemRemove, currentTabStopId } = context;
React12.useEffect(() => {
React11.useEffect(() => {
if (focusable) {
onFocusableItemAdd();
return () => onFocusableItemRemove();
@@ -31103,10 +31108,10 @@ For more info, visit https://reactjs.org/link/mock-scheduler`);
// node_modules/.pnpm/@radix-ui+react-presence@1.1.5_@types+react-dom@19.0.2_@types+react@19.0.2__@types+reac_100e8a92f6fdf86fd4a0d9e34245f26e/node_modules/@radix-ui/react-presence/dist/index.mjs
var React24 = __toESM(require_react(), 1);
var React13 = __toESM(require_react(), 1);
var React12 = __toESM(require_react(), 1);
"use client";
function useStateMachine(initialState, machine) {
return React13.useReducer((state, event) => {
return React12.useReducer((state, event) => {
const nextState = machine[state][event];
return nextState ?? state;
}, initialState);
@@ -31237,7 +31242,7 @@ For more info, visit https://reactjs.org/link/mock-scheduler`);
]);
var useRovingFocusGroupScope = createRovingFocusGroupScope();
var [TabsProvider, useTabsContext] = createTabsContext(TABS_NAME);
var Tabs = React14.forwardRef(
var Tabs = React13.forwardRef(
(props, forwardedRef) => {
const {
__scopeTabs,
@@ -31281,7 +31286,7 @@ For more info, visit https://reactjs.org/link/mock-scheduler`);
);
Tabs.displayName = TABS_NAME;
var TAB_LIST_NAME = "TabsList";
var TabsList = React14.forwardRef(
var TabsList = React13.forwardRef(
(props, forwardedRef) => {
const { __scopeTabs, loop = true, ...listProps } = props;
const context = useTabsContext(TAB_LIST_NAME, __scopeTabs);
@@ -31309,7 +31314,7 @@ For more info, visit https://reactjs.org/link/mock-scheduler`);
);
TabsList.displayName = TAB_LIST_NAME;
var TRIGGER_NAME = "TabsTrigger";
var TabsTrigger = React14.forwardRef(
var TabsTrigger = React13.forwardRef(
(props, forwardedRef) => {
const { __scopeTabs, value, disabled = false, ...triggerProps } = props;
const context = useTabsContext(TRIGGER_NAME, __scopeTabs);
@@ -31362,15 +31367,15 @@ For more info, visit https://reactjs.org/link/mock-scheduler`);
);
TabsTrigger.displayName = TRIGGER_NAME;
var CONTENT_NAME = "TabsContent";
var TabsContent = React14.forwardRef(
var TabsContent = React13.forwardRef(
(props, forwardedRef) => {
const { __scopeTabs, value, forceMount, children, ...contentProps } = props;
const context = useTabsContext(CONTENT_NAME, __scopeTabs);
const triggerId = makeTriggerId(context.baseId, value);
const contentId = makeContentId(context.baseId, value);
const isSelected = value === context.value;
const isMountAnimationPreventedRef = React14.useRef(isSelected);
React14.useEffect(() => {
const isMountAnimationPreventedRef = React13.useRef(isSelected);
React13.useEffect(() => {
const rAF = requestAnimationFrame(() => isMountAnimationPreventedRef.current = false);
return () => cancelAnimationFrame(rAF);
}, []);
@@ -31408,6 +31413,7 @@ For more info, visit https://reactjs.org/link/mock-scheduler`);
var Content = TabsContent;
// extension/popup.jsx
var import_jsx_runtime = __toESM(require_jsx_runtime());
function Popup() {
const [keys, setKeys] = (0, import_react3.useState)(null);
const avatarURI = (0, import_react3.useMemo)(
@@ -31447,105 +31453,170 @@ For more info, visit https://reactjs.org/link/mock-scheduler`);
}
});
}, []);
return /* @__PURE__ */ React.createElement("div", {
className: "w-[320px] p-6"
}, !keys ? /* @__PURE__ */ React.createElement("div", {
className: "flex items-center justify-between gap-6"
}, /* @__PURE__ */ React.createElement("div", {
className: "flex-1 flex items-center justify-between"
}, /* @__PURE__ */ React.createElement("p", {
className: "text-sm font-medium"
}, "Click here to enter or create", /* @__PURE__ */ React.createElement("br", null), "your first identity"), /* @__PURE__ */ React.createElement("svg", {
xmlns: "http://www.w3.org/2000/svg",
fill: "none",
viewBox: "0 0 24 24",
strokeWidth: 1.5,
stroke: "currentColor",
className: "w-6 h-6",
"aria-hidden": "true"
}, /* @__PURE__ */ React.createElement("path", {
strokeLinecap: "round",
strokeLinejoin: "round",
d: "M13.5 4.5L21 12m0 0l-7.5 7.5M21 12H3"
}))), /* @__PURE__ */ React.createElement("button", {
type: "button",
onClick: () => gotoSettings(),
className: "w-9 h-9 shrink-0 border border-primary shadow-sm rounded-xl inline-flex items-center justify-center"
}, /* @__PURE__ */ React.createElement(SettingsIcon, {
className: "w-5 h-5 text-muted"
}))) : /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("div", {
className: "mb-2 flex items-center justify-between"
}, /* @__PURE__ */ React.createElement("div", {
className: "flex items-center gap-2"
}, avatarURI ? /* @__PURE__ */ React.createElement("img", {
src: avatarURI,
className: "w-9 h-9 rounded-full bg-muted",
alt: "Avatar"
}) : /* @__PURE__ */ React.createElement("div", {
className: "w-9 h-9 rounded-full bg-muted"
}), /* @__PURE__ */ React.createElement("p", {
className: "font-semibold"
}, "Account")), /* @__PURE__ */ React.createElement("button", {
type: "button",
onClick: () => gotoSettings(),
className: "w-9 h-9 shrink-0 border border-primary shadow-sm rounded-xl inline-flex items-center justify-center"
}, /* @__PURE__ */ React.createElement(SettingsIcon, {
className: "w-5 h-5 text-muted"
}))), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(Root2, {
defaultValue: "npub"
}, /* @__PURE__ */ React.createElement(List, {
className: "w-full border-b border-primary h-10 flex items-center"
}, /* @__PURE__ */ React.createElement(Trigger, {
value: "npub",
className: "font-medium flex-1 flex items-center justify-center text-muted h-10 data-[state=active]:text-primary data-[state=active]:border-b data-[state=active]:border-secondary"
}, "npub"), /* @__PURE__ */ React.createElement(Trigger, {
value: "hex",
className: "font-medium flex-1 flex items-center justify-center text-muted h-10 data-[state=active]:text-primary data-[state=active]:border-b data-[state=active]:border-secondary"
}, "hex"), keys.nprofile ? /* @__PURE__ */ React.createElement(Trigger, {
value: "nprofile",
className: "font-medium flex-1 flex items-center justify-center text-muted h-10 data-[state=active]:text-primary data-[state=active]:border-b data-[state=active]:border-secondary"
}, "nprofile") : null), /* @__PURE__ */ React.createElement(Content, {
value: "npub"
}, /* @__PURE__ */ React.createElement("div", {
className: "my-4"
}, /* @__PURE__ */ React.createElement("textarea", {
value: keys.npub,
readOnly: true,
className: "w-full h-20 resize-none p-3 bg-muted rounded-xl"
})), /* @__PURE__ */ React.createElement("div", {
className: "w-full rounded-xl border border-primary p-4 flex items-center justify-center"
}, /* @__PURE__ */ React.createElement(import_react_qr_code.default, {
size: 128,
value: keys.npub
}))), /* @__PURE__ */ React.createElement(Content, {
value: "hex"
}, /* @__PURE__ */ React.createElement("div", {
className: "my-4"
}, /* @__PURE__ */ React.createElement("textarea", {
value: keys.hex,
readOnly: true,
className: "w-full h-20 resize-none p-3 bg-muted rounded-xl"
})), /* @__PURE__ */ React.createElement("div", {
className: "w-full rounded-xl border border-primary p-4 flex items-center justify-center"
}, /* @__PURE__ */ React.createElement(import_react_qr_code.default, {
size: 128,
value: keys.hex
}))), keys.nprofile ? /* @__PURE__ */ React.createElement(Content, {
value: "nprofile"
}, /* @__PURE__ */ React.createElement("div", {
className: "my-4"
}, /* @__PURE__ */ React.createElement("textarea", {
value: keys.nprofile,
readOnly: true,
className: "w-full h-20 resize-none p-3 bg-muted rounded-xl"
})), /* @__PURE__ */ React.createElement("div", {
className: "w-full rounded-xl border border-primary p-4 flex items-center justify-center"
}, /* @__PURE__ */ React.createElement(import_react_qr_code.default, {
size: 128,
value: keys.nprofile
}))) : null))));
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
className: "w-[320px] p-6",
children: !keys ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
className: "flex items-center justify-between gap-6",
children: [
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
className: "flex-1 flex items-center justify-between",
children: [
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", {
className: "text-sm font-medium",
children: [
"Click here to enter or create",
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("br", {}),
"your first identity"
]
}),
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", {
xmlns: "http://www.w3.org/2000/svg",
fill: "none",
viewBox: "0 0 24 24",
strokeWidth: 1.5,
stroke: "currentColor",
className: "w-6 h-6",
"aria-hidden": "true",
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
strokeLinecap: "round",
strokeLinejoin: "round",
d: "M13.5 4.5L21 12m0 0l-7.5 7.5M21 12H3"
})
})
]
}),
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
type: "button",
onClick: () => gotoSettings(),
className: "w-9 h-9 shrink-0 border border-primary shadow-sm rounded-xl inline-flex items-center justify-center",
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SettingsIcon, {
className: "w-5 h-5 text-muted"
})
})
]
}) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
children: [
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
className: "mb-2 flex items-center justify-between",
children: [
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
className: "flex items-center gap-2",
children: [
avatarURI ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", {
src: avatarURI,
className: "w-9 h-9 rounded-full bg-muted",
alt: "Avatar"
}) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
className: "w-9 h-9 rounded-full bg-muted"
}),
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
className: "font-semibold",
children: "Account"
})
]
}),
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
type: "button",
onClick: () => gotoSettings(),
className: "w-9 h-9 shrink-0 border border-primary shadow-sm rounded-xl inline-flex items-center justify-center",
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SettingsIcon, {
className: "w-5 h-5 text-muted"
})
})
]
}),
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Root2, {
defaultValue: "npub",
children: [
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(List, {
className: "w-full border-b border-primary h-10 flex items-center",
children: [
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Trigger, {
value: "npub",
className: "font-medium flex-1 flex items-center justify-center text-muted h-10 data-[state=active]:text-primary data-[state=active]:border-b data-[state=active]:border-secondary",
children: "npub"
}),
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Trigger, {
value: "hex",
className: "font-medium flex-1 flex items-center justify-center text-muted h-10 data-[state=active]:text-primary data-[state=active]:border-b data-[state=active]:border-secondary",
children: "hex"
}),
keys.nprofile ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Trigger, {
value: "nprofile",
className: "font-medium flex-1 flex items-center justify-center text-muted h-10 data-[state=active]:text-primary data-[state=active]:border-b data-[state=active]:border-secondary",
children: "nprofile"
}) : null
]
}),
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Content, {
value: "npub",
children: [
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
className: "my-4",
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("textarea", {
value: keys.npub,
readOnly: true,
className: "w-full h-20 resize-none p-3 bg-muted rounded-xl"
})
}),
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
className: "w-full rounded-xl border border-primary p-4 flex items-center justify-center",
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_qr_code.default, {
size: 128,
value: keys.npub
})
})
]
}),
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Content, {
value: "hex",
children: [
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
className: "my-4",
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("textarea", {
value: keys.hex,
readOnly: true,
className: "w-full h-20 resize-none p-3 bg-muted rounded-xl"
})
}),
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
className: "w-full rounded-xl border border-primary p-4 flex items-center justify-center",
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_qr_code.default, {
size: 128,
value: keys.hex
})
})
]
}),
keys.nprofile ? /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(Content, {
value: "nprofile",
children: [
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
className: "my-4",
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("textarea", {
value: keys.nprofile,
readOnly: true,
className: "w-full h-20 resize-none p-3 bg-muted rounded-xl"
})
}),
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
className: "w-full rounded-xl border border-primary p-4 flex items-center justify-center",
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_react_qr_code.default, {
size: 128,
value: keys.nprofile
})
})
]
}) : null
]
})
})
]
})
});
}
(0, import_react_dom.render)(/* @__PURE__ */ React.createElement(Popup, null), document.getElementById("main"));
(0, import_react_dom.render)(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Popup, {}), document.getElementById("main"));
})();
/*
object-assign

412
extension/output/prompt.build.js
View File

@@ -3443,11 +3443,11 @@
if (true) {
(function() {
"use strict";
var React12 = require_react();
var React11 = require_react();
var _assign = require_object_assign();
var Scheduler = require_scheduler();
var tracing = require_tracing();
var ReactSharedInternals = React12.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
var ReactSharedInternals = React11.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
function warn(format) {
{
for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
@@ -3479,7 +3479,7 @@
Function.prototype.apply.call(console[level], console, argsWithFormat);
}
}
if (!React12) {
if (!React11) {
{
throw Error("ReactDOM was loaded before React. Make sure you load the React package before loading ReactDOM.");
}
@@ -4815,7 +4815,7 @@
var didWarnInvalidChild = false;
function flattenChildren(children) {
var content = "";
React12.Children.forEach(children, function(child) {
React11.Children.forEach(children, function(child) {
if (child == null) {
return;
}
@@ -4826,7 +4826,7 @@
function validateProps(element, props) {
{
if (typeof props.children === "object" && props.children !== null) {
React12.Children.forEach(props.children, function(child) {
React11.Children.forEach(props.children, function(child) {
if (child == null) {
return;
}
@@ -12029,7 +12029,7 @@
}
var fakeInternalInstance = {};
var isArray = Array.isArray;
var emptyRefsObject = new React12.Component().refs;
var emptyRefsObject = new React11.Component().refs;
var didWarnAboutStateAssignmentForComponent;
var didWarnAboutUninitializedState;
var didWarnAboutGetSnapshotBeforeUpdateWithoutDidUpdate;
@@ -21632,7 +21632,7 @@ For more info, visit https://reactjs.org/link/mock-scheduler`);
if (true) {
(function() {
"use strict";
var React12 = require_react();
var React11 = require_react();
var _assign = require_object_assign();
var REACT_ELEMENT_TYPE = 60103;
var REACT_PORTAL_TYPE = 60106;
@@ -21689,7 +21689,7 @@ For more info, visit https://reactjs.org/link/mock-scheduler`);
}
return null;
}
var ReactSharedInternals = React12.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
var ReactSharedInternals = React11.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
function error(format) {
{
for (var _len2 = arguments.length, args = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {
@@ -22459,10 +22459,10 @@ For more info, visit https://reactjs.org/link/mock-scheduler`);
return jsxWithValidation(type, props, key, false);
}
}
var jsx5 = jsxWithValidationDynamic;
var jsxs2 = jsxWithValidationStatic;
exports.jsx = jsx5;
exports.jsxs = jsxs2;
var jsx7 = jsxWithValidationDynamic;
var jsxs4 = jsxWithValidationStatic;
exports.jsx = jsx7;
exports.jsxs = jsxs4;
})();
}
}
@@ -22497,73 +22497,93 @@ For more info, visit https://reactjs.org/link/mock-scheduler`);
]);
// extension/icons.jsx
var import_jsx_runtime = __toESM(require_jsx_runtime());
function LogoIcon() {
return /* @__PURE__ */ React.createElement("svg", {
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("svg", {
xmlns: "http://www.w3.org/2000/svg",
width: "56",
height: "56",
fill: "none",
viewBox: "0 0 56 56",
"aria-label": "Nostr Connect logo"
}, /* @__PURE__ */ React.createElement("rect", {
width: "56",
height: "56",
fill: "#EEECFD",
rx: "16"
}), /* @__PURE__ */ React.createElement("rect", {
width: "55",
height: "55",
x: "0.5",
y: "0.5",
stroke: "#5A41F4",
strokeOpacity: "0.25",
rx: "15.5"
}), /* @__PURE__ */ React.createElement("rect", {
width: "39",
height: "39",
x: "8.5",
y: "8.5",
fill: "url(#paint0_linear_24_2379)",
rx: "19.5"
}), /* @__PURE__ */ React.createElement("rect", {
width: "39",
height: "39",
x: "8.5",
y: "8.5",
stroke: "#6149F6",
rx: "19.5"
}), /* @__PURE__ */ React.createElement("g", {
fill: "#fff",
stroke: "#6149F6",
clipPath: "url(#clip0_24_2379)"
}, /* @__PURE__ */ React.createElement("path", {
d: "M23.78 20.634l.408-.235-.21-.422a4.432 4.432 0 01-.458-1.797l-.031-.78-.696.355A11.533 11.533 0 0016.5 27.998h0V28c.002.87.103 1.738.302 2.585a3.525 3.525 0 102.843-1.058A8.377 8.377 0 0119.5 28a8.523 8.523 0 014.28-7.366zM36.5 28.023v.468l.467.03c.621.042 1.227.212 1.778.5l.687.36.044-.774.005-.075c.01-.166.02-.349.02-.532v-.001a11.524 11.524 0 00-8.142-10.99 3.526 3.526 0 10-.501 2.989A8.524 8.524 0 0136.5 28s0 0 0 0v.022zM33.185 32.622a3.49 3.49 0 00.311 1.844 8.442 8.442 0 01-9.766.877l-.407-.239-.262.392c-.343.514-.79.95-1.311 1.282l-.652.414.645.425a11.39 11.39 0 0014.092-1.23c.264.069.536.107.81.113h.01a3.5 3.5 0 002.803-5.6h.556l-1.603-.932a3.49 3.49 0 00-5.226 2.654z"
})), /* @__PURE__ */ React.createElement("defs", null, /* @__PURE__ */ React.createElement("linearGradient", {
id: "paint0_linear_24_2379",
x1: "28",
x2: "28",
y1: "8",
y2: "48",
gradientUnits: "userSpaceOnUse"
}, /* @__PURE__ */ React.createElement("stop", {
stopColor: "#8E7CFF"
}), /* @__PURE__ */ React.createElement("stop", {
offset: "1",
stopColor: "#5A41F4"
})), /* @__PURE__ */ React.createElement("clipPath", {
id: "clip0_24_2379"
}, /* @__PURE__ */ React.createElement("path", {
fill: "#fff",
d: "M0 0H24V24H0z",
transform: "translate(16 15)"
}))));
"aria-label": "Nostr Connect logo",
children: [
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", {
width: "56",
height: "56",
fill: "#EEECFD",
rx: "16"
}),
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", {
width: "55",
height: "55",
x: "0.5",
y: "0.5",
stroke: "#5A41F4",
strokeOpacity: "0.25",
rx: "15.5"
}),
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", {
width: "39",
height: "39",
x: "8.5",
y: "8.5",
fill: "url(#paint0_linear_24_2379)",
rx: "19.5"
}),
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("rect", {
width: "39",
height: "39",
x: "8.5",
y: "8.5",
stroke: "#6149F6",
rx: "19.5"
}),
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("g", {
fill: "#fff",
stroke: "#6149F6",
clipPath: "url(#clip0_24_2379)",
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
d: "M23.78 20.634l.408-.235-.21-.422a4.432 4.432 0 01-.458-1.797l-.031-.78-.696.355A11.533 11.533 0 0016.5 27.998h0V28c.002.87.103 1.738.302 2.585a3.525 3.525 0 102.843-1.058A8.377 8.377 0 0119.5 28a8.523 8.523 0 014.28-7.366zM36.5 28.023v.468l.467.03c.621.042 1.227.212 1.778.5l.687.36.044-.774.005-.075c.01-.166.02-.349.02-.532v-.001a11.524 11.524 0 00-8.142-10.99 3.526 3.526 0 10-.501 2.989A8.524 8.524 0 0136.5 28s0 0 0 0v.022zM33.185 32.622a3.49 3.49 0 00.311 1.844 8.442 8.442 0 01-9.766.877l-.407-.239-.262.392c-.343.514-.79.95-1.311 1.282l-.652.414.645.425a11.39 11.39 0 0014.092-1.23c.264.069.536.107.81.113h.01a3.5 3.5 0 002.803-5.6h.556l-1.603-.932a3.49 3.49 0 00-5.226 2.654z"
})
}),
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("defs", {
children: [
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("linearGradient", {
id: "paint0_linear_24_2379",
x1: "28",
x2: "28",
y1: "8",
y2: "48",
gradientUnits: "userSpaceOnUse",
children: [
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("stop", {
stopColor: "#8E7CFF"
}),
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("stop", {
offset: "1",
stopColor: "#5A41F4"
})
]
}),
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("clipPath", {
id: "clip0_24_2379",
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
fill: "#fff",
d: "M0 0H24V24H0z",
transform: "translate(16 15)"
})
})
]
})
]
});
}
// node_modules/.pnpm/@radix-ui+react-checkbox@1.3.3_@types+react-dom@19.0.2_@types+react@19.0.2__@types+reac_d96e45962cc5ba292a62810b70da3303/node_modules/@radix-ui/react-checkbox/dist/index.mjs
var React11 = __toESM(require_react(), 1);
var React10 = __toESM(require_react(), 1);
// node_modules/.pnpm/@radix-ui+react-compose-refs@1.1.2_@types+react@19.0.2_react@17.0.2/node_modules/@radix-ui/react-compose-refs/dist/index.mjs
var React2 = __toESM(require_react(), 1);
var React = __toESM(require_react(), 1);
function setRef(ref, value) {
if (typeof ref === "function") {
return ref(value);
@@ -22596,28 +22616,28 @@ For more info, visit https://reactjs.org/link/mock-scheduler`);
};
}
function useComposedRefs(...refs) {
return React2.useCallback(composeRefs(...refs), refs);
return React.useCallback(composeRefs(...refs), refs);
}
// node_modules/.pnpm/@radix-ui+react-context@1.1.2_@types+react@19.0.2_react@17.0.2/node_modules/@radix-ui/react-context/dist/index.mjs
var React3 = __toESM(require_react(), 1);
var React2 = __toESM(require_react(), 1);
var import_jsx_runtime = __toESM(require_jsx_runtime(), 1);
function createContextScope(scopeName, createContextScopeDeps = []) {
let defaultContexts = [];
function createContext3(rootComponentName, defaultContext) {
const BaseContext = React3.createContext(defaultContext);
const BaseContext = React2.createContext(defaultContext);
const index = defaultContexts.length;
defaultContexts = [...defaultContexts, defaultContext];
const Provider = (props) => {
const { scope, children, ...context } = props;
const Context = scope?.[scopeName]?.[index] || BaseContext;
const value = React3.useMemo(() => context, Object.values(context));
const value = React2.useMemo(() => context, Object.values(context));
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Context.Provider, { value, children });
};
Provider.displayName = rootComponentName + "Provider";
function useContext2(consumerName, scope) {
const Context = scope?.[scopeName]?.[index] || BaseContext;
const context = React3.useContext(Context);
const context = React2.useContext(Context);
if (context)
return context;
if (defaultContext !== void 0)
@@ -22628,11 +22648,11 @@ For more info, visit https://reactjs.org/link/mock-scheduler`);
}
const createScope = () => {
const scopeContexts = defaultContexts.map((defaultContext) => {
return React3.createContext(defaultContext);
return React2.createContext(defaultContext);
});
return function useScope(scope) {
const contexts = scope?.[scopeName] || scopeContexts;
return React3.useMemo(
return React2.useMemo(
() => ({ [`__scope${scopeName}`]: { ...scope, [scopeName]: contexts } }),
[scope, contexts]
);
@@ -22656,7 +22676,7 @@ For more info, visit https://reactjs.org/link/mock-scheduler`);
const currentScope = scopeProps[`__scope${scopeName}`];
return { ...nextScopes2, ...currentScope };
}, {});
return React3.useMemo(() => ({ [`__scope${baseScope.scopeName}`]: nextScopes }), [nextScopes]);
return React2.useMemo(() => ({ [`__scope${baseScope.scopeName}`]: nextScopes }), [nextScopes]);
};
};
createScope.scopeName = baseScope.scopeName;
@@ -22675,16 +22695,16 @@ For more info, visit https://reactjs.org/link/mock-scheduler`);
}
// node_modules/.pnpm/@radix-ui+react-use-controllable-state@1.2.2_@types+react@19.0.2_react@17.0.2/node_modules/@radix-ui/react-use-controllable-state/dist/index.mjs
var React5 = __toESM(require_react(), 1);
var React4 = __toESM(require_react(), 1);
// node_modules/.pnpm/@radix-ui+react-use-layout-effect@1.1.1_@types+react@19.0.2_react@17.0.2/node_modules/@radix-ui/react-use-layout-effect/dist/index.mjs
var React4 = __toESM(require_react(), 1);
var useLayoutEffect2 = globalThis?.document ? React4.useLayoutEffect : () => {
var React3 = __toESM(require_react(), 1);
var useLayoutEffect2 = globalThis?.document ? React3.useLayoutEffect : () => {
};
// node_modules/.pnpm/@radix-ui+react-use-controllable-state@1.2.2_@types+react@19.0.2_react@17.0.2/node_modules/@radix-ui/react-use-controllable-state/dist/index.mjs
var React22 = __toESM(require_react(), 1);
var useInsertionEffect = React5[" useInsertionEffect ".trim().toString()] || useLayoutEffect2;
var useInsertionEffect = React4[" useInsertionEffect ".trim().toString()] || useLayoutEffect2;
function useControllableState({
prop,
defaultProp,
@@ -22699,8 +22719,8 @@ For more info, visit https://reactjs.org/link/mock-scheduler`);
const isControlled = prop !== void 0;
const value = isControlled ? prop : uncontrolledProp;
if (true) {
const isControlledRef = React5.useRef(prop !== void 0);
React5.useEffect(() => {
const isControlledRef = React4.useRef(prop !== void 0);
React4.useEffect(() => {
const wasControlled = isControlledRef.current;
if (wasControlled !== isControlled) {
const from = wasControlled ? "controlled" : "uncontrolled";
@@ -22712,7 +22732,7 @@ For more info, visit https://reactjs.org/link/mock-scheduler`);
isControlledRef.current = isControlled;
}, [isControlled, caller]);
}
const setValue = React5.useCallback(
const setValue = React4.useCallback(
(nextValue) => {
if (isControlled) {
const value2 = isFunction(nextValue) ? nextValue(prop) : nextValue;
@@ -22731,13 +22751,13 @@ For more info, visit https://reactjs.org/link/mock-scheduler`);
defaultProp,
onChange
}) {
const [value, setValue] = React5.useState(defaultProp);
const prevValueRef = React5.useRef(value);
const onChangeRef = React5.useRef(onChange);
const [value, setValue] = React4.useState(defaultProp);
const prevValueRef = React4.useRef(value);
const onChangeRef = React4.useRef(onChange);
useInsertionEffect(() => {
onChangeRef.current = onChange;
}, [onChange]);
React5.useEffect(() => {
React4.useEffect(() => {
if (prevValueRef.current !== value) {
onChangeRef.current?.(value);
prevValueRef.current = value;
@@ -22751,10 +22771,10 @@ For more info, visit https://reactjs.org/link/mock-scheduler`);
var SYNC_STATE = Symbol("RADIX:SYNC_STATE");
// node_modules/.pnpm/@radix-ui+react-use-previous@1.1.1_@types+react@19.0.2_react@17.0.2/node_modules/@radix-ui/react-use-previous/dist/index.mjs
var React6 = __toESM(require_react(), 1);
var React5 = __toESM(require_react(), 1);
function usePrevious(value) {
const ref = React6.useRef({ value, previous: value });
return React6.useMemo(() => {
const ref = React5.useRef({ value, previous: value });
return React5.useMemo(() => {
if (ref.current.value !== value) {
ref.current.previous = ref.current.value;
ref.current.value = value;
@@ -22764,9 +22784,9 @@ For more info, visit https://reactjs.org/link/mock-scheduler`);
}
// node_modules/.pnpm/@radix-ui+react-use-size@1.1.1_@types+react@19.0.2_react@17.0.2/node_modules/@radix-ui/react-use-size/dist/index.mjs
var React7 = __toESM(require_react(), 1);
var React6 = __toESM(require_react(), 1);
function useSize(element) {
const [size, setSize] = React7.useState(void 0);
const [size, setSize] = React6.useState(void 0);
useLayoutEffect2(() => {
if (element) {
setSize({ width: element.offsetWidth, height: element.offsetHeight });
@@ -22802,10 +22822,10 @@ For more info, visit https://reactjs.org/link/mock-scheduler`);
// node_modules/.pnpm/@radix-ui+react-presence@1.1.5_@types+react-dom@19.0.2_@types+react@19.0.2__@types+reac_100e8a92f6fdf86fd4a0d9e34245f26e/node_modules/@radix-ui/react-presence/dist/index.mjs
var React23 = __toESM(require_react(), 1);
var React8 = __toESM(require_react(), 1);
var React7 = __toESM(require_react(), 1);
"use client";
function useStateMachine(initialState, machine) {
return React8.useReducer((state, event) => {
return React7.useReducer((state, event) => {
const nextState = machine[state][event];
return nextState ?? state;
}, initialState);
@@ -22928,30 +22948,30 @@ For more info, visit https://reactjs.org/link/mock-scheduler`);
}
// node_modules/.pnpm/@radix-ui+react-primitive@2.1.3_@types+react-dom@19.0.2_@types+react@19.0.2__@types+rea_4d2f7b7fa17f2c71e22e7a2adbe76a73/node_modules/@radix-ui/react-primitive/dist/index.mjs
var React10 = __toESM(require_react(), 1);
var React9 = __toESM(require_react(), 1);
var ReactDOM = __toESM(require_react_dom(), 1);
// node_modules/.pnpm/@radix-ui+react-slot@1.2.3_@types+react@19.0.2_react@17.0.2/node_modules/@radix-ui/react-slot/dist/index.mjs
var React9 = __toESM(require_react(), 1);
var React8 = __toESM(require_react(), 1);
var import_jsx_runtime2 = __toESM(require_jsx_runtime(), 1);
function createSlot(ownerName) {
const SlotClone = /* @__PURE__ */ createSlotClone(ownerName);
const Slot2 = React9.forwardRef((props, forwardedRef) => {
const Slot2 = React8.forwardRef((props, forwardedRef) => {
const { children, ...slotProps } = props;
const childrenArray = React9.Children.toArray(children);
const childrenArray = React8.Children.toArray(children);
const slottable = childrenArray.find(isSlottable);
if (slottable) {
const newElement = slottable.props.children;
const newChildren = childrenArray.map((child) => {
if (child === slottable) {
if (React9.Children.count(newElement) > 1)
return React9.Children.only(null);
return React9.isValidElement(newElement) ? newElement.props.children : null;
if (React8.Children.count(newElement) > 1)
return React8.Children.only(null);
return React8.isValidElement(newElement) ? newElement.props.children : null;
} else {
return child;
}
});
return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(SlotClone, { ...slotProps, ref: forwardedRef, children: React9.isValidElement(newElement) ? React9.cloneElement(newElement, void 0, newChildren) : null });
return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(SlotClone, { ...slotProps, ref: forwardedRef, children: React8.isValidElement(newElement) ? React8.cloneElement(newElement, void 0, newChildren) : null });
}
return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(SlotClone, { ...slotProps, ref: forwardedRef, children });
});
@@ -22959,24 +22979,24 @@ For more info, visit https://reactjs.org/link/mock-scheduler`);
return Slot2;
}
function createSlotClone(ownerName) {
const SlotClone = React9.forwardRef((props, forwardedRef) => {
const SlotClone = React8.forwardRef((props, forwardedRef) => {
const { children, ...slotProps } = props;
if (React9.isValidElement(children)) {
if (React8.isValidElement(children)) {
const childrenRef = getElementRef2(children);
const props2 = mergeProps(slotProps, children.props);
if (children.type !== React9.Fragment) {
if (children.type !== React8.Fragment) {
props2.ref = forwardedRef ? composeRefs(forwardedRef, childrenRef) : childrenRef;
}
return React9.cloneElement(children, props2);
return React8.cloneElement(children, props2);
}
return React9.Children.count(children) > 1 ? React9.Children.only(null) : null;
return React8.Children.count(children) > 1 ? React8.Children.only(null) : null;
});
SlotClone.displayName = `${ownerName}.SlotClone`;
return SlotClone;
}
var SLOTTABLE_IDENTIFIER = Symbol("radix.slottable");
function isSlottable(child) {
return React9.isValidElement(child) && typeof child.type === "function" && "__radixId" in child.type && child.type.__radixId === SLOTTABLE_IDENTIFIER;
return React8.isValidElement(child) && typeof child.type === "function" && "__radixId" in child.type && child.type.__radixId === SLOTTABLE_IDENTIFIER;
}
function mergeProps(slotProps, childProps) {
const overrideProps = { ...childProps };
@@ -23039,7 +23059,7 @@ For more info, visit https://reactjs.org/link/mock-scheduler`);
];
var Primitive = NODES.reduce((primitive, node) => {
const Slot = createSlot(`Primitive.${node}`);
const Node = React10.forwardRef((props, forwardedRef) => {
const Node = React9.forwardRef((props, forwardedRef) => {
const { asChild, ...primitiveProps } = props;
const Comp = asChild ? Slot : node;
if (typeof self !== "undefined") {
@@ -23077,9 +23097,9 @@ For more info, visit https://reactjs.org/link/mock-scheduler`);
onChange: onCheckedChange,
caller: CHECKBOX_NAME
});
const [control, setControl] = React11.useState(null);
const [bubbleInput, setBubbleInput] = React11.useState(null);
const hasConsumerStoppedPropagationRef = React11.useRef(false);
const [control, setControl] = React10.useState(null);
const [bubbleInput, setBubbleInput] = React10.useState(null);
const hasConsumerStoppedPropagationRef = React10.useRef(false);
const isFormControl = control ? !!form || !!control.closest("form") : true;
const context = {
checked,
@@ -23107,7 +23127,7 @@ For more info, visit https://reactjs.org/link/mock-scheduler`);
);
}
var TRIGGER_NAME = "CheckboxTrigger";
var CheckboxTrigger = React11.forwardRef(
var CheckboxTrigger = React10.forwardRef(
({ __scopeCheckbox, onKeyDown, onClick, ...checkboxProps }, forwardedRef) => {
const {
control,
@@ -23122,8 +23142,8 @@ For more info, visit https://reactjs.org/link/mock-scheduler`);
bubbleInput
} = useCheckboxContext(TRIGGER_NAME, __scopeCheckbox);
const composedRefs = useComposedRefs(forwardedRef, setControl);
const initialCheckedStateRef = React11.useRef(checked);
React11.useEffect(() => {
const initialCheckedStateRef = React10.useRef(checked);
React10.useEffect(() => {
const form = control?.form;
if (form) {
const reset = () => setChecked(initialCheckedStateRef.current);
@@ -23161,7 +23181,7 @@ For more info, visit https://reactjs.org/link/mock-scheduler`);
}
);
CheckboxTrigger.displayName = TRIGGER_NAME;
var Checkbox = React11.forwardRef(
var Checkbox = React10.forwardRef(
(props, forwardedRef) => {
const {
__scopeCheckbox,
@@ -23209,7 +23229,7 @@ For more info, visit https://reactjs.org/link/mock-scheduler`);
);
Checkbox.displayName = CHECKBOX_NAME;
var INDICATOR_NAME = "CheckboxIndicator";
var CheckboxIndicator = React11.forwardRef(
var CheckboxIndicator = React10.forwardRef(
(props, forwardedRef) => {
const { __scopeCheckbox, forceMount, ...indicatorProps } = props;
const context = useCheckboxContext(INDICATOR_NAME, __scopeCheckbox);
@@ -23233,7 +23253,7 @@ For more info, visit https://reactjs.org/link/mock-scheduler`);
);
CheckboxIndicator.displayName = INDICATOR_NAME;
var BUBBLE_INPUT_NAME = "CheckboxBubbleInput";
var CheckboxBubbleInput = React11.forwardRef(
var CheckboxBubbleInput = React10.forwardRef(
({ __scopeCheckbox, ...props }, forwardedRef) => {
const {
control,
@@ -23251,7 +23271,7 @@ For more info, visit https://reactjs.org/link/mock-scheduler`);
const composedRefs = useComposedRefs(forwardedRef, setBubbleInput);
const prevChecked = usePrevious(checked);
const controlSize = useSize(control);
React11.useEffect(() => {
React10.useEffect(() => {
const input = bubbleInput;
if (!input)
return;
@@ -23269,7 +23289,7 @@ For more info, visit https://reactjs.org/link/mock-scheduler`);
input.dispatchEvent(event);
}
}, [bubbleInput, prevChecked, checked, hasConsumerStoppedPropagationRef]);
const defaultCheckedRef = React11.useRef(isIndeterminate(checked) ? false : checked);
const defaultCheckedRef = React10.useRef(isIndeterminate(checked) ? false : checked);
return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
Primitive.input,
{
@@ -23309,6 +23329,7 @@ For more info, visit https://reactjs.org/link/mock-scheduler`);
}
// extension/prompt.jsx
var import_jsx_runtime = __toESM(require_jsx_runtime());
function Prompt() {
const [isRemember, setIsRemember] = (0, import_react.useState)(false);
const qs = new URLSearchParams(location.search);
@@ -23339,58 +23360,107 @@ For more info, visit https://reactjs.org/link/mock-scheduler`);
});
};
}
return /* @__PURE__ */ React.createElement("div", {
className: "w-screen h-screen flex flex-col items-center justify-center"
}, /* @__PURE__ */ React.createElement("div", {
className: "p-8 shadow-primary border border-primary rounded-2xl max-w-xl mx-auto flex flex-col gap-5"
}, /* @__PURE__ */ React.createElement("div", {
className: "flex flex-col items-center gap-5"
}, /* @__PURE__ */ React.createElement(LogoIcon, null), /* @__PURE__ */ React.createElement("div", {
className: "flex flex-col items-center text-center"
}, /* @__PURE__ */ React.createElement("h1", {
className: "font-semibold text-lg"
}, host), /* @__PURE__ */ React.createElement("p", null, "is requesting your permission to ", /* @__PURE__ */ React.createElement("b", null, PERMISSION_NAMES[type])))), params && /* @__PURE__ */ React.createElement("div", {
className: "flex flex-col gap-1"
}, /* @__PURE__ */ React.createElement("p", null, "Now acting on"), /* @__PURE__ */ React.createElement("pre", {
className: "bg-muted px-2 rounded-xl overflow-scroll"
}, /* @__PURE__ */ React.createElement("code", null, JSON.stringify(event || params, null, 2)))), /* @__PURE__ */ React.createElement("div", {
className: "flex flex-col gap-4"
}, /* @__PURE__ */ React.createElement("div", {
className: "flex items-center justify-center gap-2"
}, /* @__PURE__ */ React.createElement(Checkbox, {
id: "remember",
className: "flex h-6 w-6 appearance-none items-center justify-center rounded-lg bg-white outline-none border border-primary data-[state=checked]:bg-primary data-[state=checked]:border-secondary",
onCheckedChange: setIsRemember
}, /* @__PURE__ */ React.createElement(CheckboxIndicator, {
className: "text-white"
}, /* @__PURE__ */ React.createElement("svg", {
xmlns: "http://www.w3.org/2000/svg",
fill: "none",
viewBox: "0 0 24 24",
strokeWidth: 1.5,
stroke: "currentColor",
className: "w-4 h-4",
"aria-hidden": "true"
}, /* @__PURE__ */ React.createElement("path", {
strokeLinecap: "round",
strokeLinejoin: "round",
d: "M4.5 12.75l6 6 9-13.5"
})))), /* @__PURE__ */ React.createElement("label", {
htmlFor: "remember",
className: "text-muted"
}, "Remember my preference forever")), /* @__PURE__ */ React.createElement("div", {
className: "flex gap-3"
}, /* @__PURE__ */ React.createElement("button", {
type: "button",
onClick: authorizeHandler(false),
className: "flex-1 h-10 rounded-lg shadow-sm border border-primary inline-flex items-center justify-center font-semibold"
}, "Reject"), /* @__PURE__ */ React.createElement("button", {
type: "button",
onClick: authorizeHandler(true),
className: "flex-1 h-10 rounded-lg shadow-sm border border-secondary bg-primary text-white inline-flex items-center justify-center font-semibold"
}, "Authorize")))));
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {
className: "w-screen h-screen flex flex-col items-center justify-center",
children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
className: "p-8 shadow-primary border border-primary rounded-2xl max-w-xl mx-auto flex flex-col gap-5",
children: [
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
className: "flex flex-col items-center gap-5",
children: [
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(LogoIcon, {}),
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
className: "flex flex-col items-center text-center",
children: [
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("h1", {
className: "font-semibold text-lg",
children: host
}),
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", {
children: [
"is requesting your permission to ",
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("b", {
children: PERMISSION_NAMES[type]
})
]
})
]
})
]
}),
params && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
className: "flex flex-col gap-1",
children: [
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", {
children: "Now acting on"
}),
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("pre", {
className: "bg-muted px-2 rounded-xl overflow-scroll",
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("code", {
children: JSON.stringify(event || params, null, 2)
})
})
]
}),
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
className: "flex flex-col gap-4",
children: [
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
className: "flex items-center justify-center gap-2",
children: [
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Checkbox, {
id: "remember",
className: "flex h-6 w-6 appearance-none items-center justify-center rounded-lg bg-white outline-none border border-primary data-[state=checked]:bg-primary data-[state=checked]:border-secondary",
onCheckedChange: setIsRemember,
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CheckboxIndicator, {
className: "text-white",
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", {
xmlns: "http://www.w3.org/2000/svg",
fill: "none",
viewBox: "0 0 24 24",
strokeWidth: 1.5,
stroke: "currentColor",
className: "w-4 h-4",
"aria-hidden": "true",
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", {
strokeLinecap: "round",
strokeLinejoin: "round",
d: "M4.5 12.75l6 6 9-13.5"
})
})
})
}),
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("label", {
htmlFor: "remember",
className: "text-muted",
children: "Remember my preference forever"
})
]
}),
/* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", {
className: "flex gap-3",
children: [
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
type: "button",
onClick: authorizeHandler(false),
className: "flex-1 h-10 rounded-lg shadow-sm border border-primary inline-flex items-center justify-center font-semibold",
children: "Reject"
}),
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("button", {
type: "button",
onClick: authorizeHandler(true),
className: "flex-1 h-10 rounded-lg shadow-sm border border-secondary bg-primary text-white inline-flex items-center justify-center font-semibold",
children: "Authorize"
})
]
})
]
})
]
})
});
}
(0, import_react_dom.render)(/* @__PURE__ */ React.createElement(Prompt, null), document.getElementById("main"));
(0, import_react_dom.render)(/* @__PURE__ */ (0, import_jsx_runtime.jsx)(Prompt, {}), document.getElementById("main"));
})();
/*
object-assign

24
extension/utils.js
View File

@@ -1,38 +1,38 @@
export class LRUCache {
constructor(maxSize) {
this.maxSize = maxSize;
this.map = new Map();
this.keys = [];
this.maxSize = maxSize
this.map = new Map()
this.keys = []
}
clear() {
this.map.clear();
this.map.clear()
}
has(k) {
return this.map.has(k);
return this.map.has(k)
}
get(k) {
const v = this.map.get(k);
const v = this.map.get(k)
if (v !== undefined) {
this.keys.push(k);
this.keys.push(k)
if (this.keys.length > this.maxSize * 2) {
this.keys.splice(-this.maxSize);
this.keys.splice(-this.maxSize)
}
}
return v;
return v
}
set(k, v) {
this.map.set(k, v);
this.keys.push(k);
this.map.set(k, v)
this.keys.push(k)
if (this.map.size > this.maxSize) {
this.map.delete(this.keys.shift());
this.map.delete(this.keys.shift())
}
}
}