@screenly/edge-apps 0.0.1

package/scripts/cli.ts

@@ -0,0 +1,293 @@
+#!/usr/bin/env bun
+/**
+ * CLI command dispatcher for edge-apps-scripts
+ */
+
+import { execSync, spawn, type ChildProcess } from 'child_process'
+import fs from 'fs'
+import path from 'path'
+import { fileURLToPath } from 'url'
+import { createCommand } from './create'
+
+const __filename = fileURLToPath(import.meta.url)
+const __dirname = path.dirname(__filename)
+const libraryRoot = path.dirname(__dirname)
+
+const commands = {
+  lint: {
+    description: 'Run ESLint with shared configuration',
+    handler: lintCommand,
+  },
+  dev: {
+    description: 'Start Vite development server',
+    handler: devCommand,
+  },
+  build: {
+    description: 'Build application for production',
+    handler: buildCommand,
+  },
+  'build:dev': {
+    description: 'Build application in development mode with watch',
+    handler: buildDevCommand,
+  },
+  'type-check': {
+    description: 'Run TypeScript type checking',
+    handler: typeCheckCommand,
+  },
+  screenshots: {
+    description: 'Capture screenshots at all supported resolutions',
+    handler: screenshotsCommand,
+  },
+  create: {
+    description:
+      'Initialize a scaffolded Edge App (replaces template placeholders)',
+    handler: createCommand,
+  },
+}
+
+/**
+ * Helper: Get NODE_PATH with library's node_modules included
+ */
+function getNodePath(): string {
+  const libraryNodeModules = path.resolve(libraryRoot, 'node_modules')
+  const existingNodePath = process.env.NODE_PATH || ''
+  return existingNodePath
+    ? `${libraryNodeModules}${path.delimiter}${existingNodePath}`
+    : libraryNodeModules
+}
+
+/**
+ * Helper: Setup signal handlers for spawned processes
+ */
+function setupSignalHandlers(child: ChildProcess): void {
+  const handleSignal = (signal: string) => {
+    child.kill(signal as NodeJS.Signals)
+    child.on('exit', () => process.exit(0))
+  }
+  process.on('SIGINT', () => handleSignal('SIGINT'))
+  process.on('SIGTERM', () => handleSignal('SIGTERM'))
+}
+
+/**
+ * Helper: Spawn a process with common options and signal handling
+ */
+function spawnWithSignalHandling(
+  command: string,
+  args: string[],
+  errorMessage: string,
+): void {
+  const child = spawn(command, args, {
+    stdio: 'inherit',
+    cwd: process.cwd(),
+    shell: process.platform === 'win32',
+    env: {
+      ...process.env,
+      NODE_PATH: getNodePath(),
+    },
+  })
+
+  child.on('error', (err) => {
+    console.error(errorMessage, err)
+    process.exit(1)
+  })
+
+  setupSignalHandlers(child)
+}
+
+/**
+ * Helper: Get Vite binary and config paths
+ */
+function getVitePaths(): { viteBin: string; configPath: string } {
+  return {
+    viteBin: path.resolve(libraryRoot, 'node_modules', '.bin', 'vite'),
+    configPath: path.resolve(libraryRoot, 'vite.config.ts'),
+  }
+}
+
+async function lintCommand(args: string[]) {
+  try {
+    const eslintBin = path.resolve(
+      libraryRoot,
+      'node_modules',
+      '.bin',
+      'eslint',
+    )
+
+    const eslintArgs = [
+      '--config',
+      path.resolve(libraryRoot, 'eslint.config.ts'),
+      '.',
+      ...args,
+    ]
+
+    execSync(
+      `"${eslintBin}" ${eslintArgs.map((arg) => `"${arg}"`).join(' ')}`,
+      {
+        stdio: 'inherit',
+        cwd: process.cwd(),
+      },
+    )
+  } catch {
+    process.exit(1)
+  }
+}
+
+async function devCommand(args: string[]) {
+  try {
+    const { viteBin, configPath } = getVitePaths()
+    const viteArgs = ['--config', configPath, ...args]
+
+    spawnWithSignalHandling(viteBin, viteArgs, 'Failed to start dev server:')
+  } catch {
+    process.exit(1)
+  }
+}
+
+async function buildCommand(args: string[]) {
+  try {
+    const { viteBin, configPath } = getVitePaths()
+    const viteArgs = ['build', '--config', configPath, ...args]
+
+    execSync(`"${viteBin}" ${viteArgs.map((arg) => `"${arg}"`).join(' ')}`, {
+      stdio: 'inherit',
+      cwd: process.cwd(),
+      env: {
+        ...process.env,
+        NODE_PATH: getNodePath(),
+      },
+    })
+  } catch {
+    process.exit(1)
+  }
+}
+
+async function buildDevCommand(args: string[]) {
+  try {
+    const { viteBin, configPath } = getVitePaths()
+    const viteArgs = [
+      'build',
+      '--watch',
+      '--sourcemap',
+      '--config',
+      configPath,
+      ...args,
+    ]
+
+    spawnWithSignalHandling(viteBin, viteArgs, 'Failed to start build process:')
+  } catch {
+    process.exit(1)
+  }
+}
+
+async function typeCheckCommand(args: string[]) {
+  try {
+    const tscBin = path.resolve(libraryRoot, 'node_modules', '.bin', 'tsc')
+
+    const tscArgs = [
+      '--noEmit',
+      '--project',
+      path.resolve(libraryRoot, 'tsconfig.json'),
+      ...args,
+    ]
+
+    execSync(`"${tscBin}" ${tscArgs.map((arg) => `"${arg}"`).join(' ')}`, {
+      stdio: 'inherit',
+      cwd: process.cwd(),
+    })
+  } catch {
+    process.exit(1)
+  }
+}
+
+async function convertPngsToWebP(screenshotsDir: string): Promise<void> {
+  const { default: sharp } = await import('sharp')
+  const pngFiles = fs
+    .readdirSync(screenshotsDir)
+    .filter((f) => f.endsWith('.png'))
+
+  for (const file of pngFiles) {
+    const pngPath = path.join(screenshotsDir, file)
+    const webpPath = path.join(screenshotsDir, file.replace('.png', '.webp'))
+    await sharp(pngPath).webp().toFile(webpPath)
+    fs.unlinkSync(pngPath)
+  }
+}
+
+async function screenshotsCommand(_args: string[]) {
+  try {
+    const playwrightBin = path.resolve(
+      process.cwd(),
+      'node_modules',
+      '.bin',
+      'playwright',
+    )
+    const playwrightConfig = path.resolve(
+      libraryRoot,
+      'configs',
+      'playwright.ts',
+    )
+    execSync(`"${playwrightBin}" test --config "${playwrightConfig}"`, {
+      stdio: 'inherit',
+      cwd: process.cwd(),
+      env: {
+        ...process.env,
+        NODE_PATH: getNodePath(),
+      },
+    })
+
+    const screenshotsDir = path.resolve(process.cwd(), 'screenshots')
+    if (fs.existsSync(screenshotsDir)) {
+      await convertPngsToWebP(screenshotsDir)
+    }
+  } catch (error) {
+    console.error(
+      'Failed to run screenshot tests. Ensure `@playwright/test` is installed and the Playwright config file exists.',
+    )
+    if (error instanceof Error && error.message) {
+      console.error(error.message)
+    }
+    process.exit(1)
+  }
+}
+
+export async function run() {
+  const args = process.argv.slice(2)
+
+  if (args.length === 0) {
+    printHelp()
+    process.exit(1)
+  }
+
+  const cmd = args[0]
+  const cmdArgs = args.slice(1)
+
+  if (cmd === '--help' || cmd === '-h') {
+    printHelp()
+    process.exit(0)
+  }
+
+  if (!(cmd in commands)) {
+    console.error(`Unknown command: ${cmd}`)
+    printHelp()
+    process.exit(1)
+  }
+
+  const handler = commands[cmd as keyof typeof commands].handler
+  await handler(cmdArgs)
+}
+
+function printHelp() {
+  console.log(`
+edge-apps-scripts - Shared tooling for Screenly Edge Apps
+
+Usage: edge-apps-scripts <command> [options]
+
+Commands:
+${Object.entries(commands)
+  .map(([name, { description }]) => `  ${name.padEnd(12)} ${description}`)
+  .join('\n')}
+
+Options:
+  --help, -h   Show this help message
+`)
+}

