@kookaat/strapi-plugin-tinymce 2.0.0 → 2.0.2

package/dist/_chunks/Wysiwyg-BJxwboVA.mjs

@@ -0,0 +1,130 @@
+import { jsx, Fragment, jsxs } from "react/jsx-runtime";
+import { useState, useEffect, useCallback } from "react";
+import { Box, Flex, Typography, Button } from "@strapi/design-system";
+import { Earth, Image } from "@strapi/icons";
+import { Editor } from "@tinymce/tinymce-react";
+import { P as PLUGIN_ID } from "./index-C2RU5wAS.mjs";
+import { useFetchClient, useStrapiApp } from "@strapi/strapi/admin";
+const prefixFileUrlWithBackendUrl = (path, url = process.env.STRAPI_ADMIN_BACKEND_URL || process.env.BACKEND_URL || "http://localhost:1337") => {
+  if (path?.startsWith("http")) {
+    return path;
+  }
+  if (url) {
+    return url + path;
+  } else {
+    return path;
+  }
+};
+const TinyEditor = ({ onChange, name, value, disabled }) => {
+  const { get, post } = useFetchClient();
+  const [pluginConfig, setPluginConfig] = useState(null);
+  prefixFileUrlWithBackendUrl("/api/upload", pluginConfig?.data?.defaultAdminDomain || "");
+  useEffect(() => {
+    const getPluginConfig = async () => {
+      const editor = await get(`/${PLUGIN_ID}/config/editor`);
+      if (editor) {
+        setPluginConfig(editor);
+      }
+    };
+    getPluginConfig();
+  }, []);
+  const imageUploadHandler = useCallback(
+    async (blobInfo) => {
+      const data = new FormData();
+      data.append("files", blobInfo.blob(), blobInfo.filename());
+      try {
+        const res = await post(`/${PLUGIN_ID}/uploadImage`, data);
+        return res.data.location;
+      } catch (error) {
+        console.error("Image upload failed:", error);
+        throw error;
+      }
+    },
+    [post]
+  );
+  return pluginConfig?.data ? /* @__PURE__ */ jsx(
+    Editor,
+    {
+      tinymceScriptSrc: pluginConfig?.data?.tinymceSrc || void 0,
+      value,
+      tagName: name,
+      onEditorChange: (editorContent) => {
+        onChange({ target: { name, value: editorContent } });
+      },
+      init: {
+        images_upload_handler: imageUploadHandler,
+        ...pluginConfig?.data?.editorConfig
+      }
+    }
+  ) : /* @__PURE__ */ jsx(Fragment, {});
+};
+const MediaLib = ({ isOpen, onChange, onToggle }) => {
+  const mediaLibraryDialog = useStrapiApp("mediaLibrary", (state) => state.components);
+  const MediaDialog = mediaLibraryDialog["media-library"];
+  const handleSelectAssets = (files) => {
+    const formattedFiles = files.map((f) => ({
+      alt: f.alternativeText || f.name,
+      url: prefixFileUrlWithBackendUrl(f.url),
+      mime: f.mime
+    }));
+    if (onChange)
+      onChange(formattedFiles);
+  };
+  if (!isOpen) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(MediaDialog, { onClose: onToggle, onSelectAssets: handleSelectAssets });
+};
+const Wysiwyg = ({ name, onChange, value, label, disabled, error, required, hint, attribute }) => {
+  const localized = Boolean(attribute?.pluginOptions?.i18n?.localized || false);
+  const [mediaLibVisible, setMediaLibVisible] = useState(false);
+  const handleToggleMediaLib = () => setMediaLibVisible((prev) => !prev);
+  const handleChangeAssets = (assets) => {
+    let newValue = value ? value : "";
+    assets.map((asset) => {
+      if (asset.mime.includes("image")) {
+        const imgTag = `<p><img src="${asset.url}" alt="${asset.alt}"></img></p>`;
+        newValue = `${newValue}${imgTag}`;
+      }
+      if (asset.mime.includes("video")) {
+        const videoTag = `<video><source src="${asset.url}" alt="${asset.alt}"</source></video>`;
+        newValue = `${newValue}${videoTag}`;
+      }
+    });
+    onChange({ target: { name, value: newValue } });
+    handleToggleMediaLib();
+  };
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs(Box, { children: [
+      label && /* @__PURE__ */ jsxs(Flex, { paddingBottom: 1, children: [
+        /* @__PURE__ */ jsx(Typography, { variant: "pi", fontWeight: "bold", textColor: "neutral800", children: label }),
+        required && /* @__PURE__ */ jsx(Typography, { variant: "omega", fontWeight: "bold", textColor: "danger600", children: "*" }),
+        localized && /* @__PURE__ */ jsx(Flex, { paddingLeft: 1, children: /* @__PURE__ */ jsx(Earth, { width: 12, height: 12 }) })
+      ] }),
+      /* @__PURE__ */ jsx(
+        Button,
+        {
+          startIcon: /* @__PURE__ */ jsx(Image, {}),
+          variant: "secondary",
+          fullWidth: true,
+          onClick: handleToggleMediaLib,
+          children: "Media library"
+        }
+      ),
+      /* @__PURE__ */ jsx(TinyEditor, { disabled: Boolean(disabled), name, onChange, value }),
+      (error || hint) && /* @__PURE__ */ jsx(Box, { paddingTop: 1, children: error ? /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "danger600", children: error }) : /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral600", children: hint }) })
+    ] }),
+    /* @__PURE__ */ jsx(
+      MediaLib,
+      {
+        isOpen: mediaLibVisible,
+        onChange: handleChangeAssets,
+        onToggle: handleToggleMediaLib
+      }
+    )
+  ] });
+};
+export {
+  Wysiwyg as default
+};
+//# sourceMappingURL=Wysiwyg-BJxwboVA.mjs.map

