https://github.com/casbin/casbin-editor

Web-based model & policy editor for Casbin
https://github.com/casbin/casbin-editor

abac access-control acl authorization casbin dsl editor go gui model pbac policy rbac rule

Last synced: 6 months ago
JSON representation

Web-based model & policy editor for Casbin

• Host: GitHub
• URL: https://github.com/casbin/casbin-editor
• Owner: casbin
• License: apache-2.0
• Created: 2018-02-06T07:20:33.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2025-02-13T13:42:35.000Z (8 months ago)
• Last Synced: 2025-04-10T19:48:59.905Z (6 months ago)
• Topics: abac, access-control, acl, authorization, casbin, dsl, editor, go, gui, model, pbac, policy, rbac, rule
• Language: TypeScript
• Homepage: https://editor.casbin.org
• Size: 12.4 MB
• Stars: 92
• Watchers: 5
• Forks: 25
• Open Issues: 4
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# Casbin-editor

[![semantic-release](https://img.shields.io/badge/%20%20%F0%9F%93%A6%F0%9F%9A%80-semantic--release-e10079.svg)](#badge)

[![Build](https://github.com/casbin/casbin-editor/actions/workflows/release.yml/badge.svg)](https://github.com/casbin/casbin-editor/actions/workflows/release.yml)

[![Release](https://img.shields.io/github/release/casbin/casbin-editor.svg)](https://github.com/casbin/casbin-editor/releases/latest)

[![GitHub issues](https://img.shields.io/github/issues/casbin/casbin-editor?style=flat-square)](https://github.com/casbin/casbin-editor/issues)

[![GitHub forks](https://img.shields.io/github/forks/casbin/casbin-editor?style=flat-square)](https://github.com/casbin/casbin-editor/network)

[![Sourcegraph](https://sourcegraph.com/github.com/casbin/casbin-editor/-/badge.svg)](https://sourcegraph.com/github.com/casbin/casbin-editor?badge)

[![License](https://img.shields.io/github/license/casbin/casbin-editor?style=flat-square)](https://github.com/casbin/casbin-editor/blob/master/LICENSE)

[![Discord](https://img.shields.io/discord/1022748306096537660?logo=discord&label=discord&color=5865F2)](https://discord.gg/S5UjpzGZjN)

Casbin-editor is a web-based Casbin model and policy editor. It's based on Next.js + TypeScript.

Use the Casbin-editor to write your Casbin model and policy in your web browser.

It provides functionality such as syntax highlighting and code completion, just like an IDE for a programming language.

Try it at either:

1. Casbin official website: https://casbin.org/editor

2. Our standalone GitHub pages: https://editor.casbin.org

## How it works?

Casbin-editor is a pure frontend Javascript project. It uses [node-casbin](https://github.com/casbin/node-casbin) to perform policy enforcement. It's notable that node-casbin can be used either in frontend Javascript or Node.js.

This project can be viewed as an example for using node-casbin in the browser.

## For Dev

```shell

yarn install

yarn dev

```

Open browser: http://localhost:3000/

## Production Preview

```shell

yarn build

# Make sure port 3000 is not in use

yarn start

```

Open browser: http://localhost:3000/

## For Electron

This project supports being built as an Electron app:

```shell

yarn install

yarn dist

```