npm - @grapesjs/studio-sdk-plugins - Versions diffs - 1.0.8 → 1.0.9 - Mend

@grapesjs/studio-sdk-plugins 1.0.8 → 1.0.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (35) hide show

package/dist/dialogComponent/index.cjs.js +4 -4
package/dist/dialogComponent/index.es.js +27 -28
package/dist/dialogComponent/index.umd.js +4 -4
package/dist/fsLightboxComponent/index.cjs.js +2 -2
package/dist/fsLightboxComponent/index.es.js +51 -52
package/dist/fsLightboxComponent/index.umd.js +2 -2
package/dist/index.cjs.d.ts +1 -0
package/dist/index.cjs.js +22 -22
package/dist/index.d.ts +1 -0
package/dist/index.es.d.ts +1 -0
package/dist/index.es.js +5265 -4605
package/dist/index.umd.js +22 -22
package/dist/lightGalleryComponent/index.cjs.d.ts +3 -0
package/dist/lightGalleryComponent/index.cjs.js +1 -0
package/dist/lightGalleryComponent/index.d.ts +3 -0
package/dist/lightGalleryComponent/index.es.d.ts +3 -0
package/dist/lightGalleryComponent/index.es.js +718 -0
package/dist/lightGalleryComponent/index.umd.js +1 -0
package/dist/lightGalleryComponent/types.d.ts +57 -0
package/dist/lightGalleryComponent/typesSchema.d.ts +3 -0
package/dist/lightGalleryComponent/utils.d.ts +47 -0
package/dist/listPagesComponent/index.cjs.js +3 -3
package/dist/listPagesComponent/index.es.js +32 -33
package/dist/listPagesComponent/index.umd.js +3 -3
package/dist/prosemirror/index.cjs.js +8 -8
package/dist/prosemirror/index.es.js +806 -786
package/dist/prosemirror/index.umd.js +9 -9
package/dist/prosemirror/schema.d.ts +1 -1
package/dist/prosemirror/types.d.ts +5 -0
package/dist/prosemirror/utils.d.ts +3 -1
package/dist/tableComponent/index.cjs.js +1 -1
package/dist/tableComponent/index.es.js +35 -36
package/dist/tableComponent/index.umd.js +1 -1
package/dist/utils.d.ts +1 -0
package/package.json +1 -1

package/dist/lightGalleryComponent/index.umd.js ADDED Viewed

@@ -0,0 +1 @@

package/dist/lightGalleryComponent/types.d.ts ADDED Viewed

@@ -0,0 +1,57 @@
+import { SDKPluginOptions } from '../utils';
+export interface lightGalleryComponentOptions extends SDKPluginOptions {
+    /**
+     * Block options for the component. See https://grapesjs.com/docs/api/block.html#properties for more information.
+     * @example
+     * { category: 'Extra', label: 'My label' }
+     */
+    block?: object | false;
+    /**
+     * If you have already the lightGallery license and you want to use it, you can pass it here.
+     * @example
+     * '0000-0000-000-0000'
+     */
+    lgLicenseKey?: string;
+    /**
+     * SVG toolbar button icon for opening the gallery.
+     * You can pass an empty string to avoid adding the toolbar button.
+     * @example
+     * '<svg viewBox="0 0 24 24"><path d="M12 9a3 3 0...'
+     */
+    toolbarIconOpen?: string;
+    /**
+     * Default source for the inner image component.
+     * @default
+     * 'https://placehold.co/200/777/white.png?text=Image'
+     */
+    defaultSrc?: string;
+    /**
+     * CDN scripts to load dynamically in case the library is not available.
+     * @default
+     * [
+     *  'https://cdn.jsdelivr.net/npm/lightgallery@2.8.2/lightgallery.min.js',
+     *  'https://cdn.jsdelivr.net/npm/lightgallery@2.8.2/plugins/thumbnail/lg-thumbnail.min.js',
+     *  'https://cdn.jsdelivr.net/npm/lightgallery@2.8.2/plugins/video/lg-video.min.js',
+     *  'https://cdn.jsdelivr.net/npm/lightgallery@2.8.2/plugins/autoplay/lg-autoplay.min.js',
+     *  'https://cdn.jsdelivr.net/npm/lightgallery@2.8.2/plugins/zoom/lg-zoom.min.j'
+     * ]
+     */
+    cdnScript?: string | string[];
+    /**
+     * CDN styles to load dynamically.
+     * @default
+     * 'https://cdn.jsdelivr.net/npm/lightgallery@2.8.2/css/lightgallery-bundle.min.css'
+     */
+    cdnStyle?: string | string[];
+    /**
+     * Plugins to include.
+     * You have to ensure to load the required plugins in the `cdnScript` option.
+     * Check the list of available plugins here: https://www.lightgalleryjs.com/docs/getting-started/#plugins
+     * @default
+     * ['lgThumbnail', 'lgVideo', 'lgAutoplay', 'lgZoom']
+     */
+    plugins?: string[];
+}
+export interface ComponentWindow extends Window {
+    lightGallery?: (...args: any) => any;
+}

package/dist/lightGalleryComponent/typesSchema.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+import { lightGalleryComponentOptions } from './types';
+export interface lightGalleryComponentOptionsSchema extends lightGalleryComponentOptions {
+}

package/dist/lightGalleryComponent/utils.d.ts ADDED Viewed

