@ckeditor/ckeditor5-ai 0.0.1 → 40.0.0

package/src/utils/common-translations.js

@@ -0,0 +1,23 @@
+/*
+ *             Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
+ *
+ *
+ *
+ *
+ *          +---------------------------------------------------------------------------------+
+ *          |                                                                                 |
+ *          |                                 Hello stranger!                                 |
+ *          |                                                                                 |
+ *          |                                                                                 |
+ *          |   What you're currently looking at is the source code of a legally protected,   |
+ *          |    proprietary software. Any attempts to deobfuscate / disassemble this code    |
+ *          |               are forbidden and will result in legal consequences.              |
+ *          |                                                                                 |
+ *          |                                                                                 |
+ *          +---------------------------------------------------------------------------------+
+ *
+ *
+ *
+ *
+ */
+export function getTranslation(_0x3d8e36,_0x3cb3a2,_0x5fe0cd){const t=_0x3d8e36['t'];switch(_0x3cb3a2){case'Edit\x20or\x20review':return t('Edit\x20or\x20review');case'Improve\x20writing':return t('Improve\x20writing');case'Make\x20shorter':return t('Make\x20shorter');case'Make\x20longer':return t('Make\x20longer');case'Simplify\x20language':return t('Simplify\x20language');case'Generate\x20from\x20selection':return t('Generate\x20from\x20selection');case'Summarize':return t('Summarize');case'Continue':return t('Continue');case'Change\x20tone':return t('Change\x20tone');case'Professional':return t('Professional');case'Casual':return t('Casual');case'Direct':return t('Direct');case'Confident':return t('Confident');case'Friendly':return t('Friendly');case'Change\x20style':return t('Change\x20style');case'Business':return t('Business');case'Legal':return t('Legal');case'Journalism':return t('Journalism');case'Poetic':return t('Poetic');case'Translate':return t('Translate');case'Translate\x20to\x20%0':return t('Translate\x20to\x20%0',_0x5fe0cd);case'English':return t('English');case'Spanish':return t('Spanish');case'German':return t('German');case'Portuguese':return t('Portuguese');case'French':return t('French');case'Simplified\x20Chinese':return t('Simplified\x20Chinese');case'Hindi':return t('Hindi');case'Arabic':return t('Arabic');case'AI\x20Assistant':return t('AI\x20Assistant');case'AI\x20Commands':return t('AI\x20Commands');case'Ask\x20AI\x20to\x20edit\x20or\x20generate':return t('Ask\x20AI\x20to\x20edit\x20or\x20generate');case'Ask\x20AI\x20to\x20improve\x20generated\x20text':return t('Ask\x20AI\x20to\x20improve\x20generated\x20text');case'Copy':return t('Copy');case'Submit':return t('Submit');case'Insert\x20below':return t('Insert\x20below');case'Try\x20again':return t('Try\x20again');case'Stop':return t('Stop');case'AI\x20is\x20writing...':return t('AI\x20is\x20writing...');case'History':return t('History');case'Empty\x20history':return t('Empty\x20history');case'Ask\x20AI\x20and\x20your\x20prompts\x20will\x20be\x20listed\x20here\x20for\x20you\x20to\x20use\x20later.':return t('Ask\x20AI\x20and\x20your\x20prompts\x20will\x20be\x20listed\x20here\x20for\x20you\x20to\x20use\x20later.');case'Prompt\x20history':return t('Prompt\x20history');case'Search\x20AI\x20command':return t('Search\x20AI\x20command');case'No\x20commands\x20found':return t('No\x20commands\x20found');case'No\x20commands\x20available':return t('No\x20commands\x20available');case'Clear':return t('Clear');case'AI_REPLACE_CONTENT':return t({'id':'AI_REPLACE_CONTENT','string':'Replace'});case'AI_ERROR_AUTH_REQUEST':return t({'id':'AI_ERROR_AUTH_REQUEST','string':'Authorization\x20request\x20failed'});case'AI_ERROR_CONTEXT_LENGTH':return t({'id':'AI_ERROR_CONTEXT_LENGTH','string':'Selected\x20content\x20is\x20too\x20long'});case'AI_ERROR_MODERATION':return t({'id':'AI_ERROR_MODERATION','string':'Requested\x20query\x20does\x20not\x20pass\x20moderation\x20rules'});case'AI_ERROR_FAILED':return t({'id':'AI_ERROR_FAILED','string':'Failed\x20to\x20communicate\x20with\x20the\x20AI\x20service'});default:return'';}}

