From a86c19bf0698038e7f2185ad04f375972df0c3b9 Mon Sep 17 00:00:00 2001
From: Nulo <git@nulo.in>
Date: Sun, 5 Mar 2023 22:21:59 +0000
Subject: [PATCH] limpiar cosas

---
 src/app.css                     |  6 ++++++
 src/editor/Editor.svelte        | 10 +---------
 src/editor/bubblemenu/coords.ts |  4 ++--
 src/editor/demo.css             | 22 ----------------------
 src/editor/main.ts              | 11 -----------
 src/editor/ps-utils.ts          | 22 +++++++++++-----------
 src/editor/schema.ts            |  9 ++++-----
 7 files changed, 24 insertions(+), 60 deletions(-)
 delete mode 100644 src/editor/demo.css
 delete mode 100644 src/editor/main.ts

diff --git a/src/app.css b/src/app.css
index b1ed166..f67934f 100644
--- a/src/app.css
+++ b/src/app.css
@@ -10,6 +10,12 @@
   -webkit-text-size-adjust: 100%;
 }
 
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
 body {
   margin: 0;
 }
diff --git a/src/editor/Editor.svelte b/src/editor/Editor.svelte
index f8ec807..4cad2c6 100644
--- a/src/editor/Editor.svelte
+++ b/src/editor/Editor.svelte
@@ -1,19 +1,11 @@
 <script lang="ts">
-  import { onMount, onDestroy } from "svelte";
   import { keymap } from "prosemirror-keymap";
   import { EditorState, Plugin } from "prosemirror-state";
   import { EditorView } from "prosemirror-view";
   import { dropCursor } from "prosemirror-dropcursor";
   import { gapCursor } from "prosemirror-gapcursor";
-  import { DOMParser, DOMSerializer } from "prosemirror-model";
   import type { XmlFragment } from "yjs";
-  import {
-    ySyncPlugin,
-    yCursorPlugin,
-    yUndoPlugin,
-    undo,
-    redo,
-  } from "y-prosemirror";
+  import { ySyncPlugin, yCursorPlugin, yUndoPlugin } from "y-prosemirror";
 
   import "./editor.css";
 
diff --git a/src/editor/bubblemenu/coords.ts b/src/editor/bubblemenu/coords.ts
index f7c6142..49f8ab2 100644
--- a/src/editor/bubblemenu/coords.ts
+++ b/src/editor/bubblemenu/coords.ts
@@ -26,7 +26,7 @@ interface Coords {
 }
 
 function coordsAtPos(
-  view: EditorView<any>,
+  view: EditorView,
   pos: number,
   end: boolean = false
 ): Coords {
@@ -66,7 +66,7 @@ function coordsAtPos(
   };
 }
 
