Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

react-ace

Package Overview
Dependencies
Maintainers
0
Versions
102
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

react-ace - npm Package Compare versions

Comparing version 12.0.0 to 13.0.0

1

lib/ace.d.ts

@@ -34,2 +34,3 @@ import { Ace } from "ace-builds";

enableLiveAutocompletion?: boolean | string[];
enableMobileMenu?: boolean;
tabSize?: number;

@@ -36,0 +37,0 @@ value?: string;

2

lib/types.d.ts

@@ -76,3 +76,3 @@ import { Ace } from "ace-builds";

animatedScroll?: boolean;
showInvisibles?: boolean;
showInvisibles?: string | boolean;
showPrintMargin?: boolean;

@@ -79,0 +79,0 @@ printMarginColumn?: number;

{
"name": "react-ace",
"version": "12.0.0",
"version": "13.0.0",
"description": "A react component for Ace Editor",

@@ -39,3 +39,3 @@ "main": "lib/index.js",

"@types/lodash": "^4.17.0",
"@types/node": "^20.11.30",
"@types/node": "^22.5.5",
"@types/prop-types": "^15.7.12",

@@ -49,3 +49,3 @@ "@types/react": "^18.2.69",

"jest-environment-jsdom": "^29.7.0",
"jsdom": "24.1.0",
"jsdom": "25.0.0",
"minimist": ">=1.2.8",

@@ -58,9 +58,9 @@ "node-forge": "1.3.1",

"react-test-renderer": "^18.2.0",
"rimraf": "5.0.7",
"rimraf": "6.0.1",
"ts-loader": "^9.5.1",
"ts-node": "^10.9.2",
"typescript": "^5.4.3",
"webpack": "5.92.1",
"webpack": "5.94.0",
"webpack-cli": "5.1.4",
"webpack-dev-server": "5.0.4"
"webpack-dev-server": "5.1.0"
},

