open-index/open-npm huggingface dataset:
npm package: @simulacrum/server
Description: Helpers and control plane to handle simulators and observability
Author: Frontside Engineering
Latest version: 0.8.0

# @simulacrum/server

Server capable of running multiple concurrent simulations that can be controlled by test cases, preview apps, and local developer environments.

https://github.com/thefrontside/simulacrum

> [!WARNING]  
> The server is undergoing a refactor, and this may not be required for your use case. The refactor includes allow for more simply running single simulators so this package will be primarily useful as a control plane for cases where there are many simulators under test and in use. For the previous iterations, see the `v0` branch which contain the previous functionality.
npm package: @simularge/card
Description: A Quasar-styled card component
Author: Simularge
Latest version: 1.0.3

# Simularge Card

A lightweight, customizable card component built with vanilla JavaScript using Web Components. No framework dependencies required!

## Features

- 🎨 Quasar styling
- 📝 Custom text/subtitle/content/image/separator
- 🎯 Framework agnostic
- 🪶 Lightweight with zero dependencies
- 🎭 Shadow DOM for style encapsulation

## Installation

```bash
npm install @simularge/card
```

## Usage

1. Import the component in your JavaScript file:

```javascript
import '@simularge/card';
```

2. Use the component in your HTML:

```html
<!-- Card with image -->
<simularge-card
    title="Our Changing Planet"
    subtitle="by John Doe"
    content="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."
    image="https://cdn.quasar.dev/img/mountains.jpg"
></simularge-card>

<!-- Card with separator -->
<simularge-card
    title="Welcome to Simularge"
    subtitle="Featured Article"
    content="This is a custom card showcasing the text-only layout. It still looks great without an image!"
    separator
></simularge-card>
```

## Props

| Prop    | Type   | Default  | Description                    |
|---------|--------|----------|--------------------------------|
| title   | string | "Button" | The text to display on button  |
| subtitle | string | "" | The text to display on button  |
| content | string | "" | The text to display on button  |
| image | string | "" | The text to display on button  |
| separator | boolean | false | The text to display on button  |

## Styling

The card uses Shadow DOM for style encapsulation, ensuring that your application styles don't interfere with the card's appearance. The component comes with built-in styles including:

- Hover and active states
- Smooth transitions
- Modern, clean design

## Browser Support

Works in all modern browsers that support Web Components:
- Chrome
- Firefox
- Safari
- Edge

## License

MIT