https://github.com/hrbrmstr/create-webr-vite-lit

🧪 🕸️ webr + lit + vite npm template
https://github.com/hrbrmstr/create-webr-vite-lit

lit lit-element lit-html pyodide r template vite webr webr-experiment

Last synced: about 1 month ago
JSON representation

🧪 🕸️ webr + lit + vite npm template

• Host: GitHub
• URL: https://github.com/hrbrmstr/create-webr-vite-lit
• Owner: hrbrmstr
• Created: 2023-04-16T14:00:48.000Z (over 1 year ago)
• Default Branch: batman
• Last Pushed: 2023-11-17T11:13:00.000Z (12 months ago)
• Last Synced: 2024-09-15T22:26:13.672Z (2 months ago)
• Topics: lit, lit-element, lit-html, pyodide, r, template, vite, webr, webr-experiment
• Language: JavaScript
• Homepage: https://www.npmjs.com/package/create-webr-vite-lit?a=1
• Size: 730 KB
• Stars: 9
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# webr + lit + vite npm template

![npm](https://img.shields.io/npm/v/create-webr-vite-lit) ![license](https://img.shields.io/badge/license-MIT-success)

![dark mode](dark.png)

![light mode](light.png)

A quick way to start a new WebR project with:

- WebR

  - Comes with an `r.js` that has some batteries included with more on the way

- Pyodide (via CDN; uninitialized; just there if you need it)

- Lit: Three basic components available now, but more coming soon

  - `action-button.js`: a simple button that does what you tell it to when pressed

  - `ojs-plot.js`: a very generic Observable Plot component 

  - `status-message.js`: the "WebR: Loading…/Loaded" thingy, leveled up a bit

- Vite: fast build system

- Light/Dark mode CSS based on [Tachyons](https://tachyons.io/)

- An initial `index.html` that shows off the components and the entire CSS design system

To get started:

```

npx create-webr-vite-lit my-webr-project

```

Initialize it:

```

cd my-webr-project

mv _gitignore .gitignore # i'll eventually do this for you

npm install

```

Test!

```

npx vite --port=4000

```