stimulus-controllers's Introduction

Astro Starter Kit: Minimal

npm init astro -- --template minimal

🧑‍🚀 Seasoned astronaut? Delete this file. Have fun!

🚀 Project Structure

Inside of your Astro project, you'll see the following folders and files:

/
├── public/
├── src/
│   └── pages/
│       └── index.astro
└── package.json

Astro looks for .astro or .md files in the src/pages/ directory. Each page is exposed as a route based on its file name.

There's nothing special about src/components/, but that's where we like to put any Astro/React/Vue/Svelte/Preact components.

Any static assets, like images, can be placed in the public/ directory.

🧞 Commands

All commands are run from the root of the project, from a terminal:

Command	Action
`npm install`	Installs dependencies
`npm run dev`	Starts local dev server at `localhost:3000`
`npm run build`	Build your production site to `./dist/`

👀 Want to learn more?

Feel free to check our documentation or jump into our Discord server.

stimulus-controllers's People

Contributors

Stargazers

Watchers

stimulus-controllers's Issues

Sticky Header + Horizontally scrolling Table

Sticky table headers get annoying when you have to scroll horizontally.

Had to build something like this for MWI.

https://mwi.ecomm.vigetx.com/shop/edge-welded-bellows-a-style

https://github.com/vigetlabs/mwi/blob/main/src/js/controllers/table_controller.js

Stretch goals:

It would be rad if width of the columns in the main table could determine the size of the sticky header. On MWI we had to hard code the same widths across the header & main .

Class list controller enhancements

data-class-list-class-param per receiver (#2 (comment))

Basic Nav Dropdown Controller

Maybe navs are better off always custom but...maybe value in a simple but flexible implementation?

Tooltip or Toggletip Controller

Expose and document `/util` helpers

Brief discussion: #1 (comment)

Video Player Controllers

It would be tight to have a unified "video" controller that works with popular 3rd party players like Youtube & Vimeo.

A few key features that you don't get out of the box when you roll your own video player.

Lazy load the Iframe & related JS library as needed (could even wait until scroll into view or if the element is actually visible).
Unified controller actions & config between Vimeo & Youtube videos.
- i.e. (play, pause, autoplay, etc)
Automatic detection & parsing of YouTube / Vimeo Videos
- Use a URL as a config value and the appropriate <iframe> markup is created.

I've deployed some other Astro things to Netlify with much more ease, but I didn't want to tie that into my account at this point. I was trying to force Github Pages bc of the http://code.viget.com domain but... it's a headache. I've merged some stuff that could removed if we go with a different host, more on that stuff here #5 (comment)