Someli-Designer

This is the documentation subtree for Someli-ai/Someli-Designer, the internal Designer frontend.

Component summary

Component name	Someli-Designer
Purpose	Internal staff UI for managing the content factory: templates, content library, dynamic posts, conditioned content, color/template correction, AI generation tooling
Tech stack	Nuxt 2.18.1 / Vue 2.7.16 (SPA mode) + Bootstrap-Vue 2 + @nuxtjs/auth + cookie-universal-nuxt + Polotno editor (separate React 18 sub-project under polotno-editor/)
Backend	designer-api (via process.env.baseURL)
Pages	73 in pages/ (flat, not nested)
Audit version	0.1
Last verified	2026-05-17

Index

Architecture & code organisation

• Architecture Overview
• Routing & State Management
• UI Component Library
• Polotno Integration
• Dependencies Inventory
• i18n
• SEO & Metadata

Behaviour & integration

• API Consumption
• Authentication (Client-side)
• Code Overlap With someli-platform

Cross-cutting concerns

• Performance
• Accessibility
• Security
• Observability
• Testing

Operations

• Build & Deploy

Strategy

• Enterprise Readiness

Audit trail

• Verification Report
• Verify Markers

At a glance

• Nuxt 2 / Vue 2 SPA (mirrors someli-platform choice). ssr: false.
• Internal staff tool: pages cover topics, content library, conditioned content, automation templates, dynamic posts, mediaEditor, postcreator, postdesigner, posteditor, plus 18 AI-* pages (now mostly commented out in the navbar).
• Role-typed nav: navbar items are hidden based on $auth.user.role_type (specifically != 13, and combinations of 1/2/6 for content roles).
• Polotno editor: own polotno-editor/ sub-project (React 18 + MobX-state-tree + Polotno 2.13.10). Builds to polotno-bundle.js at repo root.
• Auth: @nuxtjs/auth with the local strategy hitting webauthenticate on designer-api.
• Custom apptype middleware sends a base64-encoded app type header to BE.
• Tiny components/ directory: only 4 components (Navbar, Notification, skeletonCard, ToasterProgress). Pages own most of their own markup.
• Single store/index.js — no module split (vs someli-platform's many modules).
• No tests, no CI.
• Docker + EFS-mounted node_modules at runtime, same as someli-platform.

Newer commits (since 2024)

f810605 New docker file has been added
6b1ae7c Merge branch 'main' of https://github.com/Someli-ai/Someli-Designer into uat_des_app
311412b Merge pull request #238 from Someli-ai/role-changes
074b9ec Restrict navbar item visibility based on user role type by excluding role type 13 ...
060828d Refactor custom property handling in multiple editor components to streamline brand and accent type assignments ...

Active development. Most recent: 2026-02-16.