https://github.com/tbeseda/enhance-with-ts

https://github.com/tbeseda/enhance-with-ts

Last synced: about 1 month ago
JSON representation

• Host: GitHub
• URL: https://github.com/tbeseda/enhance-with-ts
• Owner: tbeseda
• Created: 2022-09-06T23:40:17.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2022-09-09T05:29:51.000Z (over 2 years ago)
• Last Synced: 2024-11-10T15:50:54.771Z (3 months ago)
• Language: CSS
• Size: 54.7 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
> ⚠️  This was an experiment; see @enhance/types

# esbuild Enhance .ts

## Approach:

1. move app source to enhance/

1. compile to app/

1. handle .ts alongside .mjs|.html|etc.

1. helpful tsconfig

1. esbuild enhance/components/** to public/components/**

1. the rest of enhance/** maps 1:1 to app/**

## Annotated structure

```

.

├── enhance ................... the app source directory

│  ├── api .................... compiled/copied to app/api/

│  │  └── todos.ts

│  ├── components ............. compiled to public/components/

│  │  ├── todo-item.ts

│  │  └── tsconfig.json ....... provides TS config for browser

│  ├── elements ............... compiled/copied to app/elements/

│  │  ├── todo-footer.mjs

│  │  ├── todo-header.mjs

│  │  ├── todo-item.ts ........ look, a .ts file!

│  │  └── todo-list.mjs ....... mixed with .mjs

│  ├── head.ts ................ compiled/copied to app/

│  ├── pages .................. compiled/copied to app/pages/

│  │  ├── index.ts

│  │  └── todos.html

│  └── tsconfig.json .......... parent TS configuration

├── app ....................... destination for compiled files

│  └── pages .................. dir must be present on Sandbox start

└── public

   ├── components

   │  └── ..................... files from enhance/components

   └── styles.css

```