mirror of
https://github.com/heyman/heynote.git
synced 2024-11-08 00:54:31 +01:00
137 lines
3.4 KiB
TypeScript
137 lines
3.4 KiB
TypeScript
import { isLinux, isMac, isWindows } from "./detect-platform.js"
|
|
|
|
const modChar = isMac ? "⌘" : "Ctrl"
|
|
const altChar = isMac ? "⌥" : "Alt"
|
|
|
|
const keyHelp = [
|
|
[`${modChar} + Enter`, "Add new block below the current block"],
|
|
[`${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 buffer"],
|
|
[`${modChar} + ${altChar} + Up/Down`, "Add additional cursor above/below"],
|
|
[`${altChar} + Shift + F`, "Format block content (works for JSON, JavaScript, HTML, CSS and Markdown)"],
|
|
]
|
|
if (isWindows || isLinux) {
|
|
keyHelp.push([altChar, "Show menu"])
|
|
}
|
|
|
|
const keyMaxLength = keyHelp.map(([key, help]) => key.length).reduce((a, b) => Math.max(a, b))
|
|
const keyHelpStr = keyHelp.map(([key, help]) => `${key.padEnd(keyMaxLength)} ${help}`).join("\n")
|
|
|
|
|
|
export const initialContent = `
|
|
∞∞∞text
|
|
Welcome to Heynote! 👋
|
|
|
|
${keyHelpStr}
|
|
∞∞∞math
|
|
This is a Math block. Here, rows are evaluated as math expressions.
|
|
|
|
radius = 5
|
|
volume = radius^2 * PI
|
|
sqrt(9)
|
|
|
|
It also supports some basic unit conversions, including currencies:
|
|
|
|
13 inches in cm
|
|
time = 3900 seconds to minutes
|
|
time * 2
|
|
|
|
1 EUR in USD
|
|
∞∞∞markdown
|
|
In Markdown blocks, lists with [x] and [ ] are rendered as checkboxes:
|
|
|
|
- [x] Download Heynote
|
|
- [ ] Try out Heynote
|
|
∞∞∞text-a
|
|
`
|
|
|
|
export const initialDevContent = initialContent + `
|
|
∞∞∞python-a
|
|
# 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"
|
|
import {nord} from "./nord.mjs"
|
|
∞∞∞javascript-a
|
|
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;
|
|
∞∞∞text
|
|
Shopping list:
|
|
|
|
- Milk
|
|
- Eggs
|
|
- Bread
|
|
- Cheese`
|
|
|