package/theme/ai-dropdown.css

@@ -0,0 +1,37 @@
+/*
+ * What you're currently looking at is the source code of a legally protected, proprietary software.
+ * CKEditor 5 Collaboration is licensed under a commercial license and protected by copyright law. Where not otherwise indicated,
+ * all CKEditor 5 Collaboration content is authored by CKSource engineers and consists of CKSource-owned intellectual property.
+ *
+ * Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
+ */
+
+@import "@ckeditor/ckeditor5-ui/theme/mixins/_dir.css";
+@import "@ckeditor/ckeditor5-ui/theme/mixins/_rwd.css";
+
+:root {
+	--ck-ai-dropdown-view-width: 250px;
+	--ck-ai-dropdown-view-list-max-height: 250px;
+}
+
+.ck.ck-ai-commands-search {
+	width: var(--ck-ai-dropdown-view-width);
+
+	& > .ck-labeled-field-view {
+		padding: var(--ck-spacing-large);
+
+		& .ck-input {
+			min-width: unset;
+		}
+	}
+
+	& > .ck-search__results {
+		border-top: 1px solid var(--ck-color-base-border);
+
+		& > .ck-list {
+			max-height: var(--ck-ai-dropdown-view-list-max-height);
+			overflow: auto;
+		}
+	}
+}

package/theme/ai-form.css

