@qkix/strapi-plugin-better-blocks 0.23.0

package/dist/server/index.mjs

@@ -0,0 +1,393 @@
+const g = ({ strapi: t }) => {
+}, k = ({ strapi: t }) => {
+}, y = ({ strapi: t }) => {
+  t.customFields.register({
+    name: "better-blocks",
+    plugin: "better-blocks",
+    type: "json",
+    inputSize: {
+      default: 12,
+      isResizable: !1
+    }
+  });
+}, w = {
+  default: {
+    /**
+     * Defaults for the collapsible Details / Summary block.
+     * Override in the consuming app via config/plugins.{js,ts}:
+     *
+     *   'better-blocks': {
+     *     enabled: true,
+     *     config: {
+     *       details: {
+     *         defaultSummary: 'Show more',
+     *         style: 'custom', // 'github' | 'custom'
+     *       },
+     *     },
+     *   }
+     */
+    details: {
+      defaultSummary: "Click to expand",
+      style: "github"
+    },
+    /**
+     * Defaults for the WordPress-style Button block. `defaultStyle` is applied to
+     * a freshly inserted button; authors can then override it per-button.
+     * `presets` are brand variants offered in the editor's "Style preset" picker;
+     * override any of them to match your design system.
+     */
+    button: {
+      defaultStyle: {
+        backgroundColor: "#4945ff",
+        textColor: "#ffffff",
+        borderRadius: "4px",
+        padding: "12px 24px",
+        fontSize: "16px",
+        fontWeight: "600"
+      },
+      presets: {
+        primary: {
+          backgroundColor: "#4945ff",
+          textColor: "#ffffff",
+          border: "none"
+        },
+        secondary: {
+          backgroundColor: "#dcdce4",
+          textColor: "#32324d",
+          border: "none"
+        },
+        outline: {
+          backgroundColor: "transparent",
+          textColor: "#4945ff",
+          border: "2px solid #4945ff"
+        },
+        filled: {
+          backgroundColor: "#32324d",
+          textColor: "#ffffff",
+          border: "none"
+        }
+      }
+    },
+    /**
+     * Social media embed block. The editor fetches each post's official embed
+     * via the server oEmbed proxy (`GET /better-blocks/oembed`), so no platform
+     * tokens ever reach the browser. Instagram and Facebook require a Facebook
+     * app access token; the other platforms work without one.
+     *
+     *   'better-blocks': {
+     *     config: {
+     *       social: {
+     *         platforms: ['twitter', 'tiktok', 'pinterest'],
+     *         instagram: { accessToken: env('FB_OEMBED_TOKEN') },
+     *         facebook: { accessToken: env('FB_OEMBED_TOKEN') },
+     *       },
+     *     },
+     *   }
+     */
+    social: {
+      enabled: !0,
+      platforms: [
+        "twitter",
+        "instagram",
+        "facebook",
+        "tiktok",
+        "linkedin",
+        "pinterest"
+      ],
+      cache: !0,
+      cacheTTL: 86400,
+      // seconds (24h)
+      instagram: { accessToken: void 0 },
+      facebook: { accessToken: void 0 }
+    }
+  },
+  validator(t = {}) {
+    const o = t?.details?.style;
+    if (o && o !== "github" && o !== "custom")
+      throw new Error(
+        `[better-blocks] config.details.style must be "github" or "custom" (received "${o}")`
+      );
+  }
+}, C = {}, v = ({ strapi: t }) => ({
+  index(o) {
+    o.body = t.plugin("better-blocks").service("service").getWelcomeMessage();
+  },
+  /**
+   * Exposes the plugin config (config/plugins.js merged with server defaults) to
+   * the admin panel, so blocks like Details can honour admin-level settings.
+   */
+  getConfig(o) {
+    o.body = {
+      details: t.plugin("better-blocks").config("details", {
+        defaultSummary: "Click to expand",
+        style: "github"
+      }),
+      button: t.plugin("better-blocks").config("button", {
+        defaultStyle: {
+          backgroundColor: "#4945ff",
+          textColor: "#ffffff",
+          borderRadius: "4px",
+          padding: "12px 24px",
+          fontSize: "16px",
+          fontWeight: "600"
+        },
+        presets: {
+          primary: {
+            backgroundColor: "#4945ff",
+            textColor: "#ffffff",
+            border: "none"
+          },
+          secondary: {
+            backgroundColor: "#dcdce4",
+            textColor: "#32324d",
+            border: "none"
+          },
+          outline: {
+            backgroundColor: "transparent",
+            textColor: "#4945ff",
+            border: "2px solid #4945ff"
+          },
+          filled: {
+            backgroundColor: "#32324d",
+            textColor: "#ffffff",
+            border: "none"
+          }
+        }
+      }),
+      social: (() => {
+        const e = t.plugin("better-blocks").config("social", {
+          enabled: !0,
+          platforms: [
+            "twitter",
+            "instagram",
+            "facebook",
+            "tiktok",
+            "linkedin",
+            "pinterest"
+          ]
+        });
+        return {
+          enabled: e.enabled !== !1,
+          platforms: e.platforms ?? [],
+          instagramConfigured: !!e.instagram?.accessToken,
+          facebookConfigured: !!e.facebook?.accessToken
+        };
+      })()
+    };
+  }
+}), x = [
+  "twitter",
+  "instagram",
+  "facebook",
+  "tiktok",
+  "linkedin",
+  "pinterest"
+], $ = ({ strapi: t }) => ({
+  /**
+   * GET /better-blocks/oembed?url=...&platform=...
+   * Proxies the platform oEmbed request server-side and returns the normalised
+   * payload used by the social-embed block.
+   */
+  async fetch(o) {
+    const { url: e, platform: i } = o.query;
+    if (!e || typeof e != "string")
+      return o.badRequest('Missing required "url" query parameter.');
+    const r = i && x.includes(i) ? i : void 0;
+    try {
+      o.body = await t.plugin("better-blocks").service("oembed").fetch(e, r);
+    } catch (n) {
+      const a = n instanceof Error ? n.message : "oEmbed request failed.";
+      return o.badRequest(a);
+    }
+  }
+}), T = {
+  controller: v,
+  oembed: $
+}, E = {}, R = {}, L = [
+  {
+    method: "GET",
+    path: "/",
+    // name of the controller file & the method.
+    handler: "controller.index",
+    config: {
+      policies: []
+    }
+  }
+], _ = [
+  {
+    method: "GET",
+    path: "/config",
+    // name of the controller file & the method.
+    handler: "controller.getConfig",
+    config: {
+      policies: []
+    }
+  },
+  {
+    method: "GET",
+    path: "/oembed",
+    // Social oEmbed proxy — fetches a post's embed payload server-side.
+    handler: "oembed.fetch",
+    config: {
+      policies: ["admin::isAuthenticatedAdmin"]
+    }
+  }
+], S = {
+  "content-api": {
+    type: "content-api",
+    routes: L
+  },
+  admin: {
+    type: "admin",
+    routes: _
+  }
+}, U = ({ strapi: t }) => ({
+  getWelcomeMessage() {
+    return "Welcome to Strapi 🚀";
+  }
+}), I = [
+  {
+    platform: "twitter",
+    re: /(?:twitter\.com|x\.com)\/[^/]+\/status(?:es)?\/\d+/i
+  },
+  { platform: "instagram", re: /instagram\.com\/(?:p|reel|tv)\//i },
+  { platform: "tiktok", re: /tiktok\.com\/@[^/]+\/video\/\d+/i },
+  { platform: "facebook", re: /facebook\.com\//i },
+  { platform: "linkedin", re: /linkedin\.com\//i },
+  { platform: "pinterest", re: /(?:pinterest\.[a-z.]+|pin\.it)\//i }
+], b = (t) => {
+  const o = I.find(({ re: e }) => e.test(t));
+  return o ? o.platform : null;
+}, A = (t, o, e) => {
+  const i = encodeURIComponent(o);
+  switch (t) {
+    case "twitter":
+      return `https://publish.twitter.com/oembed?url=${i}&omit_script=true&dnt=true`;
+    case "tiktok":
+      return `https://www.tiktok.com/oembed?url=${i}`;
+    case "pinterest":
+      return `https://www.pinterest.com/oembed.json?url=${i}`;
+    case "instagram": {
+      const r = e.instagram?.accessToken;
+      return r ? `https://graph.facebook.com/v17.0/instagram_oembed?url=${i}&access_token=${encodeURIComponent(
+        r
+      )}&omitscript=true` : null;
+    }
+    case "facebook": {
+      const r = e.facebook?.accessToken;
+      return r ? `https://graph.facebook.com/v17.0/oembed_post?url=${i}&access_token=${encodeURIComponent(
+        r
+      )}&omitscript=true` : null;
+    }
+    case "linkedin":
+      return null;
+    default:
+      return null;
+  }
+}, P = async (t) => {
+  if (!/^https?:\/\/pin\.it\//i.test(t)) return t;
+  try {
+    const e = (await fetch(t, { redirect: "follow" })).url || t;
+    return /pinterest\.[a-z.]+\/pin\//i.test(e) ? e : t;
+  } catch {
+    return t;
+  }
+}, q = (t) => {
+  const o = t.match(
+    /(?:urn:li:)?(ugcPost|activity|share)[:-](\d{10,})/i
+  );
+  if (!o) return null;
+  const i = `urn:li:${o[1].toLowerCase() === "ugcpost" ? "ugcPost" : o[1].toLowerCase()}:${o[2]}`, r = `https://www.linkedin.com/embed/feed/update/${encodeURIComponent(i)}`;
+  return {
+    platform: "linkedin",
+    url: t,
+    html: `<iframe src="${r}" height="600" width="100%" frameborder="0" allowfullscreen title="Embedded LinkedIn post" loading="lazy"></iframe>`,
+    providerName: "LinkedIn",
+    width: 504,
+    height: 600
+  };
+}, z = (t) => t.replace(/<script\b[^>]*>[\s\S]*?<\/script>/gi, "").trim(), M = (t, o, e) => ({
+  platform: t,
+  url: o,
+  html: typeof e.html == "string" && z(e.html) || null,
+  title: typeof e.title == "string" ? e.title : void 0,
+  author: typeof e.author_name == "string" ? e.author_name : void 0,
+  authorUrl: typeof e.author_url == "string" ? e.author_url : void 0,
+  thumbnailUrl: typeof e.thumbnail_url == "string" ? e.thumbnail_url : void 0,
+  providerName: typeof e.provider_name == "string" ? e.provider_name : void 0,
+  width: typeof e.width == "number" ? e.width : void 0,
+  height: typeof e.height == "number" ? e.height : void 0
+}), h = /* @__PURE__ */ new Map(), W = ({ strapi: t }) => {
+  const o = () => t.plugin("better-blocks").config("social", {});
+  return {
+    detectPlatform: b,
+    /**
+     * Fetch (and cache) the normalised oEmbed for `url`. `platform` may be
+     * passed to skip auto-detection. Throws on an unsupported/unconfigured
+     * platform or a failed upstream request.
+     */
+    async fetch(e, i) {
+      const r = o();
+      if (r.enabled === !1)
+        throw new Error("Social embeds are disabled in plugin config.");
+      const n = i ?? b(e);
+      if (!n)
+        throw new Error(`Unsupported or unrecognised social URL: ${e}`);
+      const a = r.platforms;
+      if (Array.isArray(a) && !a.includes(n))
+        throw new Error(
+          `Platform "${n}" is not enabled in plugin config.`
+        );
+      const f = r.cache !== !1, u = (r.cacheTTL ?? 86400) * 1e3, p = `${n}:${e}`;
+      if (f) {
+        const c = h.get(p);
+        if (c && c.expires > Date.now()) return c.data;
+      }
+      let s = null;
+      if (n === "linkedin") {
+        if (s = q(e), !s)
+          throw new Error(
+            "Could not derive a LinkedIn embed from this URL. Paste the post embed code instead."
+          );
+      } else {
+        const c = await P(e), m = A(n, c, r);
+        if (!m)
+          throw new Error(
+            `oEmbed for "${n}" requires an access token. Configure config.social.${n}.accessToken, or paste the embed code instead.`
+          );
+        const l = await fetch(m, {
+          headers: { Accept: "application/json" }
+        });
+        if (!l.ok)
+          throw new Error(
+            `oEmbed request to ${n} failed (HTTP ${l.status}).`
+          );
+        const d = await l.json();
+        if (typeof d.error == "string")
+          throw new Error(`${n} could not embed this URL: ${d.error}`);
+        if (s = M(n, c, d), !s.html)
+          throw new Error(
+            `${n} returned no embed markup for this URL. Check the post is public, or paste the embed code instead.`
+          );
+      }
+      return f && u > 0 && h.set(p, { expires: Date.now() + u, data: s }), s;
+    }
+  };
+}, j = {
+  service: U,
+  oembed: W
+}, D = {
+  register: y,
+  bootstrap: g,
+  destroy: k,
+  config: w,
+  controllers: T,
+  routes: S,
+  services: j,
+  contentTypes: C,
+  policies: R,
+  middlewares: E
+};
+export {
+  D as default
+};

package/dist/server/src/bootstrap.d.ts

@@ -0,0 +1,5 @@
+import type { Core } from '@strapi/strapi';
+declare const bootstrap: ({ strapi }: {
+    strapi: Core.Strapi;
+}) => void;
+export default bootstrap;

package/dist/server/src/config/index.d.ts

@@ -0,0 +1,94 @@
+declare const _default: {
+    default: {
+        /**
+         * Defaults for the collapsible Details / Summary block.
+         * Override in the consuming app via config/plugins.{js,ts}:
+         *
+         *   'better-blocks': {
+         *     enabled: true,
+         *     config: {
+         *       details: {
+         *         defaultSummary: 'Show more',
+         *         style: 'custom', // 'github' | 'custom'
+         *       },
+         *     },
+         *   }
+         */
+        details: {
+            defaultSummary: string;
+            style: string;
+        };
+        /**
+         * Defaults for the WordPress-style Button block. `defaultStyle` is applied to
+         * a freshly inserted button; authors can then override it per-button.
+         * `presets` are brand variants offered in the editor's "Style preset" picker;
+         * override any of them to match your design system.
+         */
+        button: {
+            defaultStyle: {
+                backgroundColor: string;
+                textColor: string;
+                borderRadius: string;
+                padding: string;
+                fontSize: string;
+                fontWeight: string;
+            };
+            presets: {
+                primary: {
+                    backgroundColor: string;
+                    textColor: string;
+                    border: string;
+                };
+                secondary: {
+                    backgroundColor: string;
+                    textColor: string;
+                    border: string;
+                };
+                outline: {
+                    backgroundColor: string;
+                    textColor: string;
+                    border: string;
+                };
+                filled: {
+                    backgroundColor: string;
+                    textColor: string;
+                    border: string;
+                };
+            };
+        };
+        /**
+         * Social media embed block. The editor fetches each post's official embed
+         * via the server oEmbed proxy (`GET /better-blocks/oembed`), so no platform
+         * tokens ever reach the browser. Instagram and Facebook require a Facebook
+         * app access token; the other platforms work without one.
+         *
+         *   'better-blocks': {
+         *     config: {
+         *       social: {
+         *         platforms: ['twitter', 'tiktok', 'pinterest'],
+         *         instagram: { accessToken: env('FB_OEMBED_TOKEN') },
+         *         facebook: { accessToken: env('FB_OEMBED_TOKEN') },
+         *       },
+         *     },
+         *   }
+         */
+        social: {
+            enabled: boolean;
+            platforms: string[];
+            cache: boolean;
+            cacheTTL: number;
+            instagram: {
+                accessToken: any;
+            };
+            facebook: {
+                accessToken: any;
+            };
+        };
+    };
+    validator(config?: {
+        details?: {
+            style?: string;
+        };
+    }): void;
+};
+export default _default;

package/dist/server/src/content-types/index.d.ts

@@ -0,0 +1,2 @@
+declare const _default: {};
+export default _default;

package/dist/server/src/controllers/controller.d.ts

@@ -0,0 +1,12 @@
+import type { Core } from '@strapi/strapi';
+declare const controller: ({ strapi }: {
+    strapi: Core.Strapi;
+}) => {
+    index(ctx: any): void;
+    /**
+     * Exposes the plugin config (config/plugins.js merged with server defaults) to
+     * the admin panel, so blocks like Details can honour admin-level settings.
+     */
+    getConfig(ctx: any): void;
+};
+export default controller;

package/dist/server/src/controllers/index.d.ts

@@ -0,0 +1,14 @@
+declare const _default: {
+    controller: ({ strapi }: {
+        strapi: import("@strapi/types/dist/core").Strapi;
+    }) => {
+        index(ctx: any): void;
+        getConfig(ctx: any): void;
+    };
+    oembed: ({ strapi }: {
+        strapi: import("@strapi/types/dist/core").Strapi;
+    }) => {
+        fetch(ctx: any): Promise<any>;
+    };
+};
+export default _default;

package/dist/server/src/controllers/oembed.d.ts

@@ -0,0 +1,12 @@
+import type { Core } from '@strapi/strapi';
+declare const oembed: ({ strapi }: {
+    strapi: Core.Strapi;
+}) => {
+    /**
+     * GET /better-blocks/oembed?url=...&platform=...
+     * Proxies the platform oEmbed request server-side and returns the normalised
+     * payload used by the social-embed block.
+     */
+    fetch(ctx: any): Promise<any>;
+};
+export default oembed;

package/dist/server/src/destroy.d.ts

@@ -0,0 +1,5 @@
+import type { Core } from '@strapi/strapi';
+declare const destroy: ({ strapi }: {
+    strapi: Core.Strapi;
+}) => void;
+export default destroy;

package/dist/server/src/index.d.ts

@@ -0,0 +1,125 @@
+declare const _default: {
+    register: ({ strapi }: {
+        strapi: import("@strapi/types/dist/core").Strapi;
+    }) => void;
+    bootstrap: ({ strapi }: {
+        strapi: import("@strapi/types/dist/core").Strapi;
+    }) => void;
+    destroy: ({ strapi }: {
+        strapi: import("@strapi/types/dist/core").Strapi;
+    }) => void;
+    config: {
+        default: {
+            details: {
+                defaultSummary: string;
+                style: string;
+            };
+            button: {
+                defaultStyle: {
+                    backgroundColor: string;
+                    textColor: string;
+                    borderRadius: string;
+                    padding: string;
+                    fontSize: string;
+                    fontWeight: string;
+                };
+                presets: {
+                    primary: {
+                        backgroundColor: string;
+                        textColor: string;
+                        border: string;
+                    };
+                    secondary: {
+                        backgroundColor: string;
+                        textColor: string;
+                        border: string;
+                    };
+                    outline: {
+                        backgroundColor: string;
+                        textColor: string;
+                        border: string;
+                    };
+                    filled: {
+                        backgroundColor: string;
+                        textColor: string;
+                        border: string;
+                    };
+                };
+            };
+            social: {
+                enabled: boolean;
+                platforms: string[];
+                cache: boolean;
+                cacheTTL: number;
+                instagram: {
+                    accessToken: any;
+                };
+                facebook: {
+                    accessToken: any;
+                };
+            };
+        };
+        validator(config?: {
+            details?: {
+                style?: string;
+            };
+        }): void;
+    };
+    controllers: {
+        controller: ({ strapi }: {
+            strapi: import("@strapi/types/dist/core").Strapi;
+        }) => {
+            index(ctx: any): void;
+            getConfig(ctx: any): void;
+        };
+        oembed: ({ strapi }: {
+            strapi: import("@strapi/types/dist/core").Strapi;
+        }) => {
+            fetch(ctx: any): Promise<any>;
+        };
+    };
+    routes: {
+        'content-api': {
+            type: string;
+            routes: {
+                method: string;
+                path: string;
+                handler: string;
+                /**
+                 * Plugin server methods
+                 */
+                config: {
+                    policies: any[];
+                };
+            }[];
+        };
+        admin: {
+            type: string;
+            routes: {
+                method: string;
+                path: string;
+                handler: string;
+                config: {
+                    policies: string[];
+                };
+            }[];
+        };
+    };
+    services: {
+        service: ({ strapi }: {
+            strapi: import("@strapi/types/dist/core").Strapi;
+        }) => {
+            getWelcomeMessage(): string;
+        };
+        oembed: ({ strapi }: {
+            strapi: import("@strapi/types/dist/core").Strapi;
+        }) => {
+            detectPlatform: (url: string) => import("./services/oembed").SocialPlatform;
+            fetch(url: string, platform?: import("./services/oembed").SocialPlatform): Promise<import("./services/oembed").NormalisedOEmbed>;
+        };
+    };
+    contentTypes: {};
+    policies: {};
+    middlewares: {};
+};
+export default _default;

package/dist/server/src/middlewares/index.d.ts

@@ -0,0 +1,2 @@
+declare const _default: {};
+export default _default;

package/dist/server/src/policies/index.d.ts

@@ -0,0 +1,2 @@
+declare const _default: {};
+export default _default;

package/dist/server/src/register.d.ts

@@ -0,0 +1,5 @@
+import type { Core } from '@strapi/strapi';
+declare const register: ({ strapi }: {
+    strapi: Core.Strapi;
+}) => void;
+export default register;

package/dist/server/src/routes/admin.d.ts

@@ -0,0 +1,9 @@
+declare const _default: {
+    method: string;
+    path: string;
+    handler: string;
+    config: {
+        policies: string[];
+    };
+}[];
+export default _default;