publish latest updates (#95)

* Allow parentheses in board names

* Pass over the string only once while escaping html special chars (#82)

Co-authored-by: Paolo Bolzoni <paolo@cagla.jp>

* Add a spanish translation

Thanks to @beccobunsen

See #94

* add an italian translation

Improve the spanish translation and

* Added "free online whiteboard" to the main title

* add translations for grid

* Fix translations for "white-out" in es and it

Co-authored-by: Paolo Bolzoni <paolo.bolzoni1@studenti.unipr.it>
Co-authored-by: Paolo Bolzoni <paolo@cagla.jp>

server/createSVG.js

@@ -3,13 +3,15 @@ const fs = require("./fs_promises.js"),
 	wboPencilPoint = require("../client-data/tools/pencil/wbo_pencil_point.js").wboPencilPoint;
 
 function htmlspecialchars(str) {
-	//Hum, hum... Could do better
 	if (typeof str !== "string") return "";
-	return str.replace(/&/g, "&")
-		.replace(/</g, "&lt;")
-		.replace(/>/g, "&gt;")
-		.replace(/"/g, "&quot;")
-		.replace(/'/g, "&#039;");
+
+	return str.replace(/[<>&"']/g, function (c) {
+		switch (c) {
+			case '<': return '&lt;';
+			case '>': return '&gt;';
+			case '&': return '&amp;';
+			case '"': return '&quot;';
+			case "'": return '&#39;'; }});
 }
 
 function renderPath(el, pathstring) {

server/server.js

@@ -69,7 +69,7 @@ const boardTemplate = new templating.BoardTemplate(path.join(config.WEBROOT, 'bo
 const indexTemplate = new templating.Template(path.join(config.WEBROOT, 'index.html'));
 
 function validateBoardName(boardName) {
-	if (/^[\w%\-_~]*$/.test(boardName)) return boardName;
+	if (/^[\w%\-_~()]*$/.test(boardName)) return boardName;
 	throw new Error("Illegal board name: " + boardName);
 }
 

server/translations.json

@@ -17,6 +17,7 @@
         "text": "Text",
         "straight_line": "Straight line",
         "pencil": "Pencil",
+        "grid": "Grid",
         "click_to_zoom": "Click to zoom in\nPress shift and click to zoom out",
         "keyboard_shortcut": "keyboard shortcut",
         "mousewheel": "mousewheel",
@@ -24,7 +25,7 @@
         "color": "Color",
         "eraser": "Eraser",
         "White-out": "White-out",
-        "index_title": "Welcome to WBO !",
+        "index_title": "Welcome to the free online whiteboard WBO !",
         "introduction_paragraph": "WBO is a <a href=\"https://github.com/lovasoa/whitebophir\" title=\"Free as in free speech, not free beer. This software is released under the GPL license\">free and open-source</a> online collaborative whiteboard that allows many users to draw simultaneously on a large virtual board. The board is updated in real time for all connected users, and its state is always persisted. It can be used for many different purposes, including art, entertainment, design and teaching.",
         "share_instructions": "To collaborate on a drawing in real time with someone, just send them its URL.",
         "public_board_description": " The <b>public board</b> is accessible to everyone. It is a happily disorganized mess where you can meet with anonymous strangers and draw together. Everything there is ephemeral.",
@@ -54,14 +55,15 @@
         "white-out": "Blanco",
         "hand": "Main",
         "straight_line": "Ligne droite",
+        "grid": "Grille",
         "keyboard_shortcut": "raccourci clavier",
         "mousewheel": "molette de la souris",
         "click_to_zoom": "Cliquez pour zoomer\nCliquez en maintenant la touche majuscule enfoncée pour dézoomer",
         "tagline": "Logiciel libre pour collaborer en ligne sur un tableau blanc. Venez dessiner vos idées ensemble sur WBO !",
-        "index_title": "Bienvenue sur WBO !",
+        "index_title": "Bienvenue sur la tableau blanc collaboratif WBO !",
         "introduction_paragraph": "WBO est un logiciel <a href=\"https://github.com/lovasoa/whitebophir\" title=\"voir le code sous license GPL\">libre et gratuit</a> de dessin collaboratif en ligne qui permet à plusieurs utilisateurs de collaborer simultanément sur un tableau blanc. Le tableau est mis à jour en temps réel pour tous les utilisateurs connectés, et reste disponible après votre déconnexion. Il peut être utilisé notemment pour l'enseignement, l'art, le design ou juste pour s'amuser.",
         "share_instructions": "Pour collaborer sur un tableau avec quelqu'un, envoyez-lui simplement son URL.",
-        "public_board_description": " La <b>tableau anonyme</b> est accessible publiquement. C'est un joyeux bazar où vous pourrez rencontrer des étrangers anonymes, et dessiner avec eux. Tout ce que vous y inscrivez est éphémère.",
+        "public_board_description": "Le <b>tableau anonyme</b> est accessible publiquement. C'est un joyeux bazar où vous pourrez rencontrer des étrangers anonymes, et dessiner avec eux. Tout ce que vous y inscrivez est éphémère.",
         "open_public_board": "Ouvrir le tableau anonyme",
         "private_board_description": "Vous pouvez créer un <b>tableau privé</b> dont le nom sera aléatoire. Il sera accessible uniquement à ceux avec qui vous partagerez son adresse. À utiliser lorsque vous voulez partager des informations confidentielles.",
         "create_private_board": "Créer un tableau privé",
@@ -94,6 +96,7 @@
         "color": "Farbe",
         "eraser": "Radierer",
         "white-out": "Korrekturflüssigkeit",
+        "grid": "Gitter",
         "index_title": "Wilkommen bei WBO!",
         "introduction_paragraph": "WBO ist ein <a href=\"https://github.com/lovasoa/whitebophir\" title=\"Frei im Sinne von Redefreiheit, nicht Freibier. Diese Software wird unter der GPL Lizenz veröffentlicht.\">freies und quelloffenes</a> kollaboratives Online-Whiteboard das vielen Nutzern erlaubt gleichzeitig auf einem großen virtuellen Whiteboard zu zeichnen. Das Whiteboard wird in Echtzeit für alle Nutzer aktualisiert und sein Inhalt wird gespeichert. Es kann für verschiedenste Anwendungen genutzt werden, z.B. Kunst, Unterhaltung, Design, Unterricht und Lehre.",
         "share_instructions": "Um mit jemanden zusammen an einem Whiteboard zu arbeiten teile einfach die jeweilige URL.",
@@ -129,6 +132,7 @@
         "opacity": "透明度",
         "color": "色",
         "eraser": "消去",
+        "grid": "グリッド",
         "white-out": "修正液",
         "index_title": "WBOへようこそ!",
         "introduction_paragraph": "WBOは<a href=\"https://github.com/lovasoa/whitebophir\" title=\"ビール飲み放題ではなく言論の自由。このソフトウェアはGPLライセンスで公開しています。\">無料かつオープンソース</a>の協同作業できるオンラインホワイトボードです。多くのユーザーが大きな仮想ホワイトボードに図などを書くことができ、接続しているすべてのユーザーの更新をリアルタイムに反映され、その状態を常に保存します。これはアート、エンタテインメント、デザインや教育など、様々な用途で使用できます。",
@@ -161,6 +165,7 @@
         "ellipse": "Эллипс",
         "click_to_toggle": "нажмите, чтобы переключиться",
         "zoom": "Лупа",
+        "grid": "Сетка",
         "configuration": "Настроики",
         "keyboard_shortcut": "горячая клавиша",
         "mousewheel": "колёсико мыши ",
@@ -199,6 +204,7 @@
         "configuration": "刷设置",
         "keyboard_shortcut": "键盘快捷键",
         "mousewheel": "鼠标轮",
+        "grid": "格",
         "click_to_zoom": "点击放大。\n保持班次并单击缩小。",
         "tagline": "打开即用的免费在线白板工具",
         "index_title": "欢迎来到 WBO！",
@@ -211,5 +217,79 @@
         "named_private_board_description": "您还可以创建一个命名的私有白板，它有一个自定义的URL，所有知道它名字的人都可以访问它。",
         "board_name_placeholder": "白板名称",
         "view_source": "github上的源代码"
+    },
+    "es": {
+        "hand": "Mano",
+        "loading": "Cargando",
+        "tagline": "Una herramienta de dibujo colaborativa en línea gratuita y de código abierto. Esboce nuevas ideas en la pizarra colaborativa WBO !",
+        "configuration": "Configuration",
+        "collaborative_whiteboard": "Pizarra colaborativa",
+        "size": "Tamaño",
+        "zoom": "Zoom",
+        "tools": "Herramientas",
+        "rectangle": "Rectángulo",
+        "square": "Cuadrado",
+        "circle": "Círculo",
+        "ellipse": "Elipse",
+        "click_to_toggle": "haga clic para alternar",
+        "menu": "Menú",
+        "text": "Texto",
+        "straight_line": "Línea recta",
+        "pencil": "Lápiz",
+        "click_to_zoom": "Haga clic para acercar, Pulse [Mayús] y haga clic para alejar",
+        "keyboard_shortcut": "atajo de teclado",
+        "mousewheel": "Rueda del Ratón",
+        "opacity": "Opacidad",
+        "color": "Color",
+        "grid": "Cuadrícula",
+        "eraser": "Borrador",
+        "white-out": "Blanqueado",
+        "index_title": "¡Bienvenido a WBO!",
+        "introduction_paragraph": "WBO es una pizarra colaborativa en línea, <a href=\"https://github.com/lovasoa/whitebophir\" title=\"libre como la libertad de expresión, no libre como una cerveza gratis. Este software se lanza bajo la licencia GPL\">libre y de Código abierto</a>, que permite a muchos usuarios dibujar simultáneamente en una gran pizarra virtual. La pizarra se actualiza en tiempo real para todos los usuarios conectados y su estado siempre es persistente. Se puede utilizar para muchos propósitos diferentes, incluyendo arte, entretenimiento, diseño y enseñanza.",
+        "share_instructions": "Para colaborar en un dibujo en tiempo real con alguien, simplemente envíele la <abbr title=\"un enlace tipo: https://wbo.ophir.dev/boards/el-codigo-de-tu-pizarra\">URL</abbr> de la pizarra que ya creaste.",
+        "public_board_description": "La <b>pizarra pública</b> es accesible para todos. Es un desastre felizmente desorganizado donde puedes reunirte con extraños anónimos. Todo lo que hay es efímero.",
+        "open_public_board": "Ir a la pizarra pública",
+        "private_board_description": "Puede crear una <b>pizarra privada</b> con un nombre aleatorio, al que solo se podrá acceder mediante su enlace. Úselo si desea compartir información privada.",
+        "create_private_board": "Crea una pizarra privada",
+        "named_private_board_description": "También puede crear una <strong>pizarra privada dándole un nombre aleatorio o un nombre especifico</strong>, una <abbr title=\"tipo: https://wbo.ophir.dev/boards/el-código-que-te-parezca\">URL personalizada</abbr>, que será accesible para todos aquellos que conozcan su nombre.",
+        "board_name_placeholder": "Nombre de la pizarra ...",
+        "view_source": "Código fuente en github"
+    },
+    "it": {
+        "hand": "Mano",
+        "loading": "Caricamento in corso",
+        "tagline": "Uno strumento collaborativo per disegnare online, gratuito e open source. Disegniamo insieme nuove idee su WBO!",
+        "configuration": "Configurazione",
+        "collaborative_whiteboard": "Lavagna collaborativa",
+        "size": "Dimensione",
+        "zoom": "Zoom",
+        "tools": "Strumenti",
+        "rectangle": "Rettangolo",
+        "square": "Quadrato",
+        "circle": "Cerchio",
+        "ellipse": "Ellisse",
+        "click_to_toggle": "Fai Clic per attivare",
+        "menu": "Menu",
+        "text": "Testo",
+        "straight_line": "Linea retta",
+        "pencil": "Matita",
+        "click_to_zoom": "Fai clic per ingrandire \nPremi [MAIUSC] e fai clic per ridurre",
+        "keyboard_shortcut": "scorciatoia da tastiera",
+        "mousewheel": "rotella del mouse",
+        "opacity": "Opacità",
+        "color": "Colore",
+        "eraser": "Gomma",
+        "grid": "Griglia",
+        "white-out": "Bianchetto",
+        "index_title": "Benvenuti a WBO!",
+        "introduction_paragraph": "WBO è una lavagna collaborativa online <a href=\"https://github.com/lovasoa/whitebophir\" title=\"gratuita come é gratuita la libertà di espressione, no come un boccale di birra gratis. Questo software è rilasciato sotto licenza GPL\">gratuita e open source</a> che consente a molti utenti di disegnare contemporaneamente su una grande lavagna virtuale. La lavagna viene aggiornata in tempo reale per tutti gli utenti connessi e lo stato è sempre persistente. Può essere utilizzato per molti scopi diversi, tra cui arte, intrattenimento, design e insegnamento.",
+        "share_instructions": "Per collaborare a un disegno in tempo reale con qualcuno, basta condividere l'<abbr title=\"un link tipo https://wbo.ophir.dev/boards/il-codice-della-tua-lavagna\">URL della lavagna</abbr>.",
+        "public_board_description": "La <b>lavagna pubblica</b> è accessibile a tutti. È un disastro felicemente disorganizzato dove puoi incontrare sconosciuti anonimi e disegnare insieme. Tutto in questo spazio è effimero.",
+        "open_public_board": "Vai alla lavagna pubblica",
+        "private_board_description": "Puoi creare una <b>lavagna privata</b> con un nome casuale, che sarà accessibile solo dal suo URL. Usalo se vuoi condividere informazioni private.",
+        "create_private_board": "Crea una lavagna privata",
+        "named_private_board_description": "Puoi anche creare una <strong>lavagna privata con un nome creato da te</strong>, con un URL personalizzato, che sarà accessibile a tutti coloro che ne conoscono il nome.",
+        "board_name_placeholder": "Nome della lavagna...",
+        "view_source": "Codice sorgente su github"
     }
 }