@@ -0,0 +1,47 @@
+import { StudioTraitProperties } from '@studio/editor/src/typeConfigs/components';
+import { Component, TraitProperties } from 'grapesjs';
+type TraitProps = Record<string, Partial<StudioTraitProperties>>;
+export declare enum SourceTypes {
+    image = "image",
+    video = "video",
+    external = "external"
+}
+export declare const typeMain = "lightGallery";
+export declare const typeItem = "lightGallery-item";
+export declare const ATTR_CMP = "data-lightgallery";
+export declare const ATTR_CMP_ITEM = "data-lightgallery-item";
+export declare const TOGGLE_BTN_ID = "toggle";
+export declare const customIcons: {
+    image: string;
+    video: string;
+    gallery: string;
+    galleryItem: string;
+    external: string;
+    eye: string;
+};
+export declare const emptyTraitProps: ReturnType<typeof getTraitProps>;
+export declare const getTraitProps: (traitProps: TraitProps, opts?: {
+    category?: StudioTraitProperties["category"];
+}) => {
+    propKeys: string[];
+    props: Record<string, any>;
+    traits: StudioTraitProperties[];
+};
+export declare const updateSubTraits: (cmp: Component, traitId: string) => void;
+export declare const initTraitsWithSubTraits: (cmp: Component, traitIds: string[]) => void;
+export declare const initScriptUpdateOnSubTraitChanges: (cmp: Component, traitId: string, upFn: () => void) => void;
+export declare const coreTraits: Record<string, Partial<StudioTraitProperties>>;
+export declare const thumbnailsTraits: Record<string, Partial<StudioTraitProperties>>;
+export declare const autoplayTraits: Record<string, Partial<StudioTraitProperties>>;
+export declare const zoomTraits: Record<string, Partial<StudioTraitProperties>>;
+export declare const itemSourceTypeName = "sourceType";
+export declare const itemCustomThumbName = "data-external-thumb-image";
+export declare const itemExternalName = "data-iframe";
+export declare const traitSourceImage: TraitProperties;
+export declare const traitSourceVideo: TraitProperties;
+export declare const traitPoster: TraitProperties;
+export declare const traitSourceExternal: TraitProperties;
+export declare const traitCaption: TraitProperties;
+export declare const traitCustomThumb: TraitProperties;
+export declare const itemTraits: Record<string, Partial<StudioTraitProperties>>;
+export {};

package/dist/listPagesComponent/index.cjs.js CHANGED Viewed

