From 4a88cc5902edae386cd655682a0d218fa3ba4558 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=C3=89mile=20R=C3=A9?= Date: Wed, 22 Apr 2026 10:49:22 +0400 Subject: [PATCH] Rework cookie-banner exports: themed banner as default, headless as subpath MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Make the themed banner the default "." export and move the headless components to "./headless". Remove unused VERSION export. Signed-off-by: Émile Ré --- packages/cookie-banner/README.md | 4 ++-- packages/cookie-banner/build.mjs | 4 ++-- packages/cookie-banner/package.json | 8 ++++---- packages/cookie-banner/src/headless/index.ts | 15 +++++++++++++++ packages/cookie-banner/src/index.ts | 4 +--- 5 files changed, 24 insertions(+), 11 deletions(-) create mode 100644 packages/cookie-banner/src/headless/index.ts diff --git a/packages/cookie-banner/README.md b/packages/cookie-banner/README.md index 8f8d25585..a60bb032d 100644 --- a/packages/cookie-banner/README.md +++ b/packages/cookie-banner/README.md @@ -34,7 +34,7 @@ This automatically renders a fully styled consent dialog and a floating settings Import the pre-built themed banner as an ES module for use in bundled applications (React, Vue, Svelte, etc.): ```js -import { registerThemedBanner } from "@probo/cookie-banner/themed-banner"; +import { registerThemedBanner } from "@probo/cookie-banner"; registerThemedBanner(); ``` @@ -92,7 +92,7 @@ Dark mode example: For complete control over the UI, import the headless Web Components directly. This entrypoint gives you unstyled building blocks that you compose and style yourself: ```js -import { registerComponents } from "@probo/cookie-banner"; +import { registerComponents } from "@probo/cookie-banner/headless"; registerComponents(); ``` diff --git a/packages/cookie-banner/build.mjs b/packages/cookie-banner/build.mjs index f6e8c0bf4..33de0acef 100644 --- a/packages/cookie-banner/build.mjs +++ b/packages/cookie-banner/build.mjs @@ -28,8 +28,8 @@ await Promise.all([ }), esbuild.build({ ...shared, - entryPoints: ["src/themed-banner/index.ts"], - outfile: "dist/cookie-banner-themed.mjs", + entryPoints: ["src/headless/index.ts"], + outfile: "dist/cookie-banner-headless.mjs", format: "esm", }), esbuild.build({ diff --git a/packages/cookie-banner/package.json b/packages/cookie-banner/package.json index da47ff1ce..bef218b7b 100644 --- a/packages/cookie-banner/package.json +++ b/packages/cookie-banner/package.json @@ -12,10 +12,10 @@ "import": "./dist/cookie-banner.mjs", "default": "./dist/cookie-banner.mjs" }, - "./themed-banner": { - "types": "./dist/themed-banner/index.d.ts", - "import": "./dist/cookie-banner-themed.mjs", - "default": "./dist/cookie-banner-themed.mjs" + "./headless": { + "types": "./dist/headless/index.d.ts", + "import": "./dist/cookie-banner-headless.mjs", + "default": "./dist/cookie-banner-headless.mjs" }, "./iife": "./dist/cookie-banner.iife.js" }, diff --git a/packages/cookie-banner/src/headless/index.ts b/packages/cookie-banner/src/headless/index.ts new file mode 100644 index 000000000..7d8e98f99 --- /dev/null +++ b/packages/cookie-banner/src/headless/index.ts @@ -0,0 +1,15 @@ +// Copyright (c) 2026 Probo Inc . +// +// Permission to use, copy, modify, and/or distribute this software for any +// purpose with or without fee is hereby granted, provided that the above +// copyright notice and this permission notice appear in all copies. +// +// THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH +// REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY +// AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT, +// INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM +// LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR +// OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR +// PERFORMANCE OF THIS SOFTWARE. + +export { registerComponents } from "../components"; diff --git a/packages/cookie-banner/src/index.ts b/packages/cookie-banner/src/index.ts index a793030ce..1188a6089 100644 --- a/packages/cookie-banner/src/index.ts +++ b/packages/cookie-banner/src/index.ts @@ -12,6 +12,4 @@ // OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR // PERFORMANCE OF THIS SOFTWARE. -export const VERSION = "0.0.0"; - -export { registerComponents } from "./components"; +export { ProboThemedBanner, registerThemedBanner } from "./themed-banner";