Run format.
This commit is contained in:
@@ -1,10 +1,8 @@
|
||||
import React, { useState } from 'react';
|
||||
import './Editor.css';
|
||||
import {Highlight} from './highlight';
|
||||
import React, { useState } from "react";
|
||||
import "./Editor.css";
|
||||
import { Highlight } from "./highlight";
|
||||
|
||||
function Editor({
|
||||
defaultValue = "I have a text value."
|
||||
}) {
|
||||
function Editor({ defaultValue = "I have a text value." }) {
|
||||
function handleChange(event: React.ChangeEvent<HTMLTextAreaElement>) {
|
||||
console.log(event.target.value);
|
||||
setValue(event.target.value);
|
||||
@@ -27,13 +25,17 @@ function Editor({
|
||||
}
|
||||
|
||||
if (highlights.length === 0) {
|
||||
addHighlight(1,5);
|
||||
addHighlight(1, 5);
|
||||
}
|
||||
|
||||
return (
|
||||
<div className="Editor">
|
||||
<div className="Editor-textwrapper">
|
||||
<textarea onChange={handleChange} className="Editor-textarea" value={value} />
|
||||
<textarea
|
||||
onChange={handleChange}
|
||||
className="Editor-textarea"
|
||||
value={value}
|
||||
/>
|
||||
<div className="Editor-underlay">{value}</div>
|
||||
</div>
|
||||
<div className="Editor-ast"></div>
|
||||
|
||||
@@ -1,11 +1,11 @@
|
||||
class Highlight {
|
||||
start: number;
|
||||
end: number;
|
||||
start: number;
|
||||
end: number;
|
||||
|
||||
constructor(start: number, end: number) {
|
||||
this.start = start;
|
||||
this.end = end;
|
||||
}
|
||||
constructor(start: number, end: number) {
|
||||
this.start = start;
|
||||
this.end = end;
|
||||
}
|
||||
}
|
||||
|
||||
export { Highlight };
|
||||
|
||||
@@ -1,9 +1,17 @@
|
||||
import React from "react";
|
||||
import ReactDOM from "react-dom";
|
||||
import init, { parse_org } from "../../organic/target/wasm32-unknown-unknown/js/wasm";
|
||||
import Editor from './Editor';
|
||||
import init, {
|
||||
parse_org,
|
||||
} from "../../organic/target/wasm32-unknown-unknown/js/wasm";
|
||||
import Editor from "./Editor";
|
||||
|
||||
init().then(() => {
|
||||
console.log(parse_org("foo"));
|
||||
ReactDOM.render(<><h1>Hello, world!</h1><Editor /></>, document.getElementById("root"));
|
||||
ReactDOM.render(
|
||||
<>
|
||||
<h1>Hello, world!</h1>
|
||||
<Editor />
|
||||
</>,
|
||||
document.getElementById("root"),
|
||||
);
|
||||
});
|
||||
|
||||
Reference in New Issue
Block a user