src

Source directory

Here are all your code is organized into directories.

Scripts can be accessed from TypeScript with the prefix ~/ (e.g.: ~/core/store)

note: some directories have further instructions inside, make sure to check them.

Structure

• main.ts: the entry point of the app, it imports modules, components, styles, and other packages.
• ~/core/: contains core modules, that will be referenced by modules & components as ~/core/.
• • ~/core/router: the router data, it contains its settings and handlers.
• • ~/core/store: central Spruce store. you can define stores that can be accessed by many components/modules. if the store is specific to a certain module, define that store inside the affected module only.
• • ~/core/auth: empty/dummy authentication module for demonstration.
• ~/modules/: contains user modules; they will be automatically executed at the start.
• ~/components/: contains alpine components data. they are automatically loaded.
• ~/styles/: contains CSS styles.
• types.ts, shims.d.ts are for TypeScript definitions. The former add types for Alpine Components and need to be imported on the top of each component file & the latter have Window type extensions.