open-index/open-npm huggingface dataset:
npm package: @icdevs-org/inspectmo
Description: Code generation tools for InspectMo library - Candid parser approach
Author: InspectMo Team
Latest version: 0.1.4

# InspectMo Codegen CLI

Generate InspectMo boilerplate from Candid (.did) files and integrate simple build hooks.

This is the CLI tool for InspectMo. It is separate from the Motoko library and can be installed globally or used via npx.

## Install

- Global (recommended):
  - `npm i -g @icdevs-org/inspectmo`
  - Then run: `inspectmo --help`

- One-off usage (no global install):
  - `npx @icdevs-org/inspectmo@latest --help`

Requirements: Node.js 18+.

## Usage

- Show help
  - `inspectmo --help`

- Generate code from a Candid file
  - `inspectmo generate path/to/service.did -o src/generated/service-inspect.mo`
  - Flags:
    - `--no-accessors`  Skip accessor functions
    - `--no-inspect`    Skip inspect template
    - `--no-guard`      Skip guard template
    - `--no-methods`    Skip method extraction
    - `--no-comments`   Skip documentation comments

- Analyze a Candid file (no code generation)
  - `inspectmo analyze path/to/service.did`

- Discover .did files in a project and optionally generate
  - `inspectmo discover . --output src/generated/ --generate`
  - Options:
    - `--include <patterns...>` defaults to `**/*.did` and `.dfx/**/*.did`
    - `--exclude <patterns...>` defaults to `node_modules/**` and `.git/**`
    - `--suggest` print integration suggestions

- Build system hooks (DFX only)
  - Install: `inspectmo install-hooks . --output src/generated/`
  - Status: `inspectmo status .`
  - Uninstall: `inspectmo uninstall-hooks .`
  - Note: mops.toml does not support prebuild hooks; only DFX integration is supported.

## Examples

- Minimal generate:
  - `inspectmo generate src/candid/main.did -o src/generated/main-inspect.mo`

- Analyze only:
  - `inspectmo analyze src/candid/user.did`

- Project-wide discover and generate:
  - `inspectmo discover . --generate --output src/generated/`

## Local development

From the repo root:

```bash
cd tools/codegen
npm ci
npm run build
node dist/cli.js --help
```

Optional: set up a local global link (may require writable npm prefix):

```bash
npm link
# If EACCES occurs, set a user prefix:
npm config set prefix ~/.npm-global
export PATH="$HOME/.npm-global/bin:$PATH"
npm link
```

## Troubleshooting

- EACCES on `npm link` or `npm i -g` on macOS: use `npx @icdevs-org/inspectmo@latest`, or set an npm user prefix as shown above.
- Not generating files: ensure the input `.did` path exists and the output directory is writable.
- didc not found or no types generated: install didc and ensure it’s on PATH, or specify a custom path via an environment variable:
  - `DIDC=/opt/homebrew/bin/didc inspectmo generate path/to/service.did -o src/generated/service-inspect.mo`

## License

MIT

## Issues

Report issues at: https://github.com/icdevsorg/inspect-mo/issues
npm package: @ice-fruits/psd-converter
Description: web psd converter
Author: bruce007lee
Latest version: 1.0.3

# @ice-fruits/psd-converter

