From f3fcfb4bb191598939ad1f8a63252ba3e6d5c121 Mon Sep 17 00:00:00 2001 From: Leon Letto Date: Fri, 15 Sep 2023 15:03:10 -0700 Subject: [PATCH 1/9] html-md-converter --- .eslintrc-auto-import.json | 3 ++- auto-imports.d.ts | 3 ++- components.d.ts | 5 ++-- package.json | 2 ++ .../html-md-converter-service.ts | 13 +++++++++ .../html-md-converter/html-md-converter.vue | 27 +++++++++++++++++++ src/tools/html-md-converter/index.ts | 11 ++++++++ src/tools/index.ts | 2 ++ 8 files changed, 61 insertions(+), 5 deletions(-) create mode 100644 src/tools/html-md-converter/html-md-converter-service.ts create mode 100644 src/tools/html-md-converter/html-md-converter.vue create mode 100644 src/tools/html-md-converter/index.ts diff --git a/.eslintrc-auto-import.json b/.eslintrc-auto-import.json index 4084d922..086a67de 100644 --- a/.eslintrc-auto-import.json +++ b/.eslintrc-auto-import.json @@ -286,6 +286,7 @@ "watchTriggerable": true, "watchWithFilter": true, "whenever": true, - "toValue": true + "toValue": true, + "WritableComputedRef": true } } diff --git a/auto-imports.d.ts b/auto-imports.d.ts index 186963f1..62c4dc6f 100644 --- a/auto-imports.d.ts +++ b/auto-imports.d.ts @@ -1,6 +1,7 @@ /* eslint-disable */ /* prettier-ignore */ // @ts-nocheck +// noinspection JSUnusedGlobalSymbols // Generated by unplugin-auto-import export {} declare global { @@ -288,7 +289,7 @@ declare global { // for type re-export declare global { // @ts-ignore - export type { Component, ComponentPublicInstance, ComputedRef, InjectionKey, PropType, Ref, VNode } from 'vue' + export type { Component, ComponentPublicInstance, ComputedRef, InjectionKey, PropType, Ref, VNode, WritableComputedRef } from 'vue' } // for vue template auto import import { UnwrapRef } from 'vue' diff --git a/components.d.ts b/components.d.ts index 1a5ce1a9..7ce4afed 100644 --- a/components.d.ts +++ b/components.d.ts @@ -3,11 +3,9 @@ // @ts-nocheck // Generated by unplugin-vue-components // Read more: https://github.com/vuejs/core/pull/3399 -import '@vue/runtime-core' - export {} -declare module '@vue/runtime-core' { +declare module 'vue' { export interface GlobalComponents { '404.page': typeof import('./src/pages/404.page.vue')['default'] About: typeof import('./src/pages/About.vue')['default'] @@ -74,6 +72,7 @@ declare module '@vue/runtime-core' { HmacGenerator: typeof import('./src/tools/hmac-generator/hmac-generator.vue')['default'] 'Home.page': typeof import('./src/pages/Home.page.vue')['default'] HtmlEntities: typeof import('./src/tools/html-entities/html-entities.vue')['default'] + HtmlMdConverter: typeof import('./src/tools/html-md-converter/html-md-converter.vue')['default'] HtmlWysiwygEditor: typeof import('./src/tools/html-wysiwyg-editor/html-wysiwyg-editor.vue')['default'] HttpStatusCodes: typeof import('./src/tools/http-status-codes/http-status-codes.vue')['default'] IbanValidatorAndParser: typeof import('./src/tools/iban-validator-and-parser/iban-validator-and-parser.vue')['default'] diff --git a/package.json b/package.json index d3ec93bf..b49f67de 100644 --- a/package.json +++ b/package.json @@ -76,6 +76,7 @@ "qrcode": "^1.5.1", "randombytes": "^2.1.0", "sql-formatter": "^13.0.0", + "turndown": "^7.1.2", "ua-parser-js": "^1.0.35", "ulid": "^2.3.0", "unicode-emoji-json": "^0.4.0", @@ -105,6 +106,7 @@ "@types/node-forge": "^1.3.2", "@types/qrcode": "^1.5.0", "@types/randombytes": "^2.0.0", + "@types/turndown": "^5.0.2", "@types/ua-parser-js": "^0.7.36", "@types/uuid": "^9.0.0", "@unocss/eslint-config": "^0.55.0", diff --git a/src/tools/html-md-converter/html-md-converter-service.ts b/src/tools/html-md-converter/html-md-converter-service.ts new file mode 100644 index 00000000..3f0b2d41 --- /dev/null +++ b/src/tools/html-md-converter/html-md-converter-service.ts @@ -0,0 +1,13 @@ +import TurnDownService from 'turndown'; + +const turnDownService = new TurnDownService(); + +/** + * Converts the given HTML string to Markdown format. + * + * @param html - The HTML string to convert. + * @returns The converted Markdown string. + */ +export const convertHtmlToMarkdown = (html: string): string => { + return turnDownService.turndown(html); +}; diff --git a/src/tools/html-md-converter/html-md-converter.vue b/src/tools/html-md-converter/html-md-converter.vue new file mode 100644 index 00000000..8faf1252 --- /dev/null +++ b/src/tools/html-md-converter/html-md-converter.vue @@ -0,0 +1,27 @@ + + + + diff --git a/src/tools/html-md-converter/index.ts b/src/tools/html-md-converter/index.ts new file mode 100644 index 00000000..41272b97 --- /dev/null +++ b/src/tools/html-md-converter/index.ts @@ -0,0 +1,11 @@ +import {BrandHtml5} from '@vicons/tabler'; +import { defineTool } from '../tool'; + +export const tool = defineTool({ + name: 'HTML-MD converter', + path: '/html-md-converter', + description: 'Convert an html div with all contained data to Markdown using turndown', + keywords: ['html', 'md', 'converter'], + component: () => import('./html-md-converter.vue'), + icon: BrandHtml5, +}); \ No newline at end of file diff --git a/src/tools/index.ts b/src/tools/index.ts index cc5f42ee..de31f011 100644 --- a/src/tools/index.ts +++ b/src/tools/index.ts @@ -71,6 +71,7 @@ import { tool as urlParser } from './url-parser'; import { tool as uuidGenerator } from './uuid-generator'; import { tool as macAddressLookup } from './mac-address-lookup'; import { tool as xmlFormatter } from './xml-formatter'; +import { tool as htmlMdConverter } from './html-md-converter'; export const toolsByCategory: ToolCategory[] = [ { @@ -95,6 +96,7 @@ export const toolsByCategory: ToolCategory[] = [ listConverter, tomlToJson, tomlToYaml, + htmlMdConverter, ], }, { From 7ba2cabaf88b000246544233a651abf7ca2ac31e Mon Sep 17 00:00:00 2001 From: Leon Letto Date: Sun, 24 Sep 2023 14:28:53 -0700 Subject: [PATCH 2/9] Update pnpm_lock --- pnpm-lock.yaml | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 65579a34..fb96382f 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -41,6 +41,9 @@ dependencies: bcryptjs: specifier: ^2.4.3 version: 2.4.3 + turndown: + specifier: ^7.0.2 + version: 7.0.2 change-case: specifier: ^4.1.2 version: 4.1.2 @@ -214,6 +217,9 @@ devDependencies: '@types/randombytes': specifier: ^2.0.0 version: 2.0.0 + '@types/turndown': + specifier: ^5.0.2 + version: 5.0.2 '@types/ua-parser-js': specifier: ^0.7.36 version: 0.7.36 From 16aa76d350f36662845dcbffad1508e0c62b0edd Mon Sep 17 00:00:00 2001 From: Leon Letto Date: Sun, 24 Sep 2023 14:36:57 -0700 Subject: [PATCH 3/9] Update pnpm_lock again --- pnpm-lock.yaml | 20 +++++++++++++++++--- 1 file changed, 17 insertions(+), 3 deletions(-) diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index fb96382f..509bcbc4 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -41,9 +41,6 @@ dependencies: bcryptjs: specifier: ^2.4.3 version: 2.4.3 - turndown: - specifier: ^7.0.2 - version: 7.0.2 change-case: specifier: ^4.1.2 version: 4.1.2 @@ -134,6 +131,9 @@ dependencies: sql-formatter: specifier: ^13.0.0 version: 13.0.0 + turndown: + specifier: ^7.1.2 + version: 7.1.2 ua-parser-js: specifier: ^1.0.35 version: 1.0.35 @@ -2978,6 +2978,10 @@ packages: resolution: {integrity: sha512-NfQ4gyz38SL8sDNrSixxU2Os1a5xcdFxipAFxYEuLUlvU2uDwS4NUpsImcf1//SlWItCVMMLiylsxbmNMToV/g==} dev: true + /@types/turndown@5.0.2: + resolution: {integrity: sha512-ghbjIyvMSQn/UGEuQJD6C4DfbokyYqGRhNAetWH02qnuRfvRZz9qTOG9e0RPkVqGsjv+YsjF3gRp7yFKvc/1PA==} + dev: true + /@types/ua-parser-js@0.7.36: resolution: {integrity: sha512-N1rW+njavs70y2cApeIw1vLMYXRwfBy+7trgavGuuTfOd7j1Yh7QTRc/yqsPl6ncokt72ZXuxEU0PiCp9bSwNQ==} dev: true @@ -4722,6 +4726,10 @@ packages: domelementtype: 2.3.0 dev: true + /domino@2.1.6: + resolution: {integrity: sha512-3VdM/SXBZX2omc9JF9nOPCtDaYQ67BGp5CoLpIQlO2KCAPETs8TcDHacF26jXadGbvUteZzRTeos2fhID5+ucQ==} + dev: false + /domutils@3.1.0: resolution: {integrity: sha512-H78uMmQtI2AhgDJjWeQmHwJJ2bLPD3GMmO7Zja/ZZh84wkm+4ut+IUnUdRa8uCGX88DiVx1j6FRe1XfxEgjEZA==} dependencies: @@ -8153,6 +8161,12 @@ packages: typescript: 5.2.2 dev: true + /turndown@7.1.2: + resolution: {integrity: sha512-ntI9R7fcUKjqBP6QU8rBK2Ehyt8LAzt3UBT9JR9tgo6GtuKvyUzpayWmeMKJw1DPdXzktvtIT8m2mVXz+bL/Qg==} + dependencies: + domino: 2.1.6 + dev: false + /type-check@0.3.2: resolution: {integrity: sha512-ZCmOJdvOWDBYJlzAoFkC+Q0+bUyEOS1ltgp1MGU03fqHG+dbi9tBFU2Rd9QKiDZFAYrhPh2JUf7rZRIuHRKtOg==} engines: {node: '>= 0.8.0'} From 28c9808c1c62e608d49ce782e9911c9aca0aa556 Mon Sep 17 00:00:00 2001 From: Leon Letto Date: Sun, 24 Sep 2023 14:44:41 -0700 Subject: [PATCH 4/9] Linting Fixes --- .../html-md-converter/html-md-converter-service.ts | 4 ++-- src/tools/html-md-converter/html-md-converter.vue | 10 ++++++---- src/tools/html-md-converter/index.ts | 4 ++-- 3 files changed, 10 insertions(+), 8 deletions(-) diff --git a/src/tools/html-md-converter/html-md-converter-service.ts b/src/tools/html-md-converter/html-md-converter-service.ts index 3f0b2d41..910c33bc 100644 --- a/src/tools/html-md-converter/html-md-converter-service.ts +++ b/src/tools/html-md-converter/html-md-converter-service.ts @@ -8,6 +8,6 @@ const turnDownService = new TurnDownService(); * @param html - The HTML string to convert. * @returns The converted Markdown string. */ -export const convertHtmlToMarkdown = (html: string): string => { +export function convertHtmlToMarkdown(html: string): string { return turnDownService.turndown(html); -}; +} diff --git a/src/tools/html-md-converter/html-md-converter.vue b/src/tools/html-md-converter/html-md-converter.vue index 8faf1252..ff191ada 100644 --- a/src/tools/html-md-converter/html-md-converter.vue +++ b/src/tools/html-md-converter/html-md-converter.vue @@ -1,13 +1,14 @@ - diff --git a/src/tools/html-md-converter/index.ts b/src/tools/html-md-converter/index.ts index 41272b97..a06afd64 100644 --- a/src/tools/html-md-converter/index.ts +++ b/src/tools/html-md-converter/index.ts @@ -1,4 +1,4 @@ -import {BrandHtml5} from '@vicons/tabler'; +import { BrandHtml5 } from '@vicons/tabler'; import { defineTool } from '../tool'; export const tool = defineTool({ @@ -8,4 +8,4 @@ export const tool = defineTool({ keywords: ['html', 'md', 'converter'], component: () => import('./html-md-converter.vue'), icon: BrandHtml5, -}); \ No newline at end of file +}); From 801e32b3c1ac13d997a0a6d7f61eb7a93de017fa Mon Sep 17 00:00:00 2001 From: Leon Letto Date: Sun, 24 Sep 2023 15:07:23 -0700 Subject: [PATCH 5/9] Added Preview which was missing. --- auto-imports.d.ts | 3 +- components.d.ts | 38 ++----------------- package.json | 3 ++ pnpm-lock.yaml | 18 +++++++++ .../html-md-converter/html-md-converter.vue | 11 +++++- 5 files changed, 34 insertions(+), 39 deletions(-) diff --git a/auto-imports.d.ts b/auto-imports.d.ts index 62c4dc6f..186963f1 100644 --- a/auto-imports.d.ts +++ b/auto-imports.d.ts @@ -1,7 +1,6 @@ /* eslint-disable */ /* prettier-ignore */ // @ts-nocheck -// noinspection JSUnusedGlobalSymbols // Generated by unplugin-auto-import export {} declare global { @@ -289,7 +288,7 @@ declare global { // for type re-export declare global { // @ts-ignore - export type { Component, ComponentPublicInstance, ComputedRef, InjectionKey, PropType, Ref, VNode, WritableComputedRef } from 'vue' + export type { Component, ComponentPublicInstance, ComputedRef, InjectionKey, PropType, Ref, VNode } from 'vue' } // for vue template auto import import { UnwrapRef } from 'vue' diff --git a/components.d.ts b/components.d.ts index 7ce4afed..5dd8e398 100644 --- a/components.d.ts +++ b/components.d.ts @@ -3,9 +3,11 @@ // @ts-nocheck // Generated by unplugin-vue-components // Read more: https://github.com/vuejs/core/pull/3399 +import '@vue/runtime-core' + export {} -declare module 'vue' { +declare module '@vue/runtime-core' { export interface GlobalComponents { '404.page': typeof import('./src/pages/404.page.vue')['default'] About: typeof import('./src/pages/About.vue')['default'] @@ -77,24 +79,12 @@ declare module 'vue' { HttpStatusCodes: typeof import('./src/tools/http-status-codes/http-status-codes.vue')['default'] IbanValidatorAndParser: typeof import('./src/tools/iban-validator-and-parser/iban-validator-and-parser.vue')['default'] 'IconMdi:brushVariant': typeof import('~icons/mdi/brush-variant')['default'] - 'IconMdi:contentCopy': typeof import('~icons/mdi/content-copy')['default'] 'IconMdi:kettleSteamOutline': typeof import('~icons/mdi/kettle-steam-outline')['default'] - IconMdiArrowRightBottom: typeof import('~icons/mdi/arrow-right-bottom')['default'] - IconMdiCamera: typeof import('~icons/mdi/camera')['default'] - IconMdiChevronDown: typeof import('~icons/mdi/chevron-down')['default'] IconMdiChevronRight: typeof import('~icons/mdi/chevron-right')['default'] IconMdiClose: typeof import('~icons/mdi/close')['default'] - IconMdiContentCopy: typeof import('~icons/mdi/content-copy')['default'] - IconMdiDeleteOutline: typeof import('~icons/mdi/delete-outline')['default'] - IconMdiDownload: typeof import('~icons/mdi/download')['default'] IconMdiEye: typeof import('~icons/mdi/eye')['default'] IconMdiEyeOff: typeof import('~icons/mdi/eye-off')['default'] - IconMdiPause: typeof import('~icons/mdi/pause')['default'] - IconMdiPlay: typeof import('~icons/mdi/play')['default'] - IconMdiRecord: typeof import('~icons/mdi/record')['default'] - IconMdiRefresh: typeof import('~icons/mdi/refresh')['default'] IconMdiSearch: typeof import('~icons/mdi/search')['default'] - IconMdiVideo: typeof import('~icons/mdi/video')['default'] InputCopyable: typeof import('./src/components/InputCopyable.vue')['default'] IntegerBaseConverter: typeof import('./src/tools/integer-base-converter/integer-base-converter.vue')['default'] Ipv4AddressConverter: typeof import('./src/tools/ipv4-address-converter/ipv4-address-converter.vue')['default'] @@ -119,44 +109,22 @@ declare module 'vue' { MenuLayout: typeof import('./src/components/MenuLayout.vue')['default'] MetaTagGenerator: typeof import('./src/tools/meta-tag-generator/meta-tag-generator.vue')['default'] MimeTypes: typeof import('./src/tools/mime-types/mime-types.vue')['default'] - NAlert: typeof import('naive-ui')['NAlert'] NavbarButtons: typeof import('./src/components/NavbarButtons.vue')['default'] - NCheckbox: typeof import('naive-ui')['NCheckbox'] NCode: typeof import('naive-ui')['NCode'] NCollapseTransition: typeof import('naive-ui')['NCollapseTransition'] - NColorPicker: typeof import('naive-ui')['NColorPicker'] NConfigProvider: typeof import('naive-ui')['NConfigProvider'] - NDatePicker: typeof import('naive-ui')['NDatePicker'] - NDivider: typeof import('naive-ui')['NDivider'] - NDynamicInput: typeof import('naive-ui')['NDynamicInput'] NEllipsis: typeof import('naive-ui')['NEllipsis'] - NForm: typeof import('naive-ui')['NForm'] - NFormItem: typeof import('naive-ui')['NFormItem'] NGi: typeof import('naive-ui')['NGi'] NGrid: typeof import('naive-ui')['NGrid'] NH1: typeof import('naive-ui')['NH1'] - NH2: typeof import('naive-ui')['NH2'] NH3: typeof import('naive-ui')['NH3'] NIcon: typeof import('naive-ui')['NIcon'] - NImage: typeof import('naive-ui')['NImage'] - NInputGroup: typeof import('naive-ui')['NInputGroup'] - NInputGroupLabel: typeof import('naive-ui')['NInputGroupLabel'] - NInputNumber: typeof import('naive-ui')['NInputNumber'] NLayout: typeof import('naive-ui')['NLayout'] NLayoutSider: typeof import('naive-ui')['NLayoutSider'] NMenu: typeof import('naive-ui')['NMenu'] - NP: typeof import('naive-ui')['NP'] - NPageHeader: typeof import('naive-ui')['NPageHeader'] - NProgress: typeof import('naive-ui')['NProgress'] NScrollbar: typeof import('naive-ui')['NScrollbar'] - NSlider: typeof import('naive-ui')['NSlider'] - NStatistic: typeof import('naive-ui')['NStatistic'] - NSwitch: typeof import('naive-ui')['NSwitch'] - NTable: typeof import('naive-ui')['NTable'] NTag: typeof import('naive-ui')['NTag'] NTooltip: typeof import('naive-ui')['NTooltip'] - NUpload: typeof import('naive-ui')['NUpload'] - NUploadDragger: typeof import('naive-ui')['NUploadDragger'] OtpCodeGeneratorAndValidator: typeof import('./src/tools/otp-code-generator-and-validator/otp-code-generator-and-validator.vue')['default'] PasswordStrengthAnalyser: typeof import('./src/tools/password-strength-analyser/password-strength-analyser.vue')['default'] PercentageCalculator: typeof import('./src/tools/percentage-calculator/percentage-calculator.vue')['default'] diff --git a/package.json b/package.json index b49f67de..139100e7 100644 --- a/package.json +++ b/package.json @@ -40,6 +40,7 @@ "@tiptap/pm": "^2.1.6", "@tiptap/starter-kit": "^2.1.6", "@tiptap/vue-3": "^2.0.3", + "@types/marked": "^5.0.1", "@vicons/material": "^0.12.0", "@vicons/tabler": "^0.12.0", "@vueuse/core": "^10.3.0", @@ -64,6 +65,7 @@ "jwt-decode": "^3.1.2", "libphonenumber-js": "^1.10.28", "lodash": "^4.17.21", + "marked": "^9.0.3", "mathjs": "^11.9.1", "mime-types": "^2.1.35", "monaco-editor": "^0.43.0", @@ -100,6 +102,7 @@ "@types/crypto-js": "^4.1.1", "@types/jsdom": "^21.0.0", "@types/lodash": "^4.14.192", + "@types/marked": "^5.0.1", "@types/mime-types": "^2.1.1", "@types/netmask": "^2.0.0", "@types/node": "^18.15.11", diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 509bcbc4..49765dcc 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -23,6 +23,9 @@ dependencies: '@tiptap/vue-3': specifier: ^2.0.3 version: 2.0.3(@tiptap/core@2.1.6)(@tiptap/pm@2.1.6)(vue@3.3.4) + '@types/marked': + specifier: ^5.0.1 + version: 5.0.1 '@vicons/material': specifier: ^0.12.0 version: 0.12.0 @@ -95,6 +98,9 @@ dependencies: lodash: specifier: ^4.17.21 version: 4.17.21 + marked: + specifier: ^9.0.3 + version: 9.0.3 mathjs: specifier: ^11.9.1 version: 11.9.1 @@ -2896,6 +2902,10 @@ packages: '@types/mdurl': 1.0.2 dev: true + /@types/marked@5.0.1: + resolution: {integrity: sha512-Y3pAUzHKh605fN6fvASsz5FDSWbZcs/65Q6xYRmnIP9ZIYz27T4IOmXfH9gWJV1dpi7f1e7z7nBGUTx/a0ptpA==} + dev: false + /@types/mdast@3.0.11: resolution: {integrity: sha512-Y/uImid8aAwrEA24/1tcRZwpxX3pIFTSilcNDKSPn+Y2iDywSEachzRuvgAYYLR3wpGXAsMbv5lvKLDZLeYPAw==} dependencies: @@ -6554,6 +6564,12 @@ packages: mdurl: 1.0.1 uc.micro: 1.0.6 + /marked@9.0.3: + resolution: {integrity: sha512-pI/k4nzBG1PEq1J3XFEHxVvjicfjl8rgaMaqclouGSMPhk7Q3Ejb2ZRxx/ZQOcQ1909HzVoWCFYq6oLgtL4BpQ==} + engines: {node: '>= 16'} + hasBin: true + dev: false + /mathjs@11.9.1: resolution: {integrity: sha512-VdB9ELZ6Dwda13j5d1eCBETmPO8m9qIJETUdfZmTA9cPnXUiIk7UuoAmvxFqtfAe32XYuRugAec2Ndv0/RfRhg==} engines: {node: '>= 14'} @@ -7678,10 +7694,12 @@ packages: /semver@5.7.2: resolution: {integrity: sha512-cBznnQ9KjJqU67B52RMC65CMarK2600WFnbkcaiwWq3xy/5haFJlshgnpjovMVJ+Hff49d8GEn0b87C5pDQ10g==} + hasBin: true dev: true /semver@6.3.1: resolution: {integrity: sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==} + hasBin: true /semver@7.5.1: resolution: {integrity: sha512-Wvss5ivl8TMRZXXESstBA4uR5iXgEN/VC5/sOcuXdVLzcdkz4HWetIoRfG5gb5X+ij/G9rw9YoGn3QoQ8OCSpw==} diff --git a/src/tools/html-md-converter/html-md-converter.vue b/src/tools/html-md-converter/html-md-converter.vue index ff191ada..9014adcc 100644 --- a/src/tools/html-md-converter/html-md-converter.vue +++ b/src/tools/html-md-converter/html-md-converter.vue @@ -1,7 +1,11 @@ From 383ec8a579c22d535e3c061ab4e910c14dd27a07 Mon Sep 17 00:00:00 2001 From: Leon Letto Date: Sun, 24 Sep 2023 15:10:58 -0700 Subject: [PATCH 6/9] Added Preview which was missing. --- src/tools/html-md-converter/html-md-converter.vue | 14 ++++++++------ 1 file changed, 8 insertions(+), 6 deletions(-) diff --git a/src/tools/html-md-converter/html-md-converter.vue b/src/tools/html-md-converter/html-md-converter.vue index 9014adcc..bd9fa29c 100644 --- a/src/tools/html-md-converter/html-md-converter.vue +++ b/src/tools/html-md-converter/html-md-converter.vue @@ -4,8 +4,10 @@ import { ref } from 'vue'; import { marked } from 'marked'; import { convertHtmlToMarkdown } from './html-md-converter-service'; -import CCard from "@/ui/c-card/c-card.vue"; -import CInputText from "@/ui/c-input-text/c-input-text.vue"; // Import the service function + +import CCard from '@/ui/c-card/c-card.vue'; + +import CInputText from '@/ui/c-input-text/c-input-text.vue'; // Import the service function const htmlInput = ref(''); // Reference for HTML input const markdownOutput = ref(''); // Reference for Markdown output @@ -18,9 +20,9 @@ const previewHtml = computed(() => marked(markdownOutput.value)); From 7436fa236f3a0633289cfcf501ef13e7d7449ffc Mon Sep 17 00:00:00 2001 From: Leon Letto Date: Mon, 15 Jan 2024 10:01:35 -0800 Subject: [PATCH 7/9] Tabs --- pnpm-lock.yaml | 15 +++++++++++---- 1 file changed, 11 insertions(+), 4 deletions(-) diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index dfacabd4..e5e08c60 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -205,6 +205,9 @@ devDependencies: '@types/lodash': specifier: ^4.14.192 version: 4.14.192 + '@types/marked': + specifier: ^5.0.1 + version: 5.0.2 '@types/mime-types': specifier: ^2.1.1 version: 2.1.1 @@ -2988,6 +2991,10 @@ packages: '@types/mdurl': 1.0.2 dev: true + /@types/marked@5.0.2: + resolution: {integrity: sha512-OucS4KMHhFzhz27KxmWg7J+kIYqyqoW5kdIEI319hqARQQUTqhao3M/F+uFnDXD0Rg72iDDZxZNxq5gvctmLlg==} + dev: true + /@types/mdast@3.0.11: resolution: {integrity: sha512-Y/uImid8aAwrEA24/1tcRZwpxX3pIFTSilcNDKSPn+Y2iDywSEachzRuvgAYYLR3wpGXAsMbv5lvKLDZLeYPAw==} dependencies: @@ -3374,7 +3381,7 @@ packages: dependencies: '@unhead/dom': 0.5.1 '@unhead/schema': 0.5.1 - '@vueuse/shared': 10.6.1(vue@3.3.4) + '@vueuse/shared': 10.7.2(vue@3.3.4) unhead: 0.5.1 vue: 3.3.4 transitivePeerDependencies: @@ -4010,14 +4017,14 @@ packages: /@vueuse/shared@10.3.0(vue@3.3.4): resolution: {integrity: sha512-kGqCTEuFPMK4+fNWy6dUOiYmxGcUbtznMwBZLC1PubidF4VZY05B+Oht7Jh7/6x4VOWGpvu3R37WHi81cKpiqg==} dependencies: - vue-demi: 0.14.5(vue@3.3.4) + vue-demi: 0.14.6(vue@3.3.4) transitivePeerDependencies: - '@vue/composition-api' - vue dev: false - /@vueuse/shared@10.6.1(vue@3.3.4): - resolution: {integrity: sha512-TECVDTIedFlL0NUfHWncf3zF9Gc4VfdxfQc8JFwoVZQmxpONhLxFrlm0eHQeidHj4rdTPL3KXJa0TZCk1wnc5Q==} + /@vueuse/shared@10.7.2(vue@3.3.4): + resolution: {integrity: sha512-qFbXoxS44pi2FkgFjPvF4h7c9oMDutpyBdcJdMYIMg9XyXli2meFMuaKn+UMgsClo//Th6+beeCgqweT/79BVA==} dependencies: vue-demi: 0.14.6(vue@3.3.4) transitivePeerDependencies: From c83f020c789005c58acbcf0012a19fabffe16648 Mon Sep 17 00:00:00 2001 From: Leon Letto Date: Mon, 15 Jan 2024 10:05:42 -0800 Subject: [PATCH 8/9] Tabs --- package.json | 1 + pnpm-lock.yaml | 13 +++++++++++++ 2 files changed, 14 insertions(+) diff --git a/package.json b/package.json index 19be7889..9026fe53 100644 --- a/package.json +++ b/package.json @@ -79,6 +79,7 @@ "plausible-tracker": "^0.3.8", "qrcode": "^1.5.1", "sql-formatter": "^13.0.0", + "turndown": "^7.1.2", "ua-parser-js": "^1.0.35", "ulid": "^2.3.0", "unicode-emoji-json": "^0.4.0", diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index e5e08c60..4e80b8b8 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -137,6 +137,9 @@ dependencies: sql-formatter: specifier: ^13.0.0 version: 13.0.0 + turndown: + specifier: ^7.1.2 + version: 7.1.2 ua-parser-js: specifier: ^1.0.35 version: 1.0.35 @@ -4947,6 +4950,10 @@ packages: domelementtype: 2.3.0 dev: true + /domino@2.1.6: + resolution: {integrity: sha512-3VdM/SXBZX2omc9JF9nOPCtDaYQ67BGp5CoLpIQlO2KCAPETs8TcDHacF26jXadGbvUteZzRTeos2fhID5+ucQ==} + dev: false + /dompurify@3.0.6: resolution: {integrity: sha512-ilkD8YEnnGh1zJ240uJsW7AzE+2qpbOUYjacomn3AvJ6J4JhKGSZ2nh4wUIXPZrEPppaCLx5jFe8T89Rk8tQ7w==} dev: false @@ -8560,6 +8567,12 @@ packages: typescript: 5.2.2 dev: true + /turndown@7.1.2: + resolution: {integrity: sha512-ntI9R7fcUKjqBP6QU8rBK2Ehyt8LAzt3UBT9JR9tgo6GtuKvyUzpayWmeMKJw1DPdXzktvtIT8m2mVXz+bL/Qg==} + dependencies: + domino: 2.1.6 + dev: false + /type-check@0.3.2: resolution: {integrity: sha512-ZCmOJdvOWDBYJlzAoFkC+Q0+bUyEOS1ltgp1MGU03fqHG+dbi9tBFU2Rd9QKiDZFAYrhPh2JUf7rZRIuHRKtOg==} engines: {node: '>= 0.8.0'} From 792e364b59f2dd17842a130cfaf034cbd8fa7e3d Mon Sep 17 00:00:00 2001 From: Leon Letto Date: Mon, 15 Jan 2024 10:10:54 -0800 Subject: [PATCH 9/9] Tabs --- package.json | 1 + pnpm-lock.yaml | 7 +++++++ 2 files changed, 8 insertions(+) diff --git a/package.json b/package.json index 9026fe53..c7818407 100644 --- a/package.json +++ b/package.json @@ -110,6 +110,7 @@ "@types/node": "^18.15.11", "@types/node-forge": "^1.3.2", "@types/qrcode": "^1.5.0", + "@types/turndown": "^5.0.4", "@types/ua-parser-js": "^0.7.36", "@types/uuid": "^9.0.0", "@unocss/eslint-config": "^0.57.0", diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index 4e80b8b8..cfe4a175 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -226,6 +226,9 @@ devDependencies: '@types/qrcode': specifier: ^1.5.0 version: 1.5.0 + '@types/turndown': + specifier: ^5.0.4 + version: 5.0.4 '@types/ua-parser-js': specifier: ^0.7.36 version: 0.7.36 @@ -3084,6 +3087,10 @@ packages: resolution: {integrity: sha512-NfQ4gyz38SL8sDNrSixxU2Os1a5xcdFxipAFxYEuLUlvU2uDwS4NUpsImcf1//SlWItCVMMLiylsxbmNMToV/g==} dev: true + /@types/turndown@5.0.4: + resolution: {integrity: sha512-28GI33lCCkU4SGH1GvjDhFgOVr+Tym4PXGBIU1buJUa6xQolniPArtUT+kv42RR2N9MsMLInkr904Aq+ESHBJg==} + dev: true + /@types/ua-parser-js@0.7.36: resolution: {integrity: sha512-N1rW+njavs70y2cApeIw1vLMYXRwfBy+7trgavGuuTfOd7j1Yh7QTRc/yqsPl6ncokt72ZXuxEU0PiCp9bSwNQ==} dev: true