open-index/open-npm huggingface dataset:
npm package: @memos-embed/wc
Description: Web Component wrapper for embedding Memos memo cards.
Latest version: 0.4.3

# @memos-embed/wc

Web Component wrapper for Memos embed cards.

## Install
```bash
pnpm add @memos-embed/wc
```

## Browser usage
```html
<script type="module" src="https://unpkg.com/@memos-embed/wc@latest/dist/register.js"></script>
<memos-embed
  base-url="https://demo.usememos.com"
  memo-id="1"
  theme="minimal"
  density="comfortable"
  link-target="_blank"
  show-tags
  show-attachments
  show-reactions
  show-meta
></memos-embed>
```

`base-url` accepts the instance root, `/api`, or `/api/v1`. The element normalizes all three forms before fetching memo data.

## Module usage
```ts
import { defineMemosEmbedElement } from '@memos-embed/wc'

defineMemosEmbedElement()
```

## Supported attributes
- `memo-id`
- `base-url`
- `theme`
- `density`
- `locale`
- `link-target`
- `include-styles`
- `show-tags`
- `show-attachments`
- `show-reactions`
- `show-meta`

Boolean attributes can be passed either as empty attributes (for example `show-tags`) or as `"true"`.

## Styling from your site
Keep the built-in styles and tweak the exposed parts:

```css
memos-embed::part(container) {
  border-radius: 24px;
}

memos-embed::part(user-name) {
  color: var(--brand-fg);
}
```

If you want to bring all styles yourself, set `include-styles="false"` and target the exposed `::part(...)` hooks from your site stylesheet.

The custom element aborts stale requests when attributes change rapidly, making it safer for dynamic dashboards and previews.
npm package: @memos.js/client
Description: Notebook will be an NPM command line tool, used to set up and run a React SPA in your browser. The app itself will let you create and destroy notes, and attach those to a CodePen-esque in browser DeveloperEnvironment to create and save complex code snippe
Latest version: 1.0.4

# App coming soon!

Notebook will be an NPM command line tool, used to set up and run a React SPA in your browser. The app itself will let you create and destroy notes, and attach those to a CodePen-esque in browser DeveloperEnvironment to create and save complex code snippets.