Merge pull request #22 from ClayPulse/dev

Add CLI dev mode and connect extension marketplace

Author: Shellishack

npm-packages/cli/package-lock.json

@@ -66,7 +66,7 @@ export default function Login({cli}: {cli: Result<Flags>}) {
 	useEffect(() => {
 		// Only check token validity when it is set
 		if (loginMethod === 'token' && token.length > 0) {
-			checkToken(token).then(isValid => {
+			checkToken(token, cli.flags.dev).then(isValid => {
 				setIsAuthenticated(isValid);
 				setIsCheckingAuth(false);
 			});

npm-packages/cli/source/components/commands/login.tsx

@@ -6,7 +6,6 @@ import {checkToken, getToken} from '../../lib/token.js';
 import Spinner from 'ink-spinner';
 import fs from 'fs';
 import {$} from 'execa';
-import {cwd} from 'process';
 
 export default function Publish({cli}: {cli: Result<Flags>}) {
 	const [isInProjectDir, setIsInProjectDir] = useState(false);
@@ -18,6 +17,10 @@ export default function Publish({cli}: {cli: Result<Flags>}) {
 	const [isPublishingError, setIsPublishingError] = useState(false);
 	const [isPublished, setIsPublished] = useState(false);
 
+	const [failureMessage, setFailureMessage] = useState<string | undefined>(
+		undefined,
+	);
+
 	useEffect(() => {
 		// Check if the current dir contains pulse.config.ts
 		const currentDir = process.cwd();
@@ -32,7 +35,7 @@ export default function Publish({cli}: {cli: Result<Flags>}) {
 		async function checkAuth() {
 			const token = getToken();
 			if (token) {
-				const isValid = await checkToken(token);
+				const isValid = await checkToken(token, cli.flags.dev);
 				if (isValid) {
 					setIsAuthenticated(true);
 				}
@@ -77,7 +80,9 @@ export default function Publish({cli}: {cli: Result<Flags>}) {
 
 				// Send the file to the server
 				const res = await fetch(
-					'https://pulse-editor.com/api/extension/publish',
+					cli.flags.dev
+						? 'http://localhost:3000/api/extension/publish'
+						: 'https://pulse-editor.com/api/extension/publish',
 					{
 						method: 'POST',
 						headers: {
@@ -91,6 +96,12 @@ export default function Publish({cli}: {cli: Result<Flags>}) {
 					setIsPublished(true);
 				} else {
 					setIsPublishingError(true);
+					const msg = await res.json();
+					if (msg.error) {
+						setFailureMessage(msg.error);
+					} else {
+						setFailureMessage('Unknown error occurred while publishing.');
+					}
 				}
 			} catch (error) {
 				console.error('Error uploading the file:', error);
@@ -138,7 +149,12 @@ export default function Publish({cli}: {cli: Result<Flags>}) {
 						</Box>
 					)}
 					{isPublishingError && (
-						<Text color={'redBright'}>❌ Failed to publish extension.</Text>
+						<>
+							<Text color={'redBright'}>❌ Failed to publish extension.</Text>
+							{failureMessage && (
+								<Text color={'redBright'}>Error: {failureMessage}</Text>
+							)}
+						</>
 					)}
 					{isPublished && (
 						<Text color={'greenBright'}>

npm-packages/cli/source/components/commands/publish.tsx

@@ -22,6 +22,10 @@ export const flags = defineFlags({
 		type: 'string',
 		shortFlag: 'f',
 	},
+	dev: {
+		type: 'boolean',
+		default: false,
+	},
 });
 
 export type Flags = typeof flags;

npm-packages/cli/source/lib/cli-flags.ts

@@ -51,14 +51,19 @@ export function isTokenInEnv() {
 	return false;
 }
 
-export async function checkToken(token: string) {
-	const res = await fetch('https://pulse-editor.com/api/api-keys/check', {
-		body: JSON.stringify({token}),
-		headers: {
-			'Content-Type': 'application/json',
+export async function checkToken(token: string, devMode: boolean) {
+	const res = await fetch(
+		devMode
+			? 'http://localhost:3000/api/api-keys/check'
+			: 'https://pulse-editor.com/api/api-keys/check',
+		{
+			body: JSON.stringify({token}),
+			headers: {
+				'Content-Type': 'application/json',
+			},
+			method: 'POST',
 		},
-		method: 'POST',
-	});
+	);
 
 	if (res.status === 200) {
 		return true;