From 2850dbd0016cd986f052a674372989c423db231a Mon Sep 17 00:00:00 2001
From: sharevb <sharevb@gmail.com>
Date: Tue, 2 Apr 2024 09:00:01 +0200
Subject: [PATCH 1/3] feat(ASCII Art to Code): utility to format ASCII Art to
 code

Handle ASCII Art to code conversion for Python, Bash, Powershell, C, C++, VB.Net, Node.js, HTML, Rust, Go, Ruby, PHP, Swift, Kotlin, SQL and Java
---
 src/utils/ascii-lang-utils.ts | 54 +++++++++++++++++++++++++++++++++++
 1 file changed, 54 insertions(+)
 create mode 100644 src/utils/ascii-lang-utils.ts

diff --git a/src/utils/ascii-lang-utils.ts b/src/utils/ascii-lang-utils.ts
new file mode 100644
index 00000000..83af3423
--- /dev/null
+++ b/src/utils/ascii-lang-utils.ts
@@ -0,0 +1,54 @@
+function escapeXml(unsafe: string) {
+  return unsafe.replace(/[<>&'"]/g, (c: string | undefined) => {
+    switch (c) {
+      case '<': return '&lt;';
+      case '>': return '&gt;';
+      case '&': return '&amp;';
+      case '\'': return '&apos;';
+      case '"': return '&quot;';
+    }
+  });
+}
+
+const dontEscape = '';
+const escapeBackslash = '\\\\';
+const escapeSingleQuote = '\'';
+const escapeDoubleQuote = '"';
+const defaultEscape = escapeBackslash + escapeSingleQuote + escapeDoubleQuote;
+export const languages = [
+  { id: 'raw', name: 'Raw Text', prefix: '', suffix: '', begin: '', end: '', escape: dontEscape },
+  { id: 'bash', name: 'Bash', prefix: 'echo "', suffix: '"', begin: '', end: '', escape: escapeBackslash + escapeDoubleQuote },
+  { id: 'pwsh', name: 'PowerShell', prefix: 'Write-Output \'', suffix: '\'', begin: '', end: '', escape: escapeBackslash + escapeSingleQuote },
+  { id: 'c', name: 'C', prefix: 'printf("', suffix: '\\n");', begin: '#include <stdio.h>\n', end: '', escape: defaultEscape },
+  { id: 'cpp', name: 'C++', prefix: 'std::cout << "', suffix: '\\n";', begin: '#include <iostream>\n', end: '', escape: defaultEscape },
+  { id: 'csharp', name: 'C#', prefix: 'Console.WriteLine(@"', suffix: '");', begin: 'using System;\n', end: '', escape: escapeDoubleQuote },
+  { id: 'vbnet', name: 'VB.Net', prefix: 'Console.WriteLine("', suffix: '")', begin: '', end: '', escape: (l: string) => l.replace('"', '""') },
+  { id: 'node', name: 'Node.js', prefix: 'console.log("', suffix: '");', begin: '', end: '', escape: defaultEscape },
+  { id: 'python', name: 'Python', prefix: 'print("', suffix: '")', begin: '', end: '', escape: escapeBackslash + escapeDoubleQuote },
+  { id: 'html', name: 'HTML', prefix: '', suffix: '', begin: '<pre>\n', end: '\n</pre>', escape: (l: string) => escapeXml(l) },
+  { id: 'rust', name: 'Rust', prefix: 'println!("', suffix: '");', begin: '', end: '', escape: defaultEscape },
+  { id: 'go', name: 'Go', prefix: 'fmt.Println("', suffix: '")', begin: 'import "fmt"\n', end: '', escape: defaultEscape },
+  { id: 'ruby', name: 'Ruby', prefix: 'puts "', suffix: '"', begin: '', end: '', escape: defaultEscape },
+  { id: 'php', name: 'PHP', prefix: 'echo "', suffix: '\\n";', begin: '<?php\n', end: '\n?>', escape: defaultEscape },
+  { id: 'swift', name: 'Swift', prefix: 'print("', suffix: '")', begin: '', end: '', escape: defaultEscape },
+  { id: 'kotlin', name: 'Kotlin', prefix: 'println("', suffix: '")', begin: '', end: '', escape: defaultEscape },
+  { id: 'sql', name: 'SQL', prefix: 'SELECT \'', suffix: '\\n\'', begin: '', end: '', escape: (l: string) => l.replace('\'', '\'\'') },
+  { id: 'java', name: 'Java', prefix: 'System.out.println("', suffix: '");', begin: '', end: '', escape: defaultEscape },
+];
+export function translateToLanguage(asciiArt: string, languageId: string) {
+  const langConfig = languages.find(l => l.id === languageId);
+  if (!langConfig) {
+    return asciiArt;
+  }
+
+  const escape = typeof langConfig.escape === 'function'
+    ? langConfig.escape
+    : function (line: string) {
+      return langConfig.escape
+        ? line.replace(new RegExp(`([${langConfig.escape}])`, 'g'), '\\$1')
+        : line;
+    };
+  return langConfig.begin + asciiArt.split('\n').map((line) => {
+    return langConfig.prefix + escape(line) + langConfig.suffix;
+  }).join('\n') + langConfig.end;
+}

