Kieran
/
snort
5
14
Fork 14
Code Issues 53 Pull Requests 1 Packages Projects Releases 24 Wiki Activity

wip vite

This commit is contained in:
Martti Malmi 2023-11-17 13:52:10 +02:00
parent fea0e3c475
commit 7ec02f9bf5
215 changed files with 3257 additions and 2605 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
packages/app/public/index.html → packages/app/index.html
View File

@ -5,15 +5,14 @@
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" /> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
<meta name="theme-color" content="#000000" /> <meta name="theme-color" content="#000000" />
<meta name="description" content="Feature packed nostr client" /> <meta name="description" content="Feature packed nostr client" />
<meta <meta name="keywords" content="nostr snort fast decentralized social media censorship resistant open source software" />
name="keywords"
content="nostr snort fast decentralized social media censorship resistant open source software" />
<link rel="preconnect" href="https://imgproxy.snort.social" /> <link rel="preconnect" href="https://imgproxy.snort.social" />
<link rel="apple-touch-icon" href="<%= htmlWebpackPlugin.options.templateParameters.appleTouchIconUrl %>" /> <link rel="apple-touch-icon" href="" />
<link rel="manifest" href="/manifest.json" /> <link rel="manifest" href="/manifest.json" />
<title><%= htmlWebpackPlugin.options.templateParameters.appTitle %></title> <title></title>
</head> </head>
<body> <body>
<div id="root"></div> <div id="root"></div>
<script type="module" src="/src/index.tsx"></script>
</body> </body>
</html> </html>

8
packages/app/package.json
View File

