@topol.io/editor 0.0.0-alfa.2 → 0.0.0-alfa.20

package/LICENSE

@@ -0,0 +1,13 @@
+Copyright 2022 Ecomail s.r.o.
+
+   Licensed under the Apache License, Version 2.0 (the "License");
+   you may not use this file except in compliance with the License.
+   You may obtain a copy of the License at
+
+     http://www.apache.org/licenses/LICENSE-2.0
+
+   Unless required by applicable law or agreed to in writing, software
+   distributed under the License is distributed on an "AS IS" BASIS,
+   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+   See the License for the specific language governing permissions and
+   limitations under the License.

package/README.md

@@ -0,0 +1,88 @@
+  <a href="https://topol.io" target="_blank">
+    <img src="https://storage.googleapis.com/topolio17326/plugin-assets/6320/17326/topol-with-bg.png" alt="Tailwind CSS" width="400" height="120">
+  </a>
+
+---
+
+Easy and quick! Drag and drop HTML editor and builder for beautiful responsive email templates.
+
+# Documentation
+
+## Installation
+
+Install Editor from NPM using:
+
+```sh
+npm install @topol.io/editor
+
+//or
+
+yarn add @topol.io/editor
+```
+
+## Usage
+
+Add HTML element Editor will load to
+
+```html
+<div id="app" style="position: absolute; width: 100%; height: 100%"></div>
+```
+
+In your JS or TS file import TopolPlugin, initialize the editor, as an ID provide the id you defined the HTML, in this example its `app`
+
+For more options see the docs for [TopolOptions configuration](https://topol.io/docs#plugin-configuration)
+
+```js
+import TopolPlugin from "@topol.io/editor";
+
+const TOPOL_OPTIONS = {
+  id: "#app",
+  authorize: {
+    apiKey: "YOUR_API_TOKEN",
+    userId: "some-user-id",
+  },
+  callbacks: {
+    onSave(json, html) {},
+  },
+};
+
+TopolPlugin.init(TOPOL_OPTIONS);
+```
+
+## Call Topol Plugin actions
+
+To call actions to the editor import:
+
+```js
+import { TopolPlugin } from "@topol.io/editor";
+
+TopolPlugin.save();
+```
+
+### List of all available TopolPlugin actions:
+
+| Action                                                        | Description                                                                                                                  |
+| ------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------- |
+| `TopolPlugin.save()`                                          | Saves the content of the editor [more info](https://topol.io/docs#plugin-configuration)                                      |
+| `TopolPlugin.load(template`)                                  | Loads the provided template [more info](https://topol.io/docs#save-and-load-options)                                         |
+| `TopolPlugin.togglePreview()`                                 | Toggles editor preview [more info](https://topol.io/docs#preview-mode-on-desktop-and-mobile)                                 |
+| `TopolPlugin.togglePreviewSize()`                             | Toggles editor preview size                                                                                                  |
+| `TopolPlugin.undo()`                                          | Undo change in editor [more info](https://topol.io/docs#redo-and-undo)                                                       |
+| `TopolPlugin.redo()`                                          | Redo change in editor [more info](https://topol.io/docs#redo-and-undo)                                                       |
+| `TopolPlugin.setSavedBlocks(savedblock: ISavedBlock[])`       | Sets the saved blocks [more info](https://topol.io/docs#saved-blocks)                                                        |
+| `TopolPlugin.createNotification(notification: INotification)` | Creates editor's notification [more info](https://topol.io/docs#show-custom-notification-in-editor)                          |
+| `TopolPlugin.changeEmailToMobile()`                           | Change email to mobile view [more info](https://topol.io/docs#mobile-first-email-template)                                   |
+| `TopolPlugin.changeEmailToDesktop()`                          | Change email to desktop view [more info](https://topol.io/docs#mobile-first-email-template)                                  |
+| `TopolPlugin.toggleBlocksAndStructuresVisibility()`           | Toggle hidden structures visibility for blocks and structures [more info](https://topol.io/docs#mobile-first-email-template) |
+| `TopolPlugin.destroy()`                                       | Destroys the editor initialization [more info](https://topol.io/docs#working-with-js-frameworks)                             |
+
+<br>
+<br>
+
+## TypeScript
+
+Topol Editor provides full TypeScript integration and exports all necessary types.
+
+```ts
+import { ITopolOptions, INotification, ISavedBlock } from "@topol.io/editor";
+```

package/dist/topol-plugin.es.js

@@ -1,120 +1,87 @@
-var loadScript = function load(src, opts, cb) {
-  var head = document.head || document.getElementsByTagName("head")[0];
-  var script = document.createElement("script");
-  if (typeof opts === "function") {
-    cb = opts;
-    opts = {};
-  }
-  opts = opts || {};
-  cb = cb || function() {
-  };
-  script.type = opts.type || "text/javascript";
-  script.charset = opts.charset || "utf8";
-  script.async = "async" in opts ? !!opts.async : true;
-  script.src = src;
-  if (opts.attrs) {
-    setAttributes(script, opts.attrs);
-  }
-  if (opts.text) {
-    script.text = "" + opts.text;
-  }
-  var onend = "onload" in script ? stdOnEnd : ieOnEnd;
-  onend(script, cb);
-  if (!script.onload) {
-    stdOnEnd(script, cb);
-  }
-  head.appendChild(script);
+function r(o) {
+  return o && o.__esModule && Object.prototype.hasOwnProperty.call(o, "default") ? o.default : o;
+}
+var u = function(t, e, l) {
+  var i = document.head || document.getElementsByTagName("head")[0], n = document.createElement("script");
+  typeof e == "function" && (l = e, e = {}), e = e || {}, l = l || function() {
+  }, n.type = e.type || "text/javascript", n.charset = e.charset || "utf8", n.async = "async" in e ? !!e.async : !0, n.src = t, e.attrs && c(n, e.attrs), e.text && (n.text = "" + e.text);
+  var d = "onload" in n ? a : s;
+  d(n, l), n.onload || a(n, l), i.appendChild(n);
 };
-function setAttributes(script, attrs) {
-  for (var attr in attrs) {
-    script.setAttribute(attr, attrs[attr]);
-  }
+function c(o, t) {
+  for (var e in t)
+    o.setAttribute(e, t[e]);
 }
-function stdOnEnd(script, cb) {
-  script.onload = function() {
-    this.onerror = this.onload = null;
-    cb(null, script);
-  };
-  script.onerror = function() {
-    this.onerror = this.onload = null;
-    cb(new Error("Failed to load " + this.src), script);
+function a(o, t) {
+  o.onload = function() {
+    this.onerror = this.onload = null, t(null, o);
+  }, o.onerror = function() {
+    this.onerror = this.onload = null, t(new Error("Failed to load " + this.src), o);
   };
 }
-function ieOnEnd(script, cb) {
-  script.onreadystatechange = function() {
-    if (this.readyState != "complete" && this.readyState != "loaded")
-      return;
-    this.onreadystatechange = null;
-    cb(null, script);
+function s(o, t) {
+  o.onreadystatechange = function() {
+    this.readyState != "complete" && this.readyState != "loaded" || (this.onreadystatechange = null, t(null, o));
   };
 }
-const TOPOL_URL = "https://d5aoblv5p04cg.cloudfront.net/editor-3/loader/build.js";
-const createTopolPlugin = (options) => {
-  const init = () => {
-    return new Promise((resolve, reject) => {
-      loadScript(TOPOL_URL, (err) => {
-        if (err !== null) {
-          reject(err);
-        }
-        window.TopolPlugin.init(options);
-        resolve(true);
-      });
+const g = /* @__PURE__ */ r(u), w = "https://d5aoblv5p04cg.cloudfront.net/editor-3/loader/build.js", f = "https://d5aoblv5p04cg.cloudfront.net/develop/loader/build.js", h = "https://d5aoblv5p04cg.cloudfront.net/staging/loader/build.js";
+function T(o = "production") {
+  switch (o) {
+    case "dev":
+      return f;
+    case "staging":
+      return h;
+    default:
+      return w;
+  }
+}
+const P = {
+  init: (o, t) => new Promise((e, l) => {
+    const i = T(t == null ? void 0 : t.stage);
+    g(i, (n) => {
+      n !== null && l(n), window.TopolPlugin.init(o), e(!0);
     });
-  };
-  const save = () => {
+  }),
+  save: () => {
     window.TopolPlugin.save();
-  };
-  const load2 = (json) => {
-    window.TopolPlugin.load(json);
-  };
-  const togglePreview = () => {
+  },
+  load: (o) => {
+    window.TopolPlugin.load(o);
+  },
+  togglePreview: () => {
     window.TopolPlugin.togglePreview();
-  };
-  const togglePreviewSize = () => {
+  },
+  togglePreviewSize: () => {
     window.TopolPlugin.togglePreviewSize();
-  };
-  const chooseFile = (url) => {
-    window.TopolPlugin.chooseFile(url);
-  };
-  const undo = () => {
+  },
+  chooseFile: (o) => {
+    window.TopolPlugin.chooseFile(o);
+  },
+  undo: () => {
     window.TopolPlugin.undo();
-  };
-  const redo = () => {
+  },
+  redo: () => {
     window.TopolPlugin.redo();
-  };
-  const setSavedBlocks = (savedBlocks) => {
-    window.TopolPlugin.setSavedBlocks(savedBlocks);
-  };
-  const createNotification = (notification) => {
-    window.TopolPlugin.createNotification(notification);
-  };
-  const changeEmailToMobile = () => {
+  },
+  setSavedBlocks: (o) => {
+    window.TopolPlugin.setSavedBlocks(o);
+  },
+  createNotification: (o) => {
+    window.TopolPlugin.createNotification(o);
+  },
+  changeEmailToMobile: () => {
     window.TopolPlugin.changeEmailToMobile();
-  };
-  const changeEmailToDesktop = () => {
+  },
+  changeEmailToDesktop: () => {
     window.TopolPlugin.changeEmailToDesktop();
-  };
-  const toggleBlocksAndStructuresVisibility = () => {
+  },
+  toggleBlocksAndStructuresVisibility: () => {
     window.TopolPlugin.toggleBlocksAndStructuresVisibility();
-  };
-  const destroy = () => {
+  },
+  destroy: () => {
     window.TopolPlugin.destroy();
-  };
-  return {
-    init,
-    save,
-    load: load2,
-    togglePreview,
-    togglePreviewSize,
-    chooseFile,
-    undo,
-    redo,
-    setSavedBlocks,
-    createNotification,
-    changeEmailToMobile,
-    changeEmailToDesktop,
-    toggleBlocksAndStructuresVisibility,
-    destroy
-  };
+  }
+};
+export {
+  P as default
 };
-export { createTopolPlugin as default };

package/dist/topol-plugin.umd.js

@@ -1 +1 @@
-(function(d,a){typeof exports=="object"&&typeof module!="undefined"?module.exports=a():typeof define=="function"&&define.amd?define(a):(d=typeof globalThis!="undefined"?globalThis:d||self,d["topol-plugin"]=a())})(this,function(){"use strict";var d=function(i,o,l){var r=document.head||document.getElementsByTagName("head")[0],n=document.createElement("script");typeof o=="function"&&(l=o,o={}),o=o||{},l=l||function(){},n.type=o.type||"text/javascript",n.charset=o.charset||"utf8",n.async="async"in o?!!o.async:!0,n.src=i,o.attrs&&a(n,o.attrs),o.text&&(n.text=""+o.text);var s="onload"in n?c:g;s(n,l),n.onload||c(n,l),r.appendChild(n)};function a(e,i){for(var o in i)e.setAttribute(o,i[o])}function c(e,i){e.onload=function(){this.onerror=this.onload=null,i(null,e)},e.onerror=function(){this.onerror=this.onload=null,i(new Error("Failed to load "+this.src),e)}}function g(e,i){e.onreadystatechange=function(){this.readyState!="complete"&&this.readyState!="loaded"||(this.onreadystatechange=null,i(null,e))}}const w="https://d5aoblv5p04cg.cloudfront.net/editor-3/loader/build.js";return e=>({init:()=>new Promise((t,f)=>{d(w,u=>{u!==null&&f(u),window.TopolPlugin.init(e),t(!0)})}),save:()=>{window.TopolPlugin.save()},load:t=>{window.TopolPlugin.load(t)},togglePreview:()=>{window.TopolPlugin.togglePreview()},togglePreviewSize:()=>{window.TopolPlugin.togglePreviewSize()},chooseFile:t=>{window.TopolPlugin.chooseFile(t)},undo:()=>{window.TopolPlugin.undo()},redo:()=>{window.TopolPlugin.redo()},setSavedBlocks:t=>{window.TopolPlugin.setSavedBlocks(t)},createNotification:t=>{window.TopolPlugin.createNotification(t)},changeEmailToMobile:()=>{window.TopolPlugin.changeEmailToMobile()},changeEmailToDesktop:()=>{window.TopolPlugin.changeEmailToDesktop()},toggleBlocksAndStructuresVisibility:()=>{window.TopolPlugin.toggleBlocksAndStructuresVisibility()},destroy:()=>{window.TopolPlugin.destroy()}})});
+(function(l,d){typeof exports=="object"&&typeof module<"u"?module.exports=d():typeof define=="function"&&define.amd?define(d):(l=typeof globalThis<"u"?globalThis:l||self,l["topol-plugin"]=d())})(this,function(){"use strict";function l(o){return o&&o.__esModule&&Object.prototype.hasOwnProperty.call(o,"default")?o.default:o}var d=function(t,e,i){var r=document.head||document.getElementsByTagName("head")[0],n=document.createElement("script");typeof e=="function"&&(i=e,e={}),e=e||{},i=i||function(){},n.type=e.type||"text/javascript",n.charset=e.charset||"utf8",n.async="async"in e?!!e.async:!0,n.src=t,e.attrs&&u(n,e.attrs),e.text&&(n.text=""+e.text);var h="onload"in n?a:c;h(n,i),n.onload||a(n,i),r.appendChild(n)};function u(o,t){for(var e in t)o.setAttribute(e,t[e])}function a(o,t){o.onload=function(){this.onerror=this.onload=null,t(null,o)},o.onerror=function(){this.onerror=this.onload=null,t(new Error("Failed to load "+this.src),o)}}function c(o,t){o.onreadystatechange=function(){this.readyState!="complete"&&this.readyState!="loaded"||(this.onreadystatechange=null,t(null,o))}}const s=l(d),g="https://d5aoblv5p04cg.cloudfront.net/editor-3/loader/build.js",f="https://d5aoblv5p04cg.cloudfront.net/develop/loader/build.js",w="https://d5aoblv5p04cg.cloudfront.net/staging/loader/build.js";function p(o="production"){switch(o){case"dev":return f;case"staging":return w;default:return g}}return{init:(o,t)=>new Promise((e,i)=>{const r=p(t==null?void 0:t.stage);s(r,n=>{n!==null&&i(n),window.TopolPlugin.init(o),e(!0)})}),save:()=>{window.TopolPlugin.save()},load:o=>{window.TopolPlugin.load(o)},togglePreview:()=>{window.TopolPlugin.togglePreview()},togglePreviewSize:()=>{window.TopolPlugin.togglePreviewSize()},chooseFile:o=>{window.TopolPlugin.chooseFile(o)},undo:()=>{window.TopolPlugin.undo()},redo:()=>{window.TopolPlugin.redo()},setSavedBlocks:o=>{window.TopolPlugin.setSavedBlocks(o)},createNotification:o=>{window.TopolPlugin.createNotification(o)},changeEmailToMobile:()=>{window.TopolPlugin.changeEmailToMobile()},changeEmailToDesktop:()=>{window.TopolPlugin.changeEmailToDesktop()},toggleBlocksAndStructuresVisibility:()=>{window.TopolPlugin.toggleBlocksAndStructuresVisibility()},destroy:()=>{window.TopolPlugin.destroy()}}});

package/dist/types/src/main.d.ts

@@ -0,0 +1,39 @@
+import ITopolOptions from "../types/ITopolOptions";
+import ITopolPlugin from "../types/ITopolPlugin";
+import INotification from "../types/Notification/INotification";
+import ISavedBlock from "../types/SavedBlock/ISavedBlock";
+import IMergeTagGroup from "../types/MergeTag/IMergeTagGroup";
+import IMergeTag from "../types/MergeTag/IMergeTag";
+import IContentBlockOptions from "../types/ContentBlock/IContentBlockOptions";
+import ITheme from "../types/Theme/ITheme";
+import IAuthHeaderConfig from "../types/AuthHeaderConfig/IAuthHeaderConfig";
+import IFont from "../types/Font/IFont";
+import IAPI from "../types/API/API";
+import ICustomBlockData from "../types/CustomBlocks/CustomBlocks";
+declare global {
+    interface Window {
+        TopolPlugin: ITopolPlugin;
+    }
+}
+type Stage = 'dev' | 'staging' | 'production';
+interface PluginOptions {
+    stage?: Stage;
+}
+declare const TopolPlugin: {
+    init: (topolOptions: ITopolOptions, options?: PluginOptions) => Promise<boolean | string>;
+    save: () => void;
+    load: (json: unknown) => void;
+    togglePreview: () => void;
+    togglePreviewSize: () => void;
+    chooseFile: (url: string) => void;
+    undo: () => void;
+    redo: () => void;
+    setSavedBlocks: (savedBlocks: ISavedBlock[]) => void;
+    createNotification: (notification: INotification) => void;
+    changeEmailToMobile: () => void;
+    changeEmailToDesktop: () => void;
+    toggleBlocksAndStructuresVisibility: () => void;
+    destroy: () => void;
+};
+export default TopolPlugin;
+export type { ITopolOptions, INotification, ISavedBlock, IMergeTagGroup, IMergeTag, IContentBlockOptions, ITheme, IAuthHeaderConfig, IFont, IAPI, ICustomBlockData };

package/dist/types/types/API/API.d.ts

@@ -0,0 +1,14 @@
+export default interface IAPI {
+    GET_AUTOSAVE?: string;
+    AUTOSAVES?: string;
+    LOAD?: string;
+    SAVE?: string;
+    AUTOSAVE?: string;
+    PREVIEW?: string;
+    FEEDS?: string;
+    PRODUCTS?: string;
+    IMAGE_UPLOAD?: string;
+    FOLDERS?: string;
+    IMAGE_EDITOR_UPLOAD?: string;
+    TEST_EMAIL?: string;
+}

package/dist/types/types/AuthHeaderConfig/IAuthHeaderConfig.d.ts

@@ -0,0 +1,3 @@
+export default interface AuthHeaderConfig {
+    [key: string]: string;
+}

package/dist/types/types/ContentBlock/IContentBlockOptions.d.ts

@@ -0,0 +1,5 @@
+export default interface IContentBlockOptions {
+    disabled?: boolean;
+    disabledText?: string;
+    hidden?: boolean;
+}

package/dist/types/types/CustomBlocks/CustomBlocks.d.ts

@@ -0,0 +1,20 @@
+import IContentBlockOptions from "../ContentBlock/IContentBlockOptions";
+export type BlockType = "text" | "image" | "gif" | "button" | "divider" | "spacer" | "social" | "video" | "html" | "product" | "dynamic" | "article" | "carousel" | "raw" | "custom-raw";
+export type IContentBlockOptionsType = {
+    [key in BlockType]: IContentBlockOptions;
+};
+export type ICustomBlockData = {
+    key: string;
+    name: string;
+    dialog: true;
+    icon?: "box" | "rss" | string;
+    content?: string;
+    dialogButtonText?: string;
+    beta?: boolean;
+    disabled?: boolean;
+};
+export type BlockClickedEvent = {
+    type: BlockType;
+    customBlockData?: ICustomBlockData;
+};
+export default ICustomBlockData;

package/dist/types/types/Font/IFont.d.ts

@@ -0,0 +1,5 @@
+export default interface IFont {
+    label: string;
+    style: string;
+    url?: string;
+}

package/dist/types/types/ITopolOptions.d.ts

@@ -0,0 +1,69 @@
+import IAPI from "./API/API";
+import ISavedBlock from "./SavedBlock/ISavedBlock";
+import INotification from "./Notification/INotification";
+import IMergeTagGroup from "./MergeTag/IMergeTagGroup";
+import IContentBlockOptions from "./ContentBlock/IContentBlockOptions";
+import ITheme from "./Theme/ITheme";
+import IAuthHeaderConfig from "./AuthHeaderConfig/IAuthHeaderConfig";
+import IFont from "./Font/IFont";
+import ICustomBlockData from "./CustomBlocks/CustomBlocks";
+export default interface ITopolOptions {
+    id: string;
+    authorize: {
+        apiKey: string;
+        userId: string | number;
+    };
+    templateId?: number;
+    title?: string;
+    removeTopBar?: boolean;
+    topBarOptions?: Array<string>;
+    mainMenuAlign?: "left" | "right";
+    disableAlerts?: boolean;
+    customFileManager?: boolean;
+    language?: string;
+    light?: boolean;
+    theme?: ITheme;
+    hideSettingsTab?: boolean;
+    imageEditor?: boolean;
+    premadeBlocks?: unknown | boolean;
+    savedBlocks?: Array<ISavedBlock> | boolean;
+    mergeTags?: Array<IMergeTagGroup>;
+    enableAutosaves?: boolean;
+    htmlMinified?: boolean;
+    apiAuthorizationHeader?: IAuthHeaderConfig | string;
+    contentBlocks?: IContentBlockOptions[];
+    callbacks: {
+        onSave?(json: unknown, html: unknown): void;
+        onSaveAndClose?(json: unknown, html: unknown): void;
+        onTestSend?(email: string, json: unknown, html: unknown): void;
+        onOpenFileManager?(): void;
+        onLoaded?(): void;
+        onBlockSave?(block: ISavedBlock): void;
+        onBlockRemove?(blockId: number): void;
+        onBlockEdit?(blockId: number): void;
+        onInit?(): void;
+        onUndoChange?(count: number): void;
+        onRedoChange?(count: number): void;
+        onPreview?(html: unknown): void;
+        onAlert?(notification: INotification): void;
+        onClose?(): void;
+    };
+    api?: IAPI;
+    mobileFirstEnabled?: boolean;
+    customFonts?: {
+        override?: boolean;
+        fonts: Array<IFont>;
+    };
+    tinyConfig?: unknown;
+    fontSizes?: Array<number>;
+    colors?: Array<string>;
+    googleApiKey?: string;
+    role?: "manager" | "editor" | "reader";
+    windowBar?: Array<string>;
+    imageMaxSize?: number;
+    autosaveInterval?: number;
+    betaFeatures?: {
+        carousel?: boolean;
+    };
+    customBlocks?: ICustomBlockData[];
+}

package/dist/types/types/ITopolPlugin.d.ts

@@ -0,0 +1,19 @@
+import INotification from "./Notification/INotification";
+import ISavedBlock from "./SavedBlock/ISavedBlock";
+import ITopolOptions from "./ITopolOptions";
+export default interface ITopolPlugin {
+    init: (topolOptions: ITopolOptions) => void;
+    save: () => void;
+    load: (json: unknown) => void;
+    togglePreview: () => void;
+    togglePreviewSize: () => void;
+    chooseFile: (url: string) => void;
+    undo: () => void;
+    redo: () => void;
+    setSavedBlocks: (savedBlocks: ISavedBlock[]) => void;
+    createNotification: (notification: INotification) => void;
+    changeEmailToMobile: () => void;
+    changeEmailToDesktop: () => void;
+    toggleBlocksAndStructuresVisibility: () => void;
+    destroy: () => void;
+}

package/dist/types/types/MergeTag/IMergeTag.d.ts

@@ -0,0 +1,5 @@
+export default interface IMergeTag {
+    value: string;
+    text: string;
+    label: string;
+}

package/dist/types/types/MergeTag/IMergeTagGroup.d.ts

@@ -0,0 +1,5 @@
+import IMergeTag from "./IMergeTag";
+export default interface IMergeTagGroup {
+    name: string;
+    items: Array<IMergeTag | IMergeTagGroup>;
+}

package/dist/types/types/Notification/INotification.d.ts

@@ -0,0 +1,7 @@
+export default interface INotification {
+    title: string;
+    text: string;
+    expectSideEffect?: boolean;
+    persistent?: boolean;
+    type: "info" | "error" | "success";
+}

package/dist/types/types/SavedBlock/ISavedBlock.d.ts

@@ -0,0 +1,5 @@
+export default interface ISavedBlock {
+    id: number;
+    name: string;
+    definition: unknown;
+}

package/dist/types/types/Theme/ITheme.d.ts

@@ -0,0 +1,33 @@
+export default interface ITheme {
+    preset: "light" | "dark";
+    borderRadius?: {
+        small?: string;
+        large?: string;
+    };
+    colors: {
+        "900"?: string;
+        "800"?: string;
+        "700"?: string;
+        "600"?: string;
+        "500"?: string;
+        "450"?: string;
+        "400"?: string;
+        "350"?: string;
+        "300"?: string;
+        "200"?: string;
+        "150"?: string;
+        "100"?: string;
+        white?: string;
+        primary?: string;
+        "primary-light"?: string;
+        "primary-dark"?: string;
+        secondary?: string;
+        "secondary-light"?: string;
+        error?: string;
+        "error-light"?: string;
+        success?: string;
+        "success-light"?: string;
+        active?: string;
+        "active-light"?: string;
+    };
+}

package/package.json

@@ -1,34 +1,46 @@
 {
   "name": "@topol.io/editor",
-  "version": "0.0.0-alfa.2",
+  "description": "Official package for Topol Editor.",
+  "keywords": [
+    "plugin",
+    "editor",
+    "email",
+    "topol",
+    "topol.io",
+    "email templates"
+  ],
+  "author": "Topol.io",
+  "homepage": "https://topol.io",
+  "license": "Apache-2.0",
+  "version": "0.0.0-alfa.20",
   "files": [
     "dist"
   ],
   "module": "./dist/topol-plugin.es.js",
+  "types": "./dist/types/src/main.d.ts",
   "exports": {
     ".": {
       "import": "./dist/topol-plugin.es.js",
       "require": "./dist/topol-plugin.umd.js",
-      "types": "./dist/topol-plugin.d.ts"
+      "types": "./dist/types/src/main.d.ts"
     }
   },
   "scripts": {
     "dev": "vite",
-    "build": "tsc && vite build && yarn run build:types",
+    "build": "vite build && yarn run build:types",
     "lint": "eslint --config '.eslintrc.js' ./**/*.ts --fix",
     "format": "prettier --write .",
-    "build:types": "npm-dts generate --entry ./src/main --output ./dist/topol-plugin.d.ts"
+    "build:types": "tsc -p tsconfig.prod.json"
   },
   "devDependencies": {
-    "@types/node": "^17.0.12",
-    "@typescript-eslint/eslint-plugin": "^5.10.1",
-    "@typescript-eslint/parser": "^5.10.1",
-    "eslint": "^8.7.0",
-    "eslint-config-prettier": "^8.3.0",
-    "npm-dts": "^1.3.10",
-    "prettier": "2.5.1",
-    "typescript": "^4.4.4",
-    "vite": "^2.7.2"
+    "@types/node": "^20.6.5",
+    "@typescript-eslint/eslint-plugin": "^6.7.2",
+    "@typescript-eslint/parser": "^6.7.2",
+    "eslint": "^8.50.0",
+    "eslint-config-prettier": "^9.0.0",
+    "prettier": "3.0.3",
+    "typescript": "^5.2.2",
+    "vite": "^4.4.9"
   },
   "dependencies": {
     "load-script": "^2.0.0"

package/README

@@ -1 +0,0 @@
-# Topol Plugin NPM package

package/dist/topol-plugin.d.ts

@@ -1,231 +0,0 @@
-declare module 'topol-plugin/src/main' {
-  import ITopolOptions from "topol-plugin/types/ITopolOptions";
-  import ITopolPlugin from "topol-plugin/types/ITopolPlugin";
-  import INotification from "topol-plugin/types/Notification/INotification";
-  import ISavedBlock from "topol-plugin/types/SavedBlock/ISavedBlock";
-  global {
-      interface Window {
-          TopolPlugin: ITopolPlugin;
-      }
-  }
-  const createTopolPlugin: (options: ITopolOptions) => {
-      init: () => Promise<boolean | string>;
-      save: () => void;
-      load: (json: unknown) => void;
-      togglePreview: () => void;
-      togglePreviewSize: () => void;
-      chooseFile: (url: string) => void;
-      undo: () => void;
-      redo: () => void;
-      setSavedBlocks: (savedBlocks: ISavedBlock[]) => void;
-      createNotification: (notification: INotification) => void;
-      changeEmailToMobile: () => void;
-      changeEmailToDesktop: () => void;
-      toggleBlocksAndStructuresVisibility: () => void;
-      destroy: () => void;
-  };
-  export default createTopolPlugin;
-
-}
-declare module 'topol-plugin/types/API/API' {
-  export interface IAPI {
-      GET_AUTOSAVE: string;
-      AUTOSAVES: string;
-      LOAD: string;
-      SAVE: string | null;
-      AUTOSAVE: string;
-      PREVIEW: string;
-      FEEDS: string;
-      PRODUCTS: string;
-      IMAGE_UPLOAD: string;
-      FOLDERS: string;
-      IMAGE_EDITOR_UPLOAD: string | null;
-      TEST_EMAIL: string;
-  }
-  export interface ILockedAPI {
-      GIPHY_API_KEY: string;
-      GIPHY_SEARCH: string;
-      AUTHORIZE: string;
-      GCS_SIGNED_URL: string;
-      SAVE_SERVER: string;
-  }
-
-}
-declare module 'topol-plugin/types/AuthHeaderConfig/IAuthHeaderConfig' {
-  export default interface AuthHeaderConfig {
-      [key: string]: string;
-  }
-
-}
-declare module 'topol-plugin/types/ContentBlock/IContentBlockOptions' {
-  export default interface IContentBlockOptions {
-      disabled?: boolean;
-      disabledText?: string;
-      hidden?: boolean;
-  }
-
-}
-declare module 'topol-plugin/types/Font/IFont' {
-  export default interface IFont {
-      label: string;
-      style: string;
-      url?: string;
-  }
-
-}
-declare module 'topol-plugin/types/ITopolOptions' {
-  import { IAPI } from "topol-plugin/types/API/API";
-  import ISavedBlock from "topol-plugin/types/SavedBlock/ISavedBlock";
-  import INotification from "topol-plugin/types/Notification/INotification";
-  import IMergeTagGroup from "topol-plugin/types/MergeTag/IMergeTagGroup";
-  import IContentBlockOptions from "topol-plugin/types/ContentBlock/IContentBlockOptions";
-  import ITheme from "topol-plugin/types/Theme/ITheme";
-  import IAuthHeaderConfig from "topol-plugin/types/AuthHeaderConfig/IAuthHeaderConfig";
-  import IFont from "topol-plugin/types/Font/IFont";
-  export default interface ITopolOptions {
-      id: string;
-      authorize: {
-          apiKey: string;
-          userId: string | number;
-      };
-      templateId?: number;
-      title?: string;
-      removeTopBar?: boolean;
-      topBarOptions?: Array<string>;
-      mainMenuAlign?: "left" | "right";
-      disableAlerts?: boolean;
-      customFileManager?: boolean;
-      language?: string;
-      light?: boolean;
-      theme?: ITheme;
-      hideSettingsTab?: boolean;
-      imageEditor?: boolean;
-      premadeBlocks?: unknown | boolean;
-      savedBlocks?: Array<ISavedBlock> | boolean;
-      mergeTags?: Array<IMergeTagGroup>;
-      enableAutosaves?: boolean;
-      htmlMinified?: boolean;
-      apiAuthorizationHeader?: IAuthHeaderConfig | string;
-      contentBlocks?: IContentBlockOptions[];
-      callbacks: {
-          onSave?(json: unknown, html: unknown): void;
-          onSaveAndClose?(json: unknown, html: unknown): void;
-          onTestSend?(email: string, json: unknown, html: unknown): void;
-          onOpenFileManager?(): void;
-          onLoaded?(): void;
-          onBlockSave?(block: ISavedBlock): void;
-          onBlockRemove?(blockId: number): void;
-          onBlockEdit?(blockId: number): void;
-          onInit?(): void;
-          onUndoChange?(count: number): void;
-          onRedoChange?(count: number): void;
-          onPreview?(html: unknown): void;
-          onAlert?(notification: INotification): void;
-      };
-      api?: IAPI;
-      mobileFirstEnabled?: boolean;
-      fonts?: Array<IFont>;
-      tinyConfig?: unknown;
-      fontSizes?: Array<number>;
-      colors?: Array<string>;
-      googleApiKey?: string;
-      role?: "manager" | "editor" | "reader";
-  }
-
-}
-declare module 'topol-plugin/types/ITopolPlugin' {
-  import INotification from "topol-plugin/types/Notification/INotification";
-  import ISavedBlock from "topol-plugin/types/SavedBlock/ISavedBlock";
-  import ITopolOptions from "topol-plugin/types/ITopolOptions";
-  export default interface ITopolPlugin {
-      init: (topolOptions: ITopolOptions) => void;
-      save: () => void;
-      load: (json: unknown) => void;
-      togglePreview: () => void;
-      togglePreviewSize: () => void;
-      chooseFile: (url: string) => void;
-      undo: () => void;
-      redo: () => void;
-      setSavedBlocks: (savedBlocks: ISavedBlock[]) => void;
-      createNotification: (notification: INotification) => void;
-      changeEmailToMobile: () => void;
-      changeEmailToDesktop: () => void;
-      toggleBlocksAndStructuresVisibility: () => void;
-      destroy: () => void;
-  }
-
-}
-declare module 'topol-plugin/types/MergeTag/IMergeTag' {
-  export default interface IMergeTag {
-      value: string;
-      text: string;
-      label: string;
-  }
-
-}
-declare module 'topol-plugin/types/MergeTag/IMergeTagGroup' {
-  import IMergeTag from "topol-plugin/types/MergeTag/IMergeTag";
-  export default interface IMergeTagGroup {
-      name: string;
-      items: Array<IMergeTag | IMergeTagGroup>;
-  }
-
-}
-declare module 'topol-plugin/types/Notification/INotification' {
-  export default interface INotification {
-      title: string;
-      text: string;
-      expectSideEffect?: boolean;
-      persistent?: boolean;
-      type: "info" | "error" | "success";
-  }
-
-}
-declare module 'topol-plugin/types/SavedBlock/ISavedBlock' {
-  export default interface ISavedBlock {
-      id: number;
-      name: string;
-      definition: Array<Object>;
-  }
-
-}
-declare module 'topol-plugin/types/Theme/ITheme' {
-  export default interface ITheme {
-      preset: "light" | "dark";
-      borderRadius?: {
-          small?: string;
-          large?: string;
-      };
-      colors: {
-          "900"?: string;
-          "800"?: string;
-          "700"?: string;
-          "600"?: string;
-          "500"?: string;
-          "450"?: string;
-          "400"?: string;
-          "350"?: string;
-          "300"?: string;
-          "200"?: string;
-          "150"?: string;
-          "100"?: string;
-          white?: string;
-          primary?: string;
-          "primary-light"?: string;
-          "primary-dark"?: string;
-          secondary?: string;
-          "secondary-light"?: string;
-          error?: string;
-          "error-light"?: string;
-          success?: string;
-          "success-light"?: string;
-          active?: string;
-          "active-light"?: string;
-      };
-  }
-
-}
-declare module 'topol-plugin' {
-  import main = require('topol-plugin/src/main');
-  export = main;
-}