WIP Schema & Command overhaul

Author: salmenf

@webwriter/core/localization/generated/de.ts

@@ -48,11 +48,8 @@
 'pageupKey': `▲ Bild`,
 'rightKey': `→ Rechts`,
 's0184079b36201d24': `Dieses Widget hinzufügen`,
-'s0396202b716732ec': `Markiere die Auswahl als durchgestrichen`,
 's03d2a538c7c99132': `Einstellungen umschalten`,
 's064339c229374050': `Encoding`,
-'s0978fb5ba3145996': `Liste einfügen (ungeordnet)`,
-'s09c3f1d21de14ae1': `Markiere die Auswahl als unterstrichen`,
 's0bdca49248ba4820': `Tastenkürzel`,
 's0c883713b83616a8': `Speichere das aktive Dokument`,
 's0dc452999c129e15': `Live-Reloading aktivieren`,
@@ -64,7 +61,6 @@
 's1357c9b016a9a631': `CSS-Größe:`,
 's1570e1200a882f33': `Block-Innenabstand setzen`,
 's1626a7e10a9f9dcc': `Legt die Schriftart der Auswahl fest`,
-'s162f6f7ed3fc2584': `Schublade einfügen`,
 's163770926259036e': `Zeilenabstand setzen`,
 's16b9446e3a70e1f4': `Attribute`,
 's16f2f1c2c516d307': `Öffne ein Dokument`,
@@ -84,26 +80,15 @@
 's2591806d7b222591': `Änderungen zurücksetzen`,
 's268ecd1cef45a9a8': `Bestätigen?`,
 's2692bc028fed91f1': `⇪ Feststell`,
-'s29eb103449472e3b': `Überschrift einfügen (Ebene 3)`,
-'s29ee7434494a0dfe': `Überschrift einfügen (Ebene 2)`,
-'s29f21c34494d614d': `Überschrift einfügen (Ebene 1)`,
-'s29fbfc3449557f72': `Überschrift einfügen (Ebene 6)`,
-'s29ff743449588131': `Überschrift einfügen (Ebene 5)`,
-'s2a031834495bcdb4': `Überschrift einfügen (Ebene 1)`,
 's2a75c946ef4dcab7': `Sonstiges`,
 's2b8f50c64be440f7': str`${0} auswählen...`,
 's2ceb11be2290bb1b': `Abbrechen`,
-'s2f2044f2431a32d5': `Überschrift`,
-'s337a1e9022a8d19f': `Tabelle`,
 's33b62827f665c461': `Keine Pakete installiert`,
 's33f85f24c0f5f008': `Speichern`,
 's342b0cabfa672822': `Hilf dem Nutzer, das Widget zu finden`,
 's34dcda3b0f9d5a98': `URL umschalten`,
 's34f724979a124c50': `Setze die Hintergrundfarbe des auswählten Texts`,
 's35aeaff1425bca9e': `WebWriter unterstützt diesen Datentypen nicht`,
-'s35c3125c7750681e': `Blockzitat`,
-'s3643189d1abbb7f4': `Code`,
-'s377e24af9628c37e': `Geordnete Liste`,
 's37fa3b9cd51c2dfd': `Legt die Schriftgröße der Auswahl fest`,
 's382a2aa3984474dd': `Erstellen`,
 's38980f98cb07ceb8': `Speichere das aktive Dokument als Kopie`,
@@ -113,7 +98,6 @@
 's3b3cfb9df7a16976': `Block-Text ausrichten`,
 's3cf89cb47fdde7e9': `Link`,
 's3d09398e555ee5f9': `Fortgeschrittene Optionen`,
-'s3d249bb480032121': `Liste`,
 's4023fcc0ecf63c51': `Öffnet oder schließt die Einstellungen-Schublade`,
 's417b90913e05bc17': `Vorschau`,
 's418f2020fe996832': `Änderungen bestätigen`,
@@ -124,12 +108,8 @@
 's4cb38675a21b2c98': ``,
 's4ea0f21fc2a338a1': `Nach oben verschieben`,
 's4f20edb48a6287c9': `Laden`,
-'s523eb9043213ff0d': `Kursiv`,
 's543906d1db8b2283': `Bearbeite `,