@ -48,8 +48,9 @@
"workbox-strategies": "^6.4.2" "workbox-strategies": "^6.4.2"
}, },
"scripts": { "scripts": {
"start": "webpack serve --node-env=development --mode=development", "start": "vite",
"build": "webpack --node-env=production --mode=production", "build": "vite build",
"serve": "vite preview",
"test": "jest --runInBand", "test": "jest --runInBand",
"intl-extract": "formatjs extract 'src/**/*.ts*' --ignore='**/*.d.ts' --out-file src/lang.json --flatten true", "intl-extract": "formatjs extract 'src/**/*.ts*' --ignore='**/*.d.ts' --out-file src/lang.json --flatten true",
"intl-compile": "formatjs compile src/lang.json --out-file src/translations/en.json", "intl-compile": "formatjs compile src/lang.json --out-file src/translations/en.json",
@ -83,6 +84,7 @@
"@formatjs/cli": "^6.1.3", "@formatjs/cli": "^6.1.3",
"@formatjs/ts-transformer": "^3.13.3", "@formatjs/ts-transformer": "^3.13.3",
"@jest/globals": "^29.6.1", "@jest/globals": "^29.6.1",
"@types/config": "^3.3.3",
"@types/debug": "^4.1.8", "@types/debug": "^4.1.8",
"@types/jest": "^29.5.1", "@types/jest": "^29.5.1",
"@types/node": "^20.4.1", "@types/node": "^20.4.1",
@ -94,6 +96,7 @@
"@types/webtorrent": "^0.109.3", "@types/webtorrent": "^0.109.3",
"@typescript-eslint/eslint-plugin": "^6.1.0", "@typescript-eslint/eslint-plugin": "^6.1.0",
"@typescript-eslint/parser": "^6.1.0", "@typescript-eslint/parser": "^6.1.0",
"@vitejs/plugin-react": "^4.2.0",
"@webbtc/webln-types": "^1.0.10", "@webbtc/webln-types": "^1.0.10",
"@webpack-cli/generators": "^3.0.4", "@webpack-cli/generators": "^3.0.4",
"@webscopeio/react-textarea-autocomplete": "^4.9.2", "@webscopeio/react-textarea-autocomplete": "^4.9.2",
@ -121,6 +124,7 @@
"ts-jest": "^29.1.1", "ts-jest": "^29.1.1",
"ts-loader": "^9.4.4", "ts-loader": "^9.4.4",
"typescript": "^5.2.2", "typescript": "^5.2.2",
"vite": "^5.0.0",
"webpack": "^5.88.2", "webpack": "^5.88.2",
"webpack-bundle-analyzer": "^4.8.0", "webpack-bundle-analyzer": "^4.8.0",
"webpack-cli": "^5.1.4", "webpack-cli": "^5.1.4",

2
packages/app/src/Cache/ChatCache.ts
View File

@ -1,6 +1,6 @@
import { NostrEvent } from "@snort/system"; import { NostrEvent } from "@snort/system";
import { FeedCache } from "@snort/shared"; import { FeedCache } from "@snort/shared";
import { db } from "Db"; import { db } from "@/Db";
export class ChatCache extends FeedCache<NostrEvent> { export class ChatCache extends FeedCache<NostrEvent> {
constructor() { constructor() {

6
packages/app/src/Cache/EventInteractionCache.ts
View File

@ -1,7 +1,7 @@
import { FeedCache } from "@snort/shared"; import { FeedCache } from "@snort/shared";
import { db, EventInteraction } from "Db"; import { db, EventInteraction } from "@/Db";
import { LoginStore } from "Login"; import { LoginStore } from "@/Login";
import { sha256 } from "SnortUtils"; import { sha256 } from "@/SnortUtils";
export class EventInteractionCache extends FeedCache<EventInteraction> { export class EventInteractionCache extends FeedCache<EventInteraction> {
constructor() { constructor() {

4
packages/app/src/Cache/FollowListCache.ts
View File

@ -1,8 +1,8 @@
import { db } from "Db"; import { db } from "@/Db";
import { unixNowMs } from "@snort/shared"; import { unixNowMs } from "@snort/shared";
import { EventKind, RequestBuilder, socialGraphInstance, TaggedNostrEvent } from "@snort/system"; import { EventKind, RequestBuilder, socialGraphInstance, TaggedNostrEvent } from "@snort/system";
import { RefreshFeedCache } from "./RefreshFeedCache"; import { RefreshFeedCache } from "./RefreshFeedCache";
import { LoginSession } from "Login"; import { LoginSession } from "@/Login";
export class FollowListCache extends RefreshFeedCache<TaggedNostrEvent> { export class FollowListCache extends RefreshFeedCache<TaggedNostrEvent> {
constructor() { constructor() {

6
packages/app/src/Cache/FollowsFeed.ts
View File

@ -2,10 +2,10 @@ import debug from "debug";
import { EventKind, RequestBuilder, SystemInterface, TaggedNostrEvent } from "@snort/system"; import { EventKind, RequestBuilder, SystemInterface, TaggedNostrEvent } from "@snort/system";
import { unixNow, unixNowMs } from "@snort/shared"; import { unixNow, unixNowMs } from "@snort/shared";
import { db } from "Db"; import { db } from "@/Db";
import { RefreshFeedCache, TWithCreated } from "./RefreshFeedCache"; import { RefreshFeedCache, TWithCreated } from "./RefreshFeedCache";
import { LoginSession } from "Login"; import { LoginSession } from "@/Login";
import { Day, Hour } from "Const"; import { Day, Hour } from "@/Const";
const WindowSize = Hour * 6; const WindowSize = Hour * 6;
const MaxCacheWindow = Day * 7; const MaxCacheWindow = Day * 7;

6
packages/app/src/Cache/GiftWrapCache.ts
View File

@ -1,8 +1,8 @@
import { EventKind, EventPublisher, RequestBuilder, TaggedNostrEvent } from "@snort/system"; import { EventKind, EventPublisher, RequestBuilder, TaggedNostrEvent } from "@snort/system";
import { UnwrappedGift, db } from "Db"; import { UnwrappedGift, db } from "@/Db";
import { findTag, unwrap } from "SnortUtils"; import { findTag, unwrap } from "@/SnortUtils";
import { RefreshFeedCache } from "./RefreshFeedCache"; import { RefreshFeedCache } from "./RefreshFeedCache";
import { LoginSession, LoginSessionType } from "Login"; import { LoginSession, LoginSessionType } from "@/Login";
export class GiftWrapCache extends RefreshFeedCache<UnwrappedGift> { export class GiftWrapCache extends RefreshFeedCache<UnwrappedGift> {
constructor() { constructor() {

6
packages/app/src/Cache/Notifications.ts
View File

@ -1,8 +1,8 @@
import { EventKind, NostrEvent, RequestBuilder, TaggedNostrEvent } from "@snort/system"; import { EventKind, NostrEvent, RequestBuilder, TaggedNostrEvent } from "@snort/system";
import { RefreshFeedCache, TWithCreated } from "./RefreshFeedCache"; import { RefreshFeedCache, TWithCreated } from "./RefreshFeedCache";
import { LoginSession } from "Login"; import { LoginSession } from "@/Login";
import { NostrEventForSession, db } from "Db"; import { NostrEventForSession, db } from "@/Db";
import { Day } from "Const"; import { Day } from "@/Const";
import { unixNow } from "@snort/shared"; import { unixNow } from "@snort/shared";
export class NotificationsCache extends RefreshFeedCache<NostrEventForSession> { export class NotificationsCache extends RefreshFeedCache<NostrEventForSession> {

2
packages/app/src/Cache/PaymentsCache.ts
View File

@ -1,4 +1,4 @@
import { Payment, db } from "Db"; import { Payment, db } from "@/Db";
import { FeedCache } from "@snort/shared"; import { FeedCache } from "@snort/shared";
export class Payments extends FeedCache<Payment> { export class Payments extends FeedCache<Payment> {

2
packages/app/src/Cache/RefreshFeedCache.ts
View File

@ -1,6 +1,6 @@
import { FeedCache } from "@snort/shared"; import { FeedCache } from "@snort/shared";
import { EventPublisher, RequestBuilder, TaggedNostrEvent } from "@snort/system"; import { EventPublisher, RequestBuilder, TaggedNostrEvent } from "@snort/system";
import { LoginSession } from "Login"; import { LoginSession } from "@/Login";
export type TWithCreated<T> = (T | Readonly<T>) & { created_at: number }; export type TWithCreated<T> = (T | Readonly<T>) & { created_at: number };

2
packages/app/src/Element/AsyncButton.tsx
View File

@ -1,7 +1,7 @@
import "./AsyncButton.css"; import "./AsyncButton.css";
import React, { ForwardedRef } from "react"; import React, { ForwardedRef } from "react";
import Spinner from "../Icons/Spinner"; import Spinner from "../Icons/Spinner";
import useLoading from "Hooks/useLoading"; import useLoading from "@/Hooks/useLoading";
import classNames from "classnames"; import classNames from "classnames";
export interface AsyncButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> { export interface AsyncButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {

6
packages/app/src/Element/AsyncIcon.tsx
View File

@ -1,6 +1,6 @@
import Icon from "Icons/Icon"; import Icon from "@/Icons/Icon";
import useLoading from "Hooks/useLoading"; import useLoading from "@/Hooks/useLoading";
import Spinner from "Icons/Spinner"; import Spinner from "@/Icons/Spinner";
export type AsyncIconProps = React.HTMLProps<HTMLDivElement> & { export type AsyncIconProps = React.HTMLProps<HTMLDivElement> & {
iconName: string; iconName: string;

2
packages/app/src/Element/BackButton.tsx
View File

@ -1,7 +1,7 @@
import "./BackButton.css"; import "./BackButton.css";
import { useIntl } from "react-intl"; import { useIntl } from "react-intl";
import Icon from "Icons/Icon"; import Icon from "@/Icons/Icon";
import messages from "./messages"; import messages from "./messages";

4
packages/app/src/Element/Chat/ChatParticipant.tsx
View File

@ -1,9 +1,9 @@
import { MetadataCache } from "@snort/system"; import { MetadataCache } from "@snort/system";
import { ChatParticipant } from "chat"; import { ChatParticipant } from "@/chat";
import NoteToSelf from "../User/NoteToSelf"; import NoteToSelf from "../User/NoteToSelf";
import ProfileImage from "../User/ProfileImage"; import ProfileImage from "../User/ProfileImage";
import useLogin from "Hooks/useLogin"; import useLogin from "@/Hooks/useLogin";
export function ChatParticipantProfile({ participant }: { participant: ChatParticipant }) { export function ChatParticipantProfile({ participant }: { participant: ChatParticipant }) {
const { publicKey } = useLogin(s => ({ publicKey: s.publicKey })); const { publicKey } = useLogin(s => ({ publicKey: s.publicKey }));

10
packages/app/src/Element/Chat/DM.tsx
View File

@ -3,11 +3,11 @@ import { useEffect, useState } from "react";
import { FormattedMessage, useIntl } from "react-intl"; import { FormattedMessage, useIntl } from "react-intl";
import { useInView } from "react-intersection-observer"; import { useInView } from "react-intersection-observer";
import useEventPublisher from "Hooks/useEventPublisher"; import useEventPublisher from "@/Hooks/useEventPublisher";
import NoteTime from "Element/Event/NoteTime"; import NoteTime from "@/Element/Event/NoteTime";
import Text from "Element/Text"; import Text from "@/Element/Text";
import useLogin from "Hooks/useLogin"; import useLogin from "@/Hooks/useLogin";
import { Chat, ChatMessage, ChatType, setLastReadIn } from "chat"; import { Chat, ChatMessage, ChatType, setLastReadIn } from "@/chat";
import ProfileImage from "../User/ProfileImage"; import ProfileImage from "../User/ProfileImage";
import messages from "../messages"; import messages from "../messages";

10
packages/app/src/Element/Chat/DmWindow.tsx
View File

@ -1,11 +1,11 @@
import "./DmWindow.css"; import "./DmWindow.css";
import { useMemo } from "react"; import { useMemo } from "react";
import ProfileImage from "Element/User/ProfileImage"; import ProfileImage from "@/Element/User/ProfileImage";
import DM from "Element/Chat/DM"; import DM from "@/Element/Chat/DM";
import useLogin from "Hooks/useLogin"; import useLogin from "@/Hooks/useLogin";
import WriteMessage from "Element/Chat/WriteMessage"; import WriteMessage from "@/Element/Chat/WriteMessage";
import { Chat, createEmptyChatObject, useChatSystem } from "chat"; import { Chat, createEmptyChatObject, useChatSystem } from "@/chat";
import { FormattedMessage } from "react-intl"; import { FormattedMessage } from "react-intl";
import { ChatParticipantProfile } from "./ChatParticipant"; import { ChatParticipantProfile } from "./ChatParticipant";

10
packages/app/src/Element/Chat/WriteMessage.tsx
View File

@ -1,11 +1,11 @@
import { useState } from "react"; import { useState } from "react";
import { NostrEvent, NostrLink, NostrPrefix } from "@snort/system"; import { NostrEvent, NostrLink, NostrPrefix } from "@snort/system";
import useEventPublisher from "Hooks/useEventPublisher"; import useEventPublisher from "@/Hooks/useEventPublisher";
import useFileUpload from "Upload"; import useFileUpload from "@/Upload";
import { openFile } from "SnortUtils"; import { openFile } from "@/SnortUtils";
import Textarea from "../Textarea"; import Textarea from "../Textarea";
import { Chat } from "chat"; import { Chat } from "@/chat";
import { AsyncIcon } from "Element/AsyncIcon"; import { AsyncIcon } from "@/Element/AsyncIcon";
export default function WriteMessage({ chat }: { chat: Chat }) { export default function WriteMessage({ chat }: { chat: Chat }) {
const [msg, setMsg] = useState(""); const [msg, setMsg] = useState("");

4
packages/app/src/Element/Collapsed.tsx
View File

@ -1,8 +1,8 @@
import { useState, ReactNode } from "react"; import { useState, ReactNode } from "react";
import classNames from "classnames"; import classNames from "classnames";
import Icon from "Icons/Icon"; import Icon from "@/Icons/Icon";
import ShowMore from "Element/Event/ShowMore"; import ShowMore from "@/Element/Event/ShowMore";
interface CollapsedProps { interface CollapsedProps {
text?: string; text?: string;

4
packages/app/src/Element/Copy.tsx
View File

@ -1,7 +1,7 @@
import "./Copy.css"; import "./Copy.css";
import classNames from "classnames"; import classNames from "classnames";
import Icon from "Icons/Icon"; import Icon from "@/Icons/Icon";
import { useCopy } from "useCopy"; import { useCopy } from "@/useCopy";
export interface CopyProps { export interface CopyProps {
text: string; text: string;

6
packages/app/src/Element/Deck/Articles.tsx
View File

@ -1,11 +1,11 @@
import { NostrLink } from "@snort/system"; import { NostrLink } from "@snort/system";
import { useReactions } from "@snort/system-react"; import { useReactions } from "@snort/system-react";
import { useArticles } from "Feed/ArticlesFeed"; import { useArticles } from "@/Feed/ArticlesFeed";
import { orderDescending } from "SnortUtils"; import { orderDescending } from "@/SnortUtils";
import Note from "../Event/Note"; import Note from "../Event/Note";
import { useContext } from "react"; import { useContext } from "react";
import { DeckContext } from "Pages/DeckLayout"; import { DeckContext } from "@/Pages/DeckLayout";
export default function Articles() { export default function Articles() {
const data = useArticles(); const data = useArticles();

10
packages/app/src/Element/Deck/Nav.tsx
View File

@ -1,11 +1,11 @@
import { useUserProfile } from "@snort/system-react"; import { useUserProfile } from "@snort/system-react";
import Avatar from "Element/User/Avatar"; import Avatar from "@/Element/User/Avatar";
import useLogin from "Hooks/useLogin"; import useLogin from "@/Hooks/useLogin";
import "./Nav.css"; import "./Nav.css";
import Icon from "Icons/Icon"; import Icon from "@/Icons/Icon";
import { Link } from "react-router-dom"; import { Link } from "react-router-dom";
import { NoteCreatorButton } from "Element/Event/NoteCreatorButton"; import { NoteCreatorButton } from "@/Element/Event/NoteCreatorButton";
import { ProfileLink } from "Element/User/ProfileLink"; import { ProfileLink } from "@/Element/User/ProfileLink";
export function DeckNav() { export function DeckNav() {
const { publicKey } = useLogin(); const { publicKey } = useLogin();

4
packages/app/src/Element/Embed/CashuNuts.tsx
View File

@ -3,8 +3,8 @@ import { useEffect, useState } from "react";
import { FormattedMessage, FormattedNumber } from "react-intl"; import { FormattedMessage, FormattedNumber } from "react-intl";
import { useUserProfile } from "@snort/system-react"; import { useUserProfile } from "@snort/system-react";
import useLogin from "Hooks/useLogin"; import useLogin from "@/Hooks/useLogin";
import Icon from "Icons/Icon"; import Icon from "@/Icons/Icon";
interface Token { interface Token {
token: Array<{ token: Array<{

6
packages/app/src/Element/Embed/Invoice.tsx
View File

@ -5,9 +5,9 @@ import { useMemo } from "react";
import { decodeInvoice } from "@snort/shared"; import { decodeInvoice } from "@snort/shared";
import classNames from "classnames"; import classNames from "classnames";
import SendSats from "Element/SendSats"; import SendSats from "@/Element/SendSats";
import Icon from "Icons/Icon"; import Icon from "@/Icons/Icon";
import { useWallet } from "Wallet"; import { useWallet } from "@/Wallet";
import messages from "../messages"; import messages from "../messages";

8
packages/app/src/Element/Embed/LinkPreview.tsx
View File

@ -1,10 +1,10 @@
import "./LinkPreview.css"; import "./LinkPreview.css";
import { CSSProperties, useEffect, useState } from "react"; import { CSSProperties, useEffect, useState } from "react";
import Spinner from "Icons/Spinner"; import Spinner from "@/Icons/Spinner";
import SnortApi, { LinkPreviewData } from "External/SnortApi"; import SnortApi, { LinkPreviewData } from "@/External/SnortApi";
import useImgProxy from "Hooks/useImgProxy"; import useImgProxy from "@/Hooks/useImgProxy";
import { MediaElement } from "Element/Embed/MediaElement"; import { MediaElement } from "@/Element/Embed/MediaElement";
async function fetchUrlPreviewInfo(url: string) { async function fetchUrlPreviewInfo(url: string) {
const api = new SnortApi(); const api = new SnortApi();

2
packages/app/src/Element/Embed/MagnetLink.tsx
View File

@ -1,6 +1,6 @@
import { FormattedMessage } from "react-intl"; import { FormattedMessage } from "react-intl";
import { Magnet } from "SnortUtils"; import { Magnet } from "@/SnortUtils";
interface MagnetLinkProps { interface MagnetLinkProps {
magnet: Magnet; magnet: Magnet;

4
packages/app/src/Element/Embed/MediaElement.tsx
View File

@ -1,5 +1,5 @@
import { ProxyImg } from "Element/ProxyImg"; import { ProxyImg } from "@/Element/ProxyImg";
import useImgProxy from "Hooks/useImgProxy"; import useImgProxy from "@/Hooks/useImgProxy";
import React from "react"; import React from "react";
interface MediaElementProps { interface MediaElementProps {

6
packages/app/src/Element/Embed/Mention.tsx
View File

@ -2,9 +2,9 @@ import { NostrLink, NostrPrefix } from "@snort/system";
import { useUserProfile } from "@snort/system-react"; import { useUserProfile } from "@snort/system-react";
import { useHover } from "@uidotdev/usehooks"; import { useHover } from "@uidotdev/usehooks";
import DisplayName from "Element/User/DisplayName"; import DisplayName from "@/Element/User/DisplayName";
import { ProfileCard } from "Element/User/ProfileCard"; import { ProfileCard } from "@/Element/User/ProfileCard";
import { ProfileLink } from "Element/User/ProfileLink"; import { ProfileLink } from "@/Element/User/ProfileLink";
export default function Mention({ link }: { link: NostrLink }) { export default function Mention({ link }: { link: NostrLink }) {
const [ref, hovering] = useHover<HTMLAnchorElement>(); const [ref, hovering] = useHover<HTMLAnchorElement>();

4
packages/app/src/Element/Embed/MixCloudEmbed.tsx
View File

@ -1,5 +1,5 @@
import { MixCloudRegex } from "Const"; import { MixCloudRegex } from "@/Const";
import useLogin from "Hooks/useLogin"; import useLogin from "@/Hooks/useLogin";
const MixCloudEmbed = ({ link }: { link: string }) => { const MixCloudEmbed = ({ link }: { link: string }) => {
const feedPath = (MixCloudRegex.test(link) && RegExp.$1) + "%2F" + (MixCloudRegex.test(link) && RegExp.$2); const feedPath = (MixCloudRegex.test(link) && RegExp.$1) + "%2F" + (MixCloudRegex.test(link) && RegExp.$2);

4
packages/app/src/Element/Embed/NostrLink.tsx
View File

@ -1,8 +1,8 @@
import { Link } from "react-router-dom"; import { Link } from "react-router-dom";
import { NostrPrefix, tryParseNostrLink } from "@snort/system"; import { NostrPrefix, tryParseNostrLink } from "@snort/system";
import Mention from "Element/Embed/Mention"; import Mention from "@/Element/Embed/Mention";
import NoteQuote from "Element/Event/NoteQuote"; import NoteQuote from "@/Element/Event/NoteQuote";
export default function NostrLink({ link, depth }: { link: string; depth?: number }) { export default function NostrLink({ link, depth }: { link: string; depth?: number }) {
const nav = tryParseNostrLink(link); const nav = tryParseNostrLink(link);

18
packages/app/src/Element/Embed/PubkeyList.tsx
View File

@ -2,15 +2,15 @@ import { NostrEvent } from "@snort/system";
import { FormattedMessage, FormattedNumber } from "react-intl"; import { FormattedMessage, FormattedNumber } from "react-intl";
import { LNURL } from "@snort/shared"; import { LNURL } from "@snort/shared";
import { dedupe, findTag, hexToBech32, getDisplayName } from "SnortUtils"; import { dedupe, findTag, hexToBech32, getDisplayName } from "@/SnortUtils";
import FollowListBase from "Element/User/FollowListBase"; import FollowListBase from "@/Element/User/FollowListBase";
import AsyncButton from "Element/AsyncButton"; import AsyncButton from "@/Element/AsyncButton";
import { useWallet } from "Wallet"; import { useWallet } from "@/Wallet";
import { Toastore } from "Toaster"; import { Toastore } from "@/Toaster";
import { UserCache } from "Cache"; import { UserCache } from "@/Cache";
import useLogin from "Hooks/useLogin"; import useLogin from "@/Hooks/useLogin";
import useEventPublisher from "Hooks/useEventPublisher"; import useEventPublisher from "@/Hooks/useEventPublisher";
import { WalletInvoiceState } from "Wallet"; import { WalletInvoiceState } from "@/Wallet";
export default function PubkeyList({ ev, className }: { ev: NostrEvent; className?: string }) { export default function PubkeyList({ ev, className }: { ev: NostrEvent; className?: string }) {
const wallet = useWallet(); const wallet = useWallet();

2
packages/app/src/Element/Embed/TidalEmbed.tsx
View File

@ -1,5 +1,5 @@
import { useEffect, useState } from "react"; import { useEffect, useState } from "react";
import { TidalRegex } from "Const"; import { TidalRegex } from "@/Const";
// Re-use dom parser across instances of TidalEmbed // Re-use dom parser across instances of TidalEmbed
const domParser = new DOMParser(); const domParser = new DOMParser();

4
packages/app/src/Element/Embed/ZapstrEmbed.tsx
View File

@ -2,8 +2,8 @@ import "./ZapstrEmbed.css";
import { Link } from "react-router-dom"; import { Link } from "react-router-dom";
import { NostrEvent, NostrLink } from "@snort/system"; import { NostrEvent, NostrLink } from "@snort/system";
import { ProxyImg } from "Element/ProxyImg"; import { ProxyImg } from "@/Element/ProxyImg";
import ProfileImage from "Element/User/ProfileImage"; import ProfileImage from "@/Element/User/ProfileImage";
import { FormattedMessage } from "react-intl"; import { FormattedMessage } from "react-intl";
export default function ZapstrEmbed({ ev }: { ev: NostrEvent }) { export default function ZapstrEmbed({ ev }: { ev: NostrEvent }) {

4
packages/app/src/Element/Event/FileUpload.tsx
View File

@ -1,5 +1,5 @@
import Progress from "Element/Progress"; import Progress from "@/Element/Progress";
import { UploadProgress } from "Upload"; import { UploadProgress } from "@/Upload";
export default function FileUploadProgress({ progress }: { progress: Array<UploadProgress> }) { export default function FileUploadProgress({ progress }: { progress: Array<UploadProgress> }) {
return ( return (

8
packages/app/src/Element/Event/LongFormText.tsx
View File

@ -4,11 +4,11 @@ import { FormattedMessage, FormattedNumber } from "react-intl";
import { NostrLink, TaggedNostrEvent } from "@snort/system"; import { NostrLink, TaggedNostrEvent } from "@snort/system";
import { useEventReactions } from "@snort/system-react"; import { useEventReactions } from "@snort/system-react";
import { findTag } from "SnortUtils"; import { findTag } from "@/SnortUtils";
import Text from "Element/Text"; import Text from "@/Element/Text";
import { Markdown } from "./Markdown"; import { Markdown } from "./Markdown";
import useImgProxy from "Hooks/useImgProxy"; import useImgProxy from "@/Hooks/useImgProxy";
import ProfilePreview from "Element/User/ProfilePreview"; import ProfilePreview from "@/Element/User/ProfilePreview";
import NoteFooter from "./NoteFooter"; import NoteFooter from "./NoteFooter";
import NoteTime from "./NoteTime"; import NoteTime from "./NoteTime";

4
packages/app/src/Element/Event/Markdown.tsx
View File

@ -6,8 +6,8 @@ import { marked, Token } from "marked";
import { Link } from "react-router-dom"; import { Link } from "react-router-dom";
import markedFootnote, { Footnotes, Footnote, FootnoteRef } from "marked-footnote"; import markedFootnote, { Footnotes, Footnote, FootnoteRef } from "marked-footnote";
import { ProxyImg } from "Element/ProxyImg"; import { ProxyImg } from "@/Element/ProxyImg";
import NostrLink from "Element/Embed/NostrLink"; import NostrLink from "@/Element/Embed/NostrLink";
interface MarkdownProps { interface MarkdownProps {
content: string; content: string;

8
packages/app/src/Element/Event/NostrFileHeader.tsx
View File

@ -2,10 +2,10 @@ import { FormattedMessage } from "react-intl";
import { NostrEvent, NostrLink } from "@snort/system"; import { NostrEvent, NostrLink } from "@snort/system";
import { useEventFeed } from "@snort/system-react"; import { useEventFeed } from "@snort/system-react";
import { findTag } from "SnortUtils"; import { findTag } from "@/SnortUtils";
import PageSpinner from "Element/PageSpinner"; import PageSpinner from "@/Element/PageSpinner";
import Reveal from "Element/Event/Reveal"; import Reveal from "@/Element/Event/Reveal";
import { MediaElement } from "Element/Embed/MediaElement"; import { MediaElement } from "@/Element/Embed/MediaElement";
export default function NostrFileHeader({ link }: { link: NostrLink }) { export default function NostrFileHeader({ link }: { link: NostrLink }) {
const ev = useEventFeed(link); const ev = useEventFeed(link);

14
packages/app/src/Element/Event/Note.tsx
View File

@ -1,13 +1,13 @@
import "./Note.css"; import "./Note.css";
import { ReactNode } from "react"; import { ReactNode } from "react";
import { EventKind, NostrEvent, TaggedNostrEvent } from "@snort/system"; import { EventKind, NostrEvent, TaggedNostrEvent } from "@snort/system";
import { NostrFileElement } from "Element/Event/NostrFileHeader"; import { NostrFileElement } from "@/Element/Event/NostrFileHeader";
import ZapstrEmbed from "Element/Embed/ZapstrEmbed"; import ZapstrEmbed from "@/Element/Embed/ZapstrEmbed";
import PubkeyList from "Element/Embed/PubkeyList"; import PubkeyList from "@/Element/Embed/PubkeyList";
import { LiveEvent } from "Element/LiveEvent"; import { LiveEvent } from "@/Element/LiveEvent";
import { ZapGoal } from "Element/Event/ZapGoal"; import { ZapGoal } from "@/Element/Event/ZapGoal";
import NoteReaction from "Element/Event/NoteReaction"; import NoteReaction from "@/Element/Event/NoteReaction";
import ProfilePreview from "Element/User/ProfilePreview"; import ProfilePreview from "@/Element/User/ProfilePreview";
import { NoteInner } from "./NoteInner"; import { NoteInner } from "./NoteInner";
import { LongFormText } from "./LongFormText"; import { LongFormText } from "./LongFormText";

14
packages/app/src/Element/Event/NoteBroadcaster.tsx
View File

@ -3,13 +3,13 @@ import { FormattedMessage, useIntl } from "react-intl";
import { removeUndefined, unwrap } from "@snort/shared"; import { removeUndefined, unwrap } from "@snort/shared";
import { NostrEvent, OkResponse } from "@snort/system"; import { NostrEvent, OkResponse } from "@snort/system";
import AsyncButton from "Element/AsyncButton"; import AsyncButton from "@/Element/AsyncButton";
import Icon from "Icons/Icon"; import Icon from "@/Icons/Icon";
import { getRelayName, sanitizeRelayUrl } from "SnortUtils"; import { getRelayName, sanitizeRelayUrl } from "@/SnortUtils";
import { removeRelay } from "Login"; import { removeRelay } from "@/Login";
import useLogin from "Hooks/useLogin"; import useLogin from "@/Hooks/useLogin";
import useEventPublisher from "Hooks/useEventPublisher"; import useEventPublisher from "@/Hooks/useEventPublisher";
import { saveRelays } from "Pages/settings/Relays"; import { saveRelays } from "@/Pages/settings/Relays";
export function NoteBroadcaster({ export function NoteBroadcaster({
evs, evs,

16
packages/app/src/Element/Event/NoteContextMenu.tsx
View File

@ -3,15 +3,15 @@ import { FormattedMessage, useIntl } from "react-intl";
import { HexKey, NostrLink, NostrPrefix, TaggedNostrEvent } from "@snort/system"; import { HexKey, NostrLink, NostrPrefix, TaggedNostrEvent } from "@snort/system";
import { Menu, MenuItem } from "@szhsin/react-menu"; import { Menu, MenuItem } from "@szhsin/react-menu";
import Icon from "Icons/Icon"; import Icon from "@/Icons/Icon";
import { setPinned, setBookmarked } from "Login"; import { setPinned, setBookmarked } from "@/Login";
import messages from "Element/messages"; import messages from "@/Element/messages";
import useLogin from "Hooks/useLogin"; import useLogin from "@/Hooks/useLogin";
import useModeration from "Hooks/useModeration"; import useModeration from "@/Hooks/useModeration";
import useEventPublisher from "Hooks/useEventPublisher"; import useEventPublisher from "@/Hooks/useEventPublisher";
import { ReBroadcaster } from "../ReBroadcaster"; import { ReBroadcaster } from "../ReBroadcaster";
import SnortApi from "External/SnortApi"; import SnortApi from "@/External/SnortApi";
import { SubscriptionType, getCurrentSubscription } from "Subscription"; import { SubscriptionType, getCurrentSubscription } from "@/Subscription";
export interface NoteTranslation { export interface NoteTranslation {
text: string; text: string;

34
packages/app/src/Element/Event/NoteCreator.tsx
View File

@ -4,28 +4,28 @@ import { EventKind, NostrPrefix, TaggedNostrEvent, EventBuilder, tryParseNostrLi
import classNames from "classnames"; import classNames from "classnames";
import { TagsInput } from "react-tag-input-component"; import { TagsInput } from "react-tag-input-component";
import Icon from "Icons/Icon"; import Icon from "@/Icons/Icon";
import useEventPublisher from "Hooks/useEventPublisher"; import useEventPublisher from "@/Hooks/useEventPublisher";
import { appendDedupe, openFile } from "SnortUtils"; import { appendDedupe, openFile } from "@/SnortUtils";
import Textarea from "Element/Textarea"; import Textarea from "@/Element/Textarea";
import Modal from "Element/Modal"; import Modal from "@/Element/Modal";
import ProfileImage from "Element/User/ProfileImage"; import ProfileImage from "@/Element/User/ProfileImage";
import useFileUpload from "Upload"; import useFileUpload from "@/Upload";
import Note from "Element/Event/Note"; import Note from "@/Element/Event/Note";
import { ClipboardEventHandler, DragEvent, useEffect, useState } from "react"; import { ClipboardEventHandler, DragEvent, useEffect, useState } from "react";
import useLogin from "Hooks/useLogin"; import useLogin from "@/Hooks/useLogin";
import { GetPowWorker } from "index"; import { GetPowWorker } from "@/index";
import AsyncButton from "Element/AsyncButton"; import AsyncButton from "@/Element/AsyncButton";
import { AsyncIcon } from "Element/AsyncIcon"; import { AsyncIcon } from "@/Element/AsyncIcon";
import { fetchNip05Pubkey } from "@snort/shared"; import { fetchNip05Pubkey } from "@snort/shared";
import { ZapTarget } from "Zapper"; import { ZapTarget } from "@/Zapper";
import { useNoteCreator } from "State/NoteCreator"; import { useNoteCreator } from "@/State/NoteCreator";
import { NoteBroadcaster } from "./NoteBroadcaster"; import { NoteBroadcaster } from "./NoteBroadcaster";
import FileUploadProgress from "./FileUpload"; import FileUploadProgress from "./FileUpload";
import { ToggleSwitch } from "Icons/Toggle"; import { ToggleSwitch } from "@/Icons/Toggle";
import NostrBandApi from "External/NostrBand"; import NostrBandApi from "@/External/NostrBand";
import { useLocale } from "IntlProvider"; import { useLocale } from "@/IntlProvider";
export function NoteCreator() { export function NoteCreator() {
const { formatMessage } = useIntl(); const { formatMessage } = useIntl();

10
packages/app/src/Element/Event/NoteCreatorButton.tsx
View File

@ -3,11 +3,11 @@ import { useRef, useMemo } from "react";
import { useLocation } from "react-router-dom"; import { useLocation } from "react-router-dom";
import classNames from "classnames"; import classNames from "classnames";
import { isFormElement } from "SnortUtils"; import { isFormElement } from "@/SnortUtils";
import useKeyboardShortcut from "Hooks/useKeyboardShortcut"; import useKeyboardShortcut from "@/Hooks/useKeyboardShortcut";
import useLogin from "Hooks/useLogin"; import useLogin from "@/Hooks/useLogin";
import Icon from "Icons/Icon"; import Icon from "@/Icons/Icon";
import { useNoteCreator } from "State/NoteCreator"; import { useNoteCreator } from "@/State/NoteCreator";
import { NoteCreator } from "./NoteCreator"; import { NoteCreator } from "./NoteCreator";
export const NoteCreatorButton = ({ className }: { className?: string }) => { export const NoteCreatorButton = ({ className }: { className?: string }) => {

31
packages/app/src/Element/Event/NoteFooter.tsx
View File

@ -7,20 +7,20 @@ import { useUserProfile } from "@snort/system-react";
import { Menu, MenuItem } from "@szhsin/react-menu"; import { Menu, MenuItem } from "@szhsin/react-menu";
import classNames from "classnames"; import classNames from "classnames";
import { formatShort } from "Number"; import { formatShort } from "@/Number";
import useEventPublisher from "Hooks/useEventPublisher"; import useEventPublisher from "@/Hooks/useEventPublisher";
import { delay, findTag, getDisplayName } from "SnortUtils"; import { delay, findTag, getDisplayName } from "@/SnortUtils";
import SendSats from "Element/SendSats"; import SendSats from "@/Element/SendSats";
import { ZapsSummary } from "Element/Event/Zap"; import { ZapsSummary } from "@/Element/Event/Zap";
import { AsyncIcon, AsyncIconProps } from "Element/AsyncIcon"; import { AsyncIcon, AsyncIconProps } from "@/Element/AsyncIcon";
import { useWallet } from "Wallet"; import { useWallet } from "@/Wallet";
import useLogin from "Hooks/useLogin"; import useLogin from "@/Hooks/useLogin";
import { useInteractionCache } from "Hooks/useInteractionCache"; import { useInteractionCache } from "@/Hooks/useInteractionCache";
import { ZapPoolController } from "ZapPoolController"; import { ZapPoolController } from "@/ZapPoolController";
import { Zapper, ZapTarget } from "Zapper"; import { Zapper, ZapTarget } from "@/Zapper";
import { useNoteCreator } from "State/NoteCreator"; import { useNoteCreator } from "@/State/NoteCreator";
import Icon from "Icons/Icon"; import Icon from "@/Icons/Icon";
import messages from "../messages"; import messages from "../messages";
@ -308,14 +308,15 @@ export default function NoteFooter(props: NoteFooterProps) {
); );
} }
const AsyncFooterIcon = forwardRef((props: AsyncIconProps & { value: number }) => { const AsyncFooterIcon = forwardRef((props: AsyncIconProps & { value: number }, ref) => {
const mergedProps = { const mergedProps = {
...props, ...props,
iconSize: 18, iconSize: 18,
className: classNames("transition duration-200 ease-in-out reaction-pill", props.className), className: classNames("transition duration-200 ease-in-out reaction-pill", props.className),
}; };
return ( return (
<AsyncIcon {...mergedProps}> <AsyncIcon ref={ref} {...mergedProps}>
{props.value > 0 && <div className="reaction-pill-number">{formatShort(props.value)}</div>} {props.value > 0 && <div className="reaction-pill-number">{formatShort(props.value)}</div>}
</AsyncIcon> </AsyncIcon>
); );

2
packages/app/src/Element/Event/NoteGhost.tsx
View File

@ -1,5 +1,5 @@
import "./Note.css"; import "./Note.css";
import ProfileImage from "Element/User/ProfileImage"; import ProfileImage from "@/Element/User/ProfileImage";
interface NoteGhostProps { interface NoteGhostProps {
className?: string; className?: string;

18
packages/app/src/Element/Event/NoteInner.tsx
View File

@ -6,26 +6,26 @@ import classNames from "classnames";
import { EventExt, EventKind, HexKey, NostrLink, NostrPrefix, TaggedNostrEvent } from "@snort/system"; import { EventExt, EventKind, HexKey, NostrLink, NostrPrefix, TaggedNostrEvent } from "@snort/system";
import { useEventReactions } from "@snort/system-react"; import { useEventReactions } from "@snort/system-react";
import { findTag, hexToBech32 } from "SnortUtils"; import { findTag, hexToBech32 } from "@/SnortUtils";
import useModeration from "Hooks/useModeration"; import useModeration from "@/Hooks/useModeration";
import useLogin from "Hooks/useLogin"; import useLogin from "@/Hooks/useLogin";
import useEventPublisher from "Hooks/useEventPublisher"; import useEventPublisher from "@/Hooks/useEventPublisher";
import { NoteContextMenu, NoteTranslation } from "./NoteContextMenu"; import { NoteContextMenu, NoteTranslation } from "./NoteContextMenu";
import { UserCache } from "Cache"; import { UserCache } from "@/Cache";
import messages from "../messages"; import messages from "../messages";
import { setBookmarked, setPinned } from "Login"; import { setBookmarked, setPinned } from "@/Login";
import Text from "../Text"; import Text from "../Text";
import Reveal from "./Reveal"; import Reveal from "./Reveal";
import Poll from "./Poll"; import Poll from "./Poll";
import ProfileImage from "../User/ProfileImage"; import ProfileImage from "../User/ProfileImage";
import Icon from "Icons/Icon"; import Icon from "@/Icons/Icon";
import NoteTime from "./NoteTime"; import NoteTime from "./NoteTime";
import NoteFooter from "./NoteFooter"; import NoteFooter from "./NoteFooter";
import Reactions from "./Reactions"; import Reactions from "./Reactions";
import HiddenNote from "./HiddenNote"; import HiddenNote from "./HiddenNote";
import { NoteProps } from "./Note"; import { NoteProps } from "./Note";
import { chainKey } from "Hooks/useThreadContext"; import { chainKey } from "@/Hooks/useThreadContext";
import { ProfileLink } from "Element/User/ProfileLink"; import { ProfileLink } from "@/Element/User/ProfileLink";
export function NoteInner(props: NoteProps) { export function NoteInner(props: NoteProps) {
const { data: ev, related, highlight, options: opt, ignoreModeration = false, className } = props; const { data: ev, related, highlight, options: opt, ignoreModeration = false, className } = props;

4
packages/app/src/Element/Event/NoteQuote.tsx
View File

@ -1,8 +1,8 @@
import { NostrLink } from "@snort/system"; import { NostrLink } from "@snort/system";
import { useEventFeed } from "@snort/system-react"; import { useEventFeed } from "@snort/system-react";
import Note from "Element/Event/Note"; import Note from "@/Element/Event/Note";
import PageSpinner from "Element/PageSpinner"; import PageSpinner from "@/Element/PageSpinner";
export default function NoteQuote({ link, depth }: { link: NostrLink; depth?: number }) { export default function NoteQuote({ link, depth }: { link: NostrLink; depth?: number }) {
const ev = useEventFeed(link); const ev = useEventFeed(link);

8
packages/app/src/Element/Event/NoteReaction.tsx
View File

@ -3,11 +3,11 @@ import { Link } from "react-router-dom";
import { useMemo } from "react"; import { useMemo } from "react";
import { EventKind, NostrEvent, TaggedNostrEvent, NostrPrefix, EventExt } from "@snort/system"; import { EventKind, NostrEvent, TaggedNostrEvent, NostrPrefix, EventExt } from "@snort/system";
import Note from "Element/Event/Note"; import Note from "@/Element/Event/Note";
import { eventLink, hexToBech32, getDisplayName } from "SnortUtils"; import { eventLink, hexToBech32, getDisplayName } from "@/SnortUtils";
import useModeration from "Hooks/useModeration"; import useModeration from "@/Hooks/useModeration";
import { FormattedMessage } from "react-intl"; import { FormattedMessage } from "react-intl";
import Icon from "Icons/Icon"; import Icon from "@/Icons/Icon";
import { useUserProfile } from "@snort/system-react"; import { useUserProfile } from "@snort/system-react";
import { useInView } from "react-intersection-observer"; import { useInView } from "react-intersection-observer";

14
packages/app/src/Element/Event/Poll.tsx
View File

@ -4,13 +4,13 @@ import { useState } from "react";
import { FormattedMessage, FormattedNumber, useIntl } from "react-intl"; import { FormattedMessage, FormattedNumber, useIntl } from "react-intl";
import { useUserProfile } from "@snort/system-react"; import { useUserProfile } from "@snort/system-react";
import useEventPublisher from "Hooks/useEventPublisher"; import useEventPublisher from "@/Hooks/useEventPublisher";
import { useWallet } from "Wallet"; import { useWallet } from "@/Wallet";
import { unwrap } from "SnortUtils"; import { unwrap } from "@/SnortUtils";
import { formatShort } from "Number"; import { formatShort } from "@/Number";
import Spinner from "Icons/Spinner"; import Spinner from "@/Icons/Spinner";
import SendSats from "Element/SendSats"; import SendSats from "@/Element/SendSats";
import useLogin from "Hooks/useLogin"; import useLogin from "@/Hooks/useLogin";
interface PollProps { interface PollProps {
ev: TaggedNostrEvent; ev: TaggedNostrEvent;

12
packages/app/src/Element/Event/Reactions.tsx
View File

@ -4,12 +4,12 @@ import { useState, useMemo, useEffect } from "react";
import { useIntl, FormattedMessage } from "react-intl"; import { useIntl, FormattedMessage } from "react-intl";
import { TaggedNostrEvent, ParsedZap } from "@snort/system"; import { TaggedNostrEvent, ParsedZap } from "@snort/system";
import { formatShort } from "Number"; import { formatShort } from "@/Number";
import Icon from "Icons/Icon"; import Icon from "@/Icons/Icon";
import { Tab } from "Element/Tabs"; import { Tab } from "@/Element/Tabs";
import ProfileImage from "Element/User/ProfileImage"; import ProfileImage from "@/Element/User/ProfileImage";
import Tabs from "Element/Tabs"; import Tabs from "@/Element/Tabs";
import Modal from "Element/Modal"; import Modal from "@/Element/Modal";
import messages from "../messages"; import messages from "../messages";

2
packages/app/src/Element/Event/Reveal.tsx
View File

@ -1,4 +1,4 @@
import { WarningNotice } from "Element/WarningNotice"; import { WarningNotice } from "@/Element/WarningNotice";
import { useState } from "react"; import { useState } from "react";
interface RevealProps { interface RevealProps {

8
packages/app/src/Element/Event/RevealMedia.tsx
View File

@ -1,9 +1,9 @@
import { FormattedMessage } from "react-intl"; import { FormattedMessage } from "react-intl";
import { FileExtensionRegex } from "Const"; import { FileExtensionRegex } from "@/Const";
import Reveal from "Element/Event/Reveal"; import Reveal from "@/Element/Event/Reveal";
import useLogin from "Hooks/useLogin"; import useLogin from "@/Hooks/useLogin";
import { MediaElement } from "Element/Embed/MediaElement"; import { MediaElement } from "@/Element/Embed/MediaElement";
import { Link } from "react-router-dom"; import { Link } from "react-router-dom";
interface RevealMediaProps { interface RevealMediaProps {

12
packages/app/src/Element/Event/Thread.tsx
View File

@ -5,12 +5,12 @@ import { useNavigate, useParams } from "react-router-dom";
import { TaggedNostrEvent, u256, NostrPrefix, EventExt, parseNostrLink, NostrLink } from "@snort/system"; import { TaggedNostrEvent, u256, NostrPrefix, EventExt, parseNostrLink, NostrLink } from "@snort/system";
import classNames from "classnames"; import classNames from "classnames";
import { getAllLinkReactions, getLinkReactions } from "SnortUtils"; import { getAllLinkReactions, getLinkReactions } from "@/SnortUtils";
import BackButton from "Element/BackButton"; import BackButton from "@/Element/BackButton";
import Note from "Element/Event/Note"; import Note from "@/Element/Event/Note";
import NoteGhost from "Element/Event/NoteGhost"; import NoteGhost from "@/Element/Event/NoteGhost";
import Collapsed from "Element/Collapsed"; import Collapsed from "@/Element/Collapsed";
import { ThreadContext, ThreadContextWrapper, chainKey } from "Hooks/useThreadContext"; import { ThreadContext, ThreadContextWrapper, chainKey } from "@/Hooks/useThreadContext";
import messages from "../messages"; import messages from "../messages";

10
packages/app/src/Element/Event/Zap.tsx
View File

@ -3,11 +3,11 @@ import { useMemo } from "react";
import { ParsedZap } from "@snort/system"; import { ParsedZap } from "@snort/system";
import { FormattedMessage, useIntl } from "react-intl"; import { FormattedMessage, useIntl } from "react-intl";
import { unwrap } from "SnortUtils"; import { unwrap } from "@/SnortUtils";
import { formatShort } from "Number"; import { formatShort } from "@/Number";
import Text from "Element/Text"; import Text from "@/Element/Text";
import ProfileImage from "Element/User/ProfileImage"; import ProfileImage from "@/Element/User/ProfileImage";
import useLogin from "Hooks/useLogin"; import useLogin from "@/Hooks/useLogin";
import messages from "../messages"; import messages from "../messages";

6
packages/app/src/Element/Event/ZapButton.tsx
View File

@ -3,9 +3,9 @@ import { useState } from "react";
import { HexKey } from "@snort/system"; import { HexKey } from "@snort/system";
import { useUserProfile } from "@snort/system-react"; import { useUserProfile } from "@snort/system-react";
import SendSats from "Element/SendSats"; import SendSats from "@/Element/SendSats";
import Icon from "Icons/Icon"; import Icon from "@/Icons/Icon";
import { ZapTarget } from "Zapper"; import { ZapTarget } from "@/Zapper";
const ZapButton = ({ const ZapButton = ({
pubkey, pubkey,

12
packages/app/src/Element/Event/ZapGoal.tsx
View File

@ -1,13 +1,13 @@
import "./ZapGoal.css"; import "./ZapGoal.css";
import { useState } from "react"; import { useState } from "react";
import { NostrEvent, NostrLink } from "@snort/system"; import { NostrEvent, NostrLink } from "@snort/system";
import useZapsFeed from "Feed/ZapsFeed"; import useZapsFeed from "@/Feed/ZapsFeed";
import { formatShort } from "Number"; import { formatShort } from "@/Number";
import { findTag } from "SnortUtils"; import { findTag } from "@/SnortUtils";
import Icon from "Icons/Icon"; import Icon from "@/Icons/Icon";
import SendSats from "../SendSats"; import SendSats from "../SendSats";
import { Zapper } from "Zapper"; import { Zapper } from "@/Zapper";
import Progress from "Element/Progress"; import Progress from "@/Element/Progress";
import { FormattedNumber } from "react-intl"; import { FormattedNumber } from "react-intl";
export function ZapGoal({ ev }: { ev: NostrEvent }) { export function ZapGoal({ ev }: { ev: NostrEvent }) {

8
packages/app/src/Element/Feed/Timeline.tsx
View File

@ -3,10 +3,10 @@ import { FormattedMessage } from "react-intl";
import { useCallback, useMemo } from "react"; import { useCallback, useMemo } from "react";
import { TaggedNostrEvent, EventKind } from "@snort/system"; import { TaggedNostrEvent, EventKind } from "@snort/system";
import { dedupeByPubkey, findTag } from "SnortUtils"; import { dedupeByPubkey, findTag } from "@/SnortUtils";
import useTimelineFeed, { TimelineFeed, TimelineSubject } from "Feed/TimelineFeed"; import useTimelineFeed, { TimelineFeed, TimelineSubject } from "@/Feed/TimelineFeed";
import useModeration from "Hooks/useModeration"; import useModeration from "@/Hooks/useModeration";
import { LiveStreams } from "Element/LiveStreams"; import { LiveStreams } from "@/Element/LiveStreams";
import { TimelineRenderer } from "./TimelineFragment"; import { TimelineRenderer } from "./TimelineFragment";
import { unixNow } from "@snort/shared"; import { unixNow } from "@snort/shared";

14
packages/app/src/Element/Feed/TimelineFollows.tsx
View File

@ -5,14 +5,14 @@ import { EventKind, NostrEvent, NostrLink, TaggedNostrEvent } from "@snort/syste
import { unixNow } from "@snort/shared"; import { unixNow } from "@snort/shared";
import { SnortContext, useReactions } from "@snort/system-react"; import { SnortContext, useReactions } from "@snort/system-react";
import { dedupeByPubkey, findTag, orderDescending } from "SnortUtils"; import { dedupeByPubkey, findTag, orderDescending } from "@/SnortUtils";
import useModeration from "Hooks/useModeration"; import useModeration from "@/Hooks/useModeration";
import { FollowsFeed } from "Cache"; import { FollowsFeed } from "@/Cache";
import { LiveStreams } from "Element/LiveStreams"; import { LiveStreams } from "@/Element/LiveStreams";
import useLogin from "Hooks/useLogin"; import useLogin from "@/Hooks/useLogin";
import { TimelineRenderer } from "./TimelineFragment"; import { TimelineRenderer } from "./TimelineFragment";
import useHashtagsFeed from "Feed/HashtagsFeed"; import useHashtagsFeed from "@/Feed/HashtagsFeed";
import { ShowMoreInView } from "Element/Event/ShowMore"; import { ShowMoreInView } from "@/Element/Event/ShowMore";
export interface TimelineFollowsProps { export interface TimelineFollowsProps {
postsOnly: boolean; postsOnly: boolean;

8
packages/app/src/Element/Feed/TimelineFragment.tsx
View File

@ -3,10 +3,10 @@ import { FormattedMessage } from "react-intl";
import { useInView } from "react-intersection-observer"; import { useInView } from "react-intersection-observer";
import { TaggedNostrEvent } from "@snort/system"; import { TaggedNostrEvent } from "@snort/system";
import Note from "Element/Event/Note"; import Note from "@/Element/Event/Note";
import ProfileImage from "Element/User/ProfileImage"; import ProfileImage from "@/Element/User/ProfileImage";
import Icon from "Icons/Icon"; import Icon from "@/Icons/Icon";
import { findTag } from "SnortUtils"; import { findTag } from "@/SnortUtils";
export interface TimelineFragment { export interface TimelineFragment {
events: Array<TaggedNostrEvent>; events: Array<TaggedNostrEvent>;

24
packages/app/src/Element/HyperText.tsx
View File

@ -11,18 +11,18 @@ import {
AppleMusicRegex, AppleMusicRegex,
NostrNestsRegex, NostrNestsRegex,
WavlakeRegex, WavlakeRegex,
} from "Const"; } from "@/Const";
import { magnetURIDecode } from "SnortUtils"; import { magnetURIDecode } from "@/SnortUtils";
import SoundCloudEmbed from "Element/Embed/SoundCloudEmded"; import SoundCloudEmbed from "@/Element/Embed/SoundCloudEmded";
import MixCloudEmbed from "Element/Embed/MixCloudEmbed"; import MixCloudEmbed from "@/Element/Embed/MixCloudEmbed";
import SpotifyEmbed from "Element/Embed/SpotifyEmbed"; import SpotifyEmbed from "@/Element/Embed/SpotifyEmbed";
import TidalEmbed from "Element/Embed/TidalEmbed"; import TidalEmbed from "@/Element/Embed/TidalEmbed";
import TwitchEmbed from "Element/Embed/TwitchEmbed"; import TwitchEmbed from "@/Element/Embed/TwitchEmbed";
import AppleMusicEmbed from "Element/Embed/AppleMusicEmbed"; import AppleMusicEmbed from "@/Element/Embed/AppleMusicEmbed";
import WavlakeEmbed from "Element/Embed/WavlakeEmbed"; import WavlakeEmbed from "@/Element/Embed/WavlakeEmbed";
import LinkPreview from "Element/Embed/LinkPreview"; import LinkPreview from "@/Element/Embed/LinkPreview";
import NostrLink from "Element/Embed/NostrLink"; import NostrLink from "@/Element/Embed/NostrLink";
import MagnetLink from "Element/Embed/MagnetLink"; import MagnetLink from "@/Element/Embed/MagnetLink";
import { ReactNode } from "react"; import { ReactNode } from "react";
interface HypeTextProps { interface HypeTextProps {

2
packages/app/src/Element/IconButton.tsx
View File

@ -1,5 +1,5 @@
import classNames from "classnames"; import classNames from "classnames";
import Icon, { IconProps } from "Icons/Icon"; import Icon, { IconProps } from "@/Icons/Icon";
import type { ReactNode } from "react"; import type { ReactNode } from "react";
interface IconButtonProps { interface IconButtonProps {

6
packages/app/src/Element/IrisAccount/ActiveAccount.tsx
View File

@ -2,9 +2,9 @@ import { mapEventToProfile } from "@snort/system";
import { useUserProfile } from "@snort/system-react"; import { useUserProfile } from "@snort/system-react";
import AccountName from "./AccountName"; import AccountName from "./AccountName";
import useLogin from "Hooks/useLogin"; import useLogin from "@/Hooks/useLogin";
import { UserCache } from "Cache"; import { UserCache } from "@/Cache";
import useEventPublisher from "Hooks/useEventPublisher"; import useEventPublisher from "@/Hooks/useEventPublisher";
import { FormattedMessage } from "react-intl"; import { FormattedMessage } from "react-intl";
export default function ActiveAccount({ name = "", setAsPrimary = () => {} }) { export default function ActiveAccount({ name = "", setAsPrimary = () => {} }) {

6
packages/app/src/Element/IrisAccount/IrisAccount.tsx
View File

@ -1,14 +1,14 @@
/* eslint-disable @typescript-eslint/no-explicit-any */ /* eslint-disable @typescript-eslint/no-explicit-any */
import { Component, FormEvent } from "react"; import { Component, FormEvent } from "react";
import { LoginStore } from "Login"; import { LoginStore } from "@/Login";
import AccountName from "./AccountName"; import AccountName from "./AccountName";
import ActiveAccount from "./ActiveAccount"; import ActiveAccount from "./ActiveAccount";
import ReservedAccount from "./ReservedAccount"; import ReservedAccount from "./ReservedAccount";
import { ProfileLoader } from "index"; import { ProfileLoader } from "@/index";
import { FormattedMessage } from "react-intl"; import { FormattedMessage } from "react-intl";
import { injectIntl } from "react-intl"; import { injectIntl } from "react-intl";
import messages from "Element/messages"; import messages from "@/Element/messages";
declare global { declare global {
interface Window { interface Window {

4
packages/app/src/Element/LiveEvent.tsx
View File

@ -2,9 +2,9 @@ import { NostrEvent, NostrLink } from "@snort/system";
import { FormattedMessage } from "react-intl"; import { FormattedMessage } from "react-intl";
import { Link } from "react-router-dom"; import { Link } from "react-router-dom";
import { findTag } from "SnortUtils"; import { findTag } from "@/SnortUtils";
import ProfileImage from "./User/ProfileImage"; import ProfileImage from "./User/ProfileImage";
import Icon from "Icons/Icon"; import Icon from "@/Icons/Icon";
export function LiveEvent({ ev }: { ev: NostrEvent }) { export function LiveEvent({ ev }: { ev: NostrEvent }) {
const title = findTag(ev, "title"); const title = findTag(ev, "title");

6
packages/app/src/Element/LiveStreams.tsx
View File

@ -1,10 +1,10 @@
import "./LiveStreams.css"; import "./LiveStreams.css";
import { NostrEvent, NostrLink } from "@snort/system"; import { NostrEvent, NostrLink } from "@snort/system";
import { findTag } from "SnortUtils"; import { findTag } from "@/SnortUtils";
import { CSSProperties, useMemo } from "react"; import { CSSProperties, useMemo } from "react";
import { Link } from "react-router-dom"; import { Link } from "react-router-dom";
import useImgProxy from "Hooks/useImgProxy"; import useImgProxy from "@/Hooks/useImgProxy";
import Icon from "Icons/Icon"; import Icon from "@/Icons/Icon";
export function LiveStreams({ evs }: { evs: Array<NostrEvent> }) { export function LiveStreams({ evs }: { evs: Array<NostrEvent> }) {
const streams = useMemo(() => { const streams = useMemo(() => {

4
packages/app/src/Element/LogoutButton.tsx
View File

@ -1,8 +1,8 @@
import { FormattedMessage } from "react-intl"; import { FormattedMessage } from "react-intl";
import { useNavigate } from "react-router-dom"; import { useNavigate } from "react-router-dom";
import { logout } from "Login"; import { logout } from "@/Login";
import useLogin from "Hooks/useLogin"; import useLogin from "@/Hooks/useLogin";
import messages from "./messages"; import messages from "./messages";
export default function LogoutButton() { export default function LogoutButton() {

22
packages/app/src/Element/Nip5Service.tsx
View File

@ -3,8 +3,8 @@ import { useIntl, FormattedMessage } from "react-intl";
import { useNavigate } from "react-router-dom"; import { useNavigate } from "react-router-dom";
import { UserMetadata, mapEventToProfile } from "@snort/system"; import { UserMetadata, mapEventToProfile } from "@snort/system";
import { unwrap } from "SnortUtils"; import { unwrap } from "@/SnortUtils";
import { formatShort } from "Number"; import { formatShort } from "@/Number";
import { import {
ServiceProvider, ServiceProvider,
ServiceConfig, ServiceConfig,
@ -13,16 +13,16 @@ import {
ServiceErrorCode, ServiceErrorCode,
HandleRegisterResponse, HandleRegisterResponse,
CheckRegisterResponse, CheckRegisterResponse,
} from "Nip05/ServiceProvider"; } from "@/Nip05/ServiceProvider";
import AsyncButton from "Element/AsyncButton"; import AsyncButton from "@/Element/AsyncButton";
import SendSats from "Element/SendSats"; import SendSats from "@/Element/SendSats";
import Copy from "Element/Copy"; import Copy from "@/Element/Copy";
import { useUserProfile } from "@snort/system-react"; import { useUserProfile } from "@snort/system-react";
import useEventPublisher from "Hooks/useEventPublisher"; import useEventPublisher from "@/Hooks/useEventPublisher";
import { debounce } from "SnortUtils"; import { debounce } from "@/SnortUtils";
import useLogin from "Hooks/useLogin"; import useLogin from "@/Hooks/useLogin";
import SnortServiceProvider from "Nip05/SnortServiceProvider"; import SnortServiceProvider from "@/Nip05/SnortServiceProvider";
import { UserCache } from "Cache"; import { UserCache } from "@/Cache";
import messages from "./messages"; import messages from "./messages";

2
packages/app/src/Element/Offline.tsx
View File

@ -1,4 +1,4 @@
import Icon from "Icons/Icon"; import Icon from "@/Icons/Icon";
import AsyncButton from "./AsyncButton"; import AsyncButton from "./AsyncButton";
import { FormattedMessage } from "react-intl"; import { FormattedMessage } from "react-intl";
import classNames from "classnames"; import classNames from "classnames";

2
packages/app/src/Element/PageSpinner.tsx
View File

@ -1,4 +1,4 @@
import Spinner from "Icons/Spinner"; import Spinner from "@/Icons/Spinner";
export default function PageSpinner() { export default function PageSpinner() {
return ( return (

8
packages/app/src/Element/PinPrompt.tsx
View File

@ -1,15 +1,15 @@
import useLogin from "Hooks/useLogin"; import useLogin from "@/Hooks/useLogin";
import "./PinPrompt.css"; import "./PinPrompt.css";
import { ReactNode, useRef, useState } from "react"; import { ReactNode, useRef, useState } from "react";
import { FormattedMessage, useIntl } from "react-intl"; import { FormattedMessage, useIntl } from "react-intl";
import { unwrap } from "@snort/shared"; import { unwrap } from "@snort/shared";
import { EventPublisher, InvalidPinError, PinEncrypted } from "@snort/system"; import { EventPublisher, InvalidPinError, PinEncrypted } from "@snort/system";
import useEventPublisher from "Hooks/useEventPublisher"; import useEventPublisher from "@/Hooks/useEventPublisher";
import { LoginStore, createPublisher, sessionNeedsPin } from "Login"; import { LoginStore, createPublisher, sessionNeedsPin } from "@/Login";
import Modal from "./Modal"; import Modal from "./Modal";
import AsyncButton from "./AsyncButton"; import AsyncButton from "./AsyncButton";
import { GetPowWorker } from "index"; import { GetPowWorker } from "@/index";
export function PinPrompt({ export function PinPrompt({
onResult, onResult,

4
packages/app/src/Element/ProxyImg.tsx
View File

@ -1,7 +1,7 @@
import useImgProxy from "Hooks/useImgProxy"; import useImgProxy from "@/Hooks/useImgProxy";
import React, { useState } from "react"; import React, { useState } from "react";
import { FormattedMessage } from "react-intl"; import { FormattedMessage } from "react-intl";
import { getUrlHostname } from "SnortUtils"; import { getUrlHostname } from "@/SnortUtils";
interface ProxyImgProps extends React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement> { interface ProxyImgProps extends React.DetailedHTMLProps<React.ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement> {
size?: number; size?: number;

4
packages/app/src/Element/ReBroadcaster.tsx
View File

@ -3,9 +3,9 @@ import { FormattedMessage } from "react-intl";
import { TaggedNostrEvent } from "@snort/system"; import { TaggedNostrEvent } from "@snort/system";
import { SnortContext } from "@snort/system-react"; import { SnortContext } from "@snort/system-react";
import Modal from "Element/Modal"; import Modal from "@/Element/Modal";
import messages from "./messages"; import messages from "./messages";
import useLogin from "Hooks/useLogin"; import useLogin from "@/Hooks/useLogin";
import AsyncButton from "./AsyncButton"; import AsyncButton from "./AsyncButton";
export function ReBroadcaster({ onClose, ev }: { onClose: () => void; ev: TaggedNostrEvent }) { export function ReBroadcaster({ onClose, ev }: { onClose: () => void; ev: TaggedNostrEvent }) {

10
packages/app/src/Element/Relay/Relay.tsx
View File

@ -5,13 +5,13 @@ import { RelaySettings } from "@snort/system";
import { unixNowMs } from "@snort/shared"; import { unixNowMs } from "@snort/shared";
import classNames from "classnames"; import classNames from "classnames";
import useRelayState from "Feed/RelayState"; import useRelayState from "@/Feed/RelayState";
import { SnortContext } from "@snort/system-react"; import { SnortContext } from "@snort/system-react";
import { getRelayName, unwrap } from "SnortUtils"; import { getRelayName, unwrap } from "@/SnortUtils";
import useLogin from "Hooks/useLogin"; import useLogin from "@/Hooks/useLogin";
import { removeRelay, setRelays } from "Login"; import { removeRelay, setRelays } from "@/Login";
import { RelayFavicon } from "./RelaysMetadata"; import { RelayFavicon } from "./RelaysMetadata";
import { AsyncIcon } from "Element/AsyncIcon"; import { AsyncIcon } from "@/Element/AsyncIcon";
export interface RelayProps { export interface RelayProps {
addr: string; addr: string;

4
packages/app/src/Element/Relay/RelaysMetadata.tsx
View File

@ -1,9 +1,9 @@
import "./RelaysMetadata.css"; import "./RelaysMetadata.css";
import Nostrich from "nostrich.webp"; import Nostrich from "@/nostrich.webp";
import { useState } from "react"; import { useState } from "react";
import { FullRelaySettings } from "@snort/system"; import { FullRelaySettings } from "@snort/system";
import Icon from "Icons/Icon"; import Icon from "@/Icons/Icon";
export const RelayFavicon = ({ url }: { url: string }) => { export const RelayFavicon = ({ url }: { url: string }) => {
const cleanUrl = url const cleanUrl = url

5
packages/app/src/Element/RootTabs.tsx
View File

@ -4,8 +4,8 @@ import { useLocation, useNavigate } from "react-router-dom";
import { Menu, MenuItem } from "@szhsin/react-menu"; import { Menu, MenuItem } from "@szhsin/react-menu";
import { FormattedMessage } from "react-intl"; import { FormattedMessage } from "react-intl";
import useLogin from "Hooks/useLogin"; import useLogin from "@/Hooks/useLogin";
import Icon from "Icons/Icon"; import Icon from "@/Icons/Icon";
export type RootTab = export type RootTab =
| "following" | "following"
@ -157,6 +157,7 @@ export function RootTabs({ base }: { base?: string }) {
.filter(a => a.show) .filter(a => a.show)
.map(a => ( .map(a => (
<MenuItem <MenuItem
key={a.tab}
onClick={() => { onClick={() => {
navigate(a.path); navigate(a.path);
}}> }}>

24
packages/app/src/Element/SendSats.tsx
View File

@ -5,18 +5,18 @@ import { useIntl, FormattedMessage } from "react-intl";
import { HexKey } from "@snort/system"; import { HexKey } from "@snort/system";
import { LNURLSuccessAction } from "@snort/shared"; import { LNURLSuccessAction } from "@snort/shared";
import { formatShort } from "Number"; import { formatShort } from "@/Number";
import Icon from "Icons/Icon"; import Icon from "@/Icons/Icon";
import useEventPublisher from "Hooks/useEventPublisher"; import useEventPublisher from "@/Hooks/useEventPublisher";
import ProfileImage from "Element/User/ProfileImage"; import ProfileImage from "@/Element/User/ProfileImage";
import Modal from "Element/Modal"; import Modal from "@/Element/Modal";
import QrCode from "Element/QrCode"; import QrCode from "@/Element/QrCode";
import Copy from "Element/Copy"; import Copy from "@/Element/Copy";
import { debounce } from "SnortUtils"; import { debounce } from "@/SnortUtils";
import { LNWallet, useWallet } from "Wallet"; import { LNWallet, useWallet } from "@/Wallet";
import useLogin from "Hooks/useLogin"; import useLogin from "@/Hooks/useLogin";
import AsyncButton from "Element/AsyncButton"; import AsyncButton from "@/Element/AsyncButton";
import { ZapTarget, ZapTargetResult, Zapper } from "Zapper"; import { ZapTarget, ZapTargetResult, Zapper } from "@/Zapper";
import messages from "./messages"; import messages from "./messages";

6
packages/app/src/Element/SpotlightMedia.tsx
View File

@ -1,8 +1,8 @@
import "./SpotlightMedia.css"; import "./SpotlightMedia.css";
import { useEffect, useMemo, useState } from "react"; import { useEffect, useMemo, useState } from "react";
import Modal from "Element/Modal"; import Modal from "@/Element/Modal";
import Icon from "Icons/Icon"; import Icon from "@/Icons/Icon";
import { ProxyImg } from "Element/ProxyImg"; import { ProxyImg } from "@/Element/ProxyImg";
interface SpotlightMediaProps { interface SpotlightMediaProps {
images: Array<string>; images: Array<string>;

12
packages/app/src/Element/SuggestedProfiles.tsx
View File

@ -2,12 +2,12 @@ import { useEffect, useState } from "react";
import { HexKey, NostrPrefix } from "@snort/system"; import { HexKey, NostrPrefix } from "@snort/system";
import { FormattedMessage } from "react-intl"; import { FormattedMessage } from "react-intl";
import FollowListBase from "Element/User/FollowListBase"; import FollowListBase from "@/Element/User/FollowListBase";
import PageSpinner from "Element/PageSpinner"; import PageSpinner from "@/Element/PageSpinner";
import NostrBandApi from "External/NostrBand"; import NostrBandApi from "@/External/NostrBand";
import SemisolDevApi from "External/SemisolDev"; import SemisolDevApi from "@/External/SemisolDev";
import useLogin from "Hooks/useLogin"; import useLogin from "@/Hooks/useLogin";
import { hexToBech32 } from "SnortUtils"; import { hexToBech32 } from "@/SnortUtils";
import { ErrorOrOffline } from "./ErrorOrOffline"; import { ErrorOrOffline } from "./ErrorOrOffline";
enum Provider { enum Provider {

2
packages/app/src/Element/Tabs.tsx
View File

@ -1,6 +1,6 @@
import { ReactNode } from "react"; import { ReactNode } from "react";
import "./Tabs.css"; import "./Tabs.css";
import useHorizontalScroll from "Hooks/useHorizontalScroll"; import useHorizontalScroll from "@/Hooks/useHorizontalScroll";
export interface Tab { export interface Tab {
text: ReactNode; text: ReactNode;

10
packages/app/src/Element/Text.tsx
View File

@ -3,15 +3,15 @@ import { ReactNode, useState } from "react";
import { HexKey, ParsedFragment } from "@snort/system"; import { HexKey, ParsedFragment } from "@snort/system";
import classNames from "classnames"; import classNames from "classnames";
import Invoice from "Element/Embed/Invoice"; import Invoice from "@/Element/Embed/Invoice";
import Hashtag from "Element/Embed/Hashtag"; import Hashtag from "@/Element/Embed/Hashtag";
import HyperText from "Element/HyperText"; import HyperText from "@/Element/HyperText";
import CashuNuts from "Element/Embed/CashuNuts"; import CashuNuts from "@/Element/Embed/CashuNuts";
import RevealMedia from "./Event/RevealMedia"; import RevealMedia from "./Event/RevealMedia";
import { ProxyImg } from "./ProxyImg"; import { ProxyImg } from "./ProxyImg";
import { SpotlightMediaModal } from "./SpotlightMedia"; import { SpotlightMediaModal } from "./SpotlightMedia";
import HighlightedText from "./HighlightedText"; import HighlightedText from "./HighlightedText";
import { useTextTransformer } from "Hooks/useTextTransformCache"; import { useTextTransformer } from "@/Hooks/useTextTransformCache";
export interface TextProps { export interface TextProps {
id: string; id: string;

10
packages/app/src/Element/Textarea.tsx
View File

@ -6,11 +6,11 @@ import ReactTextareaAutocomplete from "@webscopeio/react-textarea-autocomplete";
import TextareaAutosize from "react-textarea-autosize"; import TextareaAutosize from "react-textarea-autosize";
import { NostrPrefix, MetadataCache } from "@snort/system"; import { NostrPrefix, MetadataCache } from "@snort/system";
import Avatar from "Element/User/Avatar"; import Avatar from "@/Element/User/Avatar";
import Nip05 from "Element/User/Nip05"; import Nip05 from "@/Element/User/Nip05";
import { hexToBech32 } from "SnortUtils"; import { hexToBech32 } from "@/SnortUtils";
import { UserCache } from "Cache"; import { UserCache } from "@/Cache";
import searchEmoji from "emoji-search"; import searchEmoji from "@/emoji-search";
import messages from "./messages"; import messages from "./messages";

8
packages/app/src/Element/TrendingHashtags.tsx
View File

@ -1,10 +1,10 @@
import { ReactNode, useEffect, useState } from "react"; import { ReactNode, useEffect, useState } from "react";
import PageSpinner from "Element/PageSpinner"; import PageSpinner from "@/Element/PageSpinner";
import NostrBandApi from "External/NostrBand"; import NostrBandApi from "@/External/NostrBand";
import { ErrorOrOffline } from "./ErrorOrOffline"; import { ErrorOrOffline } from "./ErrorOrOffline";
import { HashTagHeader } from "Pages/HashTagsPage"; import { HashTagHeader } from "@/Pages/HashTagsPage";
import { useLocale } from "IntlProvider"; import { useLocale } from "@/IntlProvider";
export default function TrendingHashtags({ title }: { title?: ReactNode }) { export default function TrendingHashtags({ title }: { title?: ReactNode }) {
const [hashtags, setHashtags] = useState<Array<{ hashtag: string; posts: number }>>(); const [hashtags, setHashtags] = useState<Array<{ hashtag: string; posts: number }>>();

12
packages/app/src/Element/TrendingPosts.tsx
View File

@ -2,12 +2,12 @@ import { useEffect, useState } from "react";
import { NostrEvent, NostrLink, TaggedNostrEvent } from "@snort/system"; import { NostrEvent, NostrLink, TaggedNostrEvent } from "@snort/system";
import { useReactions } from "@snort/system-react"; import { useReactions } from "@snort/system-react";
import PageSpinner from "Element/PageSpinner"; import PageSpinner from "@/Element/PageSpinner";
import Note from "Element/Event/Note"; import Note from "@/Element/Event/Note";
import NostrBandApi from "External/NostrBand"; import NostrBandApi from "@/External/NostrBand";
import { ErrorOrOffline } from "Element/ErrorOrOffline"; import { ErrorOrOffline } from "@/Element/ErrorOrOffline";
import { useLocale } from "IntlProvider"; import { useLocale } from "@/IntlProvider";
import useModeration from "Hooks/useModeration"; import useModeration from "@/Hooks/useModeration";
export default function TrendingNotes() { export default function TrendingNotes() {
const [posts, setPosts] = useState<Array<NostrEvent>>(); const [posts, setPosts] = useState<Array<NostrEvent>>();

6
packages/app/src/Element/TrendingUsers.tsx
View File

@ -1,9 +1,9 @@
import { ReactNode, useEffect, useState } from "react"; import { ReactNode, useEffect, useState } from "react";
import { HexKey } from "@snort/system"; import { HexKey } from "@snort/system";
import FollowListBase from "Element/User/FollowListBase"; import FollowListBase from "@/Element/User/FollowListBase";
import PageSpinner from "Element/PageSpinner"; import PageSpinner from "@/Element/PageSpinner";
import NostrBandApi from "External/NostrBand"; import NostrBandApi from "@/External/NostrBand";
import { ErrorOrOffline } from "./ErrorOrOffline"; import { ErrorOrOffline } from "./ErrorOrOffline";
export default function TrendingUsers({ title }: { title?: ReactNode }) { export default function TrendingUsers({ title }: { title?: ReactNode }) {

4
packages/app/src/Element/User/Avatar.tsx
View File

@ -4,8 +4,8 @@ import { CSSProperties, ReactNode, useEffect, useState } from "react";
import type { UserMetadata } from "@snort/system"; import type { UserMetadata } from "@snort/system";
import classNames from "classnames"; import classNames from "classnames";
import useImgProxy from "Hooks/useImgProxy"; import useImgProxy from "@/Hooks/useImgProxy";
import { defaultAvatar, getDisplayName } from "SnortUtils"; import { defaultAvatar, getDisplayName } from "@/SnortUtils";
interface AvatarProps { interface AvatarProps {
pubkey: string; pubkey: string;

8
packages/app/src/Element/User/AvatarEditor.tsx
View File

@ -1,9 +1,9 @@
import "./AvatarEditor.css"; import "./AvatarEditor.css";
import Icon from "Icons/Icon"; import Icon from "@/Icons/Icon";
import { useState } from "react"; import { useState } from "react";
import useFileUpload from "Upload"; import useFileUpload from "@/Upload";
import { openFile, unwrap } from "SnortUtils"; import { openFile, unwrap } from "@/SnortUtils";
import Spinner from "Icons/Spinner"; import Spinner from "@/Icons/Spinner";
interface AvatarEditorProps { interface AvatarEditorProps {
picture?: string; picture?: string;

10
packages/app/src/Element/User/BadgeList.tsx
View File

@ -5,11 +5,11 @@ import { FormattedMessage } from "react-intl";
import { TaggedNostrEvent } from "@snort/system"; import { TaggedNostrEvent } from "@snort/system";
import { ProxyImg } from "Element/ProxyImg"; import { ProxyImg } from "@/Element/ProxyImg";
import Icon from "Icons/Icon"; import Icon from "@/Icons/Icon";
import Modal from "Element/Modal"; import Modal from "@/Element/Modal";
import Username from "Element/User/Username"; import Username from "@/Element/User/Username";
import { findTag } from "SnortUtils"; import { findTag } from "@/SnortUtils";
export default function BadgeList({ badges }: { badges: TaggedNostrEvent[] }) { export default function BadgeList({ badges }: { badges: TaggedNostrEvent[] }) {
const [showModal, setShowModal] = useState(false); const [showModal, setShowModal] = useState(false);

2
packages/app/src/Element/User/BlockButton.tsx
View File

@ -1,6 +1,6 @@
import { FormattedMessage } from "react-intl"; import { FormattedMessage } from "react-intl";
import { HexKey } from "@snort/system"; import { HexKey } from "@snort/system";
import useModeration from "Hooks/useModeration"; import useModeration from "@/Hooks/useModeration";
import messages from "../messages"; import messages from "../messages";

6
packages/app/src/Element/User/BlockList.tsx
View File

@ -1,6 +1,6 @@
import BlockButton from "Element/User/BlockButton"; import BlockButton from "@/Element/User/BlockButton";
import ProfilePreview from "Element/User/ProfilePreview"; import ProfilePreview from "@/Element/User/ProfilePreview";
import useModeration from "Hooks/useModeration"; import useModeration from "@/Hooks/useModeration";
export default function BlockList() { export default function BlockList() {
const { blocked } = useModeration(); const { blocked } = useModeration();

6
packages/app/src/Element/User/Bookmarks.tsx
View File

@ -2,9 +2,9 @@ import { useState, useMemo, ChangeEvent } from "react";
import { FormattedMessage } from "react-intl"; import { FormattedMessage } from "react-intl";
import { HexKey, TaggedNostrEvent } from "@snort/system"; import { HexKey, TaggedNostrEvent } from "@snort/system";
import Note from "Element/Event/Note"; import Note from "@/Element/Event/Note";
import useLogin from "Hooks/useLogin"; import useLogin from "@/Hooks/useLogin";
import { UserCache } from "Cache"; import { UserCache } from "@/Cache";
import messages from "../messages"; import messages from "../messages";

2
packages/app/src/Element/User/DisplayName.tsx
View File

@ -2,7 +2,7 @@ import "./DisplayName.css";
import { useMemo } from "react"; import { useMemo } from "react";
import { HexKey, UserMetadata } from "@snort/system"; import { HexKey, UserMetadata } from "@snort/system";
import { getDisplayNameOrPlaceHolder } from "SnortUtils"; import { getDisplayNameOrPlaceHolder } from "@/SnortUtils";
interface DisplayNameProps { interface DisplayNameProps {
pubkey: HexKey; pubkey: HexKey;

10
packages/app/src/Element/User/FollowButton.tsx
View File

@ -1,13 +1,13 @@
import { FormattedMessage } from "react-intl"; import { FormattedMessage } from "react-intl";
import { HexKey } from "@snort/system"; import { HexKey } from "@snort/system";
import useEventPublisher from "Hooks/useEventPublisher"; import useEventPublisher from "@/Hooks/useEventPublisher";
import { parseId } from "SnortUtils"; import { parseId } from "@/SnortUtils";
import useLogin from "Hooks/useLogin"; import useLogin from "@/Hooks/useLogin";
import AsyncButton from "Element/AsyncButton"; import AsyncButton from "@/Element/AsyncButton";
import messages from "../messages"; import messages from "../messages";
import { FollowsFeed } from "Cache"; import { FollowsFeed } from "@/Cache";
export interface FollowButtonProps { export interface FollowButtonProps {
pubkey: HexKey; pubkey: HexKey;

10
packages/app/src/Element/User/FollowListBase.tsx
View File

@ -3,14 +3,14 @@ import { FormattedMessage } from "react-intl";
import { HexKey } from "@snort/system"; import { HexKey } from "@snort/system";
import { dedupe } from "@snort/shared"; import { dedupe } from "@snort/shared";
import useEventPublisher from "Hooks/useEventPublisher"; import useEventPublisher from "@/Hooks/useEventPublisher";
import ProfilePreview from "Element/User/ProfilePreview"; import ProfilePreview from "@/Element/User/ProfilePreview";
import useLogin from "Hooks/useLogin"; import useLogin from "@/Hooks/useLogin";
import messages from "../messages"; import messages from "../messages";
import { FollowsFeed } from "Cache"; import { FollowsFeed } from "@/Cache";
import AsyncButton from "../AsyncButton"; import AsyncButton from "../AsyncButton";
import { setFollows } from "Login"; import { setFollows } from "@/Login";
export interface FollowListBaseProps { export interface FollowListBaseProps {
pubkeys: HexKey[]; pubkeys: HexKey[];

4
packages/app/src/Element/User/Following.tsx
View File

@ -1,8 +1,8 @@
import "./Following.css"; import "./Following.css";
import { FormattedMessage } from "react-intl"; import { FormattedMessage } from "react-intl";
import useLogin from "Hooks/useLogin"; import useLogin from "@/Hooks/useLogin";
import Icon from "Icons/Icon"; import Icon from "@/Icons/Icon";
export function FollowingMark({ pubkey }: { pubkey: string }) { export function FollowingMark({ pubkey }: { pubkey: string }) {
const { follows } = useLogin(s => ({ follows: s.follows })); const { follows } = useLogin(s => ({ follows: s.follows }));

2
packages/app/src/Element/User/MuteButton.tsx
View File

@ -1,6 +1,6 @@
import { FormattedMessage } from "react-intl"; import { FormattedMessage } from "react-intl";
import { HexKey } from "@snort/system"; import { HexKey } from "@snort/system";
import useModeration from "Hooks/useModeration"; import useModeration from "@/Hooks/useModeration";
import messages from "../messages"; import messages from "../messages";

6
packages/app/src/Element/User/MutedList.tsx
View File

@ -1,8 +1,8 @@
import { FormattedMessage } from "react-intl"; import { FormattedMessage } from "react-intl";
import { HexKey } from "@snort/system"; import { HexKey } from "@snort/system";
import MuteButton from "Element/User/MuteButton"; import MuteButton from "@/Element/User/MuteButton";
import ProfilePreview from "Element/User/ProfilePreview"; import ProfilePreview from "@/Element/User/ProfilePreview";
import useModeration from "Hooks/useModeration"; import useModeration from "@/Hooks/useModeration";
import messages from "../messages"; import messages from "../messages";

2
packages/app/src/Element/User/NoteToSelf.tsx
View File

@ -1,7 +1,7 @@
import "./NoteToSelf.css"; import "./NoteToSelf.css";
import classNames from "classnames"; import classNames from "classnames";
import { FormattedMessage } from "react-intl"; import { FormattedMessage } from "react-intl";
import Icon from "Icons/Icon"; import Icon from "@/Icons/Icon";
import messages from "../messages"; import messages from "../messages";

2
packages/app/src/Element/User/ProfileCard.tsx
View File

@ -6,7 +6,7 @@ import { UserMetadata } from "@snort/system";
import FollowButton from "./FollowButton"; import FollowButton from "./FollowButton";
import ProfileImage from "./ProfileImage"; import ProfileImage from "./ProfileImage";
import { UserWebsiteLink } from "./UserWebsiteLink"; import { UserWebsiteLink } from "./UserWebsiteLink";
import Text from "Element/Text"; import Text from "@/Element/Text";
import { useEffect, useState } from "react"; import { useEffect, useState } from "react";
import useLogin from "../../Hooks/useLogin"; import useLogin from "../../Hooks/useLogin";

6
packages/app/src/Element/User/ProfileImage.tsx
View File

@ -6,9 +6,9 @@ import { useUserProfile } from "@snort/system-react";
import { useHover } from "@uidotdev/usehooks"; import { useHover } from "@uidotdev/usehooks";
import classNames from "classnames"; import classNames from "classnames";
import Avatar from "Element/User/Avatar"; import Avatar from "@/Element/User/Avatar";
import Nip05 from "Element/User/Nip05"; import Nip05 from "@/Element/User/Nip05";
import Icon from "Icons/Icon"; import Icon from "@/Icons/Icon";
import DisplayName from "./DisplayName"; import DisplayName from "./DisplayName";
import { ProfileLink } from "./ProfileLink"; import { ProfileLink } from "./ProfileLink";
import { ProfileCard } from "./ProfileCard"; import { ProfileCard } from "./ProfileCard";

2
packages/app/src/Element/User/ProfileLink.tsx
View File

@ -2,7 +2,7 @@ import { ReactNode, useContext } from "react";
import { Link, LinkProps } from "react-router-dom"; import { Link, LinkProps } from "react-router-dom";
import { UserMetadata, NostrLink, NostrPrefix, MetadataCache } from "@snort/system"; import { UserMetadata, NostrLink, NostrPrefix, MetadataCache } from "@snort/system";
import { SnortContext } from "@snort/system-react"; import { SnortContext } from "@snort/system-react";
import { randomSample } from "SnortUtils"; import { randomSample } from "@/SnortUtils";
export function ProfileLink({ export function ProfileLink({
pubkey, pubkey,

4
packages/app/src/Element/User/ProfilePreview.tsx
View File

@ -4,8 +4,8 @@ import { HexKey, UserMetadata } from "@snort/system";
import { useUserProfile } from "@snort/system-react"; import { useUserProfile } from "@snort/system-react";
import { useInView } from "react-intersection-observer"; import { useInView } from "react-intersection-observer";
import ProfileImage from "Element/User/ProfileImage"; import ProfileImage from "@/Element/User/ProfileImage";
import FollowButton from "Element/User/FollowButton"; import FollowButton from "@/Element/User/FollowButton";
export interface ProfilePreviewProps { export interface ProfilePreviewProps {
pubkey: HexKey; pubkey: HexKey;

2
packages/app/src/Element/User/UserWebsiteLink.tsx
View File

@ -1,6 +1,6 @@
import "./UserWebsiteLink.css"; import "./UserWebsiteLink.css";
import { MetadataCache, UserMetadata } from "@snort/system"; import { MetadataCache, UserMetadata } from "@snort/system";
import Icon from "Icons/Icon"; import Icon from "@/Icons/Icon";
export function UserWebsiteLink({ user }: { user?: MetadataCache | UserMetadata }) { export function UserWebsiteLink({ user }: { user?: MetadataCache | UserMetadata }) {
const website_url = const website_url =

Some files were not shown because too many files have changed in this diff Show More