@@ -1,11 +1,11 @@
-"use strict";require("react");function v(e,s,n){let t,o,i,a,c;const d=s;function g(){const m=Date.now()-a;m<d&&m>=0?t=setTimeout(g,d-m):(t=null,c=e.apply(i,o),i=o=null)}const p=function(){return i=this,o=arguments,a=Date.now(),t||(t=setTimeout(g,d)),c};return p.clear=function(){t&&(clearTimeout(t),t=null)},p.flush=function(){t&&(c=e.apply(i,o),i=o=null,clearTimeout(t),t=null)},p}const V="page://",r="list-pages",u="list-pages-item",l="list-pages-link",D=e=>e.components().reduce((s,n)=>{var a;const t=n.findFirstType(l),o=(a=t==null?void 0:t.attributes.attributes)==null?void 0:a.href,i=o!=null&&o.startsWith(V)?o.replace(V,""):"";if(i&&t){const c=s[i];c?c.push(t):s[i]=[t]}return s},{}),b="app.grapesjs.com",C="app-stage.grapesjs.com",A=[b,C,"localhost","127.0.0.1",".local-credentialless.webcontainer.io",".local.webcontainer.io","-sandpack.codesandbox.io"],O="license:check:start",$="license:check:end",_=()=>typeof window<"u",x=({isDev:e,isStage:s})=>`${e?"":`https://${s?C:b}`}/api`,R=()=>{const e=_()&&window.location.hostname;return!!e&&(A.includes(e)||A.some(s=>e.endsWith(s)))},W=()=>(_()&&window.location.hostname)===b;var B={NODE_ENV:"production",NPM_PACKAGE_VERSION:"1.0.8",STUDIO_NPM_PACKAGE_VERSION:"1.0.25"};const K=B.NODE_ENV!=="production";async function U({path:e,method:s="GET",headers:n={},body:t}){const i=`${x({isDev:K,isStage:!W()})}${e}`,a={method:s,headers:{"Content-Type":"application/json",...n}};t&&(a.body=JSON.stringify(t));const c=await fetch(i,a);if(!c.ok)throw new Error(`HTTP error! status: ${c.status}`);return c.json()}function G(e){const s=e;return s.init=n=>t=>e(t,n),s}const j=e=>G(e);async function F({editor:e,pluginName:s,licenseKey:n,cleanup:t}){let o=!1;const i=R();e.on(O,()=>{o=!0}),e.on($,({sdkLicense:a})=>{a||t()}),setTimeout(async()=>{if(!o){if(i)return;n&&await J({licenseKey:n,pluginName:s})||t()}},2e3)}async function J({licenseKey:e,pluginName:s}){try{const n=await U({path:`/sdk/${e}`,method:"POST",body:JSON.stringify({d:window.location.hostname,pn:s})}),{license:t}=n.result||{};return!!t}catch(n){return console.error("Error during SDK license check:",n),!1}}const H="gjs-plg-",X="listPagesComponent",f="data-type-role",Y="page_root",Z=e=>s=>s.is(e),q=e=>(s,n)=>n.is(e),T=e=>s=>{var n;return((n=s.getAttribute)==null?void 0:n.call(s,f))===e},z=function(e,s={}){const{Blocks:n,Components:t,Pages:o}=e,{licenseKey:i,block:a={}}=s,c="List Pages",d="List Pages Item",g="Link",p=`${H}${r}`,m=`${H}${l}`,w='<svg viewBox="0 0 24 24"><path d="M11 15H17V17H11V15M9 7H7V9H9V7M11 13H17V11H11V13M11 9H17V7H11V9M9 11H7V13H9V11M21 5V19C21 20.1 20.1 21 19 21H5C3.9 21 3 20.1 3 19V5C3 3.9 3.9 3 5 3H19C20.1 3 21 3.9 21 5M19 5H5V19H19V5M9 15H7V17H9V15Z"/></svg>',N='<svg viewBox="0 0 24 24"><path d="M7,5H21V7H7V5M7,13V11H21V13H7M4,4.5A1.5,1.5 0 0,1 5.5,6A1.5,1.5 0 0,1 4,7.5A1.5,1.5 0 0,1 2.5,6A1.5,1.5 0 0,1 4,4.5M4,10.5A1.5,1.5 0 0,1 5.5,12A1.5,1.5 0 0,1 4,13.5A1.5,1.5 0 0,1 2.5,12A1.5,1.5 0 0,1 4,10.5M7,19V17H21V19H7M4,16.5A1.5,1.5 0 0,1 5.5,18A1.5,1.5 0 0,1 4,19.5A1.5,1.5 0 0,1 2.5,18A1.5,1.5 0 0,1 4,16.5Z" /></svg>';t.addType(r,{block:a&&{label:c,media:w,category:"Extra",select:!0,...s.block},isComponent:T(r),model:{defaults:{tagName:"ul",name:c,[Y]:"",classes:p,attributes:{[f]:r},droppable:Z(u),styles:`
+"use strict";function v(e,s,n){let t,o,i,a,c;const d=s;function g(){const m=Date.now()-a;m<d&&m>=0?t=setTimeout(g,d-m):(t=null,c=e.apply(i,o),i=o=null)}const p=function(){return i=this,o=arguments,a=Date.now(),t||(t=setTimeout(g,d)),c};return p.clear=function(){t&&(clearTimeout(t),t=null)},p.flush=function(){t&&(c=e.apply(i,o),i=o=null,clearTimeout(t),t=null)},p}const V="page://",r="list-pages",u="list-pages-item",l="list-pages-link",$=e=>e.components().reduce((s,n)=>{var a;const t=n.findFirstType(l),o=(a=t==null?void 0:t.attributes.attributes)==null?void 0:a.href,i=o!=null&&o.startsWith(V)?o.replace(V,""):"";if(i&&t){const c=s[i];c?c.push(t):s[i]=[t]}return s},{}),b="app.grapesjs.com",w="app-stage.grapesjs.com",C=[b,w,"localhost","127.0.0.1",".local-credentialless.webcontainer.io",".local.webcontainer.io","-sandpack.codesandbox.io"],D="license:check:start",x="license:check:end",A=()=>typeof window<"u",O=({isDev:e,isStage:s})=>`${e?"":`https://${s?w:b}`}/api`,W=()=>{const e=A()&&window.location.hostname;return!!e&&(C.includes(e)||C.some(s=>e.endsWith(s)))},R=()=>(A()&&window.location.hostname)===b;var B={};const U=B.NODE_ENV!=="production";async function j({path:e,method:s="GET",headers:n={},body:t}){const i=`${O({isDev:U,isStage:!R()})}${e}`,a={method:s,headers:{"Content-Type":"application/json",...n}};t&&(a.body=JSON.stringify(t));const c=await fetch(i,a);if(!c.ok)throw new Error(`HTTP error! status: ${c.status}`);return c.json()}function K(e){const s=e;return s.init=n=>t=>e(t,n),s}const F=e=>K(e);async function G({editor:e,pluginName:s,licenseKey:n,cleanup:t}){let o=!1;const i=W();e.on(D,()=>{o=!0}),e.on(x,({sdkLicense:a})=>{a||t()}),setTimeout(async()=>{if(!o){if(i)return;n&&await J({licenseKey:n,pluginName:s})||t()}},2e3)}async function J({licenseKey:e,pluginName:s}){try{const n=await j({path:`/sdk/${e}`,method:"POST",body:JSON.stringify({d:window.location.hostname,pn:s})}),{license:t}=n.result||{};return!!t}catch(n){return console.error("Error during SDK license check:",n),!1}}const E="gjs-plg-",X="listPagesComponent",f="data-type-role",Y="page_root",Z=e=>s=>s.is(e),q=e=>(s,n)=>n.is(e),T=e=>s=>{var n;return((n=s.getAttribute)==null?void 0:n.call(s,f))===e},z=function(e,s={}){const{Blocks:n,Components:t,Pages:o}=e,{licenseKey:i,block:a={}}=s,c="List Pages",d="List Pages Item",g="Link",p=`${E}${r}`,m=`${E}${l}`,k='<svg viewBox="0 0 24 24"><path d="M11 15H17V17H11V15M9 7H7V9H9V7M11 13H17V11H11V13M11 9H17V7H11V9M9 11H7V13H9V11M21 5V19C21 20.1 20.1 21 19 21H5C3.9 21 3 20.1 3 19V5C3 3.9 3.9 3 5 3H19C20.1 3 21 3.9 21 5M19 5H5V19H19V5M9 15H7V17H9V15Z"/></svg>',_='<svg viewBox="0 0 24 24"><path d="M7,5H21V7H7V5M7,13V11H21V13H7M4,4.5A1.5,1.5 0 0,1 5.5,6A1.5,1.5 0 0,1 4,7.5A1.5,1.5 0 0,1 2.5,6A1.5,1.5 0 0,1 4,4.5M4,10.5A1.5,1.5 0 0,1 5.5,12A1.5,1.5 0 0,1 4,13.5A1.5,1.5 0 0,1 2.5,12A1.5,1.5 0 0,1 4,10.5M7,19V17H21V19H7M4,16.5A1.5,1.5 0 0,1 5.5,18A1.5,1.5 0 0,1 4,19.5A1.5,1.5 0 0,1 2.5,18A1.5,1.5 0 0,1 4,16.5Z" /></svg>';t.addType(r,{block:a&&{label:c,media:k,category:"Extra",select:!0,...s.block},isComponent:T(r),model:{defaults:{tagName:"ul",name:c,[Y]:"",classes:p,attributes:{[f]:r},droppable:Z(u),styles:`
           .${p} {
             list-style: none;
             margin: 0;
             padding: 0;
           }
-        `},init(){this.syncPageItems=v(this.syncPageItems.bind(this),0),this.listenTo(this.em,o.events.all,this.syncPageItems),this.syncPageItems()},syncPageItems(){if(e.Components.getSymbolInfo(this).isInstance)return;const y=this.em.Pages.getAll(),k=this.components(),M=D(this);y.forEach((E,S)=>{const I=E.id,P=E.getName(),h=M[I];h?h==null||h.forEach(L=>{L.getInnerHTML()!==P&&L.components(P)}):k.add({type:u,components:[{type:l,attributes:{href:`page://${I}`},components:{type:"textnode",content:P}}]},{at:S})})}}}),t.addType(u,{isComponent:T(u),model:{defaults:{name:d,tagName:"li",icon:N,attributes:{[f]:u},components:{type:l},draggable:q(r)}}}),t.addType(l,{extend:"link",isComponent:T(l),model:{defaults:{removable:!1,copyable:!1,delegate:{move:y=>y.closestType(u)},name:g,classes:m,attributes:{[f]:l},components:{type:"textnode",content:"Item"},styles:`
+        `},init(){this.syncPageItems=v(this.syncPageItems.bind(this),0),this.listenTo(this.em,o.events.all,this.syncPageItems),this.syncPageItems()},syncPageItems(){if(e.Components.getSymbolInfo(this).isInstance)return;const y=this.em.Pages.getAll(),M=this.components(),N=$(this);y.forEach((L,S)=>{const H=L.id,P=L.getName(),h=N[H];h?h==null||h.forEach(I=>{I.getInnerHTML()!==P&&I.components(P)}):M.add({type:u,components:[{type:l,attributes:{href:`page://${H}`},components:{type:"textnode",content:P}}]},{at:S})})}}}),t.addType(u,{isComponent:T(u),model:{defaults:{name:d,tagName:"li",icon:_,attributes:{[f]:u},components:{type:l},draggable:q(r)}}}),t.addType(l,{extend:"link",isComponent:T(l),model:{defaults:{removable:!1,copyable:!1,delegate:{move:y=>y.closestType(u)},name:g,classes:m,attributes:{[f]:l},components:{type:"textnode",content:"Item"},styles:`
           .${m} {
             text-decoration: none;
           }
-        `}}}),F({editor:e,licenseKey:i,pluginName:X,cleanup:()=>{n.remove(r),t.removeType(r)}})},Q=j(z);module.exports=Q;
+        `}}}),G({editor:e,licenseKey:i,pluginName:X,cleanup:()=>{n.remove(r),t.removeType(r)}})},Q=F(z);module.exports=Q;

package/dist/listPagesComponent/index.es.js CHANGED Viewed

@@ -1,4 +1,3 @@
-import "react";
 function v(e, s, n) {
   let t, o, i, a, c;
   const d = s;
@@ -15,7 +14,7 @@ function v(e, s, n) {
     t && (c = e.apply(i, o), i = o = null, clearTimeout(t), t = null);
   }, p;
 }
-const V = "page://", r = "list-pages", u = "list-pages-item", l = "list-pages-link", D = (e) => e.components().reduce(
+const V = "page://", r = "list-pages", u = "list-pages-item", l = "list-pages-link", $ = (e) => e.components().reduce(
   (s, n) => {
     var a;
     const t = n.findFirstType(l), o = (a = t == null ? void 0 : t.attributes.attributes) == null ? void 0 : a.href, i = o != null && o.startsWith(V) ? o.replace(V, "") : "";
@@ -26,9 +25,9 @@ const V = "page://", r = "list-pages", u = "list-pages-item", l = "list-pages-li
     return s;
   },
   {}
-), b = "app.grapesjs.com", C = "app-stage.grapesjs.com", A = [
+), b = "app.grapesjs.com", w = "app-stage.grapesjs.com", C = [
   b,
-  C,
+  w,
   "localhost",
   "127.0.0.1",
   ".local-credentialless.webcontainer.io",
@@ -37,19 +36,19 @@ const V = "page://", r = "list-pages", u = "list-pages-item", l = "list-pages-li
   // For stackblitz.com demos
   "-sandpack.codesandbox.io"
   // For Sandpack demos
-], O = "license:check:start", $ = "license:check:end", _ = () => typeof window < "u", x = ({ isDev: e, isStage: s }) => `${e ? "" : `https://${s ? C : b}`}/api`, R = () => {
-  const e = _() && window.location.hostname;
-  return !!e && (A.includes(e) || A.some((s) => e.endsWith(s)));
-}, W = () => (_() && window.location.hostname) === b;
-var B = { NODE_ENV: "production", NPM_PACKAGE_VERSION: "1.0.8", STUDIO_NPM_PACKAGE_VERSION: "1.0.25" };
-const K = B.NODE_ENV !== "production";
-async function U({
+], D = "license:check:start", x = "license:check:end", A = () => typeof window < "u", O = ({ isDev: e, isStage: s }) => `${e ? "" : `https://${s ? w : b}`}/api`, W = () => {
+  const e = A() && window.location.hostname;
+  return !!e && (C.includes(e) || C.some((s) => e.endsWith(s)));
+}, R = () => (A() && window.location.hostname) === b;
+var B = {};
+const U = B.NODE_ENV !== "production";
+async function j({
   path: e,
   method: s = "GET",
   headers: n = {},
   body: t
 }) {
-  const i = `${x({ isDev: K, isStage: !W() })}${e}`, a = {
+  const i = `${O({ isDev: U, isStage: !R() })}${e}`, a = {
     method: s,
     headers: {
       "Content-Type": "application/json",
@@ -62,22 +61,22 @@ async function U({
     throw new Error(`HTTP error! status: ${c.status}`);
   return c.json();
 }
-function G(e) {
+function K(e) {
   const s = e;
   return s.init = (n) => (t) => e(t, n), s;
 }
-const j = (e) => /* @__PURE__ */ G(e);
-async function F({
+const F = (e) => /* @__PURE__ */ K(e);
+async function G({
   editor: e,
   pluginName: s,
   licenseKey: n,
   cleanup: t
 }) {
   let o = !1;
-  const i = R();
-  e.on(O, () => {
+  const i = W();
+  e.on(D, () => {
     o = !0;
-  }), e.on($, ({ sdkLicense: a }) => {
+  }), e.on(x, ({ sdkLicense: a }) => {
     a || t();
   }), setTimeout(async () => {
     if (!o) {
@@ -88,7 +87,7 @@ async function F({
 }
 async function J({ licenseKey: e, pluginName: s }) {
   try {
-    const n = await U({
+    const n = await j({
       path: `/sdk/${e}`,
       method: "POST",
       body: JSON.stringify({
@@ -101,15 +100,15 @@ async function J({ licenseKey: e, pluginName: s }) {
     return console.error("Error during SDK license check:", n), !1;
   }
 }
-const H = "gjs-plg-", X = "listPagesComponent", f = "data-type-role", Y = "page_root", Z = (e) => (s) => s.is(e), q = (e) => (s, n) => n.is(e), T = (e) => (s) => {
+const E = "gjs-plg-", X = "listPagesComponent", f = "data-type-role", Y = "page_root", Z = (e) => (s) => s.is(e), q = (e) => (s, n) => n.is(e), T = (e) => (s) => {
   var n;
   return ((n = s.getAttribute) == null ? void 0 : n.call(s, f)) === e;
 }, z = function(e, s = {}) {
-  const { Blocks: n, Components: t, Pages: o } = e, { licenseKey: i, block: a = {} } = s, c = "List Pages", d = "List Pages Item", g = "Link", p = `${H}${r}`, m = `${H}${l}`, w = '<svg viewBox="0 0 24 24"><path d="M11 15H17V17H11V15M9 7H7V9H9V7M11 13H17V11H11V13M11 9H17V7H11V9M9 11H7V13H9V11M21 5V19C21 20.1 20.1 21 19 21H5C3.9 21 3 20.1 3 19V5C3 3.9 3.9 3 5 3H19C20.1 3 21 3.9 21 5M19 5H5V19H19V5M9 15H7V17H9V15Z"/></svg>', N = '<svg viewBox="0 0 24 24"><path d="M7,5H21V7H7V5M7,13V11H21V13H7M4,4.5A1.5,1.5 0 0,1 5.5,6A1.5,1.5 0 0,1 4,7.5A1.5,1.5 0 0,1 2.5,6A1.5,1.5 0 0,1 4,4.5M4,10.5A1.5,1.5 0 0,1 5.5,12A1.5,1.5 0 0,1 4,13.5A1.5,1.5 0 0,1 2.5,12A1.5,1.5 0 0,1 4,10.5M7,19V17H21V19H7M4,16.5A1.5,1.5 0 0,1 5.5,18A1.5,1.5 0 0,1 4,19.5A1.5,1.5 0 0,1 2.5,18A1.5,1.5 0 0,1 4,16.5Z" /></svg>';
+  const { Blocks: n, Components: t, Pages: o } = e, { licenseKey: i, block: a = {} } = s, c = "List Pages", d = "List Pages Item", g = "Link", p = `${E}${r}`, m = `${E}${l}`, k = '<svg viewBox="0 0 24 24"><path d="M11 15H17V17H11V15M9 7H7V9H9V7M11 13H17V11H11V13M11 9H17V7H11V9M9 11H7V13H9V11M21 5V19C21 20.1 20.1 21 19 21H5C3.9 21 3 20.1 3 19V5C3 3.9 3.9 3 5 3H19C20.1 3 21 3.9 21 5M19 5H5V19H19V5M9 15H7V17H9V15Z"/></svg>', _ = '<svg viewBox="0 0 24 24"><path d="M7,5H21V7H7V5M7,13V11H21V13H7M4,4.5A1.5,1.5 0 0,1 5.5,6A1.5,1.5 0 0,1 4,7.5A1.5,1.5 0 0,1 2.5,6A1.5,1.5 0 0,1 4,4.5M4,10.5A1.5,1.5 0 0,1 5.5,12A1.5,1.5 0 0,1 4,13.5A1.5,1.5 0 0,1 2.5,12A1.5,1.5 0 0,1 4,10.5M7,19V17H21V19H7M4,16.5A1.5,1.5 0 0,1 5.5,18A1.5,1.5 0 0,1 4,19.5A1.5,1.5 0 0,1 2.5,18A1.5,1.5 0 0,1 4,16.5Z" /></svg>';
   t.addType(r, {
     block: a && {
       label: c,
-      media: w,
+      media: k,
       category: "Extra",
       select: !0,
       ...s.block
@@ -136,18 +135,18 @@ const H = "gjs-plg-", X = "listPagesComponent", f = "data-type-role", Y = "page_
       },
       syncPageItems() {
         if (e.Components.getSymbolInfo(this).isInstance) return;
-        const y = this.em.Pages.getAll(), k = this.components(), M = D(this);
-        y.forEach((E, S) => {
-          const I = E.id, P = E.getName(), h = M[I];
-          h ? h == null || h.forEach((L) => {
-            L.getInnerHTML() !== P && L.components(P);
-          }) : k.add(
+        const y = this.em.Pages.getAll(), M = this.components(), N = $(this);
+        y.forEach((L, S) => {
+          const H = L.id, P = L.getName(), h = N[H];
+          h ? h == null || h.forEach((I) => {
+            I.getInnerHTML() !== P && I.components(P);
+          }) : M.add(
             {
               type: u,
               components: [
                 {
                   type: l,
-                  attributes: { href: `page://${I}` },
+                  attributes: { href: `page://${H}` },
                   components: { type: "textnode", content: P }
                 }
               ]
@@ -163,7 +162,7 @@ const H = "gjs-plg-", X = "listPagesComponent", f = "data-type-role", Y = "page_
       defaults: {
         name: d,
         tagName: "li",
-        icon: N,
+        icon: _,
         attributes: { [f]: u },
         components: { type: l },
         draggable: q(r)
@@ -190,7 +189,7 @@ const H = "gjs-plg-", X = "listPagesComponent", f = "data-type-role", Y = "page_
         `
       }
     }
-  }), F({
+  }), G({
     editor: e,
     licenseKey: i,
     pluginName: X,
@@ -198,7 +197,7 @@ const H = "gjs-plg-", X = "listPagesComponent", f = "data-type-role", Y = "page_
       n.remove(r), t.removeType(r);
     }
   });
-}, tt = j(z);
+}, Q = F(z);
 export {
-  tt as default
+  Q as default
 };

package/dist/listPagesComponent/index.umd.js CHANGED Viewed

@@ -1,10 +1,10 @@
-(function(g,p){typeof exports=="object"&&typeof module<"u"?module.exports=p(require("react")):typeof define=="function"&&define.amd?define(["react"],p):(g=typeof globalThis<"u"?globalThis:g||self,g.StudioSdkPlugins_listPagesComponent=p())})(this,function(){"use strict";function g(t,s,n){let e,o,i,a,c;const f=s;function y(){const m=Date.now()-a;m<f&&m>=0?e=setTimeout(y,f-m):(e=null,c=t.apply(i,o),i=o=null)}const d=function(){return i=this,o=arguments,a=Date.now(),e||(e=setTimeout(y,f)),c};return d.clear=function(){e&&(clearTimeout(e),e=null)},d.flush=function(){e&&(c=t.apply(i,o),i=o=null,clearTimeout(e),e=null)},d}const p="page://",r="list-pages",u="list-pages-item",l="list-pages-link",w=t=>t.components().reduce((s,n)=>{var a;const e=n.findFirstType(l),o=(a=e==null?void 0:e.attributes.attributes)==null?void 0:a.href,i=o!=null&&o.startsWith(p)?o.replace(p,""):"";if(i&&e){const c=s[i];c?c.push(e):s[i]=[e]}return s},{}),T="app.grapesjs.com",L="app-stage.grapesjs.com",V=[T,L,"localhost","127.0.0.1",".local-credentialless.webcontainer.io",".local.webcontainer.io","-sandpack.codesandbox.io"],N="license:check:start",M="license:check:end",A=()=>typeof window<"u",S=({isDev:t,isStage:s})=>`${t?"":`https://${s?L:T}`}/api`,v=()=>{const t=A()&&window.location.hostname;return!!t&&(V.includes(t)||V.some(s=>t.endsWith(s)))},D=()=>(A()&&window.location.hostname)===T;var O={NODE_ENV:"production",NPM_PACKAGE_VERSION:"1.0.8",STUDIO_NPM_PACKAGE_VERSION:"1.0.25"};const x=O.NODE_ENV!=="production";async function $({path:t,method:s="GET",headers:n={},body:e}){const i=`${S({isDev:x,isStage:!D()})}${t}`,a={method:s,headers:{"Content-Type":"application/json",...n}};e&&(a.body=JSON.stringify(e));const c=await fetch(i,a);if(!c.ok)throw new Error(`HTTP error! status: ${c.status}`);return c.json()}function R(t){const s=t;return s.init=n=>e=>t(e,n),s}const W=t=>R(t);async function B({editor:t,pluginName:s,licenseKey:n,cleanup:e}){let o=!1;const i=v();t.on(N,()=>{o=!0}),t.on(M,({sdkLicense:a})=>{a||e()}),setTimeout(async()=>{if(!o){if(i)return;n&&await K({licenseKey:n,pluginName:s})||e()}},2e3)}async function K({licenseKey:t,pluginName:s}){try{const n=await $({path:`/sdk/${t}`,method:"POST",body:JSON.stringify({d:window.location.hostname,pn:s})}),{license:e}=n.result||{};return!!e}catch(n){return console.error("Error during SDK license check:",n),!1}}const C="gjs-plg-",U="listPagesComponent",h="data-type-role",j="page_root",G=t=>s=>s.is(t),F=t=>(s,n)=>n.is(t),b=t=>s=>{var n;return((n=s.getAttribute)==null?void 0:n.call(s,h))===t};return W(function(t,s={}){const{Blocks:n,Components:e,Pages:o}=t,{licenseKey:i,block:a={}}=s,c="List Pages",f="List Pages Item",y="Link",d=`${C}${r}`,m=`${C}${l}`,J='<svg viewBox="0 0 24 24"><path d="M11 15H17V17H11V15M9 7H7V9H9V7M11 13H17V11H11V13M11 9H17V7H11V9M9 11H7V13H9V11M21 5V19C21 20.1 20.1 21 19 21H5C3.9 21 3 20.1 3 19V5C3 3.9 3.9 3 5 3H19C20.1 3 21 3.9 21 5M19 5H5V19H19V5M9 15H7V17H9V15Z"/></svg>',X='<svg viewBox="0 0 24 24"><path d="M7,5H21V7H7V5M7,13V11H21V13H7M4,4.5A1.5,1.5 0 0,1 5.5,6A1.5,1.5 0 0,1 4,7.5A1.5,1.5 0 0,1 2.5,6A1.5,1.5 0 0,1 4,4.5M4,10.5A1.5,1.5 0 0,1 5.5,12A1.5,1.5 0 0,1 4,13.5A1.5,1.5 0 0,1 2.5,12A1.5,1.5 0 0,1 4,10.5M7,19V17H21V19H7M4,16.5A1.5,1.5 0 0,1 5.5,18A1.5,1.5 0 0,1 4,19.5A1.5,1.5 0 0,1 2.5,18A1.5,1.5 0 0,1 4,16.5Z" /></svg>';e.addType(r,{block:a&&{label:c,media:J,category:"Extra",select:!0,...s.block},isComponent:b(r),model:{defaults:{tagName:"ul",name:c,[j]:"",classes:d,attributes:{[h]:r},droppable:G(u),styles:`
-          .${d} {
+(function(g,p){typeof exports=="object"&&typeof module<"u"?module.exports=p():typeof define=="function"&&define.amd?define(p):(g=typeof globalThis<"u"?globalThis:g||self,g.StudioSdkPlugins_listPagesComponent=p())})(this,function(){"use strict";function g(t,s,n){let e,o,i,a,c;const f=s;function y(){const m=Date.now()-a;m<f&&m>=0?e=setTimeout(y,f-m):(e=null,c=t.apply(i,o),i=o=null)}const u=function(){return i=this,o=arguments,a=Date.now(),e||(e=setTimeout(y,f)),c};return u.clear=function(){e&&(clearTimeout(e),e=null)},u.flush=function(){e&&(c=t.apply(i,o),i=o=null,clearTimeout(e),e=null)},u}const p="page://",r="list-pages",d="list-pages-item",l="list-pages-link",_=t=>t.components().reduce((s,n)=>{var a;const e=n.findFirstType(l),o=(a=e==null?void 0:e.attributes.attributes)==null?void 0:a.href,i=o!=null&&o.startsWith(p)?o.replace(p,""):"";if(i&&e){const c=s[i];c?c.push(e):s[i]=[e]}return s},{}),T="app.grapesjs.com",I="app-stage.grapesjs.com",V=[T,I,"localhost","127.0.0.1",".local-credentialless.webcontainer.io",".local.webcontainer.io","-sandpack.codesandbox.io"],M="license:check:start",S="license:check:end",C=()=>typeof window<"u",N=({isDev:t,isStage:s})=>`${t?"":`https://${s?I:T}`}/api`,v=()=>{const t=C()&&window.location.hostname;return!!t&&(V.includes(t)||V.some(s=>t.endsWith(s)))},x=()=>(C()&&window.location.hostname)===T;var $={};const D=$.NODE_ENV!=="production";async function O({path:t,method:s="GET",headers:n={},body:e}){const i=`${N({isDev:D,isStage:!x()})}${t}`,a={method:s,headers:{"Content-Type":"application/json",...n}};e&&(a.body=JSON.stringify(e));const c=await fetch(i,a);if(!c.ok)throw new Error(`HTTP error! status: ${c.status}`);return c.json()}function W(t){const s=t;return s.init=n=>e=>t(e,n),s}const R=t=>W(t);async function B({editor:t,pluginName:s,licenseKey:n,cleanup:e}){let o=!1;const i=v();t.on(M,()=>{o=!0}),t.on(S,({sdkLicense:a})=>{a||e()}),setTimeout(async()=>{if(!o){if(i)return;n&&await j({licenseKey:n,pluginName:s})||e()}},2e3)}async function j({licenseKey:t,pluginName:s}){try{const n=await O({path:`/sdk/${t}`,method:"POST",body:JSON.stringify({d:window.location.hostname,pn:s})}),{license:e}=n.result||{};return!!e}catch(n){return console.error("Error during SDK license check:",n),!1}}const E="gjs-plg-",U="listPagesComponent",h="data-type-role",K="page_root",F=t=>s=>s.is(t),G=t=>(s,n)=>n.is(t),b=t=>s=>{var n;return((n=s.getAttribute)==null?void 0:n.call(s,h))===t};return R(function(t,s={}){const{Blocks:n,Components:e,Pages:o}=t,{licenseKey:i,block:a={}}=s,c="List Pages",f="List Pages Item",y="Link",u=`${E}${r}`,m=`${E}${l}`,J='<svg viewBox="0 0 24 24"><path d="M11 15H17V17H11V15M9 7H7V9H9V7M11 13H17V11H11V13M11 9H17V7H11V9M9 11H7V13H9V11M21 5V19C21 20.1 20.1 21 19 21H5C3.9 21 3 20.1 3 19V5C3 3.9 3.9 3 5 3H19C20.1 3 21 3.9 21 5M19 5H5V19H19V5M9 15H7V17H9V15Z"/></svg>',X='<svg viewBox="0 0 24 24"><path d="M7,5H21V7H7V5M7,13V11H21V13H7M4,4.5A1.5,1.5 0 0,1 5.5,6A1.5,1.5 0 0,1 4,7.5A1.5,1.5 0 0,1 2.5,6A1.5,1.5 0 0,1 4,4.5M4,10.5A1.5,1.5 0 0,1 5.5,12A1.5,1.5 0 0,1 4,13.5A1.5,1.5 0 0,1 2.5,12A1.5,1.5 0 0,1 4,10.5M7,19V17H21V19H7M4,16.5A1.5,1.5 0 0,1 5.5,18A1.5,1.5 0 0,1 4,19.5A1.5,1.5 0 0,1 2.5,18A1.5,1.5 0 0,1 4,16.5Z" /></svg>';e.addType(r,{block:a&&{label:c,media:J,category:"Extra",select:!0,...s.block},isComponent:b(r),model:{defaults:{tagName:"ul",name:c,[K]:"",classes:u,attributes:{[h]:r},droppable:F(d),styles:`
+          .${u} {
             list-style: none;
             margin: 0;
             padding: 0;
           }
-        `},init(){this.syncPageItems=g(this.syncPageItems.bind(this),0),this.listenTo(this.em,o.events.all,this.syncPageItems),this.syncPageItems()},syncPageItems(){if(t.Components.getSymbolInfo(this).isInstance)return;const E=this.em.Pages.getAll(),Y=this.components(),Z=w(this);E.forEach((H,q)=>{const _=H.id,I=H.getName(),P=Z[_];P?P==null||P.forEach(k=>{k.getInnerHTML()!==I&&k.components(I)}):Y.add({type:u,components:[{type:l,attributes:{href:`page://${_}`},components:{type:"textnode",content:I}}]},{at:q})})}}}),e.addType(u,{isComponent:b(u),model:{defaults:{name:f,tagName:"li",icon:X,attributes:{[h]:u},components:{type:l},draggable:F(r)}}}),e.addType(l,{extend:"link",isComponent:b(l),model:{defaults:{removable:!1,copyable:!1,delegate:{move:E=>E.closestType(u)},name:y,classes:m,attributes:{[h]:l},components:{type:"textnode",content:"Item"},styles:`
+        `},init(){this.syncPageItems=g(this.syncPageItems.bind(this),0),this.listenTo(this.em,o.events.all,this.syncPageItems),this.syncPageItems()},syncPageItems(){if(t.Components.getSymbolInfo(this).isInstance)return;const L=this.em.Pages.getAll(),Y=this.components(),Z=_(this);L.forEach((k,q)=>{const w=k.id,H=k.getName(),P=Z[w];P?P==null||P.forEach(A=>{A.getInnerHTML()!==H&&A.components(H)}):Y.add({type:d,components:[{type:l,attributes:{href:`page://${w}`},components:{type:"textnode",content:H}}]},{at:q})})}}}),e.addType(d,{isComponent:b(d),model:{defaults:{name:f,tagName:"li",icon:X,attributes:{[h]:d},components:{type:l},draggable:G(r)}}}),e.addType(l,{extend:"link",isComponent:b(l),model:{defaults:{removable:!1,copyable:!1,delegate:{move:L=>L.closestType(d)},name:y,classes:m,attributes:{[h]:l},components:{type:"textnode",content:"Item"},styles:`
           .${m} {
             text-decoration: none;
           }