2023-01-19 00:20:50 +01:00
|
|
|
|
import { isMac } from "./detect-platform.js"
|
2022-12-28 12:49:26 +01:00
|
|
|
|
|
2023-01-19 00:20:50 +01:00
|
|
|
|
const modChar = isMac ? "⌘" : "Ctrl"
|
|
|
|
|
|
|
|
|
|
|
|
export const initialContent = `
|
|
|
|
|
|
∞∞∞text
|
|
|
|
|
|
Welcome to Heynote!
|
|
|
|
|
|
|
2023-01-19 14:29:03 +01:00
|
|
|
|
[${modChar} + Enter] Add new block and move cursor to it
|
|
|
|
|
|
[${modChar} + Shift + Enter] Split the current block at cursor position
|
|
|
|
|
|
[${modChar} + L] Change block language
|
|
|
|
|
|
[${modChar} + Down] Goto next block
|
|
|
|
|
|
[${modChar} + Up] Goto previous block
|
|
|
|
|
|
[${modChar} + A] Select all text in a note block. Press again to select the whole scratchpad
|
|
|
|
|
|
[${modChar} + ⌥ + Up/Down] Add additional cursor above/below
|
2023-03-03 00:57:33 +01:00
|
|
|
|
[${modChar} + B] Format block content (works for JSON, JavaScript, HTML, CSS and Markdown)
|
2023-03-02 18:40:44 +01:00
|
|
|
|
∞∞∞math
|
|
|
|
|
|
This is a Math block. Here, rows are evaluated as math expressions.
|
|
|
|
|
|
|
|
|
|
|
|
length = 10
|
|
|
|
|
|
radius = 5
|
|
|
|
|
|
volume = length * radius^2 * PI
|
|
|
|
|
|
sqrt(9)
|
|
|
|
|
|
|
|
|
|
|
|
It also supports some basic unit conversions:
|
|
|
|
|
|
|
|
|
|
|
|
13 inches in cm
|
|
|
|
|
|
time = 3900 seconds to minutes
|
|
|
|
|
|
time * 2
|
2023-01-19 00:20:50 +01:00
|
|
|
|
∞∞∞text-a
|
|
|
|
|
|
`
|
|
|
|
|
|
|
|
|
|
|
|
export const initialDevContent = `
|
2023-01-03 16:56:07 +01:00
|
|
|
|
∞∞∞text-a
|
2023-01-13 01:42:23 +01:00
|
|
|
|
Welcome to Heynote!
|
|
|
|
|
|
|
2023-01-19 14:29:03 +01:00
|
|
|
|
[${modChar} + Enter] Add new block and move cursor to it
|
|
|
|
|
|
[${modChar} + Shift + Enter] Split the current block at cursor position
|
|
|
|
|
|
[${modChar} + L] Change block language
|
|
|
|
|
|
[${modChar} + Down] Goto next block
|
|
|
|
|
|
[${modChar} + Up] Goto previous block
|
|
|
|
|
|
[${modChar} + A] Select all text in a note block. Press again to select the whole scratchpad
|
|
|
|
|
|
[${modChar} + ⌥ + Up/Down] Add additional cursor above/below
|
2023-03-03 00:57:33 +01:00
|
|
|
|
[${modChar} + B] Format block content (works for JSON, JavaScript, HTML, CSS and Markdown)
|
2023-03-02 18:40:44 +01:00
|
|
|
|
∞∞∞math
|
|
|
|
|
|
This is a Math block. Here, rows are evaluated as math expressions.
|
|
|
|
|
|
|
|
|
|
|
|
length = 10
|
|
|
|
|
|
radius = 5
|
|
|
|
|
|
volume = length * radius^2 * PI
|
|
|
|
|
|
sqrt(9)
|
|
|
|
|
|
|
|
|
|
|
|
It also supports some basic unit conversions:
|
|
|
|
|
|
|
|
|
|
|
|
13 inches in cm
|
|
|
|
|
|
time = 3900 seconds to minutes
|
|
|
|
|
|
time * 2
|
|
|
|
|
|
∞∞∞text-a
|
2023-01-13 01:42:23 +01:00
|
|
|
|
|
|
|
|
|
|
∞∞∞python-a
|
2022-12-28 12:49:26 +01:00
|
|
|
|
# hmm
|
|
|
|
|
|
def my_func():
|
|
|
|
|
|
print("hejsan")
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
import {basicSetup} from "codemirror"
|
|
|
|
|
|
import {EditorView, keymap} from "@codemirror/view"
|
|
|
|
|
|
import {javascript} from "@codemirror/lang-javascript"
|
|
|
|
|
|
import {indentWithTab, insertTab, indentLess, indentMore} from "@codemirror/commands"
|
2022-12-29 14:16:31 +01:00
|
|
|
|
import {nord} from "./nord.mjs"
|
2023-01-03 16:56:07 +01:00
|
|
|
|
∞∞∞javascript-a
|
2022-12-28 12:49:26 +01:00
|
|
|
|
let editor = new EditorView({
|
|
|
|
|
|
//extensions: [basicSetup, javascript()],
|
|
|
|
|
|
extensions: [
|
|
|
|
|
|
basicSetup,
|
|
|
|
|
|
javascript(),
|
|
|
|
|
|
//keymap.of([indentWithTab]),
|
|
|
|
|
|
keymap.of([
|
|
|
|
|
|
{
|
|
|
|
|
|
key: 'Tab',
|
|
|
|
|
|
preventDefault: true,
|
|
|
|
|
|
//run: insertTab,
|
|
|
|
|
|
run: indentMore,
|
|
|
|
|
|
},
|
|
|
|
|
|
{
|
|
|
|
|
|
key: 'Shift-Tab',
|
|
|
|
|
|
preventDefault: true,
|
|
|
|
|
|
run: indentLess,
|
|
|
|
|
|
},
|
|
|
|
|
|
]),
|
|
|
|
|
|
nord,
|
|
|
|
|
|
],
|
|
|
|
|
|
parent: document.getElementById("editor"),
|
|
|
|
|
|
})
|
|
|
|
|
|
∞∞∞json
|
|
|
|
|
|
{
|
|
|
|
|
|
"name": "heynote-codemirror",
|
|
|
|
|
|
"type": "module",
|
|
|
|
|
|
"version": "1.0.0",
|
|
|
|
|
|
"description": "",
|
|
|
|
|
|
"main": "index.js",
|
|
|
|
|
|
"scripts": {
|
|
|
|
|
|
"test": "echo \"Error: no test specified\" && exit 1",
|
|
|
|
|
|
"build": "rollup -c"
|
|
|
|
|
|
},
|
|
|
|
|
|
"keywords": [],
|
|
|
|
|
|
"author": "",
|
|
|
|
|
|
"license": "ISC",
|
|
|
|
|
|
"dependencies": {
|
|
|
|
|
|
"@codemirror/commands": "^6.1.2",
|
|
|
|
|
|
"@codemirror/lang-javascript": "^6.1.2",
|
|
|
|
|
|
"@codemirror/lang-json": "^6.0.1",
|
|
|
|
|
|
"@codemirror/lang-python": "^6.1.1",
|
|
|
|
|
|
"@rollup/plugin-node-resolve": "^15.0.1",
|
|
|
|
|
|
"codemirror": "^6.0.1",
|
|
|
|
|
|
"i": "^0.3.7",
|
|
|
|
|
|
"npm": "^9.2.0",
|
|
|
|
|
|
"rollup": "^3.8.1",
|
|
|
|
|
|
"rollup-plugin-typescript2": "^0.34.1",
|
|
|
|
|
|
"typescript": "^4.9.4"
|
|
|
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
∞∞∞html
|
|
|
|
|
|
<html>
|
|
|
|
|
|
<head>
|
|
|
|
|
|
<title>Test</title>
|
|
|
|
|
|
</head>
|
|
|
|
|
|
<body>
|
|
|
|
|
|
<h1>Test</h1>
|
|
|
|
|
|
<script>
|
|
|
|
|
|
console.log("hej")
|
|
|
|
|
|
</script>
|
|
|
|
|
|
</body>
|
|
|
|
|
|
</html>
|
|
|
|
|
|
∞∞∞sql
|
|
|
|
|
|
SELECT * FROM table WHERE id = 1;
|
2022-12-28 15:27:03 +01:00
|
|
|
|
∞∞∞text
|
|
|
|
|
|
Shopping list:
|
2022-12-28 12:49:26 +01:00
|
|
|
|
|
2022-12-28 15:27:03 +01:00
|
|
|
|
- Milk
|
|
|
|
|
|
- Eggs
|
|
|
|
|
|
- Bread
|
2023-01-19 00:20:50 +01:00
|
|
|
|
- Cheese`
|
