21 | {
25 | setWotFilter(!wotFilter);
26 | }}
27 | />
28 |
29 |
37 | );
38 | };
39 |
40 | export default ShopstrSwitch;
41 |
--------------------------------------------------------------------------------
/.github/PULL_REQUEST_TEMPLATE.md:
--------------------------------------------------------------------------------
1 | ### Description
2 | Provide a detailed description of the changes and their impact. Use bullet points for clarity if making multiple changes.
3 |
4 | ### Resolved or fixed issue
5 | Add GitHub issue number in format `Fixes #0000` or `none`
6 |
7 | ### Screenshots (if applicable)
8 | Add screenshots or examples if this PR includes UI-related changes.
9 |
10 | ### Affirmation
11 |
12 | - [ ] My code follows the [CONTRIBUTING.md](https://github.com/hxrshxz/shopstr/blob/main/contributing.md) guidelines
13 |
14 | ### For more details on what to include, see:
15 |
16 | [Bug Report Template](https://github.com/shopstr-eng/shopstr/blob/main/.github/ISSUE_TEMPLATE/bug_report.md)
17 | [Feature Request Template](https://github.com/shopstr-eng/shopstr/blob/main/.github/ISSUE_TEMPLATE/feature_request.md)
18 | [Documentation Issue Template](https://github.com/shopstr-eng/shopstr/blob/main/.github/ISSUE_TEMPLATE/documentation_improvement.md)
19 | [Security Issue Template](https://github.com/shopstr-eng/shopstr/blob/main/.github/ISSUE_TEMPLATE/security_vulnerability.md)
--------------------------------------------------------------------------------
/.github/workflows/dependabot.yml:
--------------------------------------------------------------------------------
1 | version: 2
2 | updates:
3 | - package-ecosystem: "npm"
4 | directory: "/"
5 | schedule:
6 | interval: "monthly"
7 | target-branch: "main"
8 | open-pull-requests-limit: 10
9 | groups:
10 | minor-and-patch:
11 | patterns:
12 | - "*"
13 | update-types:
14 | - "minor"
15 | - "patch"
16 | major-updates:
17 | patterns:
18 | - "*"
19 | update-types:
20 | - "major"
21 | reviewers:
22 | - "calvadev"
23 | labels:
24 | - "dependencies"
25 | - "automated"
26 | commit-message:
27 | prefix: "deps"
28 | include: "scope"
29 | rebase-strategy: "auto"
30 |
31 | - package-ecosystem: "github-actions"
32 | directory: "/"
33 | schedule:
34 | interval: "monthly"
35 | target-branch: "main"
36 | open-pull-requests-limit: 5
37 | reviewers:
38 | - "calvadev"
39 | labels:
40 | - "github-actions"
41 | - "dependencies"
42 | - "automated"
43 | commit-message:
44 | prefix: "ci"
45 | include: "scope"
--------------------------------------------------------------------------------
/utils/parsers/review-parser-functions.ts:
--------------------------------------------------------------------------------
1 | export const getRatingValue = (tags: string[][], type: string): number => {
2 | const ratingTag = tags.find((tag) => tag[0] === "rating" && tag[2] === type);
3 | return ratingTag ? parseFloat(ratingTag[1]!) : 0;
4 | };
5 |
6 | export const calculateWeightedScore = (tags: string[][]): number => {
7 | // Thumb score is always 50% of total
8 | const thumbScore = getRatingValue(tags, "thumb") * 0.5;
9 |
10 | // Get all rating tags except thumb
11 | const ratingTags = tags
12 | .filter((tag) => tag[0] === "rating" && tag[2] !== "thumb")
13 | .map((tag) => tag[2]);
14 |
15 | // If no additional ratings, return just thumb score
16 | if (ratingTags.length === 0) return thumbScore;
17 |
18 | // Calculate weight for each remaining rating (dividing remaining 50% equally)
19 | const individualWeight = 0.5 / ratingTags.length;
20 |
21 | // Calculate score for remaining ratings
22 | const remainingScore = ratingTags.reduce((total, ratingType) => {
23 | return total + getRatingValue(tags, ratingType!) * individualWeight;
24 | }, 0);
25 |
26 | return thumbScore + remainingScore;
27 | };
28 |
--------------------------------------------------------------------------------
/.replit:
--------------------------------------------------------------------------------
1 | run = "npm run dev"
2 | modules = ["nodejs-18:v20-20231025-d04a94d", "postgresql-16"]
3 |
4 | [nix]
5 | channel = "stable-22_11"
6 |
7 | [deployment]
8 | run = ["npm", "start"]
9 | deploymentTarget = "autoscale"
10 | build = ["npm", "run", "build"]
11 |
12 | [[ports]]
13 | localPort = 3000
14 | externalPort = 80
15 |
16 | [[ports]]
17 | localPort = 3001
18 | externalPort = 3001
19 |
20 | [[ports]]
21 | localPort = 5000
22 | externalPort = 5000
23 |
24 | [workflows]
25 | runButton = "Project"
26 |
27 | [[workflows.workflow]]
28 | name = "Run"
29 | author = 20519411
30 | mode = "sequential"
31 |
32 | [[workflows.workflow.tasks]]
33 | task = "shell.exec"
34 | args = "npm run dev"
35 |
36 | [[workflows.workflow]]
37 | name = "Project"
38 | mode = "parallel"
39 | author = "agent"
40 |
41 | [[workflows.workflow.tasks]]
42 | task = "workflow.run"
43 | args = "Next.js Dev Server"
44 |
45 | [[workflows.workflow]]
46 | name = "Next.js Dev Server"
47 | author = "agent"
48 |
49 | [[workflows.workflow.tasks]]
50 | task = "shell.exec"
51 | args = "npm run dev"
52 | waitForPort = 5000
53 |
54 | [workflows.workflow.metadata]
55 | outputType = "webview"
56 |
57 | [agent]
58 | expertMode = true
59 |
--------------------------------------------------------------------------------
/pages/api/db/cache-events.ts:
--------------------------------------------------------------------------------
1 | import type { NextApiRequest, NextApiResponse } from "next";
2 | import { cacheEvents } from "@/utils/db/db-service";
3 | import { NostrEvent } from "@/utils/types/types";
4 |
5 | export default async function handler(
6 | req: NextApiRequest,
7 | res: NextApiResponse
8 | ) {
9 | if (req.method !== "POST") {
10 | return res.status(405).json({ error: "Method not allowed" });
11 | }
12 |
13 | try {
14 | const events: NostrEvent[] = req.body;
15 | if (!Array.isArray(events)) {
16 | return res
17 | .status(400)
18 | .json({ error: "Invalid request body: expected an array of events" });
19 | }
20 |
21 | // Handle large batches by splitting them
22 | if (events.length > 100) {
23 | const chunks = [];
24 | for (let i = 0; i < events.length; i += 100) {
25 | chunks.push(events.slice(i, i + 100));
26 | }
27 |
28 | for (const chunk of chunks) {
29 | await cacheEvents(chunk);
30 | }
31 | } else {
32 | await cacheEvents(events);
33 | }
34 |
35 | res.status(200).json({ success: true });
36 | } catch (error) {
37 | console.error("Failed to cache events:", error);
38 | res.status(500).json({ error: "Failed to cache events" });
39 | }
40 | }
41 |
--------------------------------------------------------------------------------
/components/utility-components/__tests__/shopstr-spinner.test.tsx:
--------------------------------------------------------------------------------
1 | import React from "react";
2 | import { render, screen } from "@testing-library/react";
3 | import "@testing-library/jest-dom";
4 | import ShopstrSpinner from "../shopstr-spinner";
5 | import { useTheme } from "next-themes";
6 |
7 | jest.mock("next-themes", () => ({
8 | useTheme: jest.fn(),
9 | }));
10 |
11 | jest.mock("@nextui-org/react", () => ({
12 | Spinner: (props: { color: string; size: string }) => (
13 |
14 | ),
15 | }));
16 |
17 | const mockedUseTheme = useTheme as jest.Mock;
18 |
19 | describe("ShopstrSpinner", () => {
20 | it('should render with the "warning" color in dark mode', () => {
21 | mockedUseTheme.mockReturnValue({ theme: "dark" });
22 |
23 | render(33 | Trust 34 |
35 | 36 |
29 |
39 | );
40 | };
41 |
42 | export default MyListingsFeed;
43 |
--------------------------------------------------------------------------------
/components/utility-components/dropdowns/confirm-action-dropdown.tsx:
--------------------------------------------------------------------------------
1 | // TODO Fix this function to be more react like where children shouldn't be a prop, func should be renamed to something like "onConfirm", and the modal should be a child of this component instead of a sibling
2 | import React from "react";
3 | import {
4 | Dropdown,
5 | DropdownTrigger,
6 | DropdownMenu,
7 | DropdownItem,
8 | DropdownSection,
9 | } from "@nextui-org/react";
10 |
11 | type ConfirmActionDropdownProps = {
12 | helpText: string;
13 | buttonLabel: string;
14 | onConfirm: () => void;
15 | children: React.ReactNode;
16 | };
17 | export default function ConfirmActionDropdown({
18 | helpText,
19 | buttonLabel,
20 | onConfirm,
21 | children,
22 | }: ConfirmActionDropdownProps) {
23 | return (
24 |
30 |
32 |
33 | Error
36 | {bodyText}
39 | Success
36 | {bodyText}
39 | Community
28 |{community.name}
29 |38 | {community.description} 39 |
40 | 43 |
13 |
47 | );
48 | }
49 |
--------------------------------------------------------------------------------
/utils/nostr/retry-service.ts:
--------------------------------------------------------------------------------
1 | import { NostrManager } from "./nostr-manager";
2 | import {
3 | getFailedRelayPublishes,
4 | clearFailedRelayPublish,
5 | } from "@/utils/db/db-client";
6 | import { newPromiseWithTimeout } from "@/utils/timeout";
7 |
8 | export async function retryFailedRelayPublishes(
9 | nostr: NostrManager
10 | ): Promise
14 |
46 | 15 | 404 16 |
17 |18 | Page Not Found 19 |
20 |21 | The page you're looking for doesn't exist or has been moved. 22 |
23 |
24 |
31 |
32 |
35 |
36 |
37 |
40 |
41 |
42 |
43 |
44 |
45 |
21 | 
26 | 
31 | 
36 | 
41 |
42 | )}
43 |
26 |
31 |
36 |
41 |
48 |
55 |
56 | );
57 | }
58 |
--------------------------------------------------------------------------------
/components/utility-components/__tests__/failure-modal.test.tsx:
--------------------------------------------------------------------------------
1 | import React from "react";
2 | import { render, screen } from "@testing-library/react";
3 | import "@testing-library/jest-dom";
4 | import FailureModal from "../failure-modal";
5 |
6 | jest.mock("@heroicons/react/24/outline", () => ({
7 | XCircleIcon: () => ,
8 | }));
9 |
10 | jest.mock("@nextui-org/react", () => ({
11 | Modal: ({
12 | isOpen,
13 | children,
14 | }: {
15 | isOpen: boolean;
16 | children: React.ReactNode;
17 | }) => (isOpen ? {children}
: null),
18 | ModalContent: ({ children }: { children: React.ReactNode }) => (
19 | {children}
20 | ),
21 | ModalHeader: ({ children }: { children: React.ReactNode }) => (
22 | {children}
: null),
18 | ModalContent: ({ children }: { children: React.ReactNode }) => (
19 | {children}
20 | ),
21 | ModalHeader: ({ children }: { children: React.ReactNode }) => (
22 |
17 |
52 | );
53 | };
54 |
55 | export default OnboardingUserProfile;
56 |
--------------------------------------------------------------------------------
/utils/__tests__/keypress-handler.test.ts:
--------------------------------------------------------------------------------
1 | import { renderHook, act, fireEvent } from "@testing-library/react";
2 | import { useKeyPress } from "../keypress-handler";
3 |
4 | describe("useKeyPress Hook", () => {
5 | it("should return false initially before any key is pressed", () => {
6 | const { result } = renderHook(() => useKeyPress("Enter"));
7 | expect(result.current).toBe(false);
8 | });
9 |
10 | it("should return true when the target key is pressed down", () => {
11 | const { result } = renderHook(() => useKeyPress("a"));
12 |
13 | act(() => {
14 | fireEvent.keyDown(window, { key: "a" });
15 | });
16 |
17 | expect(result.current).toBe(true);
18 | });
19 |
20 | it("should return to false when the target key is released", () => {
21 | const { result } = renderHook(() => useKeyPress("Shift"));
22 |
23 | act(() => {
24 | fireEvent.keyDown(window, { key: "Shift" });
25 | });
26 | expect(result.current).toBe(true);
27 |
28 | act(() => {
29 | fireEvent.keyUp(window, { key: "Shift" });
30 | });
31 | expect(result.current).toBe(false);
32 | });
33 |
34 | it("should not change state when a non-target key is pressed", () => {
35 | const { result } = renderHook(() => useKeyPress("Enter"));
36 |
37 | act(() => {
38 | fireEvent.keyDown(window, { key: "Escape" });
39 | });
40 |
41 | expect(result.current).toBe(false);
42 | });
43 |
44 | it("should correctly add and remove event listeners", () => {
45 | const addEventSpy = jest.spyOn(window, "addEventListener");
46 | const removeEventSpy = jest.spyOn(window, "removeEventListener");
47 |
48 | const { unmount } = renderHook(() => useKeyPress("anyKey"));
49 |
50 | expect(addEventSpy).toHaveBeenCalledWith("keydown", expect.any(Function));
51 | expect(addEventSpy).toHaveBeenCalledWith("keyup", expect.any(Function));
52 |
53 | unmount();
54 |
55 | expect(removeEventSpy).toHaveBeenCalledWith(
56 | "keydown",
57 | expect.any(Function)
58 | );
59 | expect(removeEventSpy).toHaveBeenCalledWith("keyup", expect.any(Function));
60 |
61 | addEventSpy.mockRestore();
62 | removeEventSpy.mockRestore();
63 | });
64 | });
65 |
--------------------------------------------------------------------------------
/components/utility-components/shopstr-slider.tsx:
--------------------------------------------------------------------------------
1 | import { useState, useEffect, useContext } from "react";
2 | import { Button } from "@nextui-org/react";
3 | import { Slider } from "@nextui-org/react";
4 | import { useTheme } from "next-themes";
5 | import { FollowsContext } from "../../utils/context/context";
6 | import { getLocalStorageData } from "@/utils/nostr/nostr-helper-functions";
7 | import { SHOPSTRBUTTONCLASSNAMES } from "@/utils/STATIC-VARIABLES";
8 |
9 | const ShopstrSlider = () => {
10 | const { theme } = useTheme();
11 |
12 | const followsContext = useContext(FollowsContext);
13 |
14 | const [wot, setWot] = useState(getLocalStorageData().wot);
15 | const [wotIsChanged, setWotIsChanged] = useState(false);
16 |
17 | useEffect(() => {
18 | localStorage.setItem("wot", String(wot));
19 | }, [wot]);
20 |
21 | const refreshPage = () => {
22 | window.location.reload();
23 | setWotIsChanged(false);
24 | };
25 |
26 | return (
27 | <>
28 |
18 |
19 |
20 |
49 |
50 |
51 |
21 |
32 | 29 | Shopstr 30 |
31 |
33 |
40 |
41 | 34 | Step 2: Setup Your Profile 35 |
36 |37 | Set up your user profile or skip this step to continue. 38 |
39 |
44 |
47 |
48 |
29 | {
44 | if (Array.isArray(value)) {
45 | setWot(value[0]!);
46 | } else {
47 | setWot(value);
48 | }
49 | setWotIsChanged(true);
50 | }}
51 | />
52 |
53 | {wotIsChanged && (
54 |
55 |
58 |
59 | )}
60 |
61 | );
62 | };
63 |
64 | export default ShopstrSlider;
65 |
--------------------------------------------------------------------------------
/utils/__tests__/images.test.ts:
--------------------------------------------------------------------------------
1 | import { buildSrcSet } from "../images";
2 |
3 | describe("buildSrcSet", () => {
4 | it("should return a formatted srcset for image.nostr.build URLs", () => {
5 | const imageUrl =
6 | "https://image.nostr.build/d8d59524f2f49a2a72a15c54f4a9b3c3e2b2b1a8f9a2a72a15c54f4a9b3c3e2b.jpg";
7 | const expectedSrcSet =
8 | "https://image.nostr.build/resp/240p/d8d59524f2f49a2a72a15c54f4a9b3c3e2b2b1a8f9a2a72a15c54f4a9b3c3e2b.jpg 240w, " +
9 | "https://image.nostr.build/resp/480p/d8d59524f2f49a2a72a15c54f4a9b3c3e2b2b1a8f9a2a72a15c54f4a9b3c3e2b.jpg 480w, " +
10 | "https://image.nostr.build/resp/720p/d8d59524f2f49a2a72a15c54f4a9b3c3e2b2b1a8f9a2a72a15c54f4a9b3c3e2b.jpg 720w, " +
11 | "https://image.nostr.build/resp/1080p/d8d59524f2f49a2a72a15c54f4a9b3c3e2b2b1a8f9a2a72a15c54f4a9b3c3e2b.jpg 1080w";
12 |
13 | expect(buildSrcSet(imageUrl)).toBe(expectedSrcSet);
14 | });
15 |
16 | it("should return a formatted srcset for i.nostr.build URLs", () => {
17 | const imageUrl = "https://i.nostr.build/another-image.png";
18 | const expectedSrcSet =
19 | "https://i.nostr.build/resp/240p/another-image.png 240w, " +
20 | "https://i.nostr.build/resp/480p/another-image.png 480w, " +
21 | "https://i.nostr.build/resp/720p/another-image.png 720w, " +
22 | "https://i.nostr.build/resp/1080p/another-image.png 1080w";
23 |
24 | expect(buildSrcSet(imageUrl)).toBe(expectedSrcSet);
25 | });
26 |
27 | it("should return the original URL for an unknown but valid host", () => {
28 | const imageUrl = "https://example.com/images/photo.gif";
29 | expect(buildSrcSet(imageUrl)).toBe(imageUrl);
30 | });
31 |
32 | it("should return the original string if it is not a valid URL", () => {
33 | const invalidUrl = "not-a-url";
34 | expect(buildSrcSet(invalidUrl)).toBe(invalidUrl);
35 | });
36 |
37 | it("should return the original string for a local path", () => {
38 | const localPath = "/images/local-image.jpg";
39 | expect(buildSrcSet(localPath)).toBe(localPath);
40 | });
41 |
42 | it("should return an empty string if the input is empty", () => {
43 | const emptyString = "";
44 | expect(buildSrcSet(emptyString)).toBe(emptyString);
45 | });
46 | });
47 |
--------------------------------------------------------------------------------
/components/utility-components/profile/profile-avatar.tsx:
--------------------------------------------------------------------------------
1 | import { ProfileMapContext } from "@/utils/context/context";
2 | import { User } from "@nextui-org/react";
3 | import { nip19 } from "nostr-tools";
4 | import { useContext, useEffect, useState } from "react";
5 |
6 | export const ProfileAvatar = ({
7 | pubkey,
8 | description,
9 | baseClassname,
10 | descriptionClassname,
11 | wrapperClassname,
12 | }: {
13 | pubkey: string;
14 | description?: string;
15 | descriptionClassname?: string;
16 | baseClassname?: string;
17 | wrapperClassname?: string;
18 | }) => {
19 | const [pfp, setPfp] = useState("");
20 | const [displayName, setDisplayName] = useState("");
21 | const [isNip05Verified, setIsNip05Verified] = useState(false);
22 | const profileContext = useContext(ProfileMapContext);
23 | const npub = pubkey ? nip19.npubEncode(pubkey) : "";
24 | useEffect(() => {
25 | const profileMap = profileContext.profileData;
26 | const profile = profileMap.has(pubkey) ? profileMap.get(pubkey) : undefined;
27 | setDisplayName(() => {
28 | let name = profile && profile.content.name ? profile.content.name : npub;
29 | if (profile?.content?.nip05 && profile.nip05Verified) {
30 | name = profile.content.nip05;
31 | }
32 | name = name.length > 20 ? name.slice(0, 20) + "..." : name;
33 | return name;
34 | });
35 |
36 | setPfp(
37 | profile && profile.content.picture
38 | ? profile.content.picture
39 | : `https://robohash.org/${pubkey}`
40 | );
41 | setIsNip05Verified(profile?.nip05Verified || false);
42 | }, [profileContext, pubkey, npub]);
43 |
44 | return (
45 |
17 |
56 | );
57 | };
58 |
59 | export default OnboardingShopProfile;
60 |
--------------------------------------------------------------------------------
/components/utility-components/__tests__/shopstr-switch.test.tsx:
--------------------------------------------------------------------------------
1 | import React from "react";
2 | import { render, screen, fireEvent } from "@testing-library/react";
3 | import "@testing-library/jest-dom";
4 | import ShopstrSwitch from "../shopstr-switch";
5 |
6 | const mockUseTheme = { theme: "light" };
7 | jest.mock("next-themes", () => ({
8 | useTheme: () => mockUseTheme,
9 | }));
10 |
11 | const mockRouterPush = jest.fn();
12 | jest.mock("next/router", () => ({
13 | useRouter: () => ({
14 | push: mockRouterPush,
15 | }),
16 | }));
17 |
18 | jest.mock("@nextui-org/react", () => ({
19 | Switch: (props: { onClick: () => void; color: string }) => (
20 |
21 | ),
22 | }));
23 |
24 | describe("ShopstrSwitch", () => {
25 | const mockSetWotFilter = jest.fn();
26 |
27 | beforeEach(() => {
28 | jest.clearAllMocks();
29 | mockUseTheme.theme = "light";
30 | });
31 |
32 | it("should call setWotFilter with the inverted value when clicked", () => {
33 | render(
18 |
19 |
20 |
53 |
54 |
55 |
21 |
32 | 29 | Shopstr 30 |
31 |
33 |
41 |
42 | 34 | Step 4: Setup Your Shop 35 |
36 |37 | Set up your shop details or, if you're not a seller, skip 38 | this step to finish onboarding. 39 |
40 |
45 |
51 |
52 | {
55 | setIsOpen(true);
56 | }}
57 | >
58 | {isOpen ? (
59 | {validCategories[0]}
60 | ) : (
61 |
62 | {validCategories[0]}
63 | {categoryChips.length > 1 ? , ... : null}
64 |
65 | )}
66 |
67 | Profile Content
},
7 | { id: "settings", label: "Settings", children: Settings Content
},
8 | { id: "billing", label: "Billing", children: Billing Content
},
9 | ];
10 |
11 | describe("useTabs Hook", () => {
12 | it("should initialize with the correct tab from initialTabId", () => {
13 | const { result } = renderHook(() =>
14 | useTabs({ tabs: mockTabs, initialTabId: "settings" })
15 | );
16 |
17 | expect(result.current.selectedTab!.id).toBe("settings");
18 | expect(result.current.tabProps.selectedTabIndex).toBe(1);
19 | });
20 |
21 | it("should default to the first tab if initialTabId is not found", () => {
22 | const { result } = renderHook(() =>
23 | useTabs({ tabs: mockTabs, initialTabId: "non-existent-id" })
24 | );
25 |
26 | expect(result.current.selectedTab!.id).toBe("profile");
27 | expect(result.current.tabProps.selectedTabIndex).toBe(0);
28 | });
29 |
30 | it("should update the selected tab and direction when setSelectedTab is called", () => {
31 | const { result } = renderHook(() =>
32 | useTabs({ tabs: mockTabs, initialTabId: "profile" })
33 | );
34 |
35 | expect(result.current.tabProps.selectedTabIndex).toBe(0);
36 |
37 | act(() => {
38 | // Simulate changing to the third tab (index 2) with a forward direction (1)
39 | result.current.tabProps.setSelectedTab([2, 1]);
40 | });
41 |
42 | expect(result.current.selectedTab!.id).toBe("billing");
43 | expect(result.current.tabProps.selectedTabIndex).toBe(2);
44 | expect(result.current.contentProps.direction).toBe(1);
45 | });
46 |
47 | it("should pass the onChange function through its props", () => {
48 | const mockOnChange = jest.fn();
49 |
50 | const { result } = renderHook(() =>
51 | useTabs({
52 | tabs: mockTabs,
53 | initialTabId: "profile",
54 | onChange: mockOnChange,
55 | })
56 | );
57 |
58 | // The hook doesn't call onChange itself, but it should pass it along
59 | // for the component to use. We verify it's the same function.
60 | expect(result.current.tabProps.onChange).toBe(mockOnChange);
61 | });
62 | });
63 |
--------------------------------------------------------------------------------
/components/home/home-feed.tsx:
--------------------------------------------------------------------------------
1 | /* eslint-disable @next/next/no-img-element */
2 |
3 | "use client";
4 |
5 | import React, { useContext, useEffect, useState } from "react";
6 | import { ShopMapContext } from "@/utils/context/context";
7 | import { ShopProfile } from "../../utils/types/types";
8 | import { sanitizeUrl } from "@braintree/sanitize-url";
9 | import { useRouter } from "next/router";
10 |
11 | import MarketplacePage from "./marketplace";
12 |
13 | const HomeFeed = ({
14 | focusedPubkey,
15 | setFocusedPubkey,
16 | selectedSection,
17 | setSelectedSection,
18 | }: {
19 | focusedPubkey: string;
20 | setFocusedPubkey: (value: string) => void;
21 | selectedSection: string;
22 | setSelectedSection: (value: string) => void;
23 | }) => {
24 | const router = useRouter();
25 |
26 | const [shopBannerURL, setShopBannerURL] = useState("");
27 | const [isFetchingShop, setIsFetchingShop] = useState(false);
28 |
29 | const shopMapContext = useContext(ShopMapContext);
30 |
31 | useEffect(() => {
32 | setIsFetchingShop(true);
33 | if (
34 | focusedPubkey &&
35 | shopMapContext.shopData.has(focusedPubkey) &&
36 | typeof shopMapContext.shopData.get(focusedPubkey) != "undefined"
37 | ) {
38 | const shopProfile: ShopProfile | undefined =
39 | shopMapContext.shopData.get(focusedPubkey);
40 | if (shopProfile) {
41 | setShopBannerURL(shopProfile.content.ui.banner);
42 | }
43 | }
44 | setIsFetchingShop(false);
45 | }, [focusedPubkey, shopMapContext, shopBannerURL, router.pathname]);
46 |
47 | return (
48 | <>
49 | {focusedPubkey && shopBannerURL && !isFetchingShop && (
50 |
51 | })
56 |
57 | )}
58 |
59 |
68 |
69 | );
70 | };
71 |
72 | export default HomeFeed;
73 |
--------------------------------------------------------------------------------
/components/messages/message-feed.tsx:
--------------------------------------------------------------------------------
1 | "use client";
2 |
3 | import React, { useEffect, useState } from "react";
4 | import { useTabs } from "@/components/hooks/use-tabs";
5 | import { Framer } from "@/components/framer";
6 | import Messages from "./messages";
7 | import { useRouter } from "next/router";
8 |
9 | const MessageFeed = ({ isInquiry = false }) => {
10 | const router = useRouter();
11 | const [showSpinner, setShowSpinner] = useState(false);
12 |
13 | const [hookProps] = useState({
14 | tabs: [
15 | {
16 | label: "Orders",
17 | children:
60 |
67 |
62 |
72 | );
73 | };
74 |
75 | export default MessageFeed;
76 |
--------------------------------------------------------------------------------
/components/messages/chat-button.tsx:
--------------------------------------------------------------------------------
1 | import { useEffect, useRef } from "react";
2 | import { ChatObject } from "../../utils/types/types";
3 | import { timeSinceMessageDisplayText } from "../../utils/messages/utils";
4 | import { ProfileAvatar } from "@/components/utility-components/profile/profile-avatar";
5 |
6 | const ChatButton = ({
7 | pubkeyOfChat,
8 | chatObject,
9 | openedChatPubkey,
10 | handleClickChat,
11 | }: {
12 | pubkeyOfChat: string;
13 | chatObject: ChatObject;
14 | openedChatPubkey: string;
15 | handleClickChat: (pubkey: string) => void;
16 | }) => {
17 | const messages = chatObject?.decryptedChat;
18 | const lastMessage =
19 | messages && messages.length > 0 && messages[messages.length - 1];
20 | const unreadCount = chatObject?.unreadCount;
21 |
22 | const divRef = useRef
63 |
67 |
68 |
64 |
66 |
69 | {showSpinner ? null : framer.selectedTab!.children}
70 |
71 | handleClickChat(pubkeyOfChat)}
37 | ref={divRef}
38 | >
39 |
65 | );
66 | };
67 |
68 | export default ChatButton;
69 |
--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "shopstr",
3 | "version": "0.10.3",
4 | "type": "module",
5 | "private": true,
6 | "scripts": {
7 | "dev": "next dev -p 5000",
8 | "build": "next build",
9 | "start": "next start -H 0.0.0.0 -p ${PORT:-3000}",
10 | "lint": "eslint . --ext .ts,.tsx",
11 | "type-check": "tsc --noEmit",
12 | "lint-all": "npm run type-check && npm run lint",
13 | "test": "jest",
14 | "test:watch": "jest --watch"
15 | },
16 | "dependencies": {
17 | "@braintree/sanitize-url": "7.1.0",
18 | "@cashu/cashu-ts": "2.1.0",
19 | "@getalby/lightning-tools": "5.0.1",
20 | "@getalby/sdk": "5.1.2",
21 | "@heroicons/react": "2.1.1",
22 | "@nextui-org/react": "2.2.9",
23 | "autoprefixer": "10.4.14",
24 | "crypto-js": "4.2.0",
25 | "dexie": "3.2.4",
26 | "dexie-react-hooks": "1.1.7",
27 | "eslint": "8.38.0",
28 | "eslint-config-next": "13.3.0",
29 | "framer-motion": "10.16.4",
30 | "next": "14.2.32",
31 | "next-pwa": "5.6.0",
32 | "next-themes": "0.2.1",
33 | "nostr-tools": "2.7.1",
34 | "pg": "8.11.5",
35 | "postcss": "8.4.31",
36 | "qrcode": "1.5.3",
37 | "react": "18.2.0",
38 | "react-dom": "18.2.0",
39 | "react-hook-form": "7.47.0",
40 | "react-responsive-carousel": "3.2.23",
41 | "tailwindcss": "3.3.1",
42 | "uuid": "9.0.0"
43 | },
44 | "devDependencies": {
45 | "@testing-library/dom": "10.4.0",
46 | "@testing-library/jest-dom": "6.6.3",
47 | "@testing-library/react": "16.3.0",
48 | "@testing-library/user-event": "14.6.1",
49 | "@types/crypto-js": "4.2.2",
50 | "@types/jest": "29.5.14",
51 | "@types/node": "20.7.0",
52 | "@types/pg": "8.11.4",
53 | "@types/qrcode": "1.5.5",
54 | "@types/react": "18.2.22",
55 | "@types/react-dom": "18.0.11",
56 | "@types/uuid": "9.0.4",
57 | "@typescript-eslint/eslint-plugin": "6.21.0",
58 | "@typescript-eslint/parser": "6.21.0",
59 | "babel-jest": "30.0.4",
60 | "eslint-config-prettier": "9.1.0",
61 | "jest": "29.7.0",
62 | "jest-environment-jsdom": "29.7.0",
63 | "prettier": "3.1.0",
64 | "prettier-plugin-tailwindcss": "0.5.7",
65 | "typescript": "5.2.2"
66 | },
67 | "resolutions": {
68 | "@types/react": "18.2.22",
69 | "@types/react-dom": "18.0.11"
70 | },
71 | "engines": {
72 | "node": ">=18.17.0",
73 | "npm": ">=9.6.7"
74 | },
75 | "browserslist": {
76 | "production": [
77 | ">0.2%",
78 | "not dead",
79 | "not op_mini all"
80 | ],
81 | "development": [
82 | "last 1 chrome version",
83 | "last 1 firefox version",
84 | "last 1 safari version"
85 | ]
86 | }
87 | }
88 |
--------------------------------------------------------------------------------
/components/utility-components/dropdowns/__tests__/confirm-action-dropdown.test.tsx:
--------------------------------------------------------------------------------
1 | import React from "react";
2 | import { render, screen } from "@testing-library/react";
3 | import userEvent from "@testing-library/user-event";
4 | import ConfirmActionDropdown from "../confirm-action-dropdown";
5 |
6 | jest.mock("@nextui-org/react", () => {
7 | const originalModule = jest.requireActual("@nextui-org/react");
8 |
9 | return {
10 | ...originalModule,
11 | Dropdown: ({ children }: { children: React.ReactNode }) => (
12 |
47 |
64 |
48 | {unreadCount > 0 ? (
49 |
50 | {unreadCount}
51 |
52 | ) : (
53 |
56 | {/* spacer */}
54 | )}
55 |
57 |
58 | {lastMessage
59 | ? timeSinceMessageDisplayText(lastMessage.created_at).short
60 | : ""}
61 |
62 |
63 | {children}
13 | ),
14 | DropdownTrigger: ({ children }: { children: React.ReactNode }) => (
15 | <>{children}
16 | ),
17 | DropdownMenu: ({ children }: { children: React.ReactNode }) => (
18 | {children}
19 | ),
20 | DropdownSection: ({
21 | title,
22 | children,
23 | }: {
24 | title: string;
25 | children: React.ReactNode;
26 | }) => (
27 | {title}
29 | {children} 30 |{children}
20 | )),
21 | SelectSection: jest.fn(({ children, _classNames, ...props }) => (
22 | {children}
23 | )),
24 | SelectItem: jest.fn(({ children, _classNames, ...props }) => (
25 | {children}
26 | )),
27 | };
28 | });
29 |
30 | const MockSelect = Select as jest.Mock;
31 | const MockSelectItem = SelectItem as jest.Mock;
32 |
33 | describe("CountryDropdown", () => {
34 | beforeEach(() => {
35 | jest.clearAllMocks();
36 | });
37 |
38 | it("should render the select component with all passed props", () => {
39 | render(
33 |
34 | {formatter.format(Number(price))} {currency}{" "}
35 | {monetaryInfo.shippingType ? getShippingLabel() : ""}{" "}
36 |
37 |
38 | );
39 | }
40 |
41 | export function DisplayCheckoutCost({
42 | monetaryInfo,
43 | }: {
44 | monetaryInfo: ProductMonetaryInfo;
45 | }) {
46 | const { shippingType, price, currency } = monetaryInfo;
47 |
48 | const formattedPrice = formatWithCommas(price, currency);
49 |
50 | return (
51 |
52 |
61 | );
62 | }
63 |
64 | export const calculateTotalCost = (
65 | productMonetaryInfo: ProductMonetaryInfo
66 | ) => {
67 | const { price, shippingCost } = productMonetaryInfo;
68 | let total = price;
69 | total += shippingCost ? shippingCost : 0;
70 | return total;
71 | };
72 |
73 | export function formatWithCommas(amount: number, currency: string) {
74 | if (!amount || amount === 0) {
75 | // If the amount is 0, directly return "0" followed by the currency
76 | return `0 ${currency}`;
77 | }
78 | const [integerPart, fractionalPart] = amount.toString().split(".");
79 | // Add commas to the integer part
80 | const integerWithCommas = integerPart!.replace(/\B(?=(\d{3})+(?!\d))/g, ",");
81 | // Concatenate the fractional part if it exists
82 | const formattedAmount = fractionalPart
83 | ? `${integerWithCommas}.${fractionalPart}`
84 | : integerWithCommas;
85 | return `${formattedAmount} ${currency}`;
86 | }
87 |
--------------------------------------------------------------------------------
/pages/communities/[naddr].tsx:
--------------------------------------------------------------------------------
1 | import React, { useContext, useEffect, useState } from "react";
2 | import { useRouter } from "next/router";
3 | import { nip19 } from "nostr-tools";
4 | import { CommunityContext } from "@/utils/context/context";
5 | import { Community } from "@/utils/types/types";
6 | import { Spinner } from "@nextui-org/react";
7 | import CommunityFeed from "@/components/communities/CommunityFeed";
8 | import { sanitizeUrl } from "@braintree/sanitize-url";
9 |
10 | const SingleCommunityPage = () => {
11 | const router = useRouter();
12 | const { naddr } = router.query;
13 | const { communities } = useContext(CommunityContext);
14 | const [community, setCommunity] = useState53 | {formattedPrice} 54 |
55 | {shippingType && ( 56 |57 | Shipping: {shippingType} 58 |
59 | )} 60 |
44 |
46 | );
47 | }
48 |
49 | if (!community) {
50 | return (
51 |
52 |
54 | );
55 | }
56 |
57 | return (
58 | Community not found.
53 |
59 |
80 | );
81 | };
82 |
83 | export default SingleCommunityPage;
84 |
--------------------------------------------------------------------------------
/utils/db/db-client.ts:
--------------------------------------------------------------------------------
1 | import { NostrEvent } from "@/utils/types/types";
2 |
3 | export async function cacheEventToDatabase(event: NostrEvent): Promise
60 | {/* Community Header */}
61 |
79 |
65 |
66 |
67 | 68 | {community.name} 69 |
70 |71 | {community.description} 72 |
73 | 74 | {/* Community Feed */} 75 |
76 |
78 | {children}
13 | ),
14 | Tooltip: ({
15 | children,
16 | isDisabled,
17 | }: {
18 | children: React.ReactNode;
19 | isDisabled?: boolean;
20 | }) => (
21 |
22 | {children}
23 |
24 | ),
25 | }));
26 |
27 | describe("CompactCategories", () => {
28 | it("renders null if no categories are provided", () => {
29 | const { container } = render(
74 | {challengeUrl
75 | ? "Please confirm this action on your remote signer"
76 | : challenge}
77 |
78 |
79 | {error && (
80 | {error.message}
81 | )}
82 |
17 | {props.children}
18 |
19 | );
20 | },
21 | SelectSection: ({ children }: { children: React.ReactNode }) => (
22 | {children}
23 | ),
24 | SelectItem: ({
25 | children,
26 | textValue,
27 | }: {
28 | children: React.ReactNode;
29 | textValue: string;
30 | }) => {textValue || children}
,
31 | }));
32 |
33 | describe("VolumeSelector", () => {
34 | const mockOnVolumeChange = jest.fn();
35 | const defaultProps = {
36 | volumes: ["Small", "Medium", "Large"],
37 | volumePrices: new Map([
38 | ["Small", 100],
39 | ["Medium", 200],
40 | ["Large", 300],
41 | ]),
42 | currency: "SATS",
43 | selectedVolume: "Medium",
44 | onVolumeChange: mockOnVolumeChange,
45 | };
46 |
47 | beforeEach(() => {
48 | jest.clearAllMocks();
49 | });
50 |
51 | it("should render null if no volumes are provided", () => {
52 | const { container } = render(
53 |
9 | {startContent}
10 | {children}
11 |
12 | ),
13 | SelectSection: ({ children, title, ...props }: any) => (
14 |
15 | {children}
16 |
17 | ),
18 | SelectItem: ({ children, ...props }: any) => (
19 |
20 | {children}
21 |
22 | ),
23 | Avatar: ({ alt, src, className }: any) => (
24 |
22 | {showModal &&
25 | );
26 | MockProductForm.displayName = "ProductForm";
27 | return MockProductForm;
28 | });
29 |
30 | const mockRouterPush = jest.fn();
31 | jest.mock("next/router", () => ({
32 | useRouter: () => ({
33 | push: mockRouterPush,
34 | }),
35 | }));
36 |
37 | const mockSearchParams = {
38 | has: jest.fn(),
39 | };
40 | jest.mock("next/navigation", () => ({
41 | useSearchParams: () => mockSearchParams,
42 | }));
43 |
44 | const renderComponent = (isLoggedIn: boolean, hasQueryParam: boolean) => {
45 | mockSearchParams.has.mockReturnValue(hasQueryParam);
46 | return render(
47 | Modal is Open
}
23 |
24 |
51 |
93 | );
94 | };
95 |
96 | export default Transactions;
97 |
--------------------------------------------------------------------------------
/utils/types/types.ts:
--------------------------------------------------------------------------------
1 | import { Event } from "nostr-tools";
2 |
3 | export type ItemType = "products" | "profiles" | "chats" | "communities";
4 |
5 | type ProductFormValue = [key: string, ...values: string[]];
6 | export type ProductFormValues = ProductFormValue[];
7 |
8 | export interface NostrEvent extends Event {}
9 |
10 | export interface NostrMessageEvent extends NostrEvent {
11 | read: boolean;
12 | }
13 |
14 | export interface ChatObject {
15 | unreadCount: number;
16 | decryptedChat: NostrMessageEvent[];
17 | }
18 |
19 | export interface CommunityRelays {
20 | approvals: string[]; // relays to publish/fetch approvals
21 | requests: string[]; // relays to publish/fetch post requests
22 | metadata: string[]; // relays for community author metadata (profile)
23 | all: string[]; // flattened list of all relays declared
24 | }
25 |
26 | export interface Community {
27 | id: string; // community definition event id
28 | kind: number;
29 | pubkey: string; // author pubkey
30 | createdAt: number;
31 | d: string; // identifier (a-tag identifier)
32 | name: string;
33 | description: string;
34 | image: string;
35 | moderators: string[];
36 | relays: CommunityRelays;
37 | // backward compatibility: keep a simple relays array optional
38 | relaysList?: string[];
39 | }
40 |
41 | export interface CommunityPost extends NostrEvent {
42 | // Augmented by fetchCommunityPosts: optional approval metadata
43 | approved?: boolean;
44 | approvalEventId?: string;
45 | approvedBy?: string;
46 | }
47 |
48 | export interface ShopProfile {
49 | pubkey: string;
50 | content: {
51 | name: string;
52 | about: string;
53 | ui: {
54 | picture: string;
55 | banner: string;
56 | theme: string;
57 | darkMode: boolean;
58 | };
59 | merchants: string[];
60 | };
61 | created_at: number;
62 | }
63 |
64 | export interface ProfileData {
65 | pubkey: string;
66 | content: {
67 | name?: string;
68 | picture?: string;
69 | about?: string;
70 | banner?: string;
71 | lud16?: string;
72 | nip05?: string;
73 | payment_preference?: string;
74 | fiat_options?: string[];
75 | shopstr_donation?: number;
76 | };
77 | created_at: number;
78 | }
79 |
80 | export interface Transaction {
81 | type: number;
82 | amount: number;
83 | date: number;
84 | }
85 |
86 | export type FiatOptionsType = {
87 | [key: string]: string;
88 | };
89 |
90 | export interface ShippingFormData {
91 | Name: string;
92 | Address: string;
93 | Unit?: string;
94 | City: string;
95 | "Postal Code": string;
96 | "State/Province": string;
97 | Country: string;
98 | Required?: string;
99 | }
100 |
101 | export interface ContactFormData {
102 | Contact: string;
103 | "Contact Type": string;
104 | Instructions: string;
105 | Required?: string;
106 | }
107 |
108 | export interface CombinedFormData {
109 | Name: string;
110 | Address: string;
111 | Unit?: string;
112 | City: string;
113 | "Postal Code": string;
114 | "State/Province": string;
115 | Country: string;
116 | Contact: string;
117 | "Contact Type": string;
118 | Instructions: string;
119 | Required?: string;
120 | }
121 |
122 | declare global {
123 | interface Window {
124 | // For NIP-07 browser extensions
125 | nostr: {
126 | getPublicKey: () => Promise
52 |
53 |
54 |
91 |
92 | | 56 | Type 57 | | 58 |59 | Amount 60 | | 61 |62 | Date 63 | | 64 |
|---|---|---|
|
73 | {transaction.type === 1 ? (
74 | |
85 | {transaction.amount} sats | 86 |{formatDate(transaction.date)} | 87 |