warp-drive/README.md

WarpDrive is the data framework for ambitious web applications

<p align="center">
  <img
    class="project-logo"
    src="./logos/NCC-1701-a-blue.svg#gh-light-mode-only"
    alt="WarpDrive"
    width="120px"
    title="WarpDrive" />
  <img
    class="project-logo"
    src="./logos/NCC-1701-a.svg#gh-dark-mode-only"
    alt="WarpDrive"
    width="120px"
    title="WarpDrive" />
</p>

<h3 align="center">The Data Framework for Ambitious Web Applications</h3>
<p align="center">⚡️ Build Faster Apps Faster</p>

## Get Started

```ts
npx warp-drive
```

## Available Commands

### Retrofit

- `npx warp-drive retrofit <fit>@<distTag>`

Retrofits are scripts that help you update your project. Sort of like codemods, but usually operating at the dependency configuration level instead of on specific lines of code.

Retrofits can be used both to adopt a new feature initially and upgrade the configuration of that feature to later.

#### Retrofitting to a specific version

Each retrofit has the ability to update to the configuration required for a specific npm `distTag`
(`latest`|`canary`|`beta`|`lts`).

#### Available Fits

- `types`
- `channel`



### ♥️ Credits

 <details>
   <summary>Brought to you with ♥️ love by <a href="https://emberjs.com" title="EmberJS">🐹 Ember</a></summary>

  <style type="text/css">
    img.project-logo {
       padding: 0 5em 1em 5em;
       width: 100px;
       border-bottom: 2px solid #0969da;
       margin: 0 auto;
       display: block;
     }
    details > summary {
      font-size: 1.1rem;
      line-height: 1rem;
      margin-bottom: 1rem;
    }
    details {
      font-size: 1rem;
    }
    details > summary strong {
      display: inline-block;
      padding: .2rem 0;
      color: #000;
      border-bottom: 3px solid #0969da;
    }

    details > details {
      margin-left: 2rem;
    }
    details > details > summary {
      font-size: 1rem;
      line-height: 1rem;
      margin-bottom: 1rem;
    }
    details > details > summary strong {
      display: inline-block;
      padding: .2rem 0;
      color: #555;
      border-bottom: 2px solid #555;
    }
    details > details {
      font-size: .85rem;
    }

    @media (prefers-color-scheme: dark) {
      details > summary strong {
        color: #fff;
      }
    }
    @media (prefers-color-scheme: dark) {
      details > details > summary strong {
        color: #afaba0;
      border-bottom: 2px solid #afaba0;
      }
    }
  </style>
</details>