open-index/open-npm huggingface dataset:
npm package: @mark8t/admin
Description: https://github.com/amr3k/sveltegram
Latest version: 1.1.0-alpha.0.3

https://github.com/amr3k/sveltegram


# create-svelte

Everything you need to build a Svelte library, powered by [`create-svelte`](https://github.com/sveltejs/kit/tree/master/packages/create-svelte).

Read more about creating a library [in the docs](https://kit.svelte.dev/docs/packaging).



## Creating a project

If you're seeing this, you've probably already done this step. Congrats!

```bash
# create a new project in the current directory
npm create svelte@latest

# create a new project in my-app
npm create svelte@latest my-app
```

## Developing

Once you've created a project and installed dependencies with `npm install` (or `pnpm install` or `yarn`), start a development server:

```bash
npm run dev

# or start the server and open the app in a new browser tab
npm run dev -- --open
```

Everything inside `src/lib` is part of your library, everything inside `src/routes` can be used as a showcase or preview app.

## Building

To build your library:

```bash
npm run package
```

To create a production version of your showcase app:

```bash
npm run build
```

You can preview the production build with `npm run preview`.

> To deploy your app, you may need to install an [adapter](https://kit.svelte.dev/docs/adapters) for your target environment.

## Publishing

Go into the `package.json` and give your package the desired name through the `"name"` option. Also consider adding a `"license"` field and point it to a `LICENSE` file which you can create from a template (one popular option is the [MIT license](https://opensource.org/license/mit/)).

To publish your library to [npm](https://www.npmjs.com):

```bash
npm publish
```
npm package: @mark8t/core
Description: <div align="left">
Latest version: 1.1.0-rc-0.35


# Svelte Card Carousel

<div align="left">


[![npm](https://img.shields.io/npm/v/svelte-card-carousel.svg)](https://www.npmjs.com/package/svelte-card-carousel)
[![npm](https://img.shields.io/npm/dm/svelte-card-carousel.svg)](https://www.npmjs.com/package/svelte-card-carousel)
[![GitHub repo](https://img.shields.io/badge/github-repo-green.svg?style=flat)](https://github.com/ryanspice/svelte-card-carousel)
[![GitHub followers](https://img.shields.io/github/followers/ryanspice.svg?style=social&label=Follow)](https://github.com/ryanspice)

</div>

The ultimate carousel component for Svelte 3.

## Demo
* [Your Demo Link](https://your-demo-link)
* [REPL](https://svelte.dev/repl/your-repl-link)

## Installation
```bash
yarn add your-package-name
```
```bash
npm install your-package-name
```
```bash
pnpm install your-package-name
```

## Import Component
```jsx
<script>
  import Carousel from 'your-package-name';
  ...
</script>
```

## SvelteKit Support
If you're using SvelteKit, follow these additional steps:
1. Install as a dev dependency.
```bash
pnpm install your-package-name -D
```
2. Extend `kit` in `svelte.config.js` to include the `vite` property.
```js
const config = {
  kit: {
    vite: {
      optimizeDeps: {
        include: ['dependency1', 'dependency2']
      }
    }
  }
}
```

## Props
| Prop              | Type      | Default | Description                       |
|-------------------|-----------|---------|-----------------------------------|
| `data`            | `array`   | `[]`    | An array of card data objects.    |
| `autoScroll`      | `boolean` | `false` | Enable/disable auto-scrolling.    |
| `autoScrollSpeed` | `number`  | `3000`  | Speed of auto-scrolling in ms.    |
| `dragAcceleration`| `number`  | `1.5`   | Acceleration factor for drag.     |
| `wrapLeft`        | `boolean` | `true`  | Enable/disable wrap to last item. |
| `wrapRight`       | `boolean` | `true`  | Enable/disable wrap to first item.|

## Events
### `onCardClick`
Triggered when a card is clicked.
```jsx
<Carousel on:cardClick={handleCardClick} />
```

## Methods
### `goToPage(index)`
Navigate to a specific page by index.
```jsx
carousel.goToPage(2);
```

## Troubleshooting
If you encounter the "document is not defined" error while running Vitest, make sure to include `jsdom` to simulate a DOM environment.

## Contributing
Pull requests are welcome. For major changes, please open an issue first to discuss what you would like to change.

## License
MIT
npm package: @mark8t/web
Description: Everything you need to build a Svelte project, powered by [`create-svelte`](https://github.com/sveltejs/kit/tree/master/packages/create-svelte).
Latest version: 1.1.0-beta.0.5

# create-svelte

Everything you need to build a Svelte project, powered by [`create-svelte`](https://github.com/sveltejs/kit/tree/master/packages/create-svelte).

## Creating a project

If you're seeing this, you've probably already done this step. Congrats!

```bash
# create a new project in the current directory
npm create svelte@latest

# create a new project in my-app
npm create svelte@latest my-app
```

## Developing

Once you've created a project and installed dependencies with `npm install` (or `pnpm install` or `yarn`), start a development server:

```bash
npm run dev

# or start the server and open the app in a new browser tab
npm run dev -- --open
```

## Building

To create a production version of your app:

```bash
npm run build
```

You can preview the production build with `npm run preview`.

> To deploy your app, you may need to install an [adapter](https://kit.svelte.dev/docs/adapters) for your target environment.