ZenTheme.js

// Variables used by Scriptable.
// These must be at the very top of the file. Do not edit.
// icon-color: deep-gray; icon-glyph: paint-brush;
// ZenTheme.js: Theme configuration for ZenTrate and ZenLendar

const fm = FileManager.iCloud()
const THEMES_FOLDER = fm.documentsDirectory() + "/ZenThemes"
const THEME_FILE = fm.documentsDirectory() + "/zentrate_theme.json"

// Default theme configuration
const DEFAULT_THEME = {
  name: "Noir",
  author: "sryo",
  bgColor: "000000",
  textColor: "FFFFFF",
  fontName: "system",
  fontWeight: "bold",
  fontItalic: false,
  minFontSize: 10,
  maxFontSize: 20
}

// Ensure themes folder exists
function ensureThemesFolder() {
  if (!fm.fileExists(THEMES_FOLDER)) {
    fm.createDirectory(THEMES_FOLDER)
    saveTheme(DEFAULT_THEME, "noir.json")
  }
}

// Load theme configuration
function loadThemeConfig() {
  if (fm.fileExists(THEME_FILE)) {
    const configString = fm.readString(THEME_FILE)
    return JSON.parse(configString)
  }
  return DEFAULT_THEME
}

// Save theme configuration
function saveThemeConfig(config) {
  fm.writeString(THEME_FILE, JSON.stringify(config, null, 2))
}

// Save a theme to the themes folder
function saveTheme(theme, filename) {
  const themePath = fm.joinPath(THEMES_FOLDER, filename)
  const themeString = JSON.stringify(theme, null, 2)
  fm.writeString(themePath, themeString)
}

// Load themes from the themes folder
function loadThemes() {
  const themes = []
  const files = fm.listContents(THEMES_FOLDER)
  for (const file of files) {
    if (file.endsWith('.json')) {
      const themePath = fm.joinPath(THEMES_FOLDER, file)
      const themeString = fm.readString(themePath)
      const theme = JSON.parse(themeString)
      theme.filename = file
      themes.push(theme)
    }
  }
  
  // Sort themes alphabetically by name
  themes.sort((a, b) => a.name.localeCompare(b.name))
  
  return themes
}

// Show theme picker UI
async function showThemePicker() {
  const themes = loadThemes()
  const alert = new Alert()
  alert.title = "ZenTheme"
  alert.message = "Pick or create a new theme"
  
  themes.forEach(theme => {
    alert.addAction(theme.name)
  })
  
  alert.addAction("New Theme")
  alert.addCancelAction("Cancel")
  
  const response = await alert.presentSheet()
  
  if (response === themes.length) {
    return showConfigurationUI()
  } else if (response !== -1) {
    saveThemeConfig(themes[response])
    return true
  }
  
  return false
}

// Show configuration UI
async function showConfigurationUI() {
  const currentTheme = loadThemeConfig()
  const alert = new Alert()
  alert.title = "New Theme"
  
  const fields = [
    { key: "name", label: "Theme Name" },
    { key: "author", label: "Author" },
    { key: "bgColor", label: "Background" },
    { key: "textColor", label: "Text" },
    { key: "fontName", label: "Font (system/serif/monospaced/rounded)" },
    { key: "fontWeight", label: "Weight" },
    { key: "fontItalic", label: "Italic" },
    { key: "minFontSize", label: "Min Size" },
    { key: "maxFontSize", label: "Max Size" }
  ]
  
  fields.forEach(field => {
    const value = currentTheme[field.key].toString()
    alert.addTextField(`${field.label}: ${value}`, value)
  })
  
  alert.addAction("Save")
  alert.addCancelAction("Cancel")
  
  const response = await alert.presentAlert()
  
  if (response !== -1) {  // If not cancelled
    const newTheme = {}
    fields.forEach((field, index) => {
      newTheme[field.key] = alert.textFieldValue(index)
    })
    
    // Convert fontItalic to boolean
    newTheme.fontItalic = newTheme.fontItalic.toLowerCase() === 'true'
    
    // Convert font sizes to numbers
    newTheme.minFontSize = parseInt(newTheme.minFontSize)
    newTheme.maxFontSize = parseInt(newTheme.maxFontSize)
    
    // Generate filename for the theme
    const filename = `${newTheme.name.toLowerCase().replace(/\s+/g, '-')}.json`
    
    // Save as current theme
    saveThemeConfig(newTheme)
    
    // Save or update theme in ZenThemes folder
    saveTheme(newTheme, filename)
    
    // Provide feedback to the user
    const successAlert = new Alert()
    successAlert.title = "Theme Saved"
    successAlert.message = `Your theme "${newTheme.name}" has been saved and is available in the ZenThemes folder as "${filename}".`
    successAlert.addAction("OK")
    await successAlert.present()
    
    return true  // Configuration updated
  }
  
  return false  // Configuration not updated
}

async function run() {
  ensureThemesFolder()
  await showThemePicker()
  Script.complete()
}

if (config.runsInApp) {
  await run()
}