@0xsequence/marketplace-sdk 0.0.0-20250513233135

package/eslint/use-client.js

@@ -0,0 +1,452 @@
+/**
+ * ESLint v9 Compatible React Server Components Plugin
+ * Based on https://github.com/roginfarrer/eslint-plugin-react-server-components
+ */
+
+import Components from 'eslint-plugin-react/lib/util/Components.js';
+import componentUtil from 'eslint-plugin-react/lib/util/componentUtil.js';
+import globals from 'globals';
+
+const reactEvents = [
+	'onCopy',
+	'onCopyCapture',
+	'onCut',
+	'onCutCapture',
+	'onPaste',
+	'onPasteCapture',
+	'onCompositionEnd',
+	'onCompositionEndCapture',
+	'onCompositionStart',
+	'onCompositionStartCapture',
+	'onCompositionUpdate',
+	'onCompositionUpdateCapture',
+	'onFocus',
+	'onFocusCapture',
+	'onBlur',
+	'onBlurCapture',
+	'onChange',
+	'onChangeCapture',
+	'onBeforeInput',
+	'onBeforeInputCapture',
+	'onInput',
+	'onInputCapture',
+	'onReset',
+	'onResetCapture',
+	'onSubmit',
+	'onSubmitCapture',
+	'onInvalid',
+	'onInvalidCapture',
+	'onLoad',
+	'onLoadCapture',
+	'onKeyDown',
+	'onKeyDownCapture',
+	'onKeyPress',
+	'onKeyPressCapture',
+	'onKeyUp',
+	'onKeyUpCapture',
+	'onAbort',
+	'onAbortCapture',
+	'onCanPlay',
+	'onCanPlayCapture',
+	'onCanPlayThrough',
+	'onCanPlayThroughCapture',
+	'onDurationChange',
+	'onDurationChangeCapture',
+	'onEmptied',
+	'onEmptiedCapture',
+	'onEncrypted',
+	'onEncryptedCapture',
+	'onEnded',
+	'onEndedCapture',
+	'onLoadedData',
+	'onLoadedDataCapture',
+	'onLoadedMetadata',
+	'onLoadedMetadataCapture',
+	'onLoadStart',
+	'onLoadStartCapture',
+	'onPause',
+	'onPauseCapture',
+	'onPlay',
+	'onPlayCapture',
+	'onPlaying',
+	'onPlayingCapture',
+	'onProgress',
+	'onProgressCapture',
+	'onRateChange',
+	'onRateChangeCapture',
+	'onResize',
+	'onResizeCapture',
+	'onSeeked',
+	'onSeekedCapture',
+	'onSeeking',
+	'onSeekingCapture',
+	'onStalled',
+	'onStalledCapture',
+	'onSuspend',
+	'onSuspendCapture',
+	'onTimeUpdate',
+	'onTimeUpdateCapture',
+	'onVolumeChange',
+	'onVolumeChangeCapture',
+	'onWaiting',
+	'onWaitingCapture',
+	'onAuxClick',
+	'onAuxClickCapture',
+	'onClick',
+	'onClickCapture',
+	'onContextMenu',
+	'onContextMenuCapture',
+	'onDoubleClick',
+	'onDoubleClickCapture',
+	'onDrag',
+	'onDragCapture',
+	'onDragEnd',
+	'onDragEndCapture',
+	'onDragEnter',
+	'onDragEnterCapture',
+	'onDragExit',
+	'onDragExitCapture',
+	'onDragLeave',
+	'onDragLeaveCapture',
+	'onDragOver',
+	'onDragOverCapture',
+	'onDragStart',
+	'onDragStartCapture',
+	'onDrop',
+	'onDropCapture',
+	'onMouseDown',
+	'onMouseDownCapture',
+	'onMouseEnter',
+	'onMouseLeave',
+	'onMouseMove',
+	'onMouseMoveCapture',
+	'onMouseOut',
+	'onMouseOutCapture',
+	'onMouseOver',
+	'onMouseOverCapture',
+	'onMouseUp',
+	'onMouseUpCapture',
+	'onSelect',
+	'onSelectCapture',
+	'onTouchCancel',
+	'onTouchCancelCapture',
+	'onTouchEnd',
+	'onTouchEndCapture',
+	'onTouchMove',
+	'onTouchMoveCapture',
+	'onTouchStart',
+	'onTouchStartCapture',
+	'onPointerDown',
+	'onPointerDownCapture',
+	'onPointerMove',
+	'onPointerMoveCapture',
+	'onPointerUp',
+	'onPointerUpCapture',
+	'onPointerCancel',
+	'onPointerCancelCapture',
+	'onPointerEnter',
+	'onPointerEnterCapture',
+	'onPointerLeave',
+	'onPointerLeaveCapture',
+	'onPointerOver',
+	'onPointerOverCapture',
+	'onPointerOut',
+	'onPointerOutCapture',
+	'onGotPointerCapture',
+	'onGotPointerCaptureCapture',
+	'onLostPointerCapture',
+	'onLostPointerCaptureCapture',
+	'onScroll',
+	'onScrollCapture',
+	'onWheel',
+	'onWheelCapture',
+	'onAnimationStart',
+	'onAnimationStartCapture',
+	'onAnimationEnd',
+	'onAnimationEndCapture',
+	'onAnimationIteration',
+	'onAnimationIterationCapture',
+	'onTransitionEnd',
+	'onTransitionEndCapture',
+];
+
+const useClientRegex = /^('|")use client('|")/;
+const browserOnlyGlobals = Object.keys(globals.browser).reduce((acc, curr) => {
+	if (curr in globals.browser && !(curr in globals.node)) {
+		acc.add(curr);
+	}
+	return acc;
+}, /* @__PURE__ */ new Set());
+
+// Create the ClientComponents rule using the object-style (required in v9)
+const ClientComponents = {
+	meta: {
+		docs: {
+			description:
+				"Enforce components are appropriately labeled with 'use client'.",
+			recommended: true,
+		},
+		type: 'problem',
+		hasSuggestions: true,
+		fixable: 'code',
+		schema: [
+			{
+				type: 'object',
+				properties: {
+					allowedServerHooks: { type: 'array', items: { type: 'string' } },
+				},
+				additionalProperties: false,
+			},
+		],
+		messages: {
+			addUseClientHooks:
+				'{{hook}} only works in Client Components. Add the "use client" directive at the top of the file to use it.',
+			addUseClientBrowserAPI:
+				'Browser APIs only work in Client Components. Add the "use client" directive at the top of the file to use it.',
+			addUseClientCallbacks:
+				'Functions can only be passed as props to Client Components. Add the "use client" directive at the top of the file to use it.',
+			addUseClientClassComponent:
+				'React Class Components can only be used in Client Components. Add the "use client" directive at the top of the file.',
+			removeUseClient:
+				"This file does not require the 'use client' directive, and it should be removed.",
+		},
+	},
+	create: Components.detect((context, _, util) => {
+		let hasReported = false;
+		const instances = [];
+		let isClientComponent = false;
+		const sourceCode = context.sourceCode;
+		const options = context.options?.[0] || {};
+		let parentNode;
+		function isClientOnlyHook(name) {
+			return (
+				// `useId` is the only hook that's allowed in server components
+				name !== 'useId' &&
+				!(options.allowedServerHooks || []).includes(name) &&
+				/^use[A-Z]/.test(name)
+			);
+		}
+		function reportMissingDirective(messageId, expression, data) {
+			if (isClientComponent || hasReported) {
+				return;
+			}
+			hasReported = true;
+			context.report({
+				node: expression,
+				messageId,
+				data,
+				*fix(fixer) {
+					const firstToken = sourceCode.getFirstToken(parentNode.body[0]);
+					if (firstToken) {
+						const isFirstLine = firstToken.loc.start.line === 1;
+						yield fixer.insertTextBefore(
+							firstToken,
+							`${isFirstLine ? '' : '\n'}'use client';
+
+`,
+						);
+					}
+				},
+			});
+		}
+		const reactImports = {
+			namespace: [],
+		};
+		const undeclaredReferences = /* @__PURE__ */ new Set();
+		return {
+			Program(node) {
+				for (const block of node.body) {
+					if (
+						block.type === 'ExpressionStatement' &&
+						block.expression.type === 'Literal' &&
+						block.expression.value === 'use client'
+					) {
+						isClientComponent = true;
+					}
+				}
+				parentNode = node;
+				const scope = sourceCode.getScope(node);
+				// biome-ignore lint/complexity/noForEach: <explanation>
+				scope.through.forEach((reference) => {
+					undeclaredReferences.add(reference.identifier.name);
+				});
+			},
+			ImportDeclaration(node) {
+				if (node.source.value === 'react') {
+					// biome-ignore lint/complexity/noForEach: <explanation>
+					node.specifiers
+						.filter((spec) => spec.type === 'ImportSpecifier')
+						.forEach((spac) => {
+							const spec = spac;
+							reactImports[spec.local.name] = spec.imported.name;
+						});
+					const namespace = node.specifiers.find(
+						(spec) =>
+							spec.type === 'ImportDefaultSpecifier' ||
+							spec.type === 'ImportNamespaceSpecifier',
+					);
+					if (namespace) {
+						reactImports.namespace = [
+							...reactImports.namespace,
+							namespace.local.name,
+						];
+					}
+				}
+			},
+			NewExpression(node) {
+				const name = node.callee.name;
+				if (undeclaredReferences.has(name) && browserOnlyGlobals.has(name)) {
+					instances.push(name);
+					reportMissingDirective('addUseClientBrowserAPI', node);
+				}
+			},
+			CallExpression(expression) {
+				let name = '';
+				if (
+					expression.callee.type === 'Identifier' &&
+					'name' in expression.callee
+				) {
+					name = expression.callee.name;
+				} else if (
+					expression.callee.type === 'MemberExpression' &&
+					'name' in expression.callee.property
+				) {
+					name = expression.callee.property.name;
+				}
+				if (
+					isClientOnlyHook(name) && // Is in a function...
+					sourceCode.getScope(expression).type === 'function' && // But only if that function is a component
+					Boolean(util.getParentComponent(expression))
+				) {
+					instances.push(name);
+					reportMissingDirective('addUseClientHooks', expression.callee, {
+						hook: name,
+					});
+				}
+			},
+			MemberExpression(node) {
+				const name = node.object.name;
+				const scopeType = sourceCode.getScope(node).type;
+				if (
+					undeclaredReferences.has(name) &&
+					browserOnlyGlobals.has(name) &&
+					(scopeType === 'module' || !!util.getParentComponent(node))
+				) {
+					instances.push(name);
+					reportMissingDirective('addUseClientBrowserAPI', node.object);
+				}
+			},
+			ExpressionStatement(node) {
+				const expression = node.expression;
+				if (!expression.callee) {
+					return;
+				}
+				if (
+					expression.callee &&
+					isClientOnlyHook(expression.callee.name) &&
+					Boolean(util.getParentComponent(expression))
+				) {
+					instances.push(expression.callee.name);
+					reportMissingDirective('addUseClientHooks', expression.callee, {
+						hook: expression.callee.name,
+					});
+				}
+			},
+			JSXOpeningElement(node) {
+				const scope = sourceCode.getScope(node);
+				const fnsInScope = [];
+				//biome-ignore lint/complexity/noForEach: <explanation>
+				scope.variables.forEach((variable) => {
+					//biome-ignore lint/complexity/noForEach: <explanation>
+					variable.defs.forEach((def) => {
+						if (isFunction(def)) {
+							fnsInScope.push(variable.name);
+						}
+					});
+				});
+				//biome-ignore lint/complexity/noForEach: <explanation>
+				scope.upper?.set.forEach((variable) => {
+					//biome-ignore lint/complexity/noForEach: <explanation>
+					variable.defs.forEach((def) => {
+						if (isFunction(def)) {
+							fnsInScope.push(variable.name);
+						}
+					});
+				});
+				for (const attribute of node.attributes) {
+					if (
+						attribute.type === 'JSXSpreadAttribute' ||
+						attribute.value?.type !== 'JSXExpressionContainer'
+					) {
+						continue;
+					}
+					if (reactEvents.includes(attribute.name.name)) {
+						reportMissingDirective('addUseClientCallbacks', attribute.name);
+					}
+					if (
+						attribute.value?.expression.type === 'ArrowFunctionExpression' ||
+						attribute.value?.expression.type === 'FunctionExpression' ||
+						(attribute.value.expression.type === 'Identifier' &&
+							fnsInScope.includes(attribute.value.expression.name))
+					) {
+						reportMissingDirective('addUseClientCallbacks', attribute);
+					}
+				}
+			},
+			ClassDeclaration(node) {
+				if (componentUtil.isES6Component(node, context)) {
+					instances.push(node.id?.name);
+					reportMissingDirective('addUseClientClassComponent', node);
+				}
+			},
+			'ExpressionStatement:exit'(node) {
+				const value = 'value' in node.expression ? node.expression.value : '';
+				if (typeof value !== 'string' || !useClientRegex.test(value)) {
+					return;
+				}
+				if (instances.length === 0 && isClientComponent) {
+					context.report({
+						node,
+						messageId: 'removeUseClient',
+						fix(fixer) {
+							return fixer.remove(node);
+						},
+					});
+				}
+			},
+		};
+	}),
+};
+
+function isFunction(def) {
+	if (def.type === 'FunctionName') {
+		return true;
+	}
+	if (def.node.init && def.node.init.type === 'ArrowFunctionExpression') {
+		return true;
+	}
+	return false;
+}
+
+const plugin = {
+	meta: {
+		name: 'react-server-components',
+	},
+	rules: {
+		'use-client': ClientComponents,
+	},
+	configs: {},
+};
+
+Object.assign(plugin.configs, {
+	recommended: {
+		plugins: {
+			'react-server-components': plugin,
+		},
+		rules: {
+			'react-server-components/use-client': 'error',
+		},
+	},
+});
+
+export default plugin;

package/eslint.config.mjs

@@ -0,0 +1,31 @@
+import pluginJs from '@eslint/js';
+import biome from 'eslint-config-biome';
+import pluginReact from 'eslint-plugin-react';
+import reactHooks from 'eslint-plugin-react-hooks';
+import globals from 'globals';
+import tseslint from 'typescript-eslint';
+import rscPlugin from './eslint/use-client.js';
+
+/** @type {import('eslint').Linter.Config[]} */
+export default [
+	{ files: ['**/*.{js,mjs,cjs,ts,jsx,tsx}'] },
+	{
+		languageOptions: { globals: { ...globals.browser, ...globals.node } },
+		settings: { react: { version: 'detect' } },
+	},
+	pluginJs.configs.recommended,
+	...tseslint.configs.recommended,
+	pluginReact.configs.flat.recommended,
+	reactHooks.configs['recommended-latest'],
+	rscPlugin.configs.recommended,
+	biome,
+	{
+		rules: {
+			// "react-server-components/use-client": "error",
+			'react/react-in-jsx-scope': 'off',
+			'@typescript-eslint/ban-ts-comment': 'off',
+			'@typescript-eslint/no-unused-vars': 'off',
+			'@typescript-eslint/no-non-null-asserted-optional-chain': 'off',
+		},
+	},
+];

package/package.json

@@ -0,0 +1,116 @@
+{
+  "name": "@0xsequence/marketplace-sdk",
+  "private": false,
+  "version": "0.0.0-20250513233135",
+  "type": "module",
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    },
+    "./react": {
+      "types": "./dist/react/index.d.ts",
+      "default": "./dist/react/index.js"
+    },
+    "./react/hooks": {
+      "types": "./dist/react/hooks/index.d.ts",
+      "default": "./dist/react/hooks/index.js"
+    },
+    "./react/queries": {
+      "types": "./dist/react/queries/index.d.ts",
+      "default": "./dist/react/queries/index.js"
+    },
+    "./react/ssr": {
+      "types": "./dist/react/ssr/index.d.ts",
+      "default": "./dist/react/ssr/index.js"
+    },
+    "./marketplace-logos": {
+      "types": "./dist/react/ui/components/marketplace-logos/index.d.ts",
+      "default": "./dist/react/ui/components/marketplace-logos/index.js"
+    },
+    "./styles/index.css": {
+      "default": "./dist/index.css"
+    },
+    "./styles/preset": {
+      "default": "./dist/index.css"
+    }
+  },
+  "dependencies": {
+    "@databeat/tracker": "^0.9.3",
+    "@legendapp/state": "^3.0.0-beta.30",
+    "@tailwindcss/postcss": "^4.0.15",
+    "@xstate/store": "^3.4.3",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "date-fns": "^4.1.0",
+    "dnum": "^2.14.0",
+    "nuqs": "^2.4.3",
+    "react-day-picker": "^9.6.7",
+    "tailwind-merge": "^3.0.2",
+    "zod": "^3.24.2"
+  },
+  "peerDependencies": {
+    "0xsequence": "^2.3.8",
+    "@0xsequence/api": "^2.3.8",
+    "@0xsequence/checkout": "^5.2.2",
+    "@0xsequence/connect": "^5.2.2",
+    "@0xsequence/design-system": "^2.1.12",
+    "@0xsequence/indexer": "^2.3.8",
+    "@0xsequence/metadata": "^2.3.8",
+    "@0xsequence/network": "^2.3.8",
+    "@tanstack/react-query": "^5.74.3",
+    "react": "^19.1.0",
+    "react-dom": "^19.1.0",
+    "viem": "^2.27.0",
+    "wagmi": "^2.14.16",
+    "@google/model-viewer": "^4.1.0"
+  },
+  "devDependencies": {
+    "@biomejs/biome": "^1.9.4",
+    "@changesets/cli": "^2.29.0",
+    "@eslint/js": "^9.23.0",
+    "@testing-library/jest-dom": "6.4.7",
+    "@testing-library/react": "^16.2.0",
+    "@types/react": "^19.1.2",
+    "@types/react-dom": "^19.1.2",
+    "@vitest/coverage-v8": "3.0.9",
+    "ctix": "^2.7.1",
+    "esbuild-plugin-preserve-directives": "^0.0.11",
+    "eslint": "^9.23.0",
+    "eslint-config-biome": "^1.9.4",
+    "eslint-plugin-react": "^7.37.4",
+    "eslint-plugin-react-hooks": "^5.2.0",
+    "globals": "^16.0.0",
+    "happy-dom": "^17.4.4",
+    "jsdom": "^26.0.0",
+    "msw": "^2.7.3",
+    "postcss": "^8.5.3",
+    "prool": "^0.0.23",
+    "tailwindcss": "^4.1.4",
+    "tsup": "^8.4.0",
+    "typescript": "^5.8.3",
+    "typescript-eslint": "^8.27.0",
+    "vite-tsconfig-paths": "^5.1.4",
+    "vitest": "^3.0.9"
+  },
+  "scripts": {
+    "build": "tsc -b && tsup",
+    "format": "biome format --write .",
+    "format:check": "biome format .",
+    "biome:check": "biome check . --write",
+    "check": "tsc --noEmit",
+    "lint": "biome lint --write .",
+    "lint:check": "biome lint .",
+    "barrel": "ctix build",
+    "test": "vitest",
+    "test:update": "vitest --update",
+    "coverage": "vitest run --coverage",
+    "eslint": "eslint .",
+    "eslint:fix": "eslint --fix .",
+    "changeset": "changeset",
+    "version": "changeset version"
+  }
+}

package/postcss.config.mjs

@@ -0,0 +1,5 @@
+export default {
+	plugins: {
+		'@tailwindcss/postcss': {},
+	},
+};

package/src/consts.ts

@@ -0,0 +1,7 @@
+export const SEQUENCE_MARKET_V1_ADDRESS =
+	'0xB537a160472183f2150d42EB1c3DD6684A55f74c';
+
+export const SEQUENCE_MARKET_V2_ADDRESS =
+	'0xfdb42A198a932C8D3B506Ffa5e855bC4b348a712';
+
+export const DEFAULT_MARKETPLACE_FEE_PERCENTAGE = 2.5;