Jamey Greenwood
da770f121f
Implement basic theme editor interface with live preview: - ThemeLive.Index LiveView with mount and event handlers - Two-column layout: controls sidebar + preview area - Display all 9 presets as clickable buttons - Apply preset and regenerate CSS on click - Show current theme settings (mood, typography, shape, density, color) - Preview page switcher (7 pages: home, collection, product, cart, about, contact, 404) - Inline <style> tag with generated CSS for instant preview - Basic preview frame showing theme variables in action - Authentication required via :require_authenticated_user pipeline - Theme navigation link added to user menu - 9 comprehensive LiveView tests All tests passing (197 total). 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>
77 lines
2.3 KiB
Elixir
77 lines
2.3 KiB
Elixir
defmodule SimpleshopThemeWeb.Router do
|
|
use SimpleshopThemeWeb, :router
|
|
|
|
import SimpleshopThemeWeb.UserAuth
|
|
|
|
pipeline :browser do
|
|
plug :accepts, ["html"]
|
|
plug :fetch_session
|
|
plug :fetch_live_flash
|
|
plug :put_root_layout, html: {SimpleshopThemeWeb.Layouts, :root}
|
|
plug :protect_from_forgery
|
|
plug :put_secure_browser_headers
|
|
plug :fetch_current_scope_for_user
|
|
end
|
|
|
|
pipeline :api do
|
|
plug :accepts, ["json"]
|
|
end
|
|
|
|
scope "/", SimpleshopThemeWeb do
|
|
pipe_through :browser
|
|
|
|
get "/", PageController, :home
|
|
end
|
|
|
|
# Other scopes may use custom stacks.
|
|
# scope "/api", SimpleshopThemeWeb do
|
|
# pipe_through :api
|
|
# end
|
|
|
|
# Enable LiveDashboard and Swoosh mailbox preview in development
|
|
if Application.compile_env(:simpleshop_theme, :dev_routes) do
|
|
# If you want to use the LiveDashboard in production, you should put
|
|
# it behind authentication and allow only admins to access it.
|
|
# If your application does not have an admins-only section yet,
|
|
# you can use Plug.BasicAuth to set up some basic authentication
|
|
# as long as you are also using SSL (which you should anyway).
|
|
import Phoenix.LiveDashboard.Router
|
|
|
|
scope "/dev" do
|
|
pipe_through :browser
|
|
|
|
live_dashboard "/dashboard", metrics: SimpleshopThemeWeb.Telemetry
|
|
forward "/mailbox", Plug.Swoosh.MailboxPreview
|
|
end
|
|
end
|
|
|
|
## Authentication routes
|
|
|
|
scope "/", SimpleshopThemeWeb do
|
|
pipe_through [:browser, :require_authenticated_user]
|
|
|
|
live_session :require_authenticated_user,
|
|
on_mount: [{SimpleshopThemeWeb.UserAuth, :require_authenticated}] do
|
|
live "/users/settings", UserLive.Settings, :edit
|
|
live "/users/settings/confirm-email/:token", UserLive.Settings, :confirm_email
|
|
live "/admin/theme", ThemeLive.Index, :index
|
|
end
|
|
|
|
post "/users/update-password", UserSessionController, :update_password
|
|
end
|
|
|
|
scope "/", SimpleshopThemeWeb do
|
|
pipe_through [:browser]
|
|
|
|
live_session :current_user,
|
|
on_mount: [{SimpleshopThemeWeb.UserAuth, :mount_current_scope}] do
|
|
live "/users/register", UserLive.Registration, :new
|
|
live "/users/log-in", UserLive.Login, :new
|
|
live "/users/log-in/:token", UserLive.Confirmation, :new
|
|
end
|
|
|
|
post "/users/log-in", UserSessionController, :create
|
|
delete "/users/log-out", UserSessionController, :delete
|
|
end
|
|
end
|