https://github.com/xAlien95/shortcut-preview
A React component to preview iOS Shortcuts
https://github.com/xAlien95/shortcut-preview
component react react-component shortcuts
Last synced: about 1 year ago
JSON representation
A React component to preview iOS Shortcuts
- Host: GitHub
- URL: https://github.com/xAlien95/shortcut-preview
- Owner: xAlien95
- License: mit
- Created: 2019-03-04T06:05:38.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2019-03-29T22:28:21.000Z (over 7 years ago)
- Last Synced: 2025-06-30T08:59:03.910Z (about 1 year ago)
- Topics: component, react, react-component, shortcuts
- Language: TypeScript
- Homepage: https://xalien95.github.io/shortcut-preview/
- Size: 2.08 MB
- Stars: 27
- Watchers: 5
- Forks: 7
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Shortcut Preview
[](https://www.npmjs.com/package/shortcut-preview)

A React component to preview iOS Shortcuts.

See the component in action on
[xalien95.github.io/shortcut-preview](https://xalien95.github.io/shortcut-preview/).
## Installation
You can install this component using [npm](https://www.npmjs.com/package/shortcut-preview):
```
npm i shortcut-preview
```
## Usage
```tsx
import React from 'react';
import ShortcutPreview from 'shortcut-preview';
// JSON file containing a Shortcut converted using 'pblist-parser'
import shortcutData from './shortcut-data.json';
export default class App extends React.Component {
render() {
return ;
}
}
```
You can optionally add a `debug` property: each action block will then show a **LOG** button to `console.log` the contents stored in its state.
```tsx
export default class App extends React.Component {
render() {
return ;
}
}
```
## Similar Projects
- [shcuts.app](https://github.com/pNre/shcuts.app)
- [Apple Shortcuts Viewer](https://github.com/BobRazowsky/shortcuts)