popup-button-plugin 0.1.0 → 0.1.1

package/dist/index.d.ts

@@ -1,3 +1,3 @@
-export { registerButtonContent, getButtonContent, unregisterButtonContent } from './popup-registry';
-export type { PopupContent } from './popup-registry';
-export { PopupButton } from './popup-button';
+export { registerButtonContent, getButtonContent, unregisterButtonContent } from './popup-registry.js';
+export type { PopupContent } from './popup-registry.js';
+export { PopupButton } from './popup-button.js';

package/dist/index.js

@@ -2,5 +2,6 @@
 //   1. Registers the <popup-button> custom element (side effect of
 //      the import below — customElements.define runs once).
 //   2. Gives the app the registry functions it needs to call.
-export { registerButtonContent, getButtonContent, unregisterButtonContent } from './popup-registry';
-export { PopupButton } from './popup-button';
+// ".js" extensions required here too, same reason as in popup-button.ts.
+export { registerButtonContent, getButtonContent, unregisterButtonContent } from './popup-registry.js';
+export { PopupButton } from './popup-button.js';

package/dist/popup-button.js

@@ -19,7 +19,12 @@
 //   DOM + CSS, so our button/modal styles can't leak out, and page
 //   styles can't accidentally break our popup.
 // =====================================================================
-import { getButtonContent } from './popup-registry';
+// NOTE the explicit ".js" extension: native browser <script type="module">
+// imports require the real file extension (unlike bundlers such as
+// Vite/webpack, which resolve extensionless imports for you). Without
+// this, plain-HTML usage (our main selling point — no build tool
+// needed) breaks with a 404 on this import.
+import { getButtonContent } from './popup-registry.js';
 export class PopupButton extends HTMLElement {
     constructor() {
         super();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "popup-button-plugin",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "description": "A tiny, standalone, framework-free button-with-popup web component: register content by name, and <popup-button name=\"...\"> automatically shows it when clicked.",
   "main": "dist/index.js",
   "module": "dist/index.js",