@burger-editor/utils 4.0.0-alpha.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2017-2024 D-ZERO Co., Ltd.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,3 @@
+# utils
+
+[![npm version](https://badge.fury.io/js/@burger-editor%2Futils.svg)](https://badge.fury.io/js/@burger-editor%2Futils)

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+export * from './markdown.js';
+export * from './utils.js';

package/dist/index.js

@@ -0,0 +1,2 @@
+export * from './markdown.js';
+export * from './utils.js';

package/dist/markdown.d.ts

@@ -0,0 +1,10 @@
+/**
+ *
+ * @param markdown
+ */
+export declare function markdownToHtml(markdown: string): string;
+/**
+ *
+ * @param html
+ */
+export declare function htmlToMarkdown(html: string): string;

package/dist/markdown.js

@@ -0,0 +1,23 @@
+import { marked } from 'marked';
+import TurndownService from 'turndown';
+/**
+ *
+ * @param markdown
+ */
+export function markdownToHtml(markdown) {
+    return marked(markdown, {
+        async: false,
+    });
+}
+/**
+ *
+ * @param html
+ */
+export function htmlToMarkdown(html) {
+    const turndownService = new TurndownService({
+        headingStyle: 'atx',
+        bulletListMarker: '-',
+        codeBlockStyle: 'fenced',
+    });
+    return turndownService.turndown(html);
+}

package/dist/utils.d.ts

@@ -0,0 +1,66 @@
+/**
+ * 現在のURLのオリジン
+ */
+export declare function origin(): string;
+/**
+ * 改行コードを改行タグに変換
+ * @param text 対象のテキスト
+ * @returns 変換されたテキスト
+ */
+export declare function nl2br(text: string): string;
+/**
+ * 改行タグを改行コードに変換
+ * @param html
+ * @returns 変換されたテキスト
+ */
+export declare function br2nl(html: string): string;
+/**
+ * 数値をバイトサイズ単位にフォーマットする
+ * @param byteSize 対象の数値
+ * @param digits 小数点の桁数
+ * @param autoFormat SI接頭辞をつけるかどうか
+ * @returns フォーマットされた文字列
+ */
+export declare function formatByteSize(byteSize: number, digits?: number, autoFormat?: boolean): string;
+/**
+ * Unixタイムスタンプを日付文字列に変換する
+ * @param timestamp Unixタイムスタンプ
+ * @param format フォーマット
+ */
+export declare function formatDate(timestamp: number, format: string): string;
+/**
+ * YouTubeの動画URLからIDを抽出する
+ *
+ * 何も抽出できなかった場合 空文字列を返す
+ *
+ * 参考: http://stackoverflow.com/questions/6903823/regex-for-youtube-id
+ * 以下の形式が対応可能
+ * http://www.youtube.com/sandalsResorts#p/c/54B8C800269D7C1B/0/FJUvudQsKCM
+ * http://youtu.be/NLqAF9hrVbY
+ * http://www.youtube.com/embed/NLqAF9hrVbY
+ * https://www.youtube.com/embed/NLqAF9hrVbY
+ * http://www.youtube.com/v/NLqAF9hrVbY?fs=1&hl=en_US
+ * http://www.youtube.com/watch?v=NLqAF9hrVbY
+ * http://www.youtube.com/ytscreeningroom?v=NRHVzbJVx8I
+ * http://www.youtube.com/watch?v=JYArUl0TzhA&feature=featured
+ * @param idOrUrl YouTubeのURLもしくはID
+ * @returns 抽出したID
+ */
+export declare function parseYTId(idOrUrl: string): string;
+/**
+ * 正しいCSSクラス名かどうかチェックする
+ * @param className チェック対象
+ * @returns 結果
+ */
+export declare function isValidAsClassName(className: string): boolean;
+/**
+ * background-imageからパスを取得する
+ * @param value
+ * @returns 結果
+ */
+export declare function getBackgroundImagePath(value: string): string;
+/**
+ *
+ * @param html
+ */
+export declare function strToDOM(html: string): HTMLElement;

package/dist/utils.js

@@ -0,0 +1,117 @@
+import dayjs from 'dayjs';
+/**
+ * 現在のURLのオリジン
+ */
+export function origin() {
+    return `${location.protocol}//${location.hostname}${location.port ? ':' + location.port : ''}`;
+}
+/**
+ * 改行コードを改行タグに変換
+ * @param text 対象のテキスト
+ * @returns 変換されたテキスト
+ */
+export function nl2br(text) {
+    return `${text}`.replaceAll(/\r\n|\n\r|\r|\n/g, '<br />');
+}
+/**
+ * 改行タグを改行コードに変換
+ * @param html
+ * @returns 変換されたテキスト
+ */
+export function br2nl(html) {
+    return `${html}`.replaceAll(/<\s*br\s*\/?>/g, '\r\n');
+}
+/**
+ * 数値をバイトサイズ単位にフォーマットする
+ * @param byteSize 対象の数値
+ * @param digits 小数点の桁数
+ * @param autoFormat SI接頭辞をつけるかどうか
+ * @returns フォーマットされた文字列
+ */
+export function formatByteSize(byteSize, digits = 2, autoFormat = true) {
+    let compute = byteSize;
+    let counter = 0;
+    const unit = ['byte', 'kB', 'MB', 'GB', 'TB', 'PB', 'EB'];
+    if (autoFormat) {
+        while (compute > 1024) {
+            compute /= 1024;
+            counter += 1;
+        }
+        if (counter === 0) {
+            digits = 0;
+        }
+        return compute.toFixed(digits) + unit[counter];
+    }
+    else {
+        return byteSize + unit[0];
+    }
+}
+/**
+ * Unixタイムスタンプを日付文字列に変換する
+ * @param timestamp Unixタイムスタンプ
+ * @param format フォーマット
+ */
+export function formatDate(timestamp, format) {
+    return dayjs.unix(timestamp).format(format);
+}
+/**
+ * YouTubeの動画URLからIDを抽出する
+ *
+ * 何も抽出できなかった場合 空文字列を返す
+ *
+ * 参考: http://stackoverflow.com/questions/6903823/regex-for-youtube-id
+ * 以下の形式が対応可能
+ * http://www.youtube.com/sandalsResorts#p/c/54B8C800269D7C1B/0/FJUvudQsKCM
+ * http://youtu.be/NLqAF9hrVbY
+ * http://www.youtube.com/embed/NLqAF9hrVbY
+ * https://www.youtube.com/embed/NLqAF9hrVbY
+ * http://www.youtube.com/v/NLqAF9hrVbY?fs=1&hl=en_US
+ * http://www.youtube.com/watch?v=NLqAF9hrVbY
+ * http://www.youtube.com/ytscreeningroom?v=NRHVzbJVx8I
+ * http://www.youtube.com/watch?v=JYArUl0TzhA&feature=featured
+ * @param idOrUrl YouTubeのURLもしくはID
+ * @returns 抽出したID
+ */
+export function parseYTId(idOrUrl) {
+    let id = '';
+    if (!idOrUrl) {
+        return id;
+    }
+    const match = idOrUrl.match(/(?:youtu\.be\/|youtube\.com(?:\/embed\/|\/v\/|\/watch\?v=|\/user\/\S+|\/ytscreeningroom\?v=))([\w-]{10,12})\b/);
+    if (match) {
+        id = match[1] ?? '';
+    }
+    else {
+        id = idOrUrl;
+    }
+    return id;
+}
+/**
+ * 正しいCSSクラス名かどうかチェックする
+ * @param className チェック対象
+ * @returns 結果
+ */
+export function isValidAsClassName(className) {
+    const validClassName = /^-?[_a-z][\w-]*$/i;
+    return validClassName.test(className);
+}
+/**
+ * background-imageからパスを取得する
+ * @param value
+ * @returns 結果
+ */
+export function getBackgroundImagePath(value) {
+    return decodeURI(value.replace(/^url\(["']?([^"']+)["']?\)$/i, '$1').replace(origin(), ''));
+}
+/**
+ *
+ * @param html
+ */
+export function strToDOM(html) {
+    const doc = new DOMParser().parseFromString(html, 'text/html');
+    const el = doc.body.firstElementChild;
+    if (!el || !(el instanceof HTMLElement)) {
+        throw new Error(`Element not found: ${html}`);
+    }
+    return el;
+}

package/package.json

@@ -0,0 +1,38 @@
+{
+	"name": "@burger-editor/utils",
+	"version": "4.0.0-alpha.1",
+	"description": "BurgerEditor Editor Utility Functions",
+	"author": "D-ZERO",
+	"license": "MIT",
+	"repository": {
+		"url": "https://github.com/d-zero-dev/BurgerEditor.git"
+	},
+	"private": false,
+	"publishConfig": {
+		"access": "public"
+	},
+	"type": "module",
+	"exports": {
+		".": {
+			"import": "./dist/index.js",
+			"types": "./dist/index.d.ts"
+		}
+	},
+	"files": [
+		"dist"
+	],
+	"scripts": {
+		"build": "tsc --project tsconfig.build.json",
+		"dev": "tsc --watch --project tsconfig.build.json",
+		"clean": "tsc --build --clean"
+	},
+	"dependencies": {
+		"dayjs": "1.11.13",
+		"marked": "15.0.7",
+		"turndown": "7.2.0"
+	},
+	"devDependencies": {
+		"@types/turndown": "5.0.5"
+	},
+	"gitHead": "1d6fef96516914352bff60f3319fc9884d882f77"
+}