package/scripts/copy-assets.ts

@@ -0,0 +1,26 @@
+#!/usr/bin/env bun
+/**
+ * Copy assets from src to dist after TypeScript compilation
+ */
+
+import { cpSync, existsSync, mkdirSync } from 'fs'
+import { dirname } from 'path'
+import { fileURLToPath } from 'url'
+
+const __filename = fileURLToPath(import.meta.url)
+const __dirname = dirname(__filename)
+const libraryRoot = dirname(__dirname)
+
+const srcAssets = `${libraryRoot}/src/assets`
+const distAssets = `${libraryRoot}/dist/assets`
+
+if (existsSync(srcAssets)) {
+  // Ensure dist directory exists
+  mkdirSync(dirname(distAssets), { recursive: true })
+
+  // Copy assets
+  cpSync(srcAssets, distAssets, { recursive: true })
+  console.log('✓ Copied assets to dist/')
+} else {
+  console.warn('⚠ No assets directory found in src/')
+}

package/scripts/cors-proxy-server.ts

@@ -0,0 +1,154 @@
+import http from 'http'
+import https from 'https'
+import { URL } from 'url'
+
+// Listen on a specific host via the HOST environment variable
+const host = process.env.HOST || '0.0.0.0'
+// Listen on a specific port via the PORT environment variable
+const port = process.env.PORT || 8080
+
+// This script is for development purposes only and should never be deployed to production.
+// Disabling TLS certificate validation is a critical security risk.
+// Only use this in local development environments.
+process.env.NODE_TLS_REJECT_UNAUTHORIZED = '0'
+
+function setCorsHeaders(res: http.ServerResponse) {
+  res.setHeader('Access-Control-Allow-Origin', '*')
+  res.setHeader(
+    'Access-Control-Allow-Methods',
+    'GET, POST, PUT, DELETE, OPTIONS, HEAD, PATCH',
+  )
+  res.setHeader('Access-Control-Allow-Headers', '*')
+  res.setHeader('Access-Control-Max-Age', '86400')
+}
+
+function makeProxyRequest(
+  httpModule: typeof http | typeof https,
+  parsedUrl: URL,
+  req: http.IncomingMessage,
+  res: http.ServerResponse,
+) {
+  const options = {
+    hostname: parsedUrl.hostname,
+    port: parsedUrl.port || (parsedUrl.protocol === 'https:' ? 443 : 80),
+    path: parsedUrl.pathname + parsedUrl.search,
+    method: req.method,
+    headers: {
+      ...req.headers,
+      host: parsedUrl.host,
+    },
+    rejectUnauthorized: false,
+  }
+
+  delete options.headers['x-forwarded-for']
+  delete options.headers['x-forwarded-proto']
+  delete options.headers['x-forwarded-host']
+
+  const proxyReq = httpModule.request(options, (proxyRes) => {
+    const excludeHeaders = [
+      'connection',
+      'keep-alive',
+      'proxy-authenticate',
+      'proxy-authorization',
+      'te',
+      'trailers',
+      'transfer-encoding',
+      'upgrade',
+    ]
+
+    Object.keys(proxyRes.headers).forEach((key) => {
+      if (!excludeHeaders.includes(key.toLowerCase())) {
+        res.setHeader(key, proxyRes.headers[key])
+      }
+    })
+
+    res.writeHead(proxyRes.statusCode)
+    proxyRes.pipe(res)
+  })
+
+  proxyReq.on('error', (error) => {
+    console.error('Proxy error:', error.message)
+    if (!res.headersSent) {
+      res.writeHead(500, { 'Content-Type': 'application/json' })
+      res.end(
+        JSON.stringify({
+          error: 'Proxy error',
+          message: error.message,
+        }),
+      )
+    }
+  })
+
+  proxyReq.setTimeout(30000, () => {
+    proxyReq.destroy()
+    if (!res.headersSent) {
+      res.writeHead(504, { 'Content-Type': 'application/json' })
+      res.end(
+        JSON.stringify({
+          error: 'Gateway timeout',
+        }),
+      )
+    }
+  })
+
+  if (['POST', 'PUT', 'PATCH'].includes(req.method)) {
+    req.pipe(proxyReq)
+  } else {
+    proxyReq.end()
+  }
+}
+
+function handleProxyRequest(
+  req: http.IncomingMessage,
+  res: http.ServerResponse,
+) {
+  setCorsHeaders(res)
+
+  if (req.method === 'OPTIONS') {
+    res.writeHead(200)
+    res.end()
+    return
+  }
+
+  const urlMatch = req.url.match(/^\/(https?:\/\/.+)$/)
+
+  if (!urlMatch) {
+    res.writeHead(400, { 'Content-Type': 'application/json' })
+    res.end(
+      JSON.stringify({
+        error: 'Invalid request format. Expected: /{protocol}://{host}/{path}',
+      }),
+    )
+    return
+  }
+
+  const targetUrl = urlMatch[1]
+
+  try {
+    const parsedUrl = new URL(targetUrl)
+    console.log(`Proxying ${req.method} request to: ${targetUrl}`)
+
+    const httpModule = parsedUrl.protocol === 'https:' ? https : http
+    makeProxyRequest(httpModule, parsedUrl, req, res)
+  } catch (error) {
+    console.error('Invalid URL:', targetUrl, error.message)
+    res.writeHead(400, { 'Content-Type': 'application/json' })
+    res.end(
+      JSON.stringify({
+        error: 'Invalid URL format',
+        message: error.message,
+      }),
+    )
+  }
+}
+
+const server = http.createServer((req, res) => {
+  handleProxyRequest(req, res)
+})
+
+// Start the server
+server.listen(port, host, () => {
+  console.log(
+    `Running CORS Proxy (Node.js built-ins) on http://${host}:${port}`,
+  )
+})

