Select the types of activity you want to include in your feed.
flora is a fast and secure runtime that lets you write discord bots for your servers, with a rich TypeScript SDK, without worrying about running infrastructure. [mirror]
···489489490490- **Using the package manager directly:** Do not use pnpm, npm, or Yarn directly. Vite+ can handle all package manager operations.
491491- **Always use Vite commands to run tools:** Don't attempt to run `vp vitest` or `vp oxlint`. They do not exist. Use `vp test` and `vp lint` instead.
492492-- **Running scripts:** Vite+ commands take precedence over `package.json` scripts. If there is a `test` script defined in `scripts` that conflicts with the built-in `vp test` command, run it using `vp run test`.
492492+- **Running scripts:** Vite+ built-in commands (`vp dev`, `vp build`, `vp test`, etc.) always run the Vite+ built-in tool, not any `package.json` script of the same name. To run a custom script that shares a name with a built-in command, use `vp run <script>`. For example, if you have a custom `dev` script that runs multiple services concurrently, run it with `vp run dev`, not `vp dev` (which always starts Vite's dev server).
493493- **Do not install Vitest, Oxlint, Oxfmt, or tsdown directly:** Vite+ wraps these tools. They must not be installed directly. You cannot upgrade these tools by installing their latest versions. Always use Vite+ commands.
494494- **Use Vite+ wrappers for one-off binaries:** Use `vp dlx` instead of package-manager-specific `dlx`/`npx` commands.
495495- **Import JavaScript modules from `vite-plus`:** Instead of importing from `vite` or `vitest`, all modules should be imported from the project's `vite-plus` dependency. For example, `import { defineConfig } from 'vite-plus';` or `import { expect, test, vi } from 'vite-plus/test';`. You must not install `vitest` to import test utilities.
496496- **Type-Aware Linting:** There is no need to install `oxlint-tsgolint`, `vp lint --type-aware` works out of the box.
497497+498498+## CI Integration
499499+500500+For GitHub Actions, consider using [`voidzero-dev/setup-vp`](https://github.com/voidzero-dev/setup-vp) to replace separate `actions/setup-node`, package-manager setup, cache, and install steps with a single action.
501501+502502+```yaml
503503+- uses: voidzero-dev/setup-vp@v1
504504+ with:
505505+ cache: true
506506+- run: vp check
507507+- run: vp test
508508+```
497509498510## Review Checklist for Agents
499511
···11+## Usage
22+33+Those templates dependencies are maintained via [pnpm](https://pnpm.io) via `pnpm up -Lri`.
44+55+This is the reason you see a `pnpm-lock.yaml`. That being said, any package manager will work. This file can be safely be removed once you clone a template.
66+77+```bash
88+$ npm install # or pnpm install or yarn install
99+```
1010+1111+### Learn more on the [Solid Website](https://solidjs.com) and come chat with us on our [Discord](https://discord.com/invite/solidjs)
1212+1313+## Available Scripts
1414+1515+In the project directory, you can run:
1616+1717+### `npm run dev` or `npm start`
1818+1919+Runs the app in the development mode.<br>
2020+Open [http://localhost:3000](http://localhost:3000) to view it in the browser.
2121+2222+The page will reload if you make edits.<br>
2323+2424+### `npm run build`
2525+2626+Builds the app for production to the `dist` folder.<br>
2727+It correctly bundles Solid in production mode and optimizes the build for the best performance.
2828+2929+The build is minified and the filenames include the hashes.<br>
3030+Your app is ready to be deployed!
3131+3232+## Deployment
3333+3434+You can deploy the `dist` folder to any static host provider (netlify, surge, now, etc.)
3535+3636+## This project was created with the [Solid CLI](https://github.com/solidjs-community/solid-cli)
+15
apps/frontend-new/index.html
···11+<!doctype html>
22+<html lang="en">
33+ <head>
44+ <meta charset="utf-8" />
55+ <meta name="viewport" content="width=device-width, initial-scale=1" />
66+ <meta name="theme-color" content="#000000" />
77+ <title>Solid App</title>
88+ </head>
99+ <body>
1010+ <noscript>You need to enable JavaScript to run this app.</noscript>
1111+ <div id="root"></div>
1212+1313+ <script src="/src/index.tsx" type="module"></script>
1414+ </body>
1515+</html>
···11+/* @refresh reload */
22+import './index.css'
33+import { render } from 'solid-js/web'
44+import 'solid-devtools'
55+66+import App from './App'
77+88+const root = document.getElementById('root')
99+1010+if (import.meta.env.DEV && !(root instanceof HTMLElement)) {
1111+ throw new Error(
1212+ 'Root element not found. Did you forget to add it to your index.html? Or maybe the id attribute got misspelled?'
1313+ )
1414+}
1515+1616+render(() => <App />, root!)