-
-
-
+
`,
data() {
return {
@@ -331,7 +470,12 @@ const kixote = Vue.createApp({
{
this.$nextTick(() => {
const displayRef = this.$refs.kdisplay;
- displayRef.scrollTop = displayRef.scrollHeight;
+ if (displayRef) {
+ displayRef.scrollTo({
+ top: displayRef.scrollHeight,
+ behavior: 'smooth'
+ });
+ }
});
},
updateKixoteSettings(newSettings)
@@ -363,6 +507,305 @@ const kixote = Vue.createApp({
},
})
+/*
+// publish tree
+// unpublish tree
+// load page
+// save page
+// translate page
+// translate tree
+*/
+
+kixote.component('tab-admin', {
+ props: ['content', 'navigation', 'item', 'useragreement', 'aiservice', 'tokenstats', 'labels', 'settings', 'settingsSaved', 'kixoteSettings', 'urlinfo'],
+ data: function () {
+ return {
+ messenger: [],
+ messengerIndex: false,
+ command: '',
+ params: false,
+ }
+ },
+ template: `
+
+
Hello, I am Kixote from Typemill. How can I help?
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Enter "help" to see a list of commands
+
+
`,
+ mounted: function()
+ {
+// this.clear();
+
+ eventBus.$on('answer', messages => {
+ let lastKey = this.messenger.length - 1;
+ messages.forEach((message) =>
+ {
+ this.messenger[lastKey].answer.push(message);
+ });
+ });
+
+ eventBus.$on('nextCommands', nextcommands => {
+ let lastKey = this.messenger.length - 1;
+ nextcommands.forEach((nextcommand) =>
+ {
+ this.messenger[lastKey].nextCommands.push(nextcommand);
+ });
+ });
+
+ eventBus.$on('storable', data => {
+ let lastKey = this.messenger.length - 1;
+ this.messenger[lastKey].storable = data;
+ });
+
+ this.focusOnInput();
+ },
+ methods: {
+ exit()
+ {
+ eventBus.$emit('kiExit');
+ },
+ clear()
+ {
+ this.messenger = [];
+ this.params = false;
+ this.command = '';
+ },
+ focusOnInput()
+ {
+ this.$nextTick(() => {
+ const inputRef = this.$refs.kinput;
+ inputRef.focus();
+ });
+ },
+ finishCommand()
+ {
+ this.command = '';
+ this.focusOnInput();
+ eventBus.$emit('kiScrollBottom');
+ },
+ submitInlineCommand(command, index)
+ {
+ this.command = command;
+ this.messengerIndex = index;
+ // should we submit this.messenger[index].storable as params?
+ let storable = this.messenger[index].storable;
+ this.submitCommand(false, storable);
+ },
+ submitCommand(event, params = false)
+ {
+ if(this.command.trim() == '')
+ {
+ return;
+ }
+
+ let currentCommand = '
Ki> ' + this.command;
+
+ let message = { 'command' : currentCommand, 'answer' : [], 'storable' : false, 'nextCommands' : [] }
+
+ if(this.command == 'exit')
+ {
+ this.exit();
+
+ return;
+ }
+
+ if(this.command == 'skip')
+ {
+ message.answer.push('We skipped the current task. Start with a new command.');
+
+ this.messenger.push(message);
+
+ this.params = false;
+
+ this.finishCommand();
+
+ return;
+ }
+
+ if(this.params)
+ {
+ let question = this.getNextQuestion(this.params);
+
+ if(question)
+ {
+ message.answer.push(question);
+
+ this.messenger.push(message);
+
+ this.finishCommand();
+
+ return;
+ }
+
+ // if no further question submit inital command with params
+ let params = this.params;
+
+ this.params = false;
+
+ this.command = params[0].value;
+
+ this.submitCommand(false, params);
+
+ return;
+ }
+
+ let commandObject = this.getCommandObject(this.command);
+
+ if(!commandObject)
+ {
+ message.answer.push('Command not found. Type "help" to see a list of available commands.');
+
+ this.messenger.push(message);
+
+ this.finishCommand();
+
+ return;
+ }
+
+ if(params)
+ {
+ message.answer.push('Working ...');
+
+ this.messenger.push(message);
+
+ commandObject.method(params);
+
+ this.finishCommand();
+
+ return;
+ }
+
+ let initialParams = this.getCommandParams(commandObject);
+
+ if(initialParams)
+ {
+ this.params = initialParams;
+
+ let question = this.getFirstQuestion(initialParams);
+
+ if(question)
+ {
+ message.answer.push(question);
+
+ this.messenger.push(message);
+
+ this.finishCommand();
+
+ return;
+ }
+
+ console.info("no questions found");
+ }
+
+ if(commandObject.answer)
+ {
+ message.answer.push(commandObject.answer);
+ }
+
+ this.messenger.push(message);
+
+ commandObject.method();
+
+ this.finishCommand();
+ },
+ getCommandObject(command)
+ {
+ let result = false;
+
+ kixoteCommands.forEach((commandObject) =>
+ {
+ if(commandObject.name == command)
+ {
+ result = commandObject;
+ }
+ });
+
+ return result;
+ },
+ getCommandParams(commandObject)
+ {
+ if(commandObject.params)
+ {
+ let params = [
+ {
+ name: 'submitWithCommand',
+ value: commandObject.name
+ }
+ ];
+
+ commandObject.params.forEach((param) =>
+ {
+ param.value = false;
+ params.push(param);
+ });
+
+ return params;
+ }
+
+ return false;
+ },
+ getFirstQuestion(params)
+ {
+ if(typeof params[1].question != "undefined")
+ {
+ return params[1].question;
+ }
+
+ return false;
+ },
+ getNextQuestion(params)
+ {
+ let length = params.length;
+
+ for (var index = 0; index < length; index++)
+ {
+ if(!params[index].value)
+ {
+ // set param if valid
+ this.params[index].value = this.command;
+
+ // go to the next param if exists
+ let next = index + 1;
+ if(typeof params[next] != "undefined")
+ {
+ return params[next].question;
+ }
+ }
+ }
+
+ return false;
+ }
+ }
+})
+
kixote.component('tab-generate', {
props: ['content', 'navigation', 'item', 'labels', 'urlinfo', 'settings', 'kixoteSettings', 'settingsSaved', 'aiservice', 'useragreement', 'tokenstats'],
data: function () {
@@ -443,13 +886,13 @@ kixote.component('tab-generate', {
-
+
-
{{ action.name }}
@@ -458,9 +901,9 @@ kixote.component('tab-generate', {
-
+
-
{{ bodyError }}
+
{{ bodyError }}
-
-
@@ -627,7 +1071,7 @@ kixote.component('tab-generate', {
v-if = "currentFilter == 'user' && Object.keys(filteredPrompts).length === 0"
class = "py-2 px-2"
>
-
+
How to Use
Click the + Add Prompt button to create your own prompts. A custom prompt can include:
-
-
-
-
-
-
-
-
-
Content Generation only works on content pages. You are currently in the settings area.
-
-
- `,
- mounted: function()
- {
- this.initAutosize();
-
- if(this.versions.length == 0)
- {
- this.initializeContent()
- }
- },
- watch: {
- currentTab(newTab, oldTab) {
- if (newTab === 'article')
- {
- this.$nextTick(() => {
- this.initAutosize(); // Trigger the resizing when switching back to the article tab
- });
- }
- }
- },
- methods: {
- initAutosize()
- {
- let kieditor = this.$refs["kieditor"];
- let prompteditor = this.$refs["prompteditor"];
-
- if (kieditor)
- {
- autosize(kieditor);
- }
- if (prompteditor)
- {
- autosize(prompteditor);
- }
- },
- agreeTo(aiservice)
- {
- var self = this;
-
- tmaxios.post('/api/v1/agreetoaiservice',{
- 'aiservice': aiservice
- })
- .then(function (response)
- {
- eventBus.$emit('agreetoservice');
- self.$nextTick(() => {
- self.initAutosize();
- });
- })
- },
- initializeContent()
- {
- let markdown = '';
-
- for(block in this.content)
- {
- markdown += this.content[block].markdown + '\n\n';
- }
- this.originalmd = markdown;
- this.versions.push(markdown);
- this.resizeAiEditor();
- },
- resizeAiEditor()
- {
- this.$nextTick(() => {
- let kieditor = this.$refs["kieditor"];
- if (kieditor)
- {
- autosize.update(kieditor);
- }
- });
- },
- resizePromptEditor()
- {
- this.$nextTick(() => {
- let prompteditor = this.$refs["prompteditor"];
- if (prompteditor)
- {
- autosize.update(prompteditor);
- }
- });
- },
- submitPrompt()
- {
- this.promptError = false;
-
- var self = this;
- eventBus.$emit('switchLoading');
-
- tmaxios.post('/api/v1/prompt',{
- 'prompt': this.prompt,
- 'article': this.versions[this.activeversion]
- })
- .then(function (response)
- {
- eventBus.$emit('switchLoading');
- if (response.data.message === 'Success')
- {
- let answer = response.data.answer;
- answer = answer.replace(/<\/?focus>/g, '');
- self.versions.push(answer);
- self.activeversion = self.versions.length-1;
- self.prompt = '';
- self.resizePromptEditor();
- self.resizeAiEditor();
- }
- })
- .catch(function (error)
- {
- eventBus.$emit('switchLoading');
- if(error.response)
- {
- self.disabled = false;
- self.promptError = handleErrorMessage(error);
- self.licensemessage = error.response.data.message;
- if(error.response.data.errors !== undefined)
- {
- self.promptError = error.response.data.errors;
- }
- }
- });
- },
- handleKeydown(event)
- {
- if (event.key === 'Enter' && !event.shiftKey)
- {
- event.preventDefault();
- this.submitPrompt();
- }
- else if (event.key === 'Enter' && event.shiftKey)
- {
- // Allow line break
- const textarea = event.target;
- const start = textarea.selectionStart;
- const end = textarea.selectionEnd;
- textarea.value = textarea.value.slice(0, start) + '\n' + textarea.value.slice(end);
- textarea.selectionStart = textarea.selectionEnd = start + 1;
-
- let prompteditor = this.$refs["prompteditor"];
- autosize.update(prompteditor);
-
- event.preventDefault();
- }
- },
- exit()
- {
- eventBus.$emit('kiExit');
- },
- }
-})
-
-
-// publish tree
-// unpublish tree
-// load page
-// save page
-// translate page
-// translate tree
-
-
-const kixoteCommands = [
- {
- name: 'help',
- description: 'List all available commands with a short description.',
- method: function()
- {
- let result = ['
'];
- kixoteCommands.forEach((command) =>
- {
- let block = '- ' + command.name + ': ' + command.description + '
';
- result.push(block);
- })
- result.push('
');
-
- eventBus.$emit('answer', result);
- },
- answer: '
You can use the following commands:
',
- },
- {
- name: 'exit',
- description: 'Exit Kixote and close the Kixote window.',
- },
- {
- name: 'clear navigation',
- description: 'Clear the cached navigation.',
- method: function()
- {
- var self = this;
-
- tmaxios.delete('/api/v1/clearnavigation',{
- })
- .then(function (response)
- {
- eventBus.$emit('answer', ['navigation has been cleared']);
- })
- .catch(function (error)
- {
- eventBus.$emit('answer', getKixoteError(error));
- });
- },
- answer: ['Asking server ...'],
- },
- {
- name: 'clear cache',
- description: 'Clear the cache-folder and delete cached files.',
- method: function()
- {
- var self = this;
-
- tmaxios.delete('/api/v1/cache',{
- })
- .then(function (response)
- {
- eventBus.$emit('answer', ['cache has been cleared']);
- })
- .catch(function (error)
- {
- eventBus.$emit('answer', getKixoteError(error));
- });
- },
- answer: ['Asking server ...'],
- },
- {
- name: 'show security log',
- description: 'Show the security log that you can activate in the security tab of the system settings.',
- method: function()
- {
- var self = this;
-
- tmaxios.get('/api/v1/securitylog',{
- })
- .then(function (response)
- {
- eventBus.$emit('answer', response.data.lines);
- eventBus.$emit('nextCommands', ['clear security log']);
- })
- .catch(function (error)
- {
- eventBus.$emit('answer', getKixoteError(error));
- });
- },
- answer: ['Asking server ...'],
- },
- {
- name: 'clear security log',
- description: 'Clear the security log.',
- method: function()
- {
- var self = this;
-
- tmaxios.delete('/api/v1/securitylog',{
- })
- .then(function (response)
- {
- eventBus.$emit('answer', ['Security log has been cleared.']);
- })
- .catch(function (error)
- {
- eventBus.$emit('answer', getKixoteError(error));
- });
- },
- answer: ['Asking server ...'],
- },
-/*
- {
- name: 'skip',
- description: 'Skip the current task and start a new command.',
- answer: ['We skipped the current task. Waiting for your next command.'],
- },
- {
- name: 'create content',
- description: 'Create content with artificial intelligence.',
- params: [
- {
- name: 'topic',
- value: false,
- question: 'Please describe a topic in few words:',
- required: true,
- regex: false,
- },
- {
- name: 'length',
- value: false,
- question: 'How many words should the text have?',
- required: true,
- regex: false,
- },
- ],
- method: function(params)
- {
- eventBus.$emit('storable', ['Lorem ipsum in markdown.']);
- eventBus.$emit('nextCommands', ['transform', 'translate', 'save to page']);
- eventBus.$emit('answer', ['This is the answer from the server. The server can ask an AI service with the collected parameters and return any kind of answer in HTML and preferably in markdown, so that typemill can process the content again (e.g. store, translate, and more).']);
- },
- answer: ['Creating content...'],
- },
- {
- name: 'save to page',
- description: 'Save markdown to current page.',
- method: function(params)
- {
- console.info(params[0]);
- eventBus.$emit('answer', ['saved content to page']);
- },
- answer: ['Save content...'],
- },
-*/
- ];
-
-
-
-kixote.component('tab-admin', {
- props: [],
- data: function () {
- return {
- messenger: [],
- messengerIndex: false,
- command: '',
- params: false,
- }
- },
- template: `
-
-
Hello, I am Kixote from Typemill. How can I help?
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
Enter "help" to see a list of commands
-
-
`,
- mounted: function()
- {
-// this.clear();
-
- eventBus.$on('answer', messages => {
- let lastKey = this.messenger.length - 1;
- messages.forEach((message) =>
- {
- this.messenger[lastKey].answer.push(message);
- });
- });
-
- eventBus.$on('nextCommands', nextcommands => {
- let lastKey = this.messenger.length - 1;
- nextcommands.forEach((nextcommand) =>
- {
- this.messenger[lastKey].nextCommands.push(nextcommand);
- });
- });
-
- eventBus.$on('storable', data => {
- let lastKey = this.messenger.length - 1;
- this.messenger[lastKey].storable = data;
- });
-
- this.focusOnInput();
- },
- methods: {
- exit()
- {
- eventBus.$emit('kiExit');
- },
- clear()
- {
- this.messenger = [];
- this.params = false;
- this.command = '';
- },
- focusOnInput()
- {
- this.$nextTick(() => {
- const inputRef = this.$refs.kinput;
- inputRef.focus();
- });
- },
- finishCommand()
- {
- this.command = '';
- this.focusOnInput();
- eventBus.$emit('kiScrollBottom');
- },
- submitInlineCommand(command, index)
- {
- this.command = command;
- this.messengerIndex = index;
- // should we submit this.messenger[index].storable as params?
- let storable = this.messenger[index].storable;
- this.submitCommand(false, storable);
- },
- submitCommand(event, params = false)
- {
- if(this.command.trim() == '')
- {
- return;
- }
-
- let currentCommand = '
Ki> ' + this.command;
-
- let message = { 'command' : currentCommand, 'answer' : [], 'storable' : false, 'nextCommands' : [] }
-
- if(this.command == 'exit')
- {
- this.exit();
-
- return;
- }
-
- if(this.command == 'skip')
- {
- message.answer.push('We skipped the current task. Start with a new command.');
-
- this.messenger.push(message);
-
- this.params = false;
-
- this.finishCommand();
-
- return;
- }
-
- if(this.params)
- {
- let question = this.getNextQuestion(this.params);
-
- if(question)
- {
- message.answer.push(question);
-
- this.messenger.push(message);
-
- this.finishCommand();
-
- return;
- }
-
- // if no further question submit inital command with params
- let params = this.params;
-
- this.params = false;
-
- this.command = params[0].value;
-
- this.submitCommand(false, params);
-
- return;
- }
-
- let commandObject = this.getCommandObject(this.command);
-
- if(!commandObject)
- {
- message.answer.push('Command not found. Type "help" to see a list of available commands.');
-
- this.messenger.push(message);
-
- this.finishCommand();
-
- return;
- }
-
- if(params)
- {
- message.answer.push('Working ...');
-
- this.messenger.push(message);
-
- commandObject.method(params);
-
- this.finishCommand();
-
- return;
- }
-
- let initialParams = this.getCommandParams(commandObject);
-
- if(initialParams)
- {
- this.params = initialParams;
-
- let question = this.getFirstQuestion(initialParams);
-
- if(question)
- {
- message.answer.push(question);
-
- this.messenger.push(message);
-
- this.finishCommand();
-
- return;
- }
-
- console.info("no questions found");
- }
-
- if(commandObject.answer)
- {
- message.answer.push(commandObject.answer);
- }
-
- this.messenger.push(message);
-
- commandObject.method();
-
- this.finishCommand();
- },
- getCommandObject(command)
- {
- let result = false;
-
- kixoteCommands.forEach((commandObject) =>
- {
- if(commandObject.name == command)
- {
- result = commandObject;
- }
- });
-
- return result;
- },
- getCommandParams(commandObject)
- {
- if(commandObject.params)
- {
- let params = [
- {
- name: 'submitWithCommand',
- value: commandObject.name
- }
- ];
-
- commandObject.params.forEach((param) =>
- {
- param.value = false;
- params.push(param);
- });
-
- return params;
- }
-
- return false;
- },
- getFirstQuestion(params)
- {
- if(typeof params[1].question != "undefined")
- {
- return params[1].question;
- }
-
- return false;
- },
- getNextQuestion(params)
- {
- let length = params.length;
-
- for (var index = 0; index < length; index++)
- {
- if(!params[index].value)
- {
- // set param if valid
- this.params[index].value = this.command;
-
- // go to the next param if exists
- let next = index + 1;
- if(typeof params[next] != "undefined")
- {
- return params[next].question;
- }
- }
- }
-
- return false;
- }
- }
-})
-
-
-kixote.component('tab-translate', {
- props: [],
- data: function () {
- return {
- }
- },
- template: `
- Translation Component
- `,
- mounted: function()
- {
- },
- methods: {
- selectComponent: function(type)
- {
- }
- }
-})
-
-kixote.component('tab-automate', {
- props: [],
- data: function () {
- return {
- }
- },
- template: `
`,
- mounted: function()
- {
- },
- methods: {
- selectComponent: function(type)
- {
- }
- }
-})
-
-kixote.component('tab-seo', {
- props: [],
- data: function () {
- return {
- }
- },
- template: `
`,
- mounted: function()
- {
- },
- methods: {
- selectComponent: function(type)
- {
- }
- }
-})
-
-kixote.component('tab-rag', {
- props: [],
- data: function () {
- return {
- }
- },
- template: `
- Retrieval Augmented Generation
- `,
- mounted: function()
- {
- },
- methods: {
- selectComponent: function(type)
- {
- }
- }
-})
-
-kixote.component('tab-token', {
- props: [],
- data: function () {
- return {
- }
- },
- template: `
- Token Overview Component
- `,
- mounted: function()
- {
- },
- methods: {
- selectComponent: function(type)
- {
- }
- }
-})
\ No newline at end of file