@@ -0,0 +1,203 @@
+/*
+ * What you're currently looking at is the source code of a legally protected, proprietary software.
+ * CKEditor 5 Collaboration is licensed under a commercial license and protected by copyright law. Where not otherwise indicated,
+ * all CKEditor 5 Collaboration content is authored by CKSource engineers and consists of CKSource-owned intellectual property.
+ *
+ * Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
+ */
+
+@import "@ckeditor/ckeditor5-ui/theme/mixins/_dir.css";
+@import "@ckeditor/ckeditor5-ui/theme/mixins/_rwd.css";
+
+:root {
+	--ck-ai-form-view-width: 470px;
+	--ck-ai-form-content-height: 126px;
+	--ck-ai-form-content-background: hsl(0, 0%, 98%);
+	--ck-ai-form-history-font-size: .9em;
+
+	/* TODO: Move this color to CKE5 */
+	--ck-ai-form-error-background: hsl(0, 100%, 90%);
+}
+
+/* Note: This class name is mentioned in the guide and acts like a public API. */
+.ck .ck-ai-form {
+	width: var(--ck-ai-form-view-width);
+
+	@mixin ck-media-phone {
+		--ck-ai-form-view-width: 350px;
+	}
+
+	& .ck-ai-form-content {
+		padding: var(--ck-spacing-large);
+		width: 100%;
+
+		& .ck-input {
+			width: 100%;
+		}
+
+		& .ck-ai-form__content-area-wrapper {
+			width: 100%;
+			max-height: var(--ck-ai-form-content-height);
+			overflow-y: auto;
+			border: 1px solid var(--ck-color-base-border);
+			border-radius: 2px;
+
+			&:focus {
+				outline: none;
+				border: var(--ck-focus-ring);
+				box-shadow: var(--ck-focus-outer-shadow), 0 0;
+			}
+		}
+
+		& .ck-ai-form__content-area {
+			display: flex;
+			background-color: var(--ck-ai-form-content-background);
+
+			&.ck-ai-form__content-area--processing {
+				--ck-color-text: var(--ck-color-input-disabled-text);
+				background-color: var(--ck-color-input-disabled-background);
+			}
+
+			/* Note: This class name is mentioned in the guide and acts like a public API */
+			& .ck-ai-form__content-field {
+				width: 100%;
+				white-space: normal;
+				padding: var(--ck-spacing-tiny) var(--ck-spacing-medium);
+				padding-right: 0;
+				min-height: calc( var(--ck-line-height-base) * var(--ck-font-size-base) );
+				box-sizing: content-box;
+
+				& > * {
+					white-space: normal;
+					color: inherit;
+				}
+			}
+
+			& .ck-spinner-container {
+				margin-right: var(--ck-spacing-medium);
+			}
+
+			& .ck-ai-form__copy-button-wrapper {
+				display: flex;
+				flex-direction: column-reverse;
+				padding-left: 2px;
+			}
+
+			& .ck-ai-form__copy-button {
+				position: sticky;
+				right: 1px;
+				bottom: 1px;
+				padding: 4px;
+				min-height: unset;
+				min-width: unset;
+
+				& svg {
+					--ck-icon-size: 16px;
+				}
+
+				&.ck-ai-form__copy-button--copied {
+					color: inherit;
+				}
+			}
+		}
+
+		& .ck-ai-form__toolbar {
+			border: none;
+			padding: 0;
+			margin-top: var(--ck-spacing-medium);
+			margin-bottom: calc( 2 * var(--ck-spacing-medium) );
+		}
+
+		& .ck-ai-form__loader {
+			display: flex;
+			align-items: center;
+
+			& .ck-spinner {
+				box-sizing: border-box;
+			}
+		}
+
+		& .ck-autocomplete {
+			display: flex;
+			justify-content: space-between;
+
+			& > .ck-labeled-field-view {
+				flex-grow: 1;
+			}
+
+			& > .ck.ck-button {
+				margin-left: var(--ck-spacing-medium);
+			}
+
+			& > .ck-labeled-field-view .ck-button {
+				position: absolute;
+				font-size: var(--ck-font-size-tiny);
+				right: var(--ck-spacing-medium);
+				bottom: var(--ck-spacing-small);
+				top: var(--ck-spacing-small);
+				padding: 4px;
+				min-height: unset;
+				min-width: unset;
+			}
+
+			& .ck-textarea {
+				padding-right: 30px;
+			}
+
+			/* Prompt history group */
+			& .ck-search__results .ck-list .ck-list__group {
+				display: grid;
+				grid-template-columns: auto 1fr;
+				grid-template-rows: auto;
+				grid-column-gap: 0px;
+				grid-row-gap: 0px;
+
+				/* History group label */
+				& > span {
+					grid-area: 1 / 1 / 2 / 2;
+				}
+
+				/* Clear button in the history */
+				& > .ck-button {
+					padding: 0;
+					min-height: auto;
+					grid-area: 1 / 2 / 2 / 3;
+					font-size: var(--ck-ai-form-history-font-size);
+					justify-self: start;
+					background: none;
+
+					&:hover .ck-button__label {
+						text-decoration: underline;
+					}
+				}
+
+				& > .ck-list {
+					grid-area: 2 / 1 / 3 / 3;
+
+					/* Prompts can be very long. We need to display them whole. */
+					& .ck-list__item .ck-button .ck-button__label {
+						white-space: nowrap;
+						overflow: hidden;
+						max-width: 100%;
+						text-overflow: ellipsis;
+						font-size: var(--ck-ai-form-history-font-size);
+						line-height: var(--ck-line-height-base);
+					}
+				}
+			}
+		}
+	}
+
+	& .ck-ai-form__error {
+		display: flex;
+		justify-content: center;
+		align-items: center;
+		padding: var(--ck-spacing-medium);
+		background-color: var(--ck-ai-form-error-background);
+		color: var(--ck-color-base-text);
+		border-radius: 2px;
+		margin-bottom: var(--ck-spacing-medium);
+	}
+}
+

package/theme/ai.css