-'s587ac858dd80f6fa': `Tiefgestellt`,
-'s599dcd2472c75c19': `Absatz`,
 's5a0742dba0defaec': `Setze die Text-Ausrichtung des auswählten Blocks`,
-'s5b8cc9bb61ddce15': `Absatz einfügen`,
 's600fd23c9ce971e8': `Drucke das aktive Dokument`,
 's6196153c4b0c1ea0': `Installieren`,
 's61e136c0658e27d5': `Protokoll`,
@@ -160,7 +140,6 @@
 's8670e5ad3bf0dcf8': `Speichern unter`,
 's8688d74dd3716d6e': `Tastenkürzel für Befehle`,
 's889fce46bd2236e5': `Dokumente`,
-'s88a62d29529948fb': `Tabelle einfügen`,
 's8a7fa8a052138aef': `Warnung:`,
 's8a9eb438abac7c6a': `Beschriftungen`,
 's8b0432eecbd8b034': `Aktualisieren`,
@@ -170,20 +149,17 @@
 's8f4be9f086eb530f': `Rückgängig`,
 's8f533296a536965e': `Speichern unter...`,
 's9017cdca3510148e': `Zeige eine Live-Vorschau, wenn die Maus über ein Widget in der Palette bewegt wird.`,
-'s92f846b9be2e8e8d': `Markiere die Auswahl als kursiv`,
 's9565553d163fc92a': `Script`,
 's979dc9098d6bb3e0': `Schriftgröße erhöhen`,
 's9896529e5cb20558': `Externe Datei`,
 's98977a87d1b93941': `Setze Informationen, Styles und Skripte zurück`,
-'s99b38e000175cc84': `Durchgestrichen`,
 's9bf0b9da3f509795': `Widget-Package`,
 's9d8b8aa2b404c2c8': `Einstellungen`,
 's9e3dbb678150edd4': `Schriftart festlegen`,
 'sa00df4e39c72d3b4': str`${0} wird nicht unterstützt`,
 'sa2ffa28d1155c0ff': `Erhöht die Schriftgröße der Auswahl`,
 'sa311a24c1471a974': `Dokument`,
 'sa3c9339de23c1752': `Format`,
-'sa492a51a707930fa': `Blockzitat einfügen`,
 'sa645d315510dc09e': `Wähle einen Festplatten-Dateipfad`,
 'sa65d4ad99f1d8c06': `Text-Hintergrund setzen`,
 'sa6f8d27bca557059': `Verschiebe meta/link/style-Elemente in dieses Element`,
@@ -192,48 +168,36 @@
 'sab55faae8e165407': `Innenabstand <br> wie Außenabstand`,
 'sad288b082f4d3521': `Das System scheint offline zu sein. Offline können verfügbare und veraltete Pakete nicht abgerufen werden.`,
 'sae3629911a62147f': `JS-Größe:`,
-'saf3da7c95cb17260': `Markiere die Auswahl als hochgestellt`,
 'safc6f203342d09e2': `Vorschau für das aktive Dokument umschalten`,
 'sb0a974028c99ca6d': `Adaptionen erlauben?`,
 'sb0d4f0f7993cf085': `Schriftgröße festlegen`,
 'sb1494c08c8c720d1': `Textfarbe setzen`,
 'sb199b34dca0a4cfc': `Hier Inhalt eingeben...`,
-'sb206d700d26b14ff': `Unterstrichen`,
 'sb233557012dcb328': `Nach unten verschieben`,
 'sb430f5b4824de0d3': `Layout wählen`,
 'sb66beca1e766dcb3': `Anwenden und importieren`,
 'sb721548f59b9b1e2': `Vorschau-Modus`,
 'sb8f855b49234b81b': `Anwenden`,
-'sb9e9a7dd45966756': `Markiere die Auswahl als fett`,
 'sba509fd8ed61d1d5': `Ungespeicherte Datei`,
 'sbba865d4b437944f': `Attribut`,
 'sbbe639e3a3ed95d1': `NoScript`,
 'sbc5bb5bb74d141b9': `Deinstallieren`,
