ExternalVendorCode/lollms-webui
1
0
Fork 0
mirror of https://github.com/ParisNeo/lollms-webui.git synced 2025-04-19 00:06:52 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

Built new code

Browse Source
This commit is contained in:
ParisNeo 2023-05-07 10:32:26 +02:00
parent 63e82dfceb
commit 3834c8b211
8 changed files with 80 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
web/dist/assets/index-132e5b50.css vendored Normal file
View File

File diff suppressed because one or more lines are too long

11
web/dist/assets/index-1cbd4e52.js vendored
View File

File diff suppressed because one or more lines are too long

1
web/dist/assets/index-45119244.css vendored
View File

File diff suppressed because one or more lines are too long

28
web/dist/assets/index-bdb44707.js vendored Normal file
View File

File diff suppressed because one or more lines are too long

4
web/dist/index.html vendored
View File

@ -6,8 +6,8 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>GPT4All - WEBUI</title>
<script type="module" crossorigin src="/assets/index-1cbd4e52.js"></script>
<link rel="stylesheet" href="/assets/index-45119244.css">
<script type="module" crossorigin src="/assets/index-bdb44707.js"></script>
<link rel="stylesheet" href="/assets/index-132e5b50.css">
</head>
<body>
<div id="app"></div>

9
web/package-lock.json generated
View File

@ -12,6 +12,7 @@
"feather-icons": "^4.29.0",
"flowbite": "^1.6.5",
"flowbite-vue": "^0.0.10",
"highlight.js": "^11.8.0",
"markdown-it": "^13.0.1",
"markdown-it-emoji": "^2.0.2",
"socket.io-client": "^4.6.1",
@ -1875,6 +1876,14 @@
"node": ">=8"
}
},
"node_modules/highlight.js": {
"version": "11.8.0",
"resolved": "https://registry.npmjs.org/highlight.js/-/highlight.js-11.8.0.tgz",
"integrity": "sha512-MedQhoqVdr0U6SSnWPzfiadUcDHfN/Wzq25AkXiQv9oiOO/sG0S7XkvpFIqWBl9Yq1UYyYOOVORs5UW2XlPyzg==",
"engines": {
"node": ">=12.0.0"
}
},
"node_modules/ignore": {
"version": "5.2.4",
"resolved": "https://registry.npmjs.org/ignore/-/ignore-5.2.4.tgz",

1
web/package.json
View File

@ -14,6 +14,7 @@
"feather-icons": "^4.29.0",
"flowbite": "^1.6.5",
"flowbite-vue": "^0.0.10",
"highlight.js": "^11.8.0",
"markdown-it": "^13.0.1",
"markdown-it-emoji": "^2.0.2",
"socket.io-client": "^4.6.1",

46
web/src/components/MarkdownRenderer.vue
View File

@ -1,10 +1,10 @@
<template>
<div>
<div :class="['markdown', isDarkMode ? 'dark' : 'light']">
<div v-html="renderedMarkdown"></div>
</div>
</template>
</template>
<script>
<script>
import MarkdownIt from 'markdown-it';
import emoji from 'markdown-it-emoji';
@ -13,6 +13,10 @@
markdownText: {
type: String,
required: true
},
isDarkMode: {
type: Boolean,
default: false
}
},
data() {
@ -21,15 +25,43 @@
};
},
mounted() {
const markdownIt = new MarkdownIt().use(emoji);
this.renderedMarkdown = markdownIt.render(this.markdownText);
this.renderMarkdown();
},
watch: {
markdownText(newText) {
this.renderMarkdown(newText);
},
isDarkMode() {
this.renderMarkdown();
}
},
methods: {
renderMarkdown(text) {
const markdownIt = new MarkdownIt().use(emoji);
this.renderedMarkdown = markdownIt.render(newText);
this.renderedMarkdown = markdownIt.render(text || this.markdownText);
}
}
};
</script>
</script>
<style scoped>
.markdown {
/* Add Tailwind CSS classes for general styling */
padding: 1rem;
box-shadow: sm;
border-radius: 5px;
}
.light {
/* Add Tailwind CSS classes for light mode */
background-color: #ffffff;
color: #000000;
}
.dark {
/* Add Tailwind CSS classes for dark mode */
background-color: #1a202c;
color: #ffffff;
}
</style>