package/dist/_chunks/Wysiwyg-BJxwboVA.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Wysiwyg-BJxwboVA.mjs","sources":["../../admin/src/utils/prefixFileUrlWithBackendUrl.ts","../../admin/src/components/Editor.tsx","../../admin/src/components/MediaLib.tsx","../../admin/src/components/Wysiwyg.tsx"],"sourcesContent":["export const prefixFileUrlWithBackendUrl = (\r\n    path: string,\r\n    url = process.env.STRAPI_ADMIN_BACKEND_URL || process.env.BACKEND_URL || 'http://localhost:1337',\r\n) => {\r\n    if (path?.startsWith('http')) {\r\n        // Path is already a full URL. No prefix possible.\r\n        return path;\r\n    }\r\n\r\n    if (url) {\r\n        return url + path;\r\n    } else {\r\n        return path;\r\n    }\r\n};\r\n","import { useCallback, useEffect, useState } from 'react';\r\nimport { Editor, IAllProps } from '@tinymce/tinymce-react';\r\nimport { PLUGIN_ID } from '../pluginId';\r\nimport taskRequests from '../api/settings';\r\nimport { useFetchClient } from '@strapi/strapi/admin';\r\nimport { prefixFileUrlWithBackendUrl } from '../utils/prefixFileUrlWithBackendUrl';\r\n\r\ninterface TinyEditorProps {\r\n    onChange: (e: any) => void;\r\n    name: string;\r\n    value?: string;\r\n    disabled?: boolean;\r\n}\r\n\r\ntype InitOptions = NonNullable<IAllProps['init']>;\r\n\r\nconst TinyEditor = ({ onChange, name, value, disabled }: TinyEditorProps) => {\r\n    const { get, post } = useFetchClient();\r\n\r\n    const [pluginConfig, setPluginConfig] = useState<any>(null);\r\n    const uploadUrl = prefixFileUrlWithBackendUrl('/api/upload', pluginConfig?.data?.defaultAdminDomain || '');\r\n\r\n    useEffect(() => {\r\n        const getPluginConfig = async () => {\r\n            const editor = await get(`/${PLUGIN_ID}/config/editor`);\r\n            if (editor) {\r\n                setPluginConfig(editor);\r\n            }\r\n        };\r\n        getPluginConfig();\r\n    }, []);\r\n\r\n    const imageUploadHandler = useCallback<NonNullable<InitOptions['images_upload_handler']>>(\r\n        async (blobInfo) => {\r\n            const data = new FormData();\r\n\r\n            data.append('files', blobInfo.blob(), blobInfo.filename());\r\n\r\n            try {\r\n                const res = await post<{ location: string }>(`/${PLUGIN_ID}/uploadImage`, data);\r\n\r\n                return res.data.location;\r\n            } catch (error) {\r\n                console.error('Image upload failed:', error);\r\n\r\n                throw error;\r\n            }\r\n        },\r\n        [post],\r\n    );\r\n\r\n    return pluginConfig?.data ? (\r\n        <Editor\r\n            tinymceScriptSrc={pluginConfig?.data?.tinymceSrc || undefined}\r\n            value={value}\r\n            tagName={name}\r\n            onEditorChange={(editorContent) => {\r\n                onChange({ target: { name, value: editorContent } });\r\n            }}\r\n            init={{\r\n                images_upload_handler: imageUploadHandler,\r\n                ...pluginConfig?.data?.editorConfig,\r\n            }}\r\n        />\r\n    ) : (\r\n        <></>\r\n    );\r\n};\r\n\r\nexport default TinyEditor;\r\n","import React from 'react';\r\nimport { prefixFileUrlWithBackendUrl } from '../utils/prefixFileUrlWithBackendUrl';\r\nimport { useStrapiApp } from '@strapi/strapi/admin';\r\n\r\ninterface MediaLibProps {\r\n    isOpen?: boolean;\r\n    onChange?: (e: any) => void;\r\n    onToggle?: () => void;\r\n}\r\n\r\nconst MediaLib = ({ isOpen, onChange, onToggle }: MediaLibProps) => {\r\n    const mediaLibraryDialog = useStrapiApp('mediaLibrary', (state: any) => state.components);\r\n    const MediaDialog = mediaLibraryDialog['media-library'];\r\n\r\n\r\n    const handleSelectAssets = (files: any) => {\r\n        const formattedFiles = files.map((f: any) => ({\r\n            alt: f.alternativeText || f.name,\r\n            url: prefixFileUrlWithBackendUrl(f.url),\r\n            mime: f.mime,\r\n        }));\r\n\r\n        if (onChange) onChange(formattedFiles);\r\n    };\r\n\r\n    if (!isOpen) {\r\n        return null;\r\n    }\r\n\r\n    return <MediaDialog onClose={onToggle} onSelectAssets={handleSelectAssets} />;\r\n};\r\n\r\nexport default MediaLib;\r\n","import React, { useState } from 'react';\r\nimport { Box, Button, Flex, Typography } from '@strapi/design-system';\r\nimport { Earth, Image } from '@strapi/icons';\r\nimport TinyEditor from './Editor';\r\nimport MediaLib from './MediaLib';\r\n\r\ninterface WysiwygProps {\r\n  disabled?: boolean;\r\n  error?: string;\r\n  name: string;\r\n  onChange: (e: any) => void;\r\n  required?: boolean;\r\n  label?: string;\r\n  placeholder?: string;\r\n  hint?: string;\r\n  value?: any;\r\n  attribute?: any;\r\n}\r\n\r\nconst Wysiwyg = ({ name, onChange, value, label, disabled, error, required, hint, attribute }: WysiwygProps) => {\r\n  const localized = Boolean(attribute?.pluginOptions?.i18n?.localized || false);\r\n  const [mediaLibVisible, setMediaLibVisible] = useState(false);\r\n\r\n  const handleToggleMediaLib = () => setMediaLibVisible((prev) => !prev);\r\n\r\n  const handleChangeAssets = (assets: any) => {\r\n    let newValue = value ? value : \"\";\r\n\r\n    assets.map((asset: any) => {\r\n      if (asset.mime.includes(\"image\")) {\r\n        const imgTag = `<p><img src=\"${asset.url}\" alt=\"${asset.alt}\"></img></p>`;\r\n        newValue = `${newValue}${imgTag}`;\r\n      }\r\n      if (asset.mime.includes(\"video\")) {\r\n        const videoTag = `<video><source src=\"${asset.url}\" alt=\"${asset.alt}\"</source></video>`;\r\n        newValue = `${newValue}${videoTag}`;\r\n      }\r\n    });\r\n\r\n    onChange({ target: {name, value: newValue } });\r\n    handleToggleMediaLib();\r\n  };\r\n\r\n  return (\r\n    <>\r\n      <Box>\r\n        {label && (\r\n          <Flex paddingBottom={1}>\r\n            <Typography variant=\"pi\" fontWeight=\"bold\" textColor=\"neutral800\">\r\n              {label}\r\n            </Typography>\r\n            {required && (\r\n              <Typography variant=\"omega\" fontWeight=\"bold\" textColor=\"danger600\">\r\n                *\r\n              </Typography>\r\n            )}\r\n            {localized && (\r\n              <Flex paddingLeft={1}>\r\n                <Earth width={12} height={12}/>\r\n              </Flex>\r\n            )}\r\n          </Flex>\r\n        )}\r\n        <Button\r\n          startIcon={<Image/>}\r\n          variant=\"secondary\"\r\n          fullWidth\r\n          onClick={handleToggleMediaLib}\r\n        >\r\n          Media library\r\n        </Button>\r\n        <TinyEditor disabled={Boolean(disabled)} name={name} onChange={onChange} value={value}/>\r\n        {(error || hint) && (\r\n          <Box paddingTop={1}>\r\n            {error ? (\r\n              <Typography variant=\"pi\" textColor=\"danger600\">\r\n                {error}\r\n              </Typography>\r\n            ) : (\r\n              <Typography variant=\"pi\" textColor=\"neutral600\">\r\n                {hint}\r\n              </Typography>\r\n            )}\r\n          </Box>\r\n        )}\r\n      </Box>\r\n      <MediaLib\r\n        isOpen={mediaLibVisible}\r\n        onChange={handleChangeAssets}\r\n        onToggle={handleToggleMediaLib}\r\n      />\r\n    </>\r\n  );\r\n};\r\n\r\nexport default Wysiwyg;\r\n"],"names":[],"mappings":"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"}

package/dist/_chunks/cs-4ldo0hfI.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const cs = {
+  "settings.title": "TinyMCE",
+  "settings.description": "TinyMCE rich text editor",
+  "settings.subtitle": "Úprava nastavení pluginu TinyMCE",
+  "settings.content-title": "Nastavení klíče API pro editor TinyMCE.",
+  "settings.save-button": "Uložit",
+  "settings.input-title": "API klíč",
+  "settings.input-placeholder": "např. eegrtg8464asnbvvvfasd46486asldaeerer45888areettzh",
+  "settings.success-message": "Nastavení bylo úspěšně uloženo.",
+  "settings.page-title": "Konfigurace"
+};
+exports.default = cs;
+//# sourceMappingURL=cs-4ldo0hfI.js.map

package/dist/_chunks/cs-4ldo0hfI.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cs-4ldo0hfI.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;"}

package/dist/_chunks/cs-D-gwbfRH.mjs

@@ -0,0 +1,15 @@
+const cs = {
+  "settings.title": "TinyMCE",
+  "settings.description": "TinyMCE rich text editor",
+  "settings.subtitle": "Úprava nastavení pluginu TinyMCE",
+  "settings.content-title": "Nastavení klíče API pro editor TinyMCE.",
+  "settings.save-button": "Uložit",
+  "settings.input-title": "API klíč",
+  "settings.input-placeholder": "např. eegrtg8464asnbvvvfasd46486asldaeerer45888areettzh",
+  "settings.success-message": "Nastavení bylo úspěšně uloženo.",
+  "settings.page-title": "Konfigurace"
+};
+export {
+  cs as default
+};
+//# sourceMappingURL=cs-D-gwbfRH.mjs.map

package/dist/_chunks/cs-D-gwbfRH.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"cs-D-gwbfRH.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}

package/dist/_chunks/en-BILT6xrd.mjs

@@ -0,0 +1,15 @@
+const en = {
+  "settings.title": "TinyMCE",
+  "settings.description": "TinyMCE rich text editor",
+  "settings.subtitle": "Edit settings of your TinyMCE plugin",
+  "settings.content-title": "Set API key for TinyMCE editor.",
+  "settings.save-button": "Save",
+  "settings.input-title": "API key",
+  "settings.input-placeholder": "ex. eegrtg8464asnbvvvfasd46486asldaeerer45888areettzh",
+  "settings.success-message": "Settings successfully updated",
+  "settings.page-title": "Configuration"
+};
+export {
+  en as default
+};
+//# sourceMappingURL=en-BILT6xrd.mjs.map

package/dist/_chunks/en-BILT6xrd.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"en-BILT6xrd.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}

package/dist/_chunks/en-usAdfkfH.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const en = {
+  "settings.title": "TinyMCE",
+  "settings.description": "TinyMCE rich text editor",
+  "settings.subtitle": "Edit settings of your TinyMCE plugin",
+  "settings.content-title": "Set API key for TinyMCE editor.",
+  "settings.save-button": "Save",
+  "settings.input-title": "API key",
+  "settings.input-placeholder": "ex. eegrtg8464asnbvvvfasd46486asldaeerer45888areettzh",
+  "settings.success-message": "Settings successfully updated",
+  "settings.page-title": "Configuration"
+};
+exports.default = en;
+//# sourceMappingURL=en-usAdfkfH.js.map

package/dist/_chunks/en-usAdfkfH.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"en-usAdfkfH.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;"}

package/dist/_chunks/index-BKKEJ9ZG.js

@@ -0,0 +1,243 @@
+"use strict";
+const react = require("react");
+const jsxRuntime = require("react/jsx-runtime");
+const styled = require("styled-components");
+const designSystem = require("@strapi/design-system");
+const icons = require("@strapi/icons");
+const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
+const styled__default = /* @__PURE__ */ _interopDefault(styled);
+const __variableDynamicImportRuntimeHelper = (glob, path) => {
+  const v = glob[path];
+  if (v) {
+    return typeof v === "function" ? v() : Promise.resolve(v);
+  }
+  return new Promise((_, reject) => {
+    (typeof queueMicrotask === "function" ? queueMicrotask : setTimeout)(reject.bind(null, new Error("Unknown variable dynamic import: " + path)));
+  });
+};
+const name$1 = "@kookaat/strapi-plugin-tinymce";
+const version = "2.0.1";
+const description = "Strapi custom field with a customized build of TinyMCE richtext editor.";
+const keywords = [
+  "strapi",
+  "tinymce",
+  "tinymce 7",
+  "wysiwyg",
+  "rich text",
+  "editor"
+];
+const license = "MIT";
+const author = {
+  name: "M.Hossein Zendehpey (forked from SKLINET s.r.o.)",
+  url: "https://github.com/mhzendehpey"
+};
+const type = "commonjs";
+const exports$1 = {
+  "./package.json": "./package.json",
+  "./strapi-admin": {
+    types: "./dist/admin/src/index.d.ts",
+    source: "./admin/src/index.ts",
+    "import": "./dist/admin/index.mjs",
+    require: "./dist/admin/index.js",
+    "default": "./dist/admin/index.js"
+  },
+  "./strapi-server": {
+    types: "./dist/server/src/index.d.ts",
+    source: "./server/src/index.ts",
+    "import": "./dist/server/index.mjs",
+    require: "./dist/server/index.js",
+    "default": "./dist/server/index.js"
+  }
+};
+const files = [
+  "dist"
+];
+const scripts = {
+  build: "strapi-plugin build",
+  "test:ts:back": "run -T tsc -p server/tsconfig.json",
+  "test:ts:front": "run -T tsc -p admin/tsconfig.json",
+  verify: "strapi-plugin verify",
+  watch: "strapi-plugin watch",
+  "watch:link": "strapi-plugin watch:link"
+};
+const dependencies = {
+  "@strapi/design-system": "^2.0.0-rc.11",
+  "@strapi/icons": "^2.0.0-rc.11",
+  "@tinymce/tinymce-react": "^5.1.1",
+  "react-intl": "^6.8.4",
+  "tinymce-i18n": "^24.10.28"
+};
+const devDependencies = {
+  "@strapi/sdk-plugin": "^5.2.7",
+  "@strapi/strapi": "^5.33.1",
+  "@strapi/typescript-utils": "5.1.1",
+  "@types/react": "^18.3.10",
+  "@types/react-dom": "^18.3.0",
+  prettier: "^3.3.3",
+  react: "^18.3.1",
+  "react-dom": "^18.3.1",
+  "react-router-dom": "^6.26.2",
+  "styled-components": "^6.1.13",
+  typescript: "^5.6.2"
+};
+const peerDependencies = {
+  "@strapi/sdk-plugin": "^5.2.7",
+  "@strapi/strapi": "^5.1.1",
+  react: "^18.3.1",
+  "react-dom": "^18.3.1",
+  "react-router-dom": "^6.27.0",
+  "styled-components": "^6.1.13"
+};
+const strapi = {
+  displayName: "TinyMCE",
+  name: "tinymce",
+  description: "Strapi custom field with a customized build of TinyMCE richtext editor.",
+  kind: "plugin"
+};
+const pluginPkg = {
+  name: name$1,
+  version,
+  description,
+  keywords,
+  license,
+  author,
+  type,
+  exports: exports$1,
+  files,
+  scripts,
+  dependencies,
+  devDependencies,
+  peerDependencies,
+  strapi
+};
+const PLUGIN_ID = pluginPkg.name.replace(/^(@kookaat\/strapi-)plugin-/i, "");
+const getTranslation = (id) => `${PLUGIN_ID}.${id}`;
+const Initializer = ({ setPlugin }) => {
+  const ref = react.useRef(setPlugin);
+  react.useEffect(() => {
+    ref.current(PLUGIN_ID);
+  }, []);
+  return null;
+};
+const prefixPluginTranslations = (trad, pluginId) => {
+  if (!pluginId) {
+    throw new TypeError("pluginId can't be empty");
+  }
+  return Object.keys(trad).reduce((acc, current) => {
+    acc[`${pluginId}.${current}`] = trad[current];
+    return acc;
+  }, {});
+};
+const pluginPermissions = {
+  // This permission regards the main component (App) and is used to tell
+  // If the plugin link should be displayed in the menu
+  // And also if the plugin is accessible. This use case is found when a user types the url of the
+  // plugin directly in the browser
+  "menu-link": [{ action: "plugin::tinymce.menu-link", subject: null }],
+  settings: [{ action: "plugin::tinymce.settings.read", subject: null }]
+};
+const IconBox = styled__default.default(designSystem.Flex)`
+    background-color: #f0f0ff; /* primary100 */
+    border: 1px solid #d9d8ff; /* primary200 */
+
+    svg > path {
+        fill: #4945ff; /* primary600 */
+    }
+`;
+const PluginIcon = () => {
+  return /* @__PURE__ */ jsxRuntime.jsx(IconBox, { justifyContent: "center", alignItems: "center", width: 7, height: 6, hasRadius: true, "aria-hidden": true, children: /* @__PURE__ */ jsxRuntime.jsx(icons.Paragraph, {}) });
+};
+const name = pluginPkg.strapi.name;
+const index = {
+  register(app) {
+    app.customFields.register({
+      name: "tinymce",
+      pluginId: PLUGIN_ID,
+      type: "richtext",
+      icon: PluginIcon,
+      intlLabel: {
+        id: getTranslation("settings.title"),
+        defaultMessage: "TinyMCE"
+      },
+      intlDescription: {
+        id: getTranslation("settings.description"),
+        defaultMessage: "TinyMCE rich text editor"
+      },
+      isResizable: false,
+      default: 12,
+      options: {
+        advanced: [
+          {
+            type: "checkbox",
+            name: "required",
+            intlLabel: {
+              id: getTranslation("settings.required-field"),
+              defaultMessage: "Required field"
+            },
+            description: "You won't be able to create an entry if this field is empty"
+          }
+        ]
+      },
+      components: {
+        Input: async () => Promise.resolve().then(() => require(
+          /* webpackChunkName: "video-field-input-component" */
+          "./Wysiwyg-B5f8_FHm.js"
+        ))
+      }
+    });
+    app.createSettingSection(
+      {
+        id: PLUGIN_ID,
+        intlLabel: {
+          id: `${PLUGIN_ID}.plugin.name`,
+          defaultMessage: "TinyMCE"
+        }
+      },
+      [
+        {
+          intlLabel: {
+            id: getTranslation("settings.page-title"),
+            defaultMessage: "Configuration"
+          },
+          id: "settings",
+          to: `/settings/${PLUGIN_ID}`,
+          Component: async () => {
+            return Promise.resolve().then(() => require("./Settings-DDGJdgMB.js"));
+          },
+          permissions: pluginPermissions["settings"]
+        }
+      ]
+    );
+    app.registerPlugin({
+      id: PLUGIN_ID,
+      initializer: Initializer,
+      isReady: false,
+      name
+    });
+  },
+  bootstrap(app) {
+  },
+  async registerTrads(app) {
+    const { locales } = app;
+    const importedTranslations = await Promise.all(
+      locales.map((locale) => {
+        return __variableDynamicImportRuntimeHelper(/* @__PURE__ */ Object.assign({ "./translations/cs.json": () => Promise.resolve().then(() => require("./cs-4ldo0hfI.js")), "./translations/en.json": () => Promise.resolve().then(() => require("./en-usAdfkfH.js")), "./translations/sk.json": () => Promise.resolve().then(() => require("./sk-BcD0BjAU.js")) }), `./translations/${locale}.json`).then(({ default: data }) => {
+          return {
+            data: prefixPluginTranslations(data, PLUGIN_ID),
+            locale
+          };
+        }).catch(() => {
+          return {
+            data: {},
+            locale
+          };
+        });
+      })
+    );
+    return importedTranslations;
+  }
+};
+exports.PLUGIN_ID = PLUGIN_ID;
+exports.getTranslation = getTranslation;
+exports.index = index;
+//# sourceMappingURL=index-BKKEJ9ZG.js.map

package/dist/_chunks/index-BKKEJ9ZG.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-BKKEJ9ZG.js","sources":["../../admin/src/pluginId.ts","../../admin/src/utils/getTranslation.ts","../../admin/src/components/Initializer.tsx","../../admin/src/utils/prefixPluginTranslations.ts","../../admin/src/permissions.ts","../../admin/src/components/PluginIcon.tsx","../../admin/src/index.ts"],"sourcesContent":["import pluginPkg from '../../package.json';\r\n\r\nexport const PLUGIN_ID = pluginPkg.name.replace(/^(@kookaat\\/strapi-)plugin-/i, '');\r\n","import { PLUGIN_ID } from '../pluginId';\r\n\r\nconst getTranslation = (id: string) => `${PLUGIN_ID}.${id}`;\r\n\r\nexport { getTranslation };\r\n","import { useEffect, useRef } from 'react';\r\n\r\nimport { PLUGIN_ID } from '../pluginId';\r\n\r\ntype InitializerProps = {\r\n    setPlugin: (id: string) => void;\r\n};\r\n\r\nconst Initializer = ({ setPlugin }: InitializerProps) => {\r\n    const ref = useRef(setPlugin);\r\n\r\n    useEffect(() => {\r\n        ref.current(PLUGIN_ID);\r\n    }, []);\r\n\r\n    return null;\r\n};\r\n\r\nexport { Initializer };\r\n","type TradOptions = Record<string, string>;\r\n\r\nexport const prefixPluginTranslations = (trad: TradOptions, pluginId: string): TradOptions => {\r\n  if (!pluginId) {\r\n    throw new TypeError(\"pluginId can't be empty\");\r\n  }\r\n  return Object.keys(trad).reduce((acc, current) => {\r\n    acc[`${pluginId}.${current}`] = trad[current];\r\n    return acc;\r\n  }, {} as TradOptions);\r\n};\r\n","const pluginPermissions = {\r\n    // This permission regards the main component (App) and is used to tell\r\n    // If the plugin link should be displayed in the menu\r\n    // And also if the plugin is accessible. This use case is found when a user types the url of the\r\n    // plugin directly in the browser\r\n    'menu-link': [{ action: 'plugin::tinymce.menu-link', subject: null }],\r\n    settings: [{ action: 'plugin::tinymce.settings.read', subject: null }],\r\n};\r\n\r\nexport default pluginPermissions;\r\n","import React from 'react';\r\nimport styled from 'styled-components';\r\nimport { Flex } from '@strapi/design-system';\r\nimport { Paragraph } from '@strapi/icons';\r\n\r\nconst IconBox = styled(Flex)`\r\n    background-color: #f0f0ff; /* primary100 */\r\n    border: 1px solid #d9d8ff; /* primary200 */\r\n\r\n    svg > path {\r\n        fill: #4945ff; /* primary600 */\r\n    }\r\n`;\r\n\r\nconst PluginIcon = () => {\r\n    return (\r\n        <IconBox justifyContent=\"center\" alignItems=\"center\" width={7} height={6} hasRadius aria-hidden>\r\n            <Paragraph />\r\n        </IconBox>\r\n    );\r\n};\r\n\r\nexport { PluginIcon };\r\n","import pluginPkg from '../../package.json';\r\nimport { getTranslation } from './utils/getTranslation';\r\nimport { PLUGIN_ID } from './pluginId';\r\nimport { Initializer } from './components/Initializer';\r\nimport { prefixPluginTranslations } from './utils/prefixPluginTranslations';\r\nimport pluginPermissions from './permissions';\r\nimport { PluginIcon } from './components/PluginIcon';\r\n\r\nconst name = pluginPkg.strapi.name;\r\n\r\nexport default {\r\n    register(app: any) {\r\n        app.customFields.register({\r\n            name: 'tinymce',\r\n            pluginId: PLUGIN_ID,\r\n            type: 'richtext',\r\n            icon: PluginIcon,\r\n            intlLabel: {\r\n                id: getTranslation('settings.title'),\r\n                defaultMessage: 'TinyMCE',\r\n            },\r\n            intlDescription: {\r\n                id: getTranslation('settings.description'),\r\n                defaultMessage: 'TinyMCE rich text editor',\r\n            },\r\n            isResizable: false,\r\n            default: 12,\r\n            options: {\r\n                advanced: [\r\n                    {\r\n                        type: 'checkbox',\r\n                        name: 'required',\r\n                        intlLabel: {\r\n                            id: getTranslation('settings.required-field'),\r\n                            defaultMessage: 'Required field',\r\n                        },\r\n                        description: \"You won't be able to create an entry if this field is empty\",\r\n                    },\r\n                ],\r\n            },\r\n            components: {\r\n                Input: async () => import(/* webpackChunkName: \"video-field-input-component\" */ './components/Wysiwyg'),\r\n            },\r\n        });\r\n\r\n        app.createSettingSection(\r\n            {\r\n                id: PLUGIN_ID,\r\n                intlLabel: {\r\n                    id: `${PLUGIN_ID}.plugin.name`,\r\n                    defaultMessage: 'TinyMCE',\r\n                },\r\n            },\r\n            [\r\n                {\r\n                    intlLabel: {\r\n                        id: getTranslation('settings.page-title'),\r\n                        defaultMessage: 'Configuration',\r\n                    },\r\n                    id: 'settings',\r\n                    to: `/settings/${PLUGIN_ID}`,\r\n                    Component: async () => {\r\n                        return import('./pages/Settings');\r\n                    },\r\n                    permissions: pluginPermissions['settings'],\r\n                },\r\n            ],\r\n        );\r\n\r\n        app.registerPlugin({\r\n            id: PLUGIN_ID,\r\n            initializer: Initializer,\r\n            isReady: false,\r\n            name: name,\r\n        });\r\n    },\r\n\r\n    bootstrap(app: any) {},\r\n    async registerTrads(app: any) {\r\n        const { locales } = app;\r\n\r\n        const importedTranslations = await Promise.all(\r\n            (locales as string[]).map((locale) => {\r\n                return import(/* webpackChunkName: \"translation-[request]\" */ `./translations/${locale}.json`)\r\n                    .then(({ default: data }) => {\r\n                        return {\r\n                            data: prefixPluginTranslations(data, PLUGIN_ID),\r\n                            locale,\r\n                        };\r\n                    })\r\n                    .catch(() => {\r\n                        return {\r\n                            data: {},\r\n                            locale,\r\n                        };\r\n                    });\r\n            }),\r\n        );\r\n\r\n        return importedTranslations;\r\n    },\r\n};\r\n"],"names":["useRef","useEffect","styled","Flex","jsx","Paragraph"],"mappings":"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"}