-export function refreshCoords(view: EditorView<any>, bubbleEl: HTMLElement) {
+export function refreshCoords(view: EditorView, bubbleEl: HTMLElement) {
   // Brutally stolen from https://github.com/ueberdosis/tiptap/blob/d2cf88fd166092d6df079cb47fe2a55520fadf80/packages/tiptap/src/Plugins/MenuBubble.js
   const { from, to } = view.state.selection;
 
diff --git a/src/editor/demo.css b/src/editor/demo.css
deleted file mode 100644
index 82c5ab3..0000000
--- a/src/editor/demo.css
+++ /dev/null
@@ -1,22 +0,0 @@
-@import "fork-awesome/css/fork-awesome.min.css";
-
-* {
-  box-sizing: border-box;
-  text-rendering: optimizeLegibility;
-}
-*::before,
-*::after {
-  box-sizing: border-box;
-}
-
-html {
-  margin: 1rem;
-  padding: 0;
-  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
-    Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
-}
-
-.editor {
-  max-width: 60rem;
-  margin: 2rem auto;
-}
diff --git a/src/editor/main.ts b/src/editor/main.ts
deleted file mode 100644
index 616fac3..0000000
--- a/src/editor/main.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import "./demo.css";
-import Editor from "./Editor.svelte";
-
-const editor = new Editor({
-  target: document.body,
-  props: {
-    textareaEl: document.body.querySelector("textarea"),
-  },
-});
-
-export default editor;
diff --git a/src/editor/ps-utils.ts b/src/editor/ps-utils.ts
index 6df23d0..06381d1 100644
--- a/src/editor/ps-utils.ts
+++ b/src/editor/ps-utils.ts
@@ -12,8 +12,8 @@ import type { EditorView } from "prosemirror-view";
 import type { Align } from "./schema";
 
 export type Command = (
-  state: EditorState<any>,
-  dispatch?: EditorView<any>["dispatch"]
+  state: EditorState,
+  dispatch?: EditorView["dispatch"]
 ) => boolean;
 
 // A lot of this is from https://github.com/ueberdosis/tiptap/blob/main/packages/tiptap-commands
@@ -120,17 +120,17 @@ export function removeMark(type: MarkType): Command {
 }
 
 export function toggleNode(
-  type: NodeType<any>,
+  type: NodeType,
   attrs: any,
   /// es el tipo que se setea si ya es el type querido; probablemente querés
   /// que sea el type de párrafo
-  alternateType: NodeType<any>
+  alternateType: NodeType
 ): Command {
   return chainCommands(setBlockType(type, attrs), setBlockType(alternateType));
 }
 
 export function commandListener(
-  view: EditorView<any>,
+  view: EditorView,
   command: Command
 ): (event: Event) => void {
   return (event) => {
@@ -141,7 +141,7 @@ export function commandListener(
 
 export default function findParentNodeClosestToPos(
   $pos: ResolvedPos,
-  predicate: (node: ProsemirrorNode<any>) => boolean
+  predicate: (node: ProsemirrorNode) => boolean
 ) {
   for (let i = $pos.depth; i > 0; i -= 1) {
     const node = $pos.node(i);
@@ -158,7 +158,7 @@ export default function findParentNodeClosestToPos(
 }
 
 export function nodeIsActiveFn(
-  type: NodeType<any>,
+  type: NodeType,
   attrs?: any,
   checkParents: boolean = false
 ): (state: EditorState) => boolean {
@@ -185,20 +185,20 @@ export function getAttrFn(attrKey: string): (state: EditorState) => any {
   };
 }
 
-export function markIsActive(state: EditorState, type: MarkType<any>): boolean {
+export function markIsActive(state: EditorState, type: MarkType): boolean {
   let { from, to } = state.selection;
   return state.doc.rangeHasMark(from, to, type);
 }
 
 export interface MarkMatch {
-  node: ProsemirrorNode<any>;
+  node: ProsemirrorNode;
   position: number;
   mark: Mark;
 }
 
 export function getFirstMarkInSelection(
   state: EditorState,
-  type: MarkType<any>
+  type: MarkType
 ): MarkMatch {
   const { to, from } = state.selection;
 
@@ -217,7 +217,7 @@ export function getFirstMarkInSelection(
 export function setAlign(align: Align): Command {
   return (state, dispatch) => {
     let { from, to } = state.selection;
-    let node: ProsemirrorNode<any> | null = null;
+    let node: ProsemirrorNode | null = null;
     state.doc.nodesBetween(from, to, (_node, pos) => {
       if (node) return false;
       if (!_node.isTextblock) return;
diff --git a/src/editor/schema.ts b/src/editor/schema.ts
index b639a76..5c44419 100644
--- a/src/editor/schema.ts
+++ b/src/editor/schema.ts
@@ -1,4 +1,4 @@
-import { Schema } from "prosemirror-model";
+import { Schema, type Attrs } from "prosemirror-model";
 import { parse, inject } from "regexparam";
 import { routes } from "../lib/routes";
 
@@ -21,9 +21,7 @@ function getAlign(node: HTMLElement): Align | null {
   return align;
 }
 
-function getHeadingAttrs(
-  level: number
-): (n: Node) => { [key: string]: string } {
+function getHeadingAttrs(level: number): (n: string | Element) => Attrs {
   return (n) => ({ level, align: getAlign(n as HTMLElement) });
 }
 
@@ -121,7 +119,8 @@ export const schema = new Schema({
       parseDOM: [
         {
           tag: "ol",
-          getAttrs(dom: Element) {
+          getAttrs(dom) {
+            dom = dom as HTMLElement;
             return {
               order: dom.hasAttribute("start") ? +dom.getAttribute("start") : 1,
             };