package/scripts/create.ts

@@ -0,0 +1,118 @@
+import fs from 'fs'
+import path from 'path'
+
+const TEXT_EXTENSIONS = new Set([
+  '.ts',
+  '.tsx',
+  '.js',
+  '.jsx',
+  '.html',
+  '.css',
+  '.scss',
+  '.json',
+  '.yml',
+  '.yaml',
+  '.md',
+  '.txt',
+  '.svg',
+  '.gitignore',
+  '.ignore',
+])
+
+const SKIP_DIRS = new Set(['node_modules', 'dist', '.git'])
+
+function toTitleCase(kebab: string): string {
+  return kebab
+    .split('-')
+    .map((word) => word.charAt(0).toUpperCase() + word.slice(1))
+    .join(' ')
+}
+
+function walkTextFiles(dir: string): string[] {
+  const results: string[] = []
+  for (const entry of fs.readdirSync(dir, { withFileTypes: true })) {
+    const fullPath = path.join(dir, entry.name)
+    if (entry.isDirectory()) {
+      if (!SKIP_DIRS.has(entry.name)) results.push(...walkTextFiles(fullPath))
+    } else if (
+      entry.isFile() &&
+      (TEXT_EXTENSIONS.has(path.extname(entry.name)) ||
+        TEXT_EXTENSIONS.has(entry.name))
+    ) {
+      results.push(fullPath)
+    }
+  }
+  return results
+}
+
+function replaceInFile(
+  filePath: string,
+  replacements: Record<string, string>,
+): void {
+  const original = fs.readFileSync(filePath, 'utf-8')
+  const updated = Object.entries(replacements).reduce(
+    (src, [placeholder, value]) => src.replaceAll(placeholder, value),
+    original,
+  )
+  if (updated !== original) fs.writeFileSync(filePath, updated, 'utf-8')
+}
+
+export async function createCommand(_args: string[]) {
+  const projectRoot = process.cwd()
+  const pkgPath = path.join(projectRoot, 'package.json')
+
+  let pkg: Record<string, unknown>
+  try {
+    pkg = JSON.parse(fs.readFileSync(pkgPath, 'utf-8'))
+  } catch (error) {
+    console.error(
+      `Failed to read or parse package.json at ${pkgPath}. ` +
+        'Make sure you are running this command from an Edge App project root.',
+    )
+    if (error instanceof Error && error.message) {
+      console.error(`Details: ${error.message}`)
+    }
+    process.exitCode = 1
+    return
+  }
+
+  const rawName =
+    typeof pkg.name === 'string' && pkg.name.length > 0
+      ? pkg.name
+      : path.basename(projectRoot) || 'my-edge-app'
+  const appName = rawName.replace(/^@[^/]+\//, '').replace(/\//g, '-')
+  const appTitle = toTitleCase(appName)
+  const appDescription = `${appTitle} - Screenly Edge App`
+
+  const replacements: Record<string, string> = {
+    '{{APP_NAME}}': appName,
+    '{{APP_TITLE}}': appTitle,
+    '{{APP_DESCRIPTION}}': appDescription,
+  }
+
+  console.log(`\nInitializing Edge App: ${appTitle}`)
+
+  for (const filePath of walkTextFiles(projectRoot)) {
+    replaceInFile(filePath, replacements)
+  }
+
+  const updatedPkg = { ...pkg }
+  delete updatedPkg['bun-create']
+  fs.writeFileSync(pkgPath, JSON.stringify(updatedPkg, null, 2) + '\n', 'utf-8')
+
+  console.log(`
+Done! Your Edge App is ready.
+
+Next steps:
+  1. Add an id field to screenly.yml and screenly_qc.yml.
+
+  2. Install dependencies:
+       bun install
+
+  3. Start the dev server:
+       bun run dev
+
+  4. Deploy when ready:
+       bun run deploy
+`)
+}

package/src/assets/images/icons/chancesleet.svg

@@ -0,0 +1,4 @@
+<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M38.6202 23.2384C38.6202 20.4784 36.4002 18.3184 33.7002 18.3184C33.1002 18.3184 32.5602 18.4384 32.0202 18.6184C31.8402 16.5784 30.1602 14.8984 28.0602 14.8984C25.8402 14.8984 24.0402 16.6984 24.0402 18.9184C24.0402 19.3984 24.1602 19.8784 24.2802 20.2984C24.1002 20.2384 23.8602 20.2384 23.6802 20.2384C21.4602 20.2384 19.6602 22.0384 19.6602 24.2584C19.6602 26.4184 21.4002 28.2184 23.5602 28.2784H33.8802C36.5202 27.9784 38.6202 25.8784 38.6202 23.2384Z" fill="white" stroke="white" stroke-width="0.72" stroke-linejoin="round"/>
+<path d="M47.7001 34.4C47.7001 29.8 44.0001 26.2 39.5001 26.2C38.5001 26.2 37.6001 26.4 36.7001 26.7C36.4001 23.3 33.6001 20.5 30.1001 20.5C26.4001 20.5 23.4001 23.5 23.4001 27.2C23.4001 28 23.6001 28.8 23.8001 29.5C23.5001 29.4 23.1001 29.4 22.8001 29.4C19.1001 29.4 16.1001 32.4 16.1001 36.1C16.1001 39.7 19.0001 42.7 22.6001 42.8H39.8001C44.2001 42.3 47.7001 38.8 47.7001 34.4Z" fill="white" stroke="white" stroke-width="1.2" stroke-linejoin="round"/>
+</svg>

package/src/assets/images/icons/clear-night.svg

@@ -0,0 +1,5 @@
+<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M23.3 21.5L24 22.7L25.2 23.3L24 24L23.3 25.2L22.7 24L21.5 23.3L22.7 22.7L23.3 21.5Z" fill="#FFA500"/>
+<path d="M43.3 31.5L44 32.7L45.2 33.3L44 34L43.3 35.2L42.7 34L41.5 33.3L42.7 32.7L43.3 31.5Z" fill="#FFA500"/>
+<path d="M34.5 33.1992C34.5 29.4992 36.5 26.2992 39.5 24.4992C38 23.5992 36.3 23.1992 34.5 23.1992C29 23.1992 24.5 27.6992 24.5 33.1992C24.5 38.6992 29 43.1992 34.5 43.1992C36.3 43.1992 38 42.6992 39.5 41.8992C36.5 40.1992 34.5 36.8992 34.5 33.1992Z" fill="#FFA500" stroke="#FFA500" stroke-width="2" stroke-linejoin="round"/>
+</svg>

package/src/assets/images/icons/clear.svg

@@ -0,0 +1,11 @@
+<svg width="64" height="64" viewBox="0 0 64 64" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M32 41V44" stroke="#FFA500" stroke-width="2" stroke-linecap="round"/>
+<path d="M25.636 38.3633L23.5147 40.4846" stroke="#FFA500" stroke-width="2" stroke-linecap="round"/>
+<path d="M23 32H20" stroke="#FFA500" stroke-width="2" stroke-linecap="round"/>
+<path d="M25.636 25.6367L23.5147 23.5154" stroke="#FFA500" stroke-width="2" stroke-linecap="round"/>
+<path d="M32 23V20" stroke="#FFA500" stroke-width="2" stroke-linecap="round"/>
+<path d="M38.364 25.6367L40.4853 23.5154" stroke="#FFA500" stroke-width="2" stroke-linecap="round"/>
+<path d="M41 32H44" stroke="#FFA500" stroke-width="2" stroke-linecap="round"/>
+<path d="M38.364 38.3633L40.4853 40.4846" stroke="#FFA500" stroke-width="2" stroke-linecap="round"/>
+<path d="M32 37C34.7614 37 37 34.7614 37 32C37 29.2386 34.7614 27 32 27C29.2386 27 27 29.2386 27 32C27 34.7614 29.2386 37 32 37Z" fill="#FFA500" stroke="#FFA500" stroke-width="2"/>
+</svg>

package/src/assets/images/icons/cloudy.svg

@@ -0,0 +1,4 @@
+<svg width="128" height="128" viewBox="0 0 128 128" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M77.2403 46.4798C77.2403 40.9598 72.8003 36.6398 67.4003 36.6398C66.2003 36.6398 65.1203 36.8798 64.0403 37.2398C63.6803 33.1598 60.3203 29.7998 56.1203 29.7998C51.6803 29.7998 48.0803 33.3998 48.0803 37.8398C48.0803 38.7998 48.3203 39.7598 48.5603 40.5998C48.2003 40.4798 47.7203 40.4798 47.3603 40.4798C42.9203 40.4798 39.3203 44.0798 39.3203 48.5198C39.3203 52.8398 42.8003 56.4398 47.1203 56.5598H67.7603C73.0403 55.9598 77.2403 51.7598 77.2403 46.4798Z" fill="white" stroke="white" stroke-width="1.44" stroke-linejoin="round"/>
+<path d="M95.4002 68.8C95.4002 59.6 88.0002 52.4 79.0002 52.4C77.0002 52.4 75.2002 52.8 73.4002 53.4C72.8002 46.6 67.2002 41 60.2002 41C52.8002 41 46.8002 47 46.8002 54.4C46.8002 56 47.2002 57.6 47.6002 59C47.0002 58.8 46.2002 58.8 45.6002 58.8C38.2002 58.8 32.2002 64.8 32.2002 72.2C32.2002 79.4 38.0002 85.4 45.2002 85.6H79.6002C88.4002 84.6 95.4002 77.6 95.4002 68.8Z" fill="white" stroke="white" stroke-width="2.4" stroke-linejoin="round"/>
+</svg>

package/src/assets/images/icons/drizzle.svg

@@ -0,0 +1,5 @@
+<svg width="128" height="128" viewBox="0 0 128 128" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M95.4002 68.8C95.4002 59.6 88.0002 52.4 79.0002 52.4C77.0002 52.4 75.2002 52.8 73.4002 53.4C72.8002 46.6 67.2002 41 60.2002 41C52.8002 41 46.8002 47 46.8002 54.4C46.8002 56 47.2002 57.6 47.6002 59C47.0002 58.8 46.2002 58.8 45.6002 58.8C38.2002 58.8 32.2002 64.8 32.2002 72.2C32.2002 79.4 38.0002 85.4 45.2002 85.6H79.6002C88.4002 84.6 95.4002 77.6 95.4002 68.8Z" fill="white" stroke="white" stroke-width="2.4" stroke-linejoin="round"/>
+<path d="M55.8359 91.8867L53.0576 107.644" stroke="white" stroke-width="4" stroke-linecap="round" stroke-dasharray="8 14"/>
+<path d="M68.3477 90.0312L65.5693 105.788" stroke="white" stroke-width="4" stroke-linecap="round" stroke-dasharray="8 14"/>
+</svg>

package/src/assets/images/icons/fewdrops.svg

@@ -0,0 +1,4 @@
+<svg width="128" height="128" viewBox="0 0 128 128" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M95.4002 68.8C95.4002 59.6 88.0002 52.4 79.0002 52.4C77.0002 52.4 75.2002 52.8 73.4002 53.4C72.8002 46.6 67.2002 41 60.2002 41C52.8002 41 46.8002 47 46.8002 54.4C46.8002 56 47.2002 57.6 47.6002 59C47.0002 58.8 46.2002 58.8 45.6002 58.8C38.2002 58.8 32.2002 64.8 32.2002 72.2C32.2002 79.4 38.0002 85.4 45.2002 85.6H79.6002C88.4002 84.6 95.4002 77.6 95.4002 68.8Z" fill="white" stroke="white" stroke-width="2.4" stroke-linejoin="round"/>
+<path d="M61.835 89.8857L59.0566 105.643" stroke="white" stroke-width="4" stroke-linecap="round" stroke-dasharray="8 14"/>
+</svg>

package/src/assets/images/icons/fog.svg

@@ -0,0 +1,6 @@
+<svg width="128" height="128" viewBox="0 0 128 128" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M95.2 59.8C95.2 50.6 87.8 43.4 78.8 43.4C76.8 43.4 75 43.8 73.2 44.4C72.6 37.6 67 32 60 32C52.6 32 46.6 38 46.6 45.4C46.6 47 47 48.6 47.4 50C46.8 49.8 46 49.8 45.4 49.8C38 49.8 32 55.8 32 63.2C32 70.4 37.8 76.4 45 76.6H79.4C88.2 75.6 95.2 68.6 95.2 59.8Z" fill="white" stroke="white" stroke-width="2.4" stroke-linejoin="round"/>
+<path d="M34 84C53 84.0032 81 83.9987 91 84.0013" stroke="white" stroke-width="3" stroke-linecap="round"/>
+<path d="M34 92C44.6667 92.0032 60.386 91.9987 66 92.0013" stroke="white" stroke-width="3" stroke-linecap="round"/>
+<path d="M34 100C44.6667 100.003 60.386 99.9987 66 100.001" stroke="white" stroke-width="3" stroke-linecap="round"/>
+</svg>

package/src/assets/images/icons/haze.svg

@@ -0,0 +1,6 @@
+<svg width="128" height="128" viewBox="0 0 128 128" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M95.2 59.8C95.2 50.6 87.8 43.4 78.8 43.4C76.8 43.4 75 43.8 73.2 44.4C72.6 37.6 67 32 60 32C52.6 32 46.6 38 46.6 45.4C46.6 47 47 48.6 47.4 50C46.8 49.8 46 49.8 45.4 49.8C38 49.8 32 55.8 32 63.2C32 70.4 37.8 76.4 45 76.6H79.4C88.2 75.6 95.2 68.6 95.2 59.8Z" fill="white" stroke="white" stroke-width="2.4" stroke-linejoin="round"/>
+<path d="M34 84C53 84.0032 81 83.9987 91 84.0013" stroke="white" stroke-width="3" stroke-linecap="round"/>
+<path d="M34 92C44.6667 92.0032 60.386 91.9987 66 92.0013" stroke="white" stroke-width="3" stroke-linecap="round"/>
+<path d="M34 100C44.6667 100.003 60.386 99.9987 66 100.001" stroke="white" stroke-width="3" stroke-linecap="round"/>
+</svg>

package/src/assets/images/icons/mostly-cloudy-night.svg

@@ -0,0 +1,7 @@
+<svg width="128" height="128" viewBox="0 0 128 128" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M77.2804 30.4004L78.4004 32.3204L80.3204 33.2804L78.4004 34.4004L77.2804 36.3204L76.3204 34.4004L74.4004 33.2804L76.3204 32.3204L77.2804 30.4004Z" fill="#FFA500"/>
+<path d="M109.28 46.4004L110.4 48.3204L112.32 49.2804L110.4 50.4004L109.28 52.3204L108.32 50.4004L106.4 49.2804L108.32 48.3204L109.28 46.4004Z" fill="#FFA500"/>
+<path d="M95.2002 49.1211C95.2002 43.2011 98.4002 38.0811 103.2 35.2011C100.8 33.7611 98.0802 33.1211 95.2002 33.1211C86.4002 33.1211 79.2002 40.3211 79.2002 49.1211C79.2002 57.9211 86.4002 65.1211 95.2002 65.1211C98.0802 65.1211 100.8 64.3211 103.2 63.0411C98.4002 60.3211 95.2002 55.0411 95.2002 49.1211Z" fill="#FFA500" stroke="#FFA500" stroke-width="3.2" stroke-linejoin="round"/>
+<path d="M89.3453 49.9481C89.3453 43.3472 84.0359 38.1813 77.5785 38.1813C76.1435 38.1813 74.852 38.4683 73.5605 38.8988C73.13 34.0199 69.1121 30.002 64.0897 30.002C58.7803 30.002 54.4753 34.3069 54.4753 39.6163C54.4753 40.7643 54.7623 41.9123 55.0493 42.9168C54.6188 42.7733 54.0448 42.7733 53.6143 42.7733C48.3049 42.7733 44 47.0782 44 52.3876C44 57.5535 48.1614 61.8585 53.3274 62.002H78.009C84.3229 61.2845 89.3453 56.262 89.3453 49.9481Z" fill="white" stroke="white" stroke-width="1.72197" stroke-linejoin="round"/>
+<path d="M95.4002 68.802C95.4002 59.602 88.0002 52.402 79.0002 52.402C77.0002 52.402 75.2002 52.802 73.4002 53.402C72.8002 46.602 67.2002 41.002 60.2002 41.002C52.8002 41.002 46.8002 47.002 46.8002 54.402C46.8002 56.002 47.2002 57.602 47.6002 59.002C47.0002 58.802 46.2002 58.802 45.6002 58.802C38.2002 58.802 32.2002 64.802 32.2002 72.202C32.2002 79.402 38.0002 85.402 45.2002 85.602H79.6002C88.4002 84.602 95.4002 77.602 95.4002 68.802Z" fill="white" stroke="white" stroke-width="2.4" stroke-linejoin="round"/>
+</svg>