Skip to content
Twilight React Playground
ثيم رائدaren

Reference

Every public export, with live demos, signatures and gotchas.

Every public export of @salla.sa/twilight-theme-engine, grouped the way its import paths are. Each entry shows the import line, a plain explanation, the signature, a live demo where one can run, and the traps worth knowing.

Core & providers

The provider every theme mounts once, the context it shares, and the component registry.

../providers./contexts
Hooks

Functions that hand a component live store data, formatting helpers and customer actions.

./hooks./hooks/useAsyncFn./hooks/useUser+14
Common & layout components

Links, images, breadcrumbs, empty states, skeletons, and the header/footer page layout.

./components/common./common./components/layout+2
Commerce components

Product cards and details, the cart, home-page blocks, and store-level widgets.

./components/product./product./components/cart+5
Overlays & feedback

Modal, drawer, dropdown, collapse and toast notifications.

./components/modal./modal./components/drawer+7
Route modules

The built-in pages: each is a loader, a head function and a component you can reuse or fork.

./routes./routes/home./routes/cart+11
Data & API

Typed functions and TanStack Query options for reading store data from the Salla API.

./api/types./api/client./api/store+15
Languages & direction

Translations, the locale in the URL, and right-to-left layout.

./i18n
Utilities

Pure helpers: asset and CDN URLs, colors, head tags, document attributes, SDK access.

./utils./utils/baseHead./utils/cdn-image+1
Framework wiring

The TanStack Start integration a theme sets up once: router, root route, middleware, head.

./tanstack./nextjs./dom
Data types

TypeScript shapes for the store, theme, products, customers and hook slots.

./types./types/hooks
Build tooling

The Vite plugin, the ESLint config, the dev settings widget and Sentry helpers.

./vite./eslint./dev+2
Every export (A–Z)

The complete, generated list of what each import path exports, with signatures.

generated from the engine