https://github.com/jaydenseric/svg-symbol-viewer
An online, no-upload drag-and-drop SVG file symbol extractor and viewer.
https://github.com/jaydenseric/svg-symbol-viewer
deno react svg typescript
Last synced: 11 months ago
JSON representation
An online, no-upload drag-and-drop SVG file symbol extractor and viewer.
- Host: GitHub
- URL: https://github.com/jaydenseric/svg-symbol-viewer
- Owner: jaydenseric
- Created: 2016-06-26T08:39:18.000Z (about 10 years ago)
- Default Branch: master
- Last Pushed: 2025-02-12T05:36:55.000Z (over 1 year ago)
- Last Synced: 2025-04-30T16:49:43.204Z (about 1 year ago)
- Topics: deno, react, svg, typescript
- Language: JavaScript
- Homepage: https://svgsymbolviewer.io
- Size: 1.17 MB
- Stars: 38
- Watchers: 3
- Forks: 5
- Open Issues: 1
-
Metadata Files:
- Readme: readme.md
- Funding: .github/funding.yml
Awesome Lists containing this project
README
# SVG symbol viewer
An online, no-upload drag-and-drop SVG file symbol extractor and viewer:
[svgsymbolviewer.io](https://svgsymbolviewer.io).
## Requirements
- [Deno CLI](https://deno.land/#installation) v2+.
## Installation
For a local development installation, create a project `scripts/.env.sh` file
containing the following environment variables, with values customized for your
local environment:
```sh
# Development or production mode; "true" or "false".
export RUCK_DEV="true"
# The localhost port to serve the Ruck app on.
export RUCK_PORT="3000"
```
## Scripts
### Dev
To load the environment variables from `scripts/.env.sh` and serve the
[Ruck](https://ruck.tech) app:
```sh
./scripts/dev.sh
```
### Serve
> [!IMPORTANT]
>
> Requires environment variables.
To serve the [Ruck](https://ruck.tech) app for either development or production:
```sh
./scripts/serve.sh
```
### Format
To format the project:
```sh
deno fmt
```
### Lint
To lint the project:
```sh
deno lint
```
### Type check
To type check every JavaScript module in the project:
```sh
./scripts/type-check.sh
```