jazzymc/homarr
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

feat: add notebook widget (#294)

Browse Source 
* feat: add nestjs replacement, remove nestjs

* feat: add notebook widget

* fix: format issue

* fix: add missing tiptap packages

* refactor: improve structure of table options

* fix: downgrade to tiptap 2.2.5 as not yet supported by mantine/tiptap

* fix: format issue

* fix: deepsource issues

* fix: typecheck issues

* refactor: move default notebook content to seperate file

* fix: format issue
This commit is contained in:
Meier Lukas
2024-04-13 12:32:55 +02:00
committed by GitHub
parent 8f4897186c
commit 6b1879cbb1
15 changed files with 1587 additions and 148 deletions
Download Patch File Download Diff File Expand all files Collapse all files

132
packages/widgets/src/notebook/default-content.ts Normal file
View File

@@ -0,0 +1,132 @@
export const defaultContent = `
<p style="text-align: center">
<img src="/imgs/logo/logo.png" width="25%">
</p>
<h2>Welcome to <strong><span style="color: rgb(250, 82, 82)">Homarr</span>'s</strong> notebook widget</h2>
<p>
The <code>notebook</code> widget focuses on usability and is designed to be as simple as possible to bring a
familiar editing experience to regular users, be it markdown or office type editors.
It is based on <a target="_blank" rel="noopener noreferrer nofollow" href="https://tiptap.dev/">Tiptap.dev</a>
and supports most of its features:
</p>
<table>
<tbody>
<tr>
<td colspan="3" rowspan="1" style="background-color: rgba(95, 95, 95, 0.5)">
<h4 style="text-align: center">General text formatting</h4>
</td>
</tr>
<tr>
<td colspan="1" rowspan="1">
<p><strong>Bold</strong></p>
</td>
<td colspan="1" rowspan="1">
<p style="text-align: center"><em>Italic</em></p>
</td>
<td colspan="1" rowspan="1">
<p style="text-align: right"><u>Underline</u></p>
</td>
</tr>
<tr>
<td colspan="1" rowspan="1">
<p><s>Strike-through</s></p>
</td>
<td colspan="1" rowspan="1">
<p style="text-align: center">Text alignment</p>
</td>
<td colspan="1" rowspan="1">
<p style="text-align: right">Headings</p>
</td>
</tr>
</tbody>
</table>
<table>
<tbody>
<tr>
<td colspan="3" rowspan="1" style="background-color: rgba(95, 95, 95, 0.5)">
<h4 style="text-align: center">Lists</h4>
</td>
</tr>
<tr>
<td colspan="1" rowspan="1">
<ol>
<li>
<p>Ordered</p>
</li>
</ol>
</td>
<td colspan="1" rowspan="1">
<ul>
<li>
<p>Bullet</p>
</li>
</ul>
</td>
<td colspan="1" rowspan="1">
<ul data-type="taskList">
<li data-checked="true" data-type="taskItem">
<label><input type="checkbox" checked="checked"><span></span></label>
<div><p>Check</p></div>
</li>
</ul>
</td>
</tr>
</tbody>
</table>
<table>
<tbody>
<tr>
<td colspan="3" rowspan="1" style="background-color: rgba(95, 95, 95, 0.5)">
<h4 style="text-align: center">Coloring</h4>
</td>
</tr>
<tr>
<td colspan="1" rowspan="1">
<p><span style="color: rgb(250, 82, 82)">Text coloring</span></p>
</td>
<td colspan="1" rowspan="1">
<p style="text-align: center"><mark data-color="#FA5252" style="background-color: #FA5252; color: inherit">highlighting</mark></p>
</td>
<td colspan="1" rowspan="1" style="background-color: rgb(250, 82, 82)">
<p style="text-align: right">Table cells</p>
</td>
</tr>
</tbody>
</table>
<table>
<tbody>
<tr>
<td colspan="3" rowspan="1" style="background-color: rgba(95, 95, 95, 0.5)">
<h4 style="text-align: center">Inserts</h4>
</td>
</tr>
<tr>
<td colspan="1" rowspan="1">
<p>Links</p>
</td>
<td colspan="1" rowspan="1">
<p style="text-align: center">Images</p>
</td>
<td colspan="1" rowspan="1">
<p style="text-align: right">Tables</p>
</td>
</tr>
</tbody>
</table>
<hr>
<blockquote>
<h4>Widget options</h4>
<ul>
<li>
<p>Show the toolbar to help you write markdown:</p>
<p>The toolbar at the top that helps with controls, some not available in markdown.</p>
</li>
<li>
<p>Allow check in read only mode:</p>
<p>Check boxes usable outside of editing, also allows anonymous checks.</p>
</li>
</ul>
</blockquote>`
.split("\n")
.join("")
.replaceAll(" ", "");