npmpackage.info

Gathering detailed insights and metrics for react-ace

Other packages similar to react-ace

react-sql-editor

0.0.6

This is the main component of React-Ace. It creates an instance of the SQL Ace Editor.

one-theme-ace

0.5.0

One themes for use with react-ace

react-ace-builds

7.4.1

A react component for Ace Editor

ace-builds

1.36.5

Ace (Ajax.org Cloud9 Editor)

Gathering detailed insights and metrics for react-ace

react-ace

React Ace Component

13.0.0

4,090

MIT

TypeScript

136.52 kB

93,440,850 6.2

Installations

npm install react-ace

Pull Requests

Open

19

Total

1,540

Closed

749

Merged

772

Issues

Open

195

Total

496

Closed

301

Releases

v13.0.0

Published on 02 Nov 2024

v12.0.0

Published on 25 Jun 2024

v11.0.1

Published on 24 Mar 2024

v11.0.0

Published on 24 Mar 2024

v10.1.0

Published on 26 Apr 2022

v9.5.0

Published on 22 Oct 2021

View all 84 releases

Developer

securingsincity

Developer Guide

BETA

Module System

CommonJS

Min. Node Version

Typescript Support

Yes

Node Version

20.18.0

NPM Version

10.8.2 Statistics

4,090 Stars

1,637 Commits

605 Forks

31 Watching

130 Branches

112 Contributors

Updated on 27 Nov 2024

Bundle Size

501.15 kB

Minified

136.52 kB

Minified + Gzipped

Bundlephobia

Languages

TypeScript (77.48%)

JavaScript (21.48%)

HTML (0.98%)

CSS (0.06%)

Total Downloads

Cumulative downloads

Total Downloads

93,440,850

Last day

9.4%

84,254

Compared to previous day

Last week

15.7%

475,138

Compared to previous week

Last month

9.6%

1,811,709

Compared to previous month

Last year

9.5%

20,263,171

Compared to previous year

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

Versions

React-Ace

A set of react components for Ace

NOTE FOR VERSION 8! : We have stopped support for Brace and now use Ace-builds. Please read the documentation on how to migrate. Examples are being updated.

DEMO of React Ace

DEMO of React Ace Split Editor

DEMO of React Ace Diff Editor

Install

npm install react-ace ace-builds

yarn add react-ace ace-builds

Basic Usage

1import React from "react";
2import { render } from "react-dom";
3import AceEditor from "react-ace";
4
5import "ace-builds/src-noconflict/mode-java";
6import "ace-builds/src-noconflict/theme-github";
7import "ace-builds/src-noconflict/ext-language_tools";
8
9function onChange(newValue) {
10  console.log("change", newValue);
11}
12
13// Render editor
14render(
15  <AceEditor
16    mode="java"
17    theme="github"
18    onChange={onChange}
19    name="UNIQUE_ID_OF_DIV"
20    editorProps={{ $blockScrolling: true }}
21  />,
22  document.getElementById("example")
23);

Examples

Checkout the example directory for a working example using webpack.

Documentation

Ace Editor

Split View Editor

Diff Editor

How to add modes, themes and keyboard handlers

Frequently Asked Questions

Migrate to version 8

Backers

Support us with a monthly donation and help us continue our activities. [Become a backer]

10

Maintained

Determines if the project is "actively maintained".

10

Binary-Artifacts

Determines if the project has generated executable (binary) artifacts in the source repository.

10

Dangerous-Workflow

Determines if the project's GitHub Action workflows avoid dangerous patterns.

10

License

Determines if the project has defined a license.

10

SAST

Determines if the project uses static code analysis.

9

Vulnerabilities

Determines if the project has open, known unfixed vulnerabilities.

5

Code-Review

Determines if the project requires human code review before pull requests (aka merge requests) are merged.

4

Pinned-Dependencies

Determines if the project has declared and pinned the dependencies of its build process.

Reason

dependency not pinned by hash detected -- score normalized to 4

Details

Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/codeql-analysis.yml:24: update your workflow using https://app.stepsecurity.io/secureworkflow/securingsincity/react-ace/codeql-analysis.yml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/codeql-analysis.yml:29: update your workflow using https://app.stepsecurity.io/secureworkflow/securingsincity/react-ace/codeql-analysis.yml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/codeql-analysis.yml:34: update your workflow using https://app.stepsecurity.io/secureworkflow/securingsincity/react-ace/codeql-analysis.yml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/codeql-analysis.yml:37: update your workflow using https://app.stepsecurity.io/secureworkflow/securingsincity/react-ace/codeql-analysis.yml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/node.js.yml:23: update your workflow using https://app.stepsecurity.io/secureworkflow/securingsincity/react-ace/node.js.yml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/node.js.yml:26: update your workflow using https://app.stepsecurity.io/secureworkflow/securingsincity/react-ace/node.js.yml/main?enable=pin
Warn: third-party GitHubAction not pinned by hash: .github/workflows/node.js.yml:47: update your workflow using https://app.stepsecurity.io/secureworkflow/securingsincity/react-ace/node.js.yml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/npm-publish.yml:11: update your workflow using https://app.stepsecurity.io/secureworkflow/securingsincity/react-ace/npm-publish.yml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/npm-publish.yml:15: update your workflow using https://app.stepsecurity.io/secureworkflow/securingsincity/react-ace/npm-publish.yml/main?enable=pin
Warn: GitHub-owned GitHubAction not pinned by hash: .github/workflows/npm-publish.yml:39: update your workflow using https://app.stepsecurity.io/secureworkflow/securingsincity/react-ace/npm-publish.yml/main?enable=pin
Info: 0 out of 9 GitHub-owned GitHubAction dependencies pinned
Info: 0 out of 1 third-party GitHubAction dependencies pinned
Info: 2 out of 2 npmCommand dependencies pinned

0

Token-Permissions

Determines if the project's workflows follow the principle of least privilege.

0

CII-Best-Practices

Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.

0

Security-Policy

Determines if the project has published a security policy.

0

Fuzzing

Determines if the project uses fuzzing.

Score

6.2

/10

Last Scanned on 2024-11-18

The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.

Learn More

Other packages similar to react-ace

Other packages similar to react-ace

react-ace

Installations

Pull Requests

19

1,540

749

772

Issues

195

496

301

Releases

Developer

Developer Guide

CommonJS

Yes

20.18.0

10.8.2

Statistics

Bundle Size

501.15 kB

136.52 kB

Languages

Total Downloads

93,440,850

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dependencies

Peer Dependencies

Dev Dependencies

React-Ace

Install

Basic Usage

Examples

Documentation

Backers

Sponsors

10

10

10

10

10

9

5

4

0

0

0

0

6.2

/10