#!/bin/bash

# Shopify Theme CLI - Setup and Development Script
# ---------------------------------------------
# This script initializes a new Shopify theme and starts the dev server
# using the published npm package.

# Colors for terminal output
GREEN='\033[0;32m'
YELLOW='\033[1;33m'
BLUE='\033[0;34m'
RED='\033[0;31m'
NC='\033[0m' # No Color

# Configuration
THEME_DIR="my-shop-theme"
SERVER_PORT="3000"
THEME_NAME="Development Theme"
CLI_PACKAGE="@dscodotco/theme-cli"

# Load environment variables
if [ ! -f .env ]; then
  echo -e "${YELLOW}⚠️  No .env file found. Creating one from template...${NC}"
  cp .env.example .env || touch .env
fi

source .env

# Function to show credential help
show_credential_help() {
  echo -e "\n${YELLOW}Credential Help:${NC}"
  echo "1. Go to your Shopify Admin > Apps > Develop apps"
  echo "2. Create a new app or select an existing one"
  echo "3. Under 'API credentials', ensure you have:"
  echo "   - Admin API access token (starts with shpat_)"
  echo "   - Required scopes: write_themes, read_themes"
  echo "4. Add these to your .env file:"
  echo "   SHOPIFY_STORE=your-store-name"
  echo "   SHOPIFY_API_KEY=your-api-key"
  echo "   SHOPIFY_PASSWORD=your-access-token"
}

# Test API connection
echo -e "\n${BLUE}Testing Shopify API connection...${NC}"
npx $CLI_PACKAGE shopify theme test-connection

if [ $? -ne 0 ]; then
  echo -e "${RED}API connection test failed.${NC}"
  show_credential_help
  
  echo -e "\n${YELLOW}Do you want to continue anyway? (y/n)${NC} "
  read -r CONTINUE
  if [[ ! "$CONTINUE" =~ ^[Yy]$ ]]; then
    echo -e "Exiting."
    exit 1
  fi
  echo -e "${YELLOW}Continuing with potentially invalid credentials...${NC}"
else
  echo -e "${GREEN}✓ API connection successful${NC}"
fi

# Step 1: Initialize the theme
echo -e "\n${BLUE}Step 1: Initializing new Shopify theme...${NC}"
npx $CLI_PACKAGE shopify theme init --name "$THEME_DIR" --force

# Check if theme initialization was successful
if [ $? -ne 0 ]; then
  echo -e "${YELLOW}⚠️  Theme initialization failed. Exiting.${NC}"
  exit 1
fi

echo -e "${GREEN}✓ Theme initialized successfully in ./$THEME_DIR${NC}"

# Step 2: Start the development server
echo -e "\n${BLUE}Step 2: Starting development server...${NC}"
echo -e "Using Shopify store: ${SHOPIFY_STORE}.myshopify.com"

# Build the command based on whether a theme ID was provided
DEV_COMMAND="npx $CLI_PACKAGE shopify theme dev --store \"$SHOPIFY_STORE\" --api-key \"$SHOPIFY_API_KEY\" --password \"$SHOPIFY_PASSWORD\" --theme-dir \"./$THEME_DIR\" --port \"$SERVER_PORT\""

if [ ! -z "$SHOPIFY_THEME_ID" ]; then
  echo -e "Using existing theme ID: ${SHOPIFY_THEME_ID}"
  DEV_COMMAND="$DEV_COMMAND --theme-id \"$SHOPIFY_THEME_ID\""
else
  echo -e "No theme ID provided. A new development theme named \"$THEME_NAME\" will be created automatically."
  DEV_COMMAND="$DEV_COMMAND --theme-name \"$THEME_NAME\""
fi

echo -e "\n${BLUE}Starting development server...${NC}"
echo -e "This will connect to your Shopify store and either:"
echo -e "1. Use the existing theme if you provided a theme ID, or"
echo -e "2. Create a new development theme in your Shopify admin"
echo -e "\nThe server will provide a local preview interface at http://localhost:${SERVER_PORT}"

# Run the command
eval $DEV_COMMAND

# Capture exit code to check for errors
DEV_EXIT_CODE=$?

if [ $DEV_EXIT_CODE -ne 0 ]; then
  echo -e "${RED}Development server failed to start properly.${NC}"
  if [[ -z "$SHOPIFY_THEME_ID" ]]; then
    echo -e "\n${YELLOW}Fallback option: Try using an existing theme ID${NC}"
    echo -e "1. Go to your Shopify Admin > Online Store > Themes"
    echo -e "2. Find the theme ID in the URL when you edit a theme"
    echo -e "3. Add SHOPIFY_THEME_ID=your_theme_id to your .env file"
  fi
  show_credential_help
fi

# Script will end when dev server is stopped