-'sbc5f2a81604baf9b': `Überschrift 6`,
-'sbc5f2b81604bb14e': `Überschrift 5`,
-'sbc5f2c81604bb301': `Überschrift 4`,
-'sbc5f2d81604bb4b4': `Überschrift 3`,
-'sbc5f2e81604bb667': `Überschrift 2`,
 'sbe4a7c8f231739b3': `oder Datei einfügen/ablegen/wählen`,
 'sbf89a6f724bef29f': `Setze den Innenabstand des ausgewählten Blocks`,
 'sc221faca1ecb4aee': `Anonym`,
 'sc3ac225273c8316b': `Allgemeines`,
 'sc3cfee84dbbf36ae': `Lokale Datei`,
-'sc5cb39478b9b7625': `Markiere die Auswahl als tiefgestellt`,
 'sc60e0271fdc285f2': `Setze den Hintergrund des auswählten Blocks`,
 'sc74e3567875ce255': `Sowohl der Tag deines Widgets als auch der Name des NPM-Packages`,
 'sc7691fecb3373a42': `Keine lokalen Pakete`,
-'scd0ddab5a7a0f930': `Schublade`,
 'scf735dfae10f3870': `Bildung`,
 'sd158a5fc0f062f18': `Verfügbar`,
 'sd846987afc2e2cde': `Zeige einen Platzhalter-Text, wenn ein Dokument leer ist`,
 'sda174a4c93e84ce6': `Fehler beim Importieren von`,
 'sdb311229f4b5eb3b': `Lokales Package importieren`,
-'sdb711380a28fec75': `Liste einfügen (geordnet)`,
 'sdcd1efc06af80825': `Alle Rechte vorbehalten`,
 'sddc49047f66a64ab': `Keine Beschreibung verfügbar`,
 'sded940efcadd8f10': `Das Dokument speichern`,
-'sdf946172dfa0328f': `Hochgestellt`,
 'se036b53f145441cd': `Gemischter Inhalt`,
 'se1f5bb0386c88f96': `Setze die Farbe des auswählten Texts`,
 'se25e4f2cb77b8be8': `Sprache für das WebWriter-Interface und neue Dokumente`,
@@ -258,9 +222,6 @@
 'sf471ec2496f904cc': `Änderungen verwerfen`,
 'sf65df67a03bebe4b': `Erforderlich für dieses Widget`,
 'sf6673729c03ae999': `WebWriter zurücksetzen`,
-'sf7c0eba7c822e3d6': `Fett`,
-'sf86bd4d2982f3b74': `Markiere die Auswahl als Code`,
-'sf8e82313fa411494': `Markiere die Auswahl als Link`,
 'sf9559106e88ee46d': `Keine Pakete veraltet`,
 'sf9f2c719a04066ec': `Anwendung`,
 'sfdeef3dccf409f81': `Dieses Keyword is für alle Widgets erforderlich`,

@webwriter/core/model/marshal/html.ts