@@ -74,3 +74,3 @@ "keywords": [

"dependencies": {
"ace-builds": "^1.32.8",
"ace-builds": "^1.36.3",
"diff-match-patch": "^1.0.5",

@@ -77,0 +77,0 @@ "lodash.get": "^4.4.2",

@@ -81,3 +81,3 @@ import { Ace } from "ace-builds";

animatedScroll?: boolean;
showInvisibles?: boolean;
showInvisibles?: string | boolean;
showPrintMargin?: boolean;

@@ -84,0 +84,0 @@ printMarginColumn?: number;

@@ -5,33 +5,33 @@ // Type definitions for react-ace 4.1.3

import { Component, CSSProperties } from 'react'
import { Component, CSSProperties } from "react";
export interface Annotation {
row: number
column: number
type: string
text: string
row: number;
column: number;
type: string;
text: string;
}
export interface Marker {
startRow: number
startCol: number
endRow: number
endCol: number
className: string
type: string
startRow: number;
startCol: number;
endRow: number;
endCol: number;
className: string;
type: string;
}
export interface CommandBindKey {
win: string
mac: string
win: string;
mac: string;
}
export interface Command {
name: string
bindKey: CommandBindKey
exec(editor: any): void
name: string;
bindKey: CommandBindKey;
exec(editor: any): void;
}
export interface Selection {
getCursor(): Annotation;
getCursor(): Annotation;
}

@@ -43,136 +43,136 @@

export interface AceOptions {
selectionStyle?: "line" | "text"
highlightActiveLine?: boolean
highlightSelectedWord?: boolean
readOnly?: boolean
cursorStyle?: "ace"|"slim"|"smooth"|"wide"
mergeUndoDeltas?: false | true | "always"
behavioursEnabled?: boolean
wrapBehavioursEnabled?: boolean
/** this is needed if editor is inside scrollable page */
autoScrollEditorIntoView?: boolean
hScrollBarAlwaysVisible?: boolean
vScrollBarAlwaysVisible?: boolean
highlightGutterLine?: boolean
animatedScroll?: boolean
showInvisibles?: boolean
showPrintMargin?: boolean
printMarginColumn?: number;
printMargin?: boolean | number;
fadeFoldWidgets?: boolean
showFoldWidgets?: boolean
showLineNumbers?: boolean
showGutter?: boolean
displayIndentGuides?: boolean
/** number or css font-size string */
fontSize?: number | string
/** css */
fontFamily?: string
maxLines?: number
minLines?: number
scrollPastEnd?: boolean
fixedWidthGutter?: boolean
/** path to a theme e.g "ace/theme/textmate" */
theme?: string
scrollSpeed?: number
dragDelay?: number
dragEnabled?: boolean
focusTimout?: number
tooltipFollowsMouse?: boolean
firstLineNumber?: number
overwrite?: boolean
newLineMode?: boolean
useWorker?: boolean
useSoftTabs?: boolean
tabSize?: number
wrap?: boolean
foldStyle?: "markbegin"|"markbeginend"|"manual"
/** path to a mode e.g "ace/mode/text" */
mode?: string
/** on by default */
enableMultiselect?: boolean
enableEmmet?: boolean
enableBasicAutocompletion?: boolean
enableLiveAutocompletion?: boolean
enableSnippets?: boolean
spellcheck?: boolean
useElasticTabstops?: boolean
selectionStyle?: "line" | "text";
highlightActiveLine?: boolean;
highlightSelectedWord?: boolean;
readOnly?: boolean;
cursorStyle?: "ace" | "slim" | "smooth" | "wide";
mergeUndoDeltas?: false | true | "always";
behavioursEnabled?: boolean;
wrapBehavioursEnabled?: boolean;
/** this is needed if editor is inside scrollable page */
autoScrollEditorIntoView?: boolean;
hScrollBarAlwaysVisible?: boolean;
vScrollBarAlwaysVisible?: boolean;
highlightGutterLine?: boolean;
animatedScroll?: boolean;
showInvisibles?: string | boolean;
showPrintMargin?: boolean;
printMarginColumn?: number;
printMargin?: boolean | number;
fadeFoldWidgets?: boolean;
showFoldWidgets?: boolean;
showLineNumbers?: boolean;
showGutter?: boolean;
displayIndentGuides?: boolean;
/** number or css font-size string */
fontSize?: number | string;
/** css */
fontFamily?: string;
maxLines?: number;
minLines?: number;
scrollPastEnd?: boolean;
fixedWidthGutter?: boolean;
/** path to a theme e.g "ace/theme/textmate" */
theme?: string;
scrollSpeed?: number;
dragDelay?: number;
dragEnabled?: boolean;
focusTimout?: number;
tooltipFollowsMouse?: boolean;
firstLineNumber?: number;
overwrite?: boolean;
newLineMode?: boolean;
useWorker?: boolean;
useSoftTabs?: boolean;
tabSize?: number;
wrap?: boolean;
foldStyle?: "markbegin" | "markbeginend" | "manual";
/** path to a mode e.g "ace/mode/text" */
mode?: string;
/** on by default */
enableMultiselect?: boolean;
enableEmmet?: boolean;
enableBasicAutocompletion?: boolean;
enableLiveAutocompletion?: boolean;
enableSnippets?: boolean;
spellcheck?: boolean;
useElasticTabstops?: boolean;
}
export interface EditorProps {
$blockScrolling?: number | boolean
$blockSelectEnabled?: boolean
$enableBlockSelect?: boolean
$enableMultiselect?: boolean
$highlightPending?: boolean
$highlightTagPending?: boolean
$multiselectOnSessionChange?: (...args: any[]) => any
$onAddRange?: (...args: any[]) => any
$onChangeAnnotation?: (...args: any[]) => any
$onChangeBackMarker?: (...args: any[]) => any
$onChangeBreakpoint?: (...args: any[]) => any
$onChangeFold?: (...args: any[]) => any
$onChangeFrontMarker?: (...args: any[]) => any
$onChangeMode?: (...args: any[]) => any
$onChangeTabSize?: (...args: any[]) => any
$onChangeWrapLimit?: (...args: any[]) => any
$onChangeWrapMode?: (...args: any[]) => any
$onCursorChange?: (...args: any[]) => any
$onDocumentChange?: (...args: any[]) => any
$onMultiSelect?: (...args: any[]) => any
$onRemoveRange?: (...args: any[]) => any
$onScrollLeftChange?: (...args: any[]) => any
$onScrollTopChange?: (...args: any[]) => any
$onSelectionChange?: (...args: any[]) => any
$onSingleSelect?: (...args: any[]) => any
$onTokenizerUpdate?: (...args: any[]) => any
$blockScrolling?: number | boolean;
$blockSelectEnabled?: boolean;
$enableBlockSelect?: boolean;
$enableMultiselect?: boolean;
$highlightPending?: boolean;
$highlightTagPending?: boolean;
$multiselectOnSessionChange?: (...args: any[]) => any;
$onAddRange?: (...args: any[]) => any;
$onChangeAnnotation?: (...args: any[]) => any;
$onChangeBackMarker?: (...args: any[]) => any;
$onChangeBreakpoint?: (...args: any[]) => any;
$onChangeFold?: (...args: any[]) => any;
$onChangeFrontMarker?: (...args: any[]) => any;
$onChangeMode?: (...args: any[]) => any;
$onChangeTabSize?: (...args: any[]) => any;
$onChangeWrapLimit?: (...args: any[]) => any;
$onChangeWrapMode?: (...args: any[]) => any;
$onCursorChange?: (...args: any[]) => any;
$onDocumentChange?: (...args: any[]) => any;
$onMultiSelect?: (...args: any[]) => any;
$onRemoveRange?: (...args: any[]) => any;
$onScrollLeftChange?: (...args: any[]) => any;
$onScrollTopChange?: (...args: any[]) => any;
$onSelectionChange?: (...args: any[]) => any;
$onSingleSelect?: (...args: any[]) => any;
$onTokenizerUpdate?: (...args: any[]) => any;
}
export interface AceEditorProps {
name?: string
/** For available modes see https://github.com/thlorenz/brace/tree/master/mode */
mode?: string
/** For available themes see https://github.com/thlorenz/brace/tree/master/theme */
theme?: string
height?: string
width?: string
className?: string
fontSize?: number
showGutter?: boolean
showPrintMargin?: boolean
highlightActiveLine?: boolean
focus?: boolean
cursorStart?: number
wrapEnabled?: boolean
readOnly?: boolean
minLines?: number
maxLines?: number
enableBasicAutocompletion?: boolean
enableLiveAutocompletion?: boolean
tabSize?: number
value?: string
defaultValue?: string
scrollMargin?: number[]
onLoad?: (editor: EditorProps) => void
onBeforeLoad?: (ace: any) => void
onChange?: (value: string, event?: any) => void
onInput?: (value: string, event?: any) => void
onSelectionChange?: (selectedText: string, event?: any) => void
onCopy?: (value: string) => void
onPaste?: (value: string) => void
onFocus?: (event: any) => void
onBlur?: (event: any) => void
onValidate?: (annotations: Array<Annotation>) => void
onScroll?: (editor: EditorProps) => void
onCursorChange?: (selection: Selection) => void;
editorProps?: EditorProps
setOptions?: AceOptions
keyboardHandler?: string
commands?: Array<Command>
annotations?: Array<Annotation>
markers?: Array<Marker>
style?: CSSProperties
debounceChangePeriod?: number
name?: string;
/** For available modes see https://github.com/thlorenz/brace/tree/master/mode */
mode?: string;
/** For available themes see https://github.com/thlorenz/brace/tree/master/theme */
theme?: string;
height?: string;
width?: string;
className?: string;
fontSize?: number;
showGutter?: boolean;
showPrintMargin?: boolean;
highlightActiveLine?: boolean;
focus?: boolean;
cursorStart?: number;
wrapEnabled?: boolean;
readOnly?: boolean;
minLines?: number;
maxLines?: number;
enableBasicAutocompletion?: boolean;
enableLiveAutocompletion?: boolean;
tabSize?: number;
value?: string;
defaultValue?: string;
scrollMargin?: number[];
onLoad?: (editor: EditorProps) => void;
onBeforeLoad?: (ace: any) => void;
onChange?: (value: string, event?: any) => void;
onInput?: (value: string, event?: any) => void;
onSelectionChange?: (selectedText: string, event?: any) => void;
onCopy?: (value: string) => void;
onPaste?: (value: string) => void;
onFocus?: (event: any) => void;
onBlur?: (event: any) => void;
onValidate?: (annotations: Array<Annotation>) => void;
onScroll?: (editor: EditorProps) => void;
onCursorChange?: (selection: Selection) => void;
editorProps?: EditorProps;
setOptions?: AceOptions;
keyboardHandler?: string;
commands?: Array<Command>;
annotations?: Array<Annotation>;
markers?: Array<Marker>;
style?: CSSProperties;
debounceChangePeriod?: number;
}
export default class AceEditor extends Component<AceEditorProps, {}> {}

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is too big to display

Sorry, the diff of this file is too big to display

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc