feat: add subscript and superscript and generate icons

JesmoDev · JesmoDev · commit 29bbf8eb2abf · 2024-09-30T12:40:03.000+02:00
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -213,6 +213,8 @@
 		"@tiptap/extension-paragraph": "^2.7.4",
 		"@tiptap/extension-placeholder": "^2.7.4",
 		"@tiptap/extension-strike": "^2.7.4",
+		"@tiptap/extension-subscript": "^2.7.4",
+		"@tiptap/extension-superscript": "^2.7.4",
 		"@tiptap/extension-table": "^2.7.4",
 		"@tiptap/extension-table-cell": "^2.7.4",
 		"@tiptap/extension-table-header": "^2.7.4",
diff --git a/src/external/tiptap/index.ts b/src/external/tiptap/index.ts
@@ -23,6 +23,8 @@ export { Link } from '@tiptap/extension-link';
 export { ListItem } from '@tiptap/extension-list-item';
 export { OrderedList } from '@tiptap/extension-ordered-list';
 export { Strike } from '@tiptap/extension-strike';
+export { Subscript } from '@tiptap/extension-subscript';
+export { Superscript } from '@tiptap/extension-superscript';
 export { Table } from '@tiptap/extension-table';
 export { TableCell } from '@tiptap/extension-table-cell';
 export { TableHeader } from '@tiptap/extension-table-header';
diff --git a/src/packages/core/icon-registry/icon-dictionary.json b/src/packages/core/icon-registry/icon-dictionary.json
@@ -1966,6 +1966,14 @@
 			"name": "icon-strikethrough",
 			"file": "strikethrough.svg"
 		},
+		{
+			"name": "icon-subscript",
+			"file": "subscript.svg"
+		},
+		{
+			"name": "icon-superscript",
+			"file": "superscript.svg"
+		},
 		{
 			"name": "icon-sunny",
 			"file": "sun.svg"
diff --git a/src/packages/core/icon-registry/icons.ts b/src/packages/core/icon-registry/icons.ts
@@ -1712,7 +1712,7 @@ name: "icon-shipping",
 path: () => import("./icons/icon-shipping.js"),
 },{
 name: "icon-shoe",
-
+legacy: true,
 path: () => import("./icons/icon-shoe.js"),
 },{
 name: "icon-shopping-basket-alt-2",
@@ -1851,6 +1851,14 @@ name: "icon-strikethrough",
 
 path: () => import("./icons/icon-strikethrough.js"),
 },{
+name: "icon-subscript",
+
+path: () => import("./icons/icon-subscript.js"),
+},{
+name: "icon-superscript",
+
+path: () => import("./icons/icon-superscript.js"),
+},{
 name: "icon-sunny",
 
 path: () => import("./icons/icon-sunny.js"),
diff --git a/src/packages/core/icon-registry/icons/icon-science.ts b/src/packages/core/icon-registry/icons/icon-science.ts
@@ -1,4 +1,4 @@
-export default `<!-- @license lucide-static v0.424.0 - ISC -->
+export default `<!-- @license lucide-static v0.446.0 - ISC -->
 <svg
   class="lucide lucide-atom"
   xmlns="http://www.w3.org/2000/svg"
diff --git a/src/packages/core/icon-registry/icons/icon-subscript.ts b/src/packages/core/icon-registry/icons/icon-subscript.ts
@@ -0,0 +1,16 @@
+export default `<!-- @license lucide-static v0.446.0 - ISC -->
+<svg
+  class="lucide lucide-subscript"
+  xmlns="http://www.w3.org/2000/svg"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="1.75"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <path d="m4 5 8 8" />
+  <path d="m12 5-8 8" />
+  <path d="M20 19h-4c0-1.5.44-2 1.5-2.5S20 15.33 20 14c0-.47-.17-.93-.48-1.29a2.11 2.11 0 0 0-2.62-.44c-.42.24-.74.62-.9 1.07" />
+</svg>
+`;
diff --git a/src/packages/core/icon-registry/icons/icon-superscript.ts b/src/packages/core/icon-registry/icons/icon-superscript.ts
@@ -0,0 +1,16 @@
+export default `<!-- @license lucide-static v0.446.0 - ISC -->
+<svg
+  class="lucide lucide-superscript"
+  xmlns="http://www.w3.org/2000/svg"
+  viewBox="0 0 24 24"
+  fill="none"
+  stroke="currentColor"
+  stroke-width="1.75"
+  stroke-linecap="round"
+  stroke-linejoin="round"
+>
+  <path d="m4 19 8-8" />
+  <path d="m12 19-8-8" />
+  <path d="M20 12h-4c0-1.5.442-2 1.5-2.5S20 8.334 20 7.002c0-.472-.17-.93-.484-1.29a2.105 2.105 0 0 0-2.617-.436c-.42.239-.738.614-.899 1.06" />
+</svg>
+`;
diff --git a/src/packages/core/icon-registry/icons/icon-unlink.ts b/src/packages/core/icon-registry/icons/icon-unlink.ts
@@ -1,4 +1,4 @@
-export default `<!-- @license lucide-static v0.424.0 - ISC -->
+export default `<!-- @license lucide-static v0.446.0 - ISC -->
 <svg
   class="lucide lucide-unlink"
   xmlns="http://www.w3.org/2000/svg"
diff --git a/src/packages/rte/tiptap/extensions/core/manifests.ts b/src/packages/rte/tiptap/extensions/core/manifests.ts
@@ -119,13 +119,39 @@ export const manifests: Array<ManifestTiptapExtension> = [
 		alias: 'Umb.Tiptap.Strike',
 		name: 'Strike Tiptap Extension',
 		api: () => import('./strike.extension.js'),
-		weight: 996,
+		weight: 998,
 		meta: {
 			icon: 'icon-strikethrough',
 			label: 'Strike',
 			group: 'Text Formatting',
 		},
 	},
+	{
+		type: 'tiptapExtension',
+		kind: 'button',
+		alias: 'Umb.Tiptap.Subscript',
+		name: 'Subscript Tiptap Extension',
+		api: () => import('./subscript.extension.js'),
+		weight: 1010,
+		meta: {
+			icon: 'icon-subscript',
+			label: 'Subscript',
+			group: 'Text Formatting',
+		},
+	},
+	{
+		type: 'tiptapExtension',
+		kind: 'button',
+		alias: 'Umb.Tiptap.Superscript',
+		name: 'Superscript Tiptap Extension',
+		api: () => import('./superscript.extension.js'),
+		weight: 1011,
+		meta: {
+			icon: 'icon-superscript',
+			label: 'Superscript',
+			group: 'Text Formatting',
+		},
+	},
 	{
 		type: 'tiptapExtension',
 		kind: 'button',
diff --git a/src/packages/rte/tiptap/extensions/core/subscript.extension.ts b/src/packages/rte/tiptap/extensions/core/subscript.extension.ts
@@ -0,0 +1,6 @@
+import { UmbTiptapExtensionApiBase } from '../types.js';
+import { Subscript } from '@umbraco-cms/backoffice/external/tiptap';
+
+export default class UmbTiptapBoldExtensionApi extends UmbTiptapExtensionApiBase {
+	getTiptapExtensions = () => [Subscript];
+}
diff --git a/src/packages/rte/tiptap/extensions/core/superscript.extension.ts b/src/packages/rte/tiptap/extensions/core/superscript.extension.ts
@@ -0,0 +1,6 @@
+import { UmbTiptapExtensionApiBase } from '../types.js';
+import { Superscript } from '@umbraco-cms/backoffice/external/tiptap';
+
+export default class UmbTiptapBoldExtensionApi extends UmbTiptapExtensionApiBase {
+	getTiptapExtensions = () => [Superscript];
+}
diff --git a/src/packages/rte/tiptap/extensions/toolbar/manifests.ts b/src/packages/rte/tiptap/extensions/toolbar/manifests.ts
@@ -102,6 +102,34 @@ export const manifests: Array<ManifestTiptapToolbarExtension | ManifestTiptapToo
 			isDefault: true,
 		},
 	},
+	{
+		type: 'tiptapToolbarExtension',
+		kind: 'button',
+		alias: 'Umb.Tiptap.Toolbar.Subscript',
+		name: 'Subscript Tiptap Extension',
+		api: () => import('./subscript.extension.js'),
+		weight: 1010,
+		meta: {
+			alias: 'subscript',
+			icon: 'icon-subscript',
+			label: 'Subscript',
+			isDefault: true,
+		},
+	},
+	{
+		type: 'tiptapToolbarExtension',
+		kind: 'button',
+		alias: 'Umb.Tiptap.Toolbar.Superscript',
+		name: 'Superscript Tiptap Extension',
+		api: () => import('./superscript.extension.js'),
+		weight: 1011,
+		meta: {
+			alias: 'superscript',
+			icon: 'icon-superscript',
+			label: 'Superscript',
+			isDefault: true,
+		},
+	},
 	{
 		type: 'tiptapToolbarExtension',
 		kind: 'button',
diff --git a/src/packages/rte/tiptap/extensions/toolbar/subscript.extension.ts b/src/packages/rte/tiptap/extensions/toolbar/subscript.extension.ts
@@ -0,0 +1,8 @@
+import { UmbTiptapToolbarElementApiBase } from '../types.js';
+import type { Editor } from '@umbraco-cms/backoffice/external/tiptap';
+
+export default class UmbTiptapBoldExtensionApi extends UmbTiptapToolbarElementApiBase {
+	override execute(editor?: Editor) {
+		editor?.chain().focus().toggleSubscript().run();
+	}
+}
diff --git a/src/packages/rte/tiptap/extensions/toolbar/superscript.extension.ts b/src/packages/rte/tiptap/extensions/toolbar/superscript.extension.ts
@@ -0,0 +1,8 @@
+import { UmbTiptapToolbarElementApiBase } from '../types.js';
+import type { Editor } from '@umbraco-cms/backoffice/external/tiptap';
+
+export default class UmbTiptapBoldExtensionApi extends UmbTiptapToolbarElementApiBase {
+	override execute(editor?: Editor) {
+		editor?.chain().focus().toggleSuperscript().run();
+	}
+}

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,4 @@`
`1`		-export default `<!-- @license lucide-static v0.424.0 - ISC -->
	`1`	+export default `<!-- @license lucide-static v0.446.0 - ISC -->
`2`	`2`	`<svg`
`3`	`3`	`class="lucide lucide-atom"`
`4`	`4`	`xmlns="http://www.w3.org/2000/svg"`