@@ -53,13 +53,13 @@ export async function docToBundle(doc: Node, head: Node, bundle: Environment["bu
     .filter(name => allWidgetTypes.includes(name))
 
   const packageNames = widgetTypes.map(name => doc.type.schema.nodes[name].spec["package"].name)
-  const unscopedPackageNames = packageNames.map(t => unscopePackageName(t))
+  const scopedEntries = packageNames.map(n => [n, unscopePackageName(n)])
 
   const statements = [
     `import "@open-wc/scoped-elements"`
-  ].concat(unscopedPackageNames.flatMap(t => [
-    `import ${t.replaceAll("-", "_")} from "${t}"`,
-    `customElements.define("${t}", ${t.replaceAll("-", "_")})`
+  ].concat(scopedEntries.flatMap(([s, u]) => [
+    `import ${u.replaceAll("-", "_")} from "${s}"`,
+    `customElements.define("${u}", ${u.replaceAll("-", "_")})`
   ]))
   const entrypoint = statements.length > 1? statements.join(";"): ""
 
@@ -148,14 +148,15 @@ export function parse(data: string, schema: Schema) {
   head = head.type.schema.node("head", {...head.attrs, htmlAttrs}, head.content, head.marks)
 
   const editorState = createEditorState({schema, doc}, head)
-  console.log(editorState)
   return editorState
 }
 
 export async function serialize(explorable: Node, head: Node, bundle: Environment["bundle"]) {
 
   const {html, js, css} = await docToBundle(explorable, head, bundle)
 
+  console.log(js)
+
   const script = html.createElement("script")
   script.type = "text/javascript"
   script.text = js

@webwriter/core/model/schemas/contentexpression/parse.pegjs

@@ -1,26 +1,36 @@
-Expression
-  = Group/Sequence/Alternation/SimpleExpression
+Expression = Alternation/Subset/Conjunction/Sequence/Group/SimpleExpression
 
-Group = &" "* "(" " "* expression:Expression " "* ")" quantifier:Quantifier? &" "* {
+Group = &_ "[" _ expression:Expression _ "]" quantifier:Quantifier? &_ {
 	return {...expression, ...(quantifier ?? {min: expression.min ?? 1, max: expression.max ?? 1}), raw: text()}
 }
 
-Sequence = " "* head:(Group/Alternation/SimpleExpression) tail:(" "+ @value:(Group/Alternation/SimpleExpression))+ " "* {
-	return {type: "Sequence", content: [head, ...tail], min: 1, max: 1, raw: text()}
+Alternation = &_ head:(Subset/Conjunction/Sequence/Group/SimpleExpression) tail:(_ "|" _ @value:(Subset/Conjunction/Sequence/Group/SimpleExpression))+ &_ {
+	return {type: "Alternation", content: [head, ...tail], min: 1, max: 1, raw: text()}
 }
 
-Alternation = &" "* head:(Group/SimpleExpression) tail:(" "* "|" " "* @value:(Group/SimpleExpression))+ &" "* {
-	return {type: "Alternation", content: [head, ...tail], min: 1, max: 1, raw: text()}
+Subset = &_ head:(Conjunction/Sequence/Group/SimpleExpression) tail:(_ "||" _ @value:(Conjunction/Sequence/Group/SimpleExpression))+ &_ {
+	return {type: "Subset", content: [head, ...tail], min: 1, max: 1, raw: text()}
 }
 
-SimpleExpression = &" "* content:Token quantifier:Quantifier? &" "* {
+Conjunction = &_ head:(Sequence/Group/SimpleExpression) tail:(_ "&&" _ @value:(Sequence/Group/SimpleExpression))+ &_ {
+	return {type: "Conjunction", content: [head, ...tail], min: 1, max: 1, raw: text()}
+}
+
+Sequence = _ head:(Group/SimpleExpression) tail:(_ @value:(Group/SimpleExpression))+ _ {
+	return {type: "Sequence", content: [head, ...tail], min: 1, max: 1, raw: text()}
+}
+
+SimpleExpression = &_ content:(Type/Literal) quantifier:Quantifier? &_ {
 	return {type: "SimpleExpression", content, ...(quantifier ?? {min: 1, max: 1}), raw: text()}
 }
 
-Token
-  = $([_a-zA-Z][_a-zA-Z0-9]*)
+Literal
+  = $([_a-zA-Z][-_a-zA-Z0-9]*/[()/,])
+  
+Type
+  = "<" $([_a-zA-Z][-_a-zA-Z0-9]*) ">"
   
-Star = "*" {
+Asterisk = "*" {
 	return {min: 0, max: Number.POSITIVE_INFINITY}
 }
 
@@ -32,19 +42,29 @@ Question = "?" {
 	return {min: 0, max: 1}
 }
 
+Hash = "#" {
+	return {min: 1, max: Number.POSITIVE_INFINITY, list: true}
+}
+
+Exclamation = "!" {
+	return {min: 1, max: 1, nonEmpty: true}
+}
+
 SingleQuantifier = "{"valStr:([0-9]+)"}" {
 	let min, max; min = max = parseInt(valStr.join(""))
+    min === 0 && max === 0? error("Both min and max can't be 0 at the same time"): null
 	return {min, max}
 }
 
 DoubleQuantifier = '{' _ minStr:([0-9]+)',' _ maxStr:([0-9]+) _ '}' {
     let min = parseInt(minStr.join(""))
     let max = parseInt(maxStr.join(""))
     min > max? error("min must be less than or equal to max"): null
+    min === 0 && max === 0? error("Both min and max can't be 0 at the same time"): null
 	return {min, max}
 }
 
-Quantifier = Star / Plus / Question / SingleQuantifier / DoubleQuantifier
+Quantifier = Asterisk / Plus / Question / Exclamation / Hash / SingleQuantifier / DoubleQuantifier
 
 _
   = [ \t\n\r]*

@webwriter/core/model/schemas/packageschema/index.ts

@@ -93,7 +93,7 @@ const nonNodeBuiltinPattern = new RegExp(`^(?!${NODE_BUILTINS.join("|")}).*$`)
 const spdxLicensePattern = new RegExp(`^(${SPDX_LICENSES.map(x => x.replaceAll(".", "\.")).join("|")})$`)
 const nodePlatformPattern = new RegExp(`^(${NODE_PLATFORMS.join("|")})$`)
 const nodeArchPattern = new RegExp(`^(${NODE_ARCHS.join("|")})$`)
-const npmPersonPattern = /^\s*(?<name>.*?)\s*(?:<(?<email>.+)>)?\s*(?:\((?<url>.+)\))?\s*$/
+const npmPersonPattern = /^\s*(?<name>.*?)(?:<(?<email>.+)>)?\s*(?:\((?<url>.+)\))?\s*$/
 const mimePattern = /#?(?<supertype>[\w!#$%&'*.^`|~-]+)(?:\/(?<subtype>[\w!#$%&'*.^`|~-]+)(?:\+(?<suffix>[\w!#$%&'*.^`|~-]+))?(?:;(?<pkey>[\w!#$%&'*.^`|~-]+)=(?<pval>[\w!#$%&'*.^`|~-]+))?)?/
 const semverPattern = /(?<major>0|[1-9]\d*)\.(?<minor>0|[1-9]\d*)\.(?<patch>0|[1-9]\d*)(?:-(?<prerelease>(?:0|[1-9]\d*|\d*[a-zA-Z\-][0-9a-zA-Z\-]*)(?:\.(?:0|[1-9]\d*|\d*[a-zA-Z\-][0-9a-zA-Z\-]*))*))?(?:\+(?<buildmetadata>[0-9a-zA-Z\-]+(?:\.[0-9a-zA-Z\-]+)*))?/
 const npmNamePattern = /^(@(?<organization>[a-z0-9\-~][a-z0-9\-._~]*)\/)?(?<name>[a-z0-9\-~][a-z0-9\-._~]*)$/

@webwriter/core/model/schemas/resourceschema/editingstyles.css

@@ -106,11 +106,10 @@
     }
 
 		.ProseMirror {
+      position: relative;
 			outline: none;
 			display: block;
 			white-space: normal !important;
-      font-family: Arial, sans-serif;
-			font-size: 14pt;
 			background: white;
 			border: 1px solid rgba(0, 0, 0, 0.1);
 			padding: 19px;
@@ -240,21 +239,6 @@
 			user-select: none;
 			-webkit-user-select: none;
     }
-		
-		.ProseMirror > p {
-			margin: 0;
-			position: relative;
-			z-index: 1;
-      line-height: 2;
-		}
-
-    .ProseMirror table {
-      margin: 0;
-    }
-
-    .ProseMirror {
-      position: relative;
-    }
 
     html[data-dragover] .ProseMirror::after {
       content: "";
@@ -308,11 +292,8 @@
       color: var(--sl-color-gray-100);
 		}
 
-    blockquote {
-      background: #f9f9f9;
-      border-left: 10px solid #ccc;
-      margin: 1.5em 10px;
-      padding: 0.5em 10px;
+    abbr {
+      text-decoration: underline 1px dotted currentColor;
     }
 
 		@media only screen and (min-width: 1071px) {

@webwriter/core/model/schemas/resourceschema/head.ts

@@ -77,6 +77,7 @@ export const headSchemaSpec = {
 export const headSchema = new Schema(headSchemaSpec)
 
 const initialHeadDoc = () => headSchema.node("head", undefined, [
+  headSchema.node("meta", {charset: "utf-8"}),
   headSchema.node("meta", {name: "generator", content: `webwriter@${webwriterPackage.version}`}),
   headSchema.node("style", {data: {"data-ww-theme": "base"}}, headSchema.text(themes.base))
 ])