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

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