From 093daa8fd24d2ee296c5ba0967569872e9333555 Mon Sep 17 00:00:00 2001
From: sharevb <sharevb@gmail.com>
Date: Tue, 2 Apr 2024 09:02:56 +0200
Subject: [PATCH 2/3] feat(ASCII Art Drawer): add coding languages support

Add support for outputing in many coding languages (Python , bash....)
FIx other part of #934
---
 components.d.ts                               |  1 +
 .../ascii-text-drawer/ascii-text-drawer.vue   | 21 +++++++++++++++----
 src/utils/ascii-lang-utils.ts                 |  1 +
 3 files changed, 19 insertions(+), 4 deletions(-)

diff --git a/components.d.ts b/components.d.ts
index e31119b3..f2c3146f 100644
--- a/components.d.ts
+++ b/components.d.ts
@@ -159,6 +159,7 @@ declare module '@vue/runtime-core' {
     RouterLink: typeof import('vue-router')['RouterLink']
     RouterView: typeof import('vue-router')['RouterView']
     RsaKeyPairGenerator: typeof import('./src/tools/rsa-key-pair-generator/rsa-key-pair-generator.vue')['default']
+    SafelinkDecoder: typeof import('./src/tools/safelink-decoder/safelink-decoder.vue')['default']
     SlugifyString: typeof import('./src/tools/slugify-string/slugify-string.vue')['default']
     SpanCopyable: typeof import('./src/components/SpanCopyable.vue')['default']
     SqlPrettify: typeof import('./src/tools/sql-prettify/sql-prettify.vue')['default']
diff --git a/src/tools/ascii-text-drawer/ascii-text-drawer.vue b/src/tools/ascii-text-drawer/ascii-text-drawer.vue
index 9a6520a4..7cd163a3 100644
--- a/src/tools/ascii-text-drawer/ascii-text-drawer.vue
+++ b/src/tools/ascii-text-drawer/ascii-text-drawer.vue
@@ -1,8 +1,10 @@
 <script setup lang="ts">
 import figlet from 'figlet';
 import TextareaCopyable from '@/components/TextareaCopyable.vue';
+import { languages, translateToLanguage } from '@/utils/ascii-lang-utils';
 
 const input = ref('Ascii ART');
+const language = useStorage('ascii-text-drawer:language', 'raw');
 const font = useStorage('ascii-text-drawer:font', 'Standard');
 const width = useStorage('ascii-text-drawer:width', 80);
 const output = ref('');
@@ -11,16 +13,24 @@ const processing = ref(false);
 
 figlet.defaults({ fontPath: '//unpkg.com/figlet@1.6.0/fonts/' });
 
+const languagesOptions = languages.map(lang => ({ value: lang.id, label: lang.name }));
+
+figlet.defaults({ fontPath: '//unpkg.com/figlet@1.6.0/fonts/' });
+
 watchEffect(async () => {
+  const inputValue = input.value;
+  const languageValue = language.value;
+  const fontValue = font.value;
+  const widthValue = width.value;
   processing.value = true;
   try {
     const options: figlet.Options = {
-      font: font.value as figlet.Fonts,
-      width: width.value,
+      font: fontValue as figlet.Fonts,
+      width: widthValue,
       whitespaceBreak: true,
     };
-    output.value = await (new Promise<string>((resolve, reject) =>
-      figlet.text(input.value, options,
+    const rawOutput = await (new Promise<string>((resolve, reject) =>
+      figlet.text(inputValue, options,
         (err, text) => {
           if (err) {
             reject(err);
@@ -29,6 +39,8 @@ watchEffect(async () => {
 
           resolve(text ?? '');
         })));
+
+    output.value = translateToLanguage(rawOutput, languageValue);
     errored.value = false;
   }
   catch (e: any) {
@@ -50,6 +62,7 @@ const fonts = ['1Row', '3-D', '3D Diagonal', '3D-ASCII', '3x5', '4Max', '5 Line
       multiline
       rows="4"
     />
+    <c-select v-model:value="language" :options="languagesOptions" searchable mt-3 />
 
     <n-divider />
 
diff --git a/src/utils/ascii-lang-utils.ts b/src/utils/ascii-lang-utils.ts
index 83af3423..d362fb10 100644
--- a/src/utils/ascii-lang-utils.ts
+++ b/src/utils/ascii-lang-utils.ts
@@ -7,6 +7,7 @@ function escapeXml(unsafe: string) {
       case '\'': return '&apos;';
       case '"': return '&quot;';
     }
+    return '';
   });
 }
 

From a8da31959806f41cbb5a0c6fcdbe5b93972752ef Mon Sep 17 00:00:00 2001
From: ShareVB <sharevb@gmail.com>
Date: Sat, 6 Apr 2024 11:56:09 +0200
Subject: [PATCH 3/3] chore(github workflows): ci and e2e tests: try updating
 to node 20

---
 .github/workflows/ci.yml        | 2 +-
 .github/workflows/e2e-tests.yml | 2 +-
 playwright.config.ts            | 4 ++--
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
index d5c67208..4dd9ffb7 100644
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -15,7 +15,7 @@ jobs:
       - run: corepack enable
       - uses: actions/setup-node@v3
         with:
-          node-version: 16
+          node-version: 20
           cache: 'pnpm'
 
       - name: Install dependencies
diff --git a/.github/workflows/e2e-tests.yml b/.github/workflows/e2e-tests.yml
index b5b04096..13b787ef 100644
--- a/.github/workflows/e2e-tests.yml
+++ b/.github/workflows/e2e-tests.yml
@@ -18,7 +18,7 @@ jobs:
 
       - uses: actions/setup-node@v3
         with:
-          node-version: 16
+          node-version: 20
           cache: 'pnpm'
 
       - name: Get Playwright version
diff --git a/playwright.config.ts b/playwright.config.ts
index 3caa0612..5257c526 100644
--- a/playwright.config.ts
+++ b/playwright.config.ts
@@ -9,7 +9,7 @@ const useWebServer = process.env.NO_WEB_SERVER !== 'true';
  */
 export default defineConfig({
   testDir: './src',
-  testMatch: /.*\.e2e\.(spec\.)?ts/,
+  testMatch: /\.e2e\.(spec\.)?ts$/,
   /* Run tests in files in parallel */
   fullyParallel: true,
   /* Fail the build on CI if you accidentally left test.only in the source code. */
@@ -57,7 +57,7 @@ export default defineConfig({
     && {
       webServer: {
         command: 'npm run preview',
-        url: 'http://127.0.0.1:5050',
+        url: 'http://localhost:5050',
         reuseExistingServer: !isCI,
       },
     }