Skip to content

CodeCoupler Docs

CodeCoupler Application Basics

CodeCoupler Docs

Home
Environment
Environment
- CodeCoupler Environment
- CodeCoupler Webpack Configuration Factory
  CodeCoupler Webpack Configuration Factory
  - Setup
  - Commands
  - Configuration
  - Details
    Details
    
    Import JS & TS Files
    
    Import (S)CSS Files
    
    Import (S)CSS Modules
    
    Import Vue SFC
    
    Import HTML Files
    
    Import EJS Templates
    
    Import Images & Assets
    
    Import SVG
    
    Dynamic Imports
    
    Static Directory
    
    Favicons & Manifest
    
    Banner
    
    Injected Variables
  - Howto's
    Howto's
    
    Build Library
    
    Change Line Length
    
    Multiple Entrypoints
    
    Further
  - Development Details
    Development Details
    
    Dependencies
    
    Webpack Config Generation
  - Update Notes
  - Archive
    Archive
    
    Version 3
    
    Version 4
- CodeCoupler Webpack Externals Plugin
  CodeCoupler Webpack Externals Plugin
- Boilerplates
  Boilerplates
  - Boilerplate CLI
    
    Boilerplate CLI
    
    Professional UI 🔒
  - Create cc-webpack
    
    Create cc-webpack
    
    Setup
    
    Get Started
    Get Started
    
    First Steps
    
    Hello World
    
    Optimize Bundle Size
    
    Commands
    
    Boilerplate Files
    
    Cache Control
- Environment Walkthrough
  Environment Walkthrough
Frontend
Frontend
- CodeCoupler Frontend
- CodeCoupler UI 2.x
  CodeCoupler UI 2.x
  - Setup
  - Reference
    Reference
    
    Components
    Components
    
    System
    
    Stage
    
    Application
    
    Widget
    
    DataSource Mixins
    DataSource Mixins
    
    Extended Fields
    
    Repeating
    
    Loopback
    
    Stages
    Stages
    
    Sidebar
    
    Widgets
    Widgets
    
    Grid
    
    Calendar
    
    Internals
    Internals
    
    Async Init
  - Walkthrough
    Walkthrough
    
    Setup
    
    System & Stages
    
    Start Styling
    
    Applications
    
    Buttons
    
    Hints & Blocking
    
    Layout
    
    Widgets
    
    General Features
    
    Website alike Look
    
    Direct Init Application
    
    Inline Applications
    
    Environment & Events
    
    Switch to Vue
    
    Details of Widget Creation
    
    Data Sources
  - Update Notes
    Update Notes
    
    From 0.x to 1.x
    
    From 1.x to 2.x
    
    Breaking Changes in 2.x
- CodeCoupler UI 3.0.0 (Prerelease)
  CodeCoupler UI 3.0.0 (Prerelease)
  - Reference
    Reference
    
    Components
    Components
    
    System
    
    Stage
    
    Application
    
    Widget
    
    Base Classes
    Base Classes
    
    Component
    
    Stage
    
    Stageable
    
    Basic Topics
    Basic Topics
    
    Environment of a Component
    
    System Wide Settings
    
    Blocking a Component
    
    Authentication
    
    Datasources
    
    Messages
    
    DataSource Mixins
    DataSource Mixins
    
    Loopback
    
    Delay
    
    Mockup
    
    Extended Fields
    
    Repeating
    
    Polling
    
    Validate
    
    Stages
    Stages
    
    Sidebar
    
    Widgets
    Widgets
    
    Grid
    
    Calendar
    
    Internals
    Internals
    
    Async Init
    
    Component Initialization
  - Walkthrough
    Walkthrough
    
    Setup
    
    Basics
    Basics
    
    Stages & Components
    Stages & Components
    
    Initial Stage
    
    Root Component
    
    Application
    
    Widget
    
    Component Element
    
    Stage
    
    Canvas
    
    Component Options
    Component Options
    
    Receive Options
    
    Change Options
    
    Options Inheritance
    
    System Wide Defaults
    
    Options Details
    
    Addressing
    Addressing
    
    Create Multiple Stages
    
    Addressing Stages
    
    Addressing Components
    
    Replacing Stages
    
    Stages & Levels
    Stages & Levels
    
    Load Multiple Components
    
    Base Stage Levels
    
    Sum-up
    
    Base Components ✩
    Base Components ✩
    
    Widget ✪
    Widget ✪
    
    Container
    
    Scroller
    
    Canvas ✪
    Canvas ✪
    
    Canvas cannot Scroll
    
    Widgets have no Height
    
    Flexbox ✪
    Flexbox ✪
    
    Split Stage
    
    Extend Flexbox
    
    Layout ✪
    Layout ✪
    
    Layout Stage
    
    Extend Layout
    
    Message ✪
    
    Vue ✪
    
    Application ✪
    Application ✪
    
    Application Footer
    
    Application in Stages
    
    Foreground Applications
    
    Hint ✪
    Hint ✪
    
    Hint Basics
    
    Hint Variations
    
    Hint Update
    
    Mixin
    
    Special Levels
    Special Levels
    
    Modal Applications
    
    Multiple Modal Applications
    
    Blocking Messages
    
    Error Messages
    
    Hints & Blocks
    
    Sum-Up
    
    Component Registry
    
    Launcher ✪
    
    Component Manifest
    
    More Soon
  - Update Notes
- CodeCoupler Application Basics
  CodeCoupler Application Basics
- CodeCoupler DOM Basics
  CodeCoupler DOM Basics
  - Editor 🔒
  - Form 🔒
- CodeCoupler Authentication Modules
  CodeCoupler Authentication Modules
- CodeCoupler Costa
  CodeCoupler Costa
  - Core
    Core
    
    Component Registry
  - Components
    Components
    
    Box
    
    Html
    
    Application
    
    Launcher
    
    Header & Sidebar 🔒
Backend
Backend
- CodeCoupler Backend
- CodeCoupler API Auth
  CodeCoupler API Auth
  - Setup
  - Hook Login
  - Current User
  - Helper
  - Update
- CodeCoupler API Boilerplate
  CodeCoupler API Boilerplate
Deployment
Deployment
- CodeCoupler Deployment
- CodeCoupler Setup
  CodeCoupler Setup

CodeCoupler Application Basics

The “CodeCoupler Application Basics” collection is a compilation of libraries that provide core functionality for an application, and in particular for a PWA.