open-index/open-npm huggingface dataset:
npm package: @makeless/makeless-ui
Description: Makeless - SaaS Ecosystem - TypeScript & Vue.js Implementation
Latest version: 1.0.0-beta.71

# Makeless

Makeless - SaaS Ecosystem - TypeScript & Vue.js Implementation

[![License](https://img.shields.io/badge/license-polyform:noncommercial-blue)](https://polyformproject.org/licenses/noncommercial/1.0.0/)
[![Build Status](https://ci.loeffel.io/api/badges/makeless/makeless-ui/status.svg)](https://ci.loeffel.io/makeless/makeless-ui)
[![FOSSA Status](https://app.fossa.com/api/projects/git%2Bgithub.com%2Fmakeless%2Fmakeless-ui.svg?type=shield)](https://app.fossa.com/projects/git%2Bgithub.com%2Fmakeless%2Fmakeless-ui?ref=badge_shield)
<a href="https://www.npmjs.com/package/@makeless/makeless-ui"><img src="https://img.shields.io/npm/v/@makeless/makeless-ui.svg?sanitize=true" alt="Version"></a>
[![Discord](https://img.shields.io/discord/775684445314744341?label=discord)](https://discord.gg/K7Une7gndt) 

- Based on TypeScript, Vue.js & Bootstrap
- Concurrency safe & scalable
- Super clean and small
- Fully customizable and configurable
- Multilingual
- State of the art Authentication with JWT HttpOnly Cookies
- User management
- Team management
- Token management for users and teams
- Realtime events
- Subscriptions and Per-Seat Payments out of the box (coming soon)

## Preview

<img src="https://raw.githubusercontent.com/makeless/makeless-ui/master/preview.png" alt="logo">

## Backend

- Go: [https://github.com/makeless/makeless-go](https://github.com/makeless/makeless-go)

## Demo

- Go + TypeScript & Vue.js: [https://github.com/makeless/makeless-demo](https://github.com/makeless/makeless-demo)

## Usage

Demo [main.ts](https://github.com/makeless/makeless-demo/blob/master/frontend/src/main.ts)

## Config

Demo [makeless.json](https://github.com/makeless/makeless-demo/blob/master/makeless.json)

## License

- Makeless is licensed under the [Polyform Noncommercial](https://polyformproject.org/licenses/noncommercial/1.0.0/) license.  
- Exemption: Every contributor gets free access to a commercial license.  
- Please contact lucas@loeffel.io for a commercial license.

[![FOSSA Status](https://app.fossa.com/api/projects/git%2Bgithub.com%2Fmakeless%2Fmakeless-ui.svg?type=large)](https://app.fossa.com/projects/git%2Bgithub.com%2Fmakeless%2Fmakeless-ui?ref=badge_large)
npm package: @makemogic/runtime
Description: Mogic Runtime Libra
Latest version: 0.9.4

# @makemogic/runtime

用于构建 Mogic 平台交互式应用的运行时库。

## 使用

```typescript
import { mogicRuntime } from '@makemogic/runtime'
```

### Tweaks (调整参数)

创建可在父应用中实时调整的可配置参数。

```typescript
import remixConfig from './remix.json'
const tweaks = mogicRuntime.tweaks(remixConfig)

// 在 React 组件中使用
function App() {
  const bgColor = tweaks.bg.useState()
  const speed = tweaks.speed.useState()
  return <div style={{ backgroundColor: bgColor }}>Speed: {speed}</div>
}

// 编程式更新
mogicRuntime.updateTweaks({ bg: '#00FF00', speed: 5 })
```

**支持类型**: `text`, `slider`, `toggle`, `color`, `select`, `theme`, `image/video/audio`

**注意**: 每个应用仅调用一次 `tweaks()`。

---

### 文本生成

```typescript
const response = await mogicRuntime.generateText({
  prompt: 'Write a short story'
})
console.log(response.text)
```

**选项**: `prompt` (必填)

---

### 图片生成

```typescript
const response = await mogicRuntime.generateImage({
  prompt: 'A beautiful sunset',
  aspectRatio: '16:9',
  referenceImages: ['https://example.com/image1.jpg']
})

const img = document.createElement('img')
img.src = response.img?.url ?? ''
document.body.appendChild(img)
```

**选项**: `prompt` (必填), `aspectRatio`, `referenceImages`

---

### 文件上传

```typescript
const file = fileInput.files[0]
const response = await mogicRuntime.uploadFile(file)
console.log(response.url)
```

---

### 触觉反馈

```typescript
mogicRuntime.performHaptic('medium')
```

**震动强度**: `'light'`, `'medium'`, `'heavy'`, `'rigid'`, `'soft'`

### 运动与摇动检测

```typescript
const unsubscribe = mogicRuntime.addMotionListener((motion) => {
  console.log(motion)
})

const removeShake = mogicRuntime.addShakeListener(() => {
  console.log('Shaken!')
})

// 清理监听
unsubscribe()
removeShake()
```

### 销毁实例

```typescript
mogicRuntime.destroy()
```