Run format.

This commit is contained in:
Tom Alexander
2024-01-21 21:11:38 -05:00
parent 8c3dd2cee3
commit 0d0a99c73b
5 changed files with 97 additions and 89 deletions

View File

@@ -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>

View File

@@ -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 };

View File

@@ -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"),
);
});