···11# Coding Guidelines
22+23This document is a living style guide for documenting coding conventions that tend to naturally pop up.
3445## Project structure
66+57Some notable folders and files:
88+69- `/app`: a SvelteKit project containing the main web application.
710- `/app/src/lib/components`: Foundational, lower-level UI components
811- `/app/src/lib/patterns`: Higher-level UI components composed of multiple lower-level components
···1720- `/wrangler.toml`: config file used for CloudFlare to customize CloudFlare Workers deployments
18211922## Creating a Svelte component
2323+2024The basic foundation/boilerplate for writing a svelte component is as follows:
21252226```svelte
···3842```
39434044Notes:
4545+4146- The `<ComponentName>RootElement` type allows inheriting built-in attributes of the HTML element that you're providing.
4247- The `<ComponentName>Props` type is a type union between built-in attributes and custom properties. It also defines whether the component accepts children.
···11#!/bin/sh
2233-npm i
44-npm run build --workspace=packages/color
33+npx tsdown
54npm run build --workspace=packages/icons
66-npm run build --workspace=packages/types
77-npm run build --workspace=packages/storybook-utils
88-npm run build --workspace=packages/tokenizer
95npm run build --workspace=app