[![npm version](https://img.shields.io/npm/v/@ice-fruits/psd-converter.svg?style=flat-square)](https://www.npmjs.com/package/@ice-fruits/psd-converter)

A simple utils for create psd on web

## Useage

```typescript
import Converter, { saveAs } from '@ice-fruits/psd-converter';

const schema = {
  width: 800,
  height: 1200,
  children: [
    {
      type: 'image',
      name: 'layer1',
      x: 30,
      y: 30,
      src: 'https://img.alicdn.com/imgextra/i2/471500007/O1CN017jboDr1BvFacfFmg1_!!0-saturn_solar.jpg_468x468q75.jpg',
    },
    {
      type: 'text',
      name: 'text1',
      x: 500,
      y: 30,
      text: 'Cool Girl！',
      fontSize: 40,
      fillColor: '#ff0000',
    },
    {
      type: 'image',
      name: 'layer2',
      x: 30,
      y: 510,
      src: 'https://img.alicdn.com/imgextra/i1/45086719/O1CN01tHGG2Y1zVLsDaFgo3_!!0-saturn_solar.jpg_468x468q75.jpg',
    },
    {
      type: 'text',
      name: 'text2',
      x: 500,
      y: 510,
      text: 'Fusion',
      fontSize: 40,
      fillColor: '#ff0000',
    },
  ],
};

const converter = new Converter();
const buffer = await converter.schema2Psd(schema);
saveAs(buffer, 'demo.psd');
```

## Demo

[Create PSD Sample](https://unpkg.com/@ice-fruits/psd-converter@1.0.3/build/index.html)

(You can change the `@1.0.3` in demo url to any version which you want)
npm package: @ice-house-web/simple-skeleton
Description: A simple skeleton for React projects
Author: Sergey Kazarinov
Latest version: 1.0.8

<div style="display: flex; align-items: center; gap: 16px;">
  <img src="web/public/simple-skeleton.svg" alt="Simple Skeleton Logo" width="60" height="60"/>
  <h1 style="margin: 0; font-size: 3rem; background: linear-gradient(45deg, #007cf0, #00dfd8); -webkit-background-clip: text; -webkit-text-fill-color: transparent;">Simple Skeleton</h1>
</div>

#### Lightweight and flexible React component library for creating skeleton loaders.

## Installation

```bash
npm install @ice-house-web/simple-skeleton
# or
yarn add @ice-house-web/simple-skeleton
```

## Usage

### Basic Usage

```tsx
import { Skeleton } from '@ice-house-web/simple-skeleton';

function MyComponent() {
  return (
    <div>
      <Skeleton width={200} height={20} />
      <Skeleton width="100%" height={40} />
    </div>
  );
}
```

### Creating a Product Card

```tsx
import { Skeleton } from '@ice-house-web/simple-skeleton';

function ProductCardSkeleton() {
  return (
    <div style={{ padding: '16px', borderRadius: '8px', border: '1px solid #eee' }}>
      {/* Product image */}
      <Skeleton width="100%" height={200} />

      {/* Product name */}
      <Skeleton width={150} height={24} style={{ marginTop: '12px' }} />

      {/* Description */}
      <Skeleton width="100%" height={16} style={{ marginTop: '8px' }} />
      <Skeleton width="80%" height={16} style={{ marginTop: '8px' }} />

      {/* Price */}
      <Skeleton width={80} height={24} style={{ marginTop: '16px' }} />
    </div>
  );
}
```

## API

### Skeleton

| Property        | Type              | Default   | Description                    |
| --------------- | ----------------- | --------- | ------------------------------ |
| className       | string            | ''        | Additional CSS class           |
| width           | string \| number  | '100%'    | Skeleton width                 |
| height          | string \| number  | '100px'   | Skeleton height                |
| border          | string            | undefined | Border radius                  |
| circle          | boolean           | false     | Display as circle              |
| animation       | 'pulse' \| 'wave' | 'wave'    | Animation type                 |
| animationSpeed  | number            | 2         | Animation speed in seconds     |
| backgroundColor | string            | '#ffffff' | Skeleton background color      |
| highlightColor  | string            | '#ececec' | Wave animation highlight color |
| shadowColor     | string            | '#e2eef1' | Skeleton shadow color          |

## Global Configuration

The library supports theming through CSS variables:

```css
:root {
  --simple-skeleton-bg: #fff; /* Background color */
  --simple-skeleton-shadow: #e2eef1; /* Shadow color */
  --simple-skeleton-highlight: #ececec; /* Wave animation highlight color */
  --simple-skeleton-animation-speed: 2s; /* Animation speed */
}
```

## License

MIT