@wener/console

• Toolkit for build console like application
• React & TailwindCC & Daisy

Layout

• src/
  • web/ - Web App
  • app/ - NextJS App Layout Template
  • buildinfo
  • components - Reusable components
  • hooks - Reusable hooks
  • icons - Reusable icons

exports

• ./ - utils, do not need react
• ./web - web app based on react

components

• ./daisy
• ./loader
• ./floating
• ./icons
• ./router
• ./toast
• ./valtio

Demo

pnpm add @wener/console
pnpm add overlayscrollbars overlayscrollbars-react tailwind-merge clsx

Notes

• WebStorm can not resolve tsconfig path import when used by npm

{
  "baseUrl": ".",
  "paths": {
    "@/*": [
      "./src/*"
    ]
  }
}

Layer

• body
  • WindowHost isolate
    • Window
  • id=root isolate
    • Theme
    • Component Provider
      • Instance Context
        • SiteLoader
          • AuthSidecar
          • AuthReady
            • AuthBlock
              • ConsoleApp
                • UserLoader
                  • RouteContent
                    • ConsoleLayout
                      • DockLayout