open-index/open-npm huggingface dataset:
npm package: @sugarcube-org/cli
Description: A CLI for scaffolding sugarcube applications
Author: Mark Tomlinson
Latest version: 0.0.0-alpha.38

 # ⚠️ This package has been deprecated

  This package has moved to [@sugarcube-sh/cli](https://www.npmjs.com/package/@sugarcube-sh/cli).

  Please install the new package:

  ```bash
  npm install @sugarcube-sh/cli

  For documentation, visit https://sugarcube.sh
npm package: @sugarcube-org/core
Description: Core functionality for sugarcube
Latest version: 0.1.0-alpha.22

 # ⚠️ This package has been deprecated

  This package has moved to [@sugarcube-sh/core](https://www.npmjs.com/package/@sugarcube-sh/core).

  Please install the new package:
  
  ```bash
  npm install @sugarcube-sh/core

  For documentation, visit https://sugarcube.sh
npm package: @sugarcube-org/starbright
Description: Headless documentation framework based on Starbright - all the functionality, zero built-in styling
Author: Mark Tomlinson
Latest version: 0.1.0

# Starbright

A fork of [Astro Starlight](https://starlight.astro.build/) with all the styling ripped out.

This is a personal project. I wanted Starlight's functionality (content collections, routing, i18n, sidebar generation, search) without its opinions on styling. If you're looking for a polished documentation framework, use the original Starlight. If you want to bring your own design system to a docs site, this might be useful.

Use at your own risk. I maintain this for my own projects and make no guarantees about stability or compatibility.

---

## Installation

```bash
npm install @sugarcube-org/starbright
```

## Basic Setup

```js
// astro.config.mjs
import { defineConfig } from 'astro/config';
import starbright from '@sugarcube-org/starbright';

export default defineConfig({
  integrations: [
    starbright({
      title: 'My Docs',
    }),
  ],
});
```

## Content Collection

Create `src/content.config.ts`:

```ts
import { defineCollection } from 'astro:content';
import { docsLoader } from '@sugarcube-org/starbright/loaders';
import { docsSchema } from '@sugarcube-org/starbright/schema';

export const collections = {
  docs: defineCollection({
    loader: docsLoader(),
    schema: docsSchema(),
  }),
};
```

Put your markdown files in `src/content/docs/`.

## Styling

There are no styles. You need to provide everything yourself.

Add your own CSS:

```js
starbright({
  title: 'My Docs',
  customCss: ['./src/styles/global.css'],
})
```

Or import the markdown content styles if you want some baseline:

```css
@import '@sugarcube-org/starbright/style/markdown.css';
```

## Component Overrides

Replace any component with your own:

```js
starbright({
  title: 'My Docs',
  components: {
    Header: './src/components/Header.astro',
    Sidebar: './src/components/Sidebar.astro',
    Footer: './src/components/Footer.astro',
  },
})
```

The full list of overridable components is in `schemas/components.ts`.

## Route Data

Access the current page's data in components:

```astro
---
const { entry, sidebar, toc, hasSidebar } = Astro.locals.starbrightRoute;
---
```

## Built-in Components

Import components for use in MDX:

```mdx
import { Tabs, TabItem, Card, CardGrid } from '@sugarcube-org/starbright/components';

<Tabs>
  <TabItem label="npm">npm install foo</TabItem>
  <TabItem label="pnpm">pnpm add foo</TabItem>
</Tabs>
```

## Configuration

All Starlight configuration options should work. Refer to the [Starlight docs](https://starlight.astro.build/reference/configuration/) for the full list.

---

## Credits

This is a fork of [Starlight](https://github.com/withastro/starlight) by the Astro team. All the hard work is theirs. I just deleted the CSS.

## License

MIT
npm package: @sugarcube-org/vite
Description: Vite plugin for sugarcube
Author: Mark Tomlinson
Latest version: 0.0.0-alpha.20

 # ⚠️ This package has been deprecated

  This package has moved to [@sugarcube-sh/vite](https://www.npmjs.com/package/@sugarcube-sh/vite).

  Please install the new package:
  
  ```bash
  npm install @sugarcube-sh/vite

  For documentation, visit https://sugarcube.sh
npm package: @sugarcube-sh/cli
Description: CLI for sugarcube
Author: Mark Tomlinson
Latest version: 0.1.6

# @sugarcube-sh/cli

<p>
  <a href="https://www.npmjs.com/package/@sugarcube-sh/cli"><img src="https://img.shields.io/npm/v/@sugarcube-sh/cli.svg" alt="Latest Release"></a>
  <a href="https://www.npmjs.com/package/@sugarcube-sh/cli"><img src="https://img.shields.io/npm/dt/@sugarcube-sh/cli.svg" alt="Total Downloads"></a>
  <a href="https://github.com/sugarcube-sh/sugarcube/blob/main/LICENSE.md"><img src="https://img.shields.io/badge/license-see%20LICENSE-blue" alt="License"></a>
</p>

CLI for [sugarcube](https://sugarcube.sh).

## Commands

- `@sugarcube-sh/cli init` - Set up sugarcube in your project
- `@sugarcube-sh/cli generate` - Generate CSS from your design tokens
- `@sugarcube-sh/cli validate` - Validate your token files
- `@sugarcube-sh/cli components` - Add components to your project
- `@sugarcube-sh/cli cube` - Add CUBE CSS

## Installation

```bash
pnpm add -D @sugarcube-sh/cli
```

## Documentation

For full documentation, visit [sugarcube.sh](https://sugarcube.sh).

## License

See [LICENSE.md](./LICENSE.md) for terms.
npm package: @sugarcube-sh/core
Description: Core functionality for sugarcube
Author: Mark Tomlinson
Latest version: 0.2.0

# @sugarcube-sh/core

<p>
  <a href="https://www.npmjs.com/package/@sugarcube-sh/core"><img src="https://img.shields.io/npm/v/@sugarcube-sh/core.svg" alt="Latest Release"></a>
  <a href="https://www.npmjs.com/package/@sugarcube-sh/core"><img src="https://img.shields.io/npm/dt/@sugarcube-sh/core.svg" alt="Total Downloads"></a>
  <a href="https://github.com/sugarcube-sh/sugarcube/blob/main/LICENSE.md"><img src="https://img.shields.io/badge/license-see%20LICENSE-blue" alt="License"></a>
</p>

Core token processing and CSS generation for [sugarcube](https://sugarcube.sh).

## License

See [LICENSE.md](./LICENSE.md) for terms.
npm package: @sugarcube-sh/vite
Description: Vite plugin for sugarcube
Author: Mark Tomlinson
Latest version: 0.1.7

# @sugarcube-sh/vite

<p>
  <a href="https://www.npmjs.com/package/@sugarcube-sh/vite"><img src="https://img.shields.io/npm/v/@sugarcube-sh/vite.svg" alt="Latest Release"></a>
  <a href="https://www.npmjs.com/package/@sugarcube-sh/vite"><img src="https://img.shields.io/npm/dt/@sugarcube-sh/vite.svg" alt="Total Downloads"></a>
  <a href="https://github.com/sugarcube-sh/sugarcube/blob/main/LICENSE.md"><img src="https://img.shields.io/badge/license-see%20LICENSE-blue" alt="License"></a>
</p>

Vite plugin for [sugarcube](https://sugarcube.sh).

Automatically regenerates CSS variables and utilities when your design tokens change during development.

## Installation

```bash
pnpm add -D @sugarcube-sh/vite
```

## Documentation

For full documentation, visit [sugarcube.sh](https://sugarcube.sh).

## License

See [LICENSE.md](./LICENSE.md) for terms.
npm package: @sugarfish/easy-cookie
Description: cookie methods
Latest version: 0.0.2

###安装
`npm i @sugarfish/easy-cookie --save`
###使用
`import EC from '@sugarfish/easy-cookie'`
####查询cookie
`EC.lookCookie(name)`
####设置cookie
`EC.setCookie(name, content, expires)//名称，内容，过期时间`
####删除cookie
`EC.deleteCookie(name)`
npm package: @sugarfish/gra
Description: Graffiti Based on Canvas
Latest version: 0.0.2


### 使用场景
用于图片标记，涂鸦。
### Demo
### 引入方法
```
npm i @sugarfish/gra --save

import Gra from '@sugarfish/gra'
```
### 使用
```
//用canvas描绘图片，canvasId：'canvas标签id'，imgUrl：'图片地址'，color：'笔触颜色'
Gra.createCanvas(canvasId, imgUrl, color)

//图片重绘
Gra.resetDraw()

//图片保存，返回图片地址
Gra.saveImg()
```
### 截图
![Image text](https://raw.githubusercontent.com/twosugar/imgStore/master/text/%E6%B6%82%E9%B8%A6.png)