@@ -0,0 +1,98 @@
+/*
+ * What you're currently looking at is the source code of a legally protected, proprietary software.
+ * CKEditor 5 Collaboration is licensed under a commercial license and protected by copyright law. Where not otherwise indicated,
+ * all CKEditor 5 Collaboration content is authored by CKSource engineers and consists of CKSource-owned intellectual property.
+ *
+ * Copyright (c) 2003-2023, CKSource Holding sp. z o.o. All rights reserved.
+ * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
+ */
+
+/*
+ * These definitions bring violet accents (tint) across the AI UI.
+ */
+.ck-ai-assistant-ui {
+	--ck-color-button-default-hover-background: 				hsl(262.1,100%,96.3%);
+	--ck-color-button-default-active-background:				hsl(262.1,100%,96.3%);
+
+	--ck-color-button-on-background: 							hsl(262.1,100%,96.3%);
+	--ck-color-button-on-hover-background: 						hsl(262.5,60%,92.2%);
+	--ck-color-button-on-active-background:						hsl(262.1,100%,96.3%);
+	--ck-color-button-on-disabled-background: 					hsl(262.1,100%,96.3%);
+	--ck-color-button-on-color:									hsl(263.2,59.2%,52%);
+
+	--ck-color-button-action-background: 						hsl(263.2,59.2%,52%);
+	--ck-color-button-action-hover-background: 					hsl(262.6,58.9%,49.6%);
+	--ck-color-button-action-active-background:					hsl(262.6,58.9%,49.6%);
+	--ck-color-button-action-disabled-background: 				hsl(263.8,59.3%,75.9%);
+
+	--ck-color-list-button-hover-background: 					hsl(262.1,100%,96.3%);
+
+	--ck-ai-form-content-background: 							hsl(0,0%,97.6%);
+
+	& .ck-ai-form__submit {
+		border-color: 											var(--ck-color-button-action-background);
+		color: 													var(--ck-color-button-action-background);
+
+		&.ck-disabled {
+			border-color: 										var(--ck-color-button-action-disabled-background);
+		}
+	}
+
+	&.ck-ai-commands-dropdown > .ck-button:hover,
+	&.ck-ai-assistant-button:hover {
+		color: 													var(--ck-color-button-on-color);
+	}
+}
+
+
+/*
+ * Classes used by the "fake visual selection" displayed in the content when an input
+ * in the AI UI has focus (the browser does not render the native selection in this state).
+ *
+ * Narrow down to <span> to prevent changing background for widgets and nested editables.
+ */
+.ck span.ck-fake-ai-selection {
+	background: var(--ck-color-link-fake-selection);
+}
+
+/* A collapsed fake visual selection. */
+.ck .ck-fake-ai-selection_collapsed {
+	height: 100%;
+	border-right: 1px solid var(--ck-color-base-text);
+	margin-right: -1px;
+	outline: solid 1px hsla(0, 0%, 100%, .5);
+}
+
+/*
+ * Styles of the AI response field. The margins, font sizes and line-heights have been reduced
+ * to save space.
+ *
+ * Note: This class name is mentioned in the guide and acts like a public API.
+ */
+.ck.ck-content.ck-ai-form__content-field {
+	& h2 {
+		font-size: 1.3em;
+	}
+
+	& h3 {
+		font-size: 1.2em;
+	}
+
+	& h4, & h5, & h6 {
+		font-size: 1.1em;
+	}
+
+	& h2, & h3, & h4, & h5, & h6, & p, & ul, & ol {
+		margin-block-start: .5em;
+		margin-block-end: .5em;
+		line-height: 1.7em;
+	}
+
+	& > :first-child {
+		margin-top: 0;
+	}
+
+	& > :last-child {
+		margin-bottom: 0;
+	}
+}

package/theme/icons/copy.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M5 2.801a.7.7 0 0 0-.7.7v11.5a.8.8 0 0 1-1.6 0v-11.5a2.3 2.3 0 0 1 2.3-2.3h6.5a.8.8 0 0 1 0 1.6H5Zm.7 3.7a2.3 2.3 0 0 1 2.3-2.3h7a2.3 2.3 0 0 1 2.3 2.3v10a2.3 2.3 0 0 1-2.3 2.3H8a2.3 2.3 0 0 1-2.3-2.3v-10Zm2.3-.7a.7.7 0 0 0-.7.7v10a.7.7 0 0 0 .7.7h7a.7.7 0 0 0 .7-.7v-10a.7.7 0 0 0-.7-.7H8Z"/></svg>

package/theme/icons/error.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path clip-rule="evenodd" d="M9.9 4.385a1.2 1.2 0 0 0-.44.44h.002l-5.284 9.15a1.2 1.2 0 0 0 1.04 1.8h10.564a1.2 1.2 0 0 0 1.04-1.8l-5.282-9.15a1.2 1.2 0 0 0-1.64-.44Zm.05 8.363a.301.301 0 0 1 .115-.023h.9a.301.301 0 0 1 .3.3v.9a.3.3 0 0 1-.3.3h-.9a.3.3 0 0 1-.3-.3v-.9a.3.3 0 0 1 .185-.277Zm-.185-4.723a.3.3 0 0 1 .3-.3h.9a.3.3 0 0 1 .3.3v3.4a.3.3 0 0 1-.3.3h-.9a.301.301 0 0 1-.3-.3v-3.4Z"/></svg>

package/theme/icons/magic-wand.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M15.346 9.422a.151.151 0 0 1 .284 0l.548 1.484a.152.152 0 0 0 .09.089l1.483.549a.151.151 0 0 1 0 .284l-1.483.548a.151.151 0 0 0-.09.09l-.548 1.483a.152.152 0 0 1-.142.1.151.151 0 0 1-.142-.1l-.549-1.483a.15.15 0 0 0-.09-.09l-1.483-.548a.15.15 0 0 1 0-.284l1.484-.549a.152.152 0 0 0 .089-.09l.549-1.483Z"/><path d="M16.306 1.742a.151.151 0 0 1 .284 0l.549 1.483a.15.15 0 0 0 .089.09l1.483.548a.151.151 0 0 1 .072.229.151.151 0 0 1-.072.055l-1.483.549a.15.15 0 0 0-.09.09l-.548 1.482a.151.151 0 0 1-.284 0l-.549-1.483a.15.15 0 0 0-.09-.09l-1.483-.548a.151.151 0 0 1 0-.284l1.484-.549a.152.152 0 0 0 .09-.089l.548-1.483Z"/><path d="M7.665 1.742a.151.151 0 0 1 .284 0l.549 1.483a.151.151 0 0 0 .09.09l1.482.548a.151.151 0 0 1 .072.229.151.151 0 0 1-.072.055l-1.483.549a.151.151 0 0 0-.09.09L7.95 6.267a.151.151 0 0 1-.284 0l-.549-1.483a.151.151 0 0 0-.089-.09l-1.483-.548a.151.151 0 0 1 0-.284l1.483-.549a.151.151 0 0 0 .09-.089l.548-1.483-.001.001Z"/><path d="M14.72 7.946a.848.848 0 0 0 .25-.591.824.824 0 0 0-.241-.588l-1.943-1.938a.812.812 0 0 0-.588-.241.838.838 0 0 0-.591.25l-1.545 1.539 3.115 3.115 1.542-1.546h.001Z"/><path clip-rule="evenodd" d="M1.19 15.636a.96.96 0 0 1 .281-.679l7.835-7.834 3.121 3.12-7.834 7.835a.959.959 0 0 1-1.358 0l-1.764-1.764a.96.96 0 0 1-.28-.678Zm9.22-5.391-1.121-1.12-6.479 6.478 1.121 1.121 6.479-6.479Z"/></svg>

package/theme/icons/robot-pencil.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M9.61 2.66a1.406 1.406 0 1 0-1.407 0v.891H3.28a2.11 2.11 0 0 0-2.11 2.11v10.312a2.11 2.11 0 0 0 2.11 2.109h5.684l-.054-1.157.18-.25H3.28a.703.703 0 0 1-.703-.702V5.66c0-.389.315-.704.703-.704h11.25c.388 0 .703.315.703.704v2.484l.358-.497a2.492 2.492 0 0 1 1.048-.84V5.66a2.11 2.11 0 0 0-2.11-2.11H9.61v-.89Z"/><path d="M5.625 10.817c.518 0 .937-.63.937-1.407 0-.776-.42-1.406-.937-1.406-.518 0-.938.63-.938 1.406 0 .777.42 1.407.938 1.407Z"/><path d="M13.125 9.41c0 .777-.42 1.407-.938 1.407s-.937-.63-.937-1.407c0-.776.42-1.406.937-1.406.518 0 .938.63.938 1.406Z"/><path d="M.937 8.004A.937.937 0 0 0 0 8.942v1.875c0 .517.42.937.937.937v-3.75Z"/><path d="M6.128 12.51a.782.782 0 0 1 1.085.216c.272.408.907.707 1.693.707s1.421-.3 1.693-.707a.782.782 0 0 1 1.302.868c-.666 1-1.906 1.403-2.995 1.403-1.089 0-2.329-.404-2.995-1.403a.782.782 0 0 1 .217-1.085Z"/><path d="m16.987 8.91-.622.864 2.879 2.074.622-.864a.71.71 0 0 0-.161-.99l-1.728-1.245a.71.71 0 0 0-.99.161Z"/><path d="M11.635 19.951a.355.355 0 0 1-.449-.31l-.214-2.38 4.978-6.911 2.88 2.074-4.978 6.91-2.217.617Z"/></svg>

package/theme/icons/submit.svg

@@ -0,0 +1 @@
+<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M15.875 4.419a.75.75 0 0 0-1.5 0v7.25H6.818l2.33-1.955a.75.75 0 0 0-.963-1.15l-3.792 3.182a.75.75 0 0 0-.17.945c.046.11.118.208.21.284l3.788 3.18a.75.75 0 1 0 .965-1.149l-2.19-1.837h7.629c.69 0 1.25-.56 1.25-1.25v-7.5Z"/></svg>