@beautinique/frontend-components 1.0.4 → 1.0.5

package/README.md

@@ -34,11 +34,22 @@ use have a path of their own, so an app only bundles what it imports.
 
 | Import path                                   | What it gives                                                                                |
 | --------------------------------------------- | -------------------------------------------------------------------------------------------- |
-| `@beautinique/frontend-components`            | Types only (`IButton`, `ITooltip`, ...)                                                      |
+| `@beautinique/frontend-components`            | Everything `/ui` and `/toast` give (the very same values), and the types (`IButton`, ...)    |
 | `@beautinique/frontend-components/ui`         | `Button`, `Tooltip`                                                                          |
 | `@beautinique/frontend-components/toast`      | `ToastContainer`, `toaster`, the toast store, and the helpers for toasts that follow uploads |
 | `@beautinique/frontend-components/source.css` | The `@source` line of the setup above                                                        |
 
+`Button` can be imported from the root or from `/ui`, it is the same component either way:
+
+```ts
+import { Button } from '@beautinique/frontend-components'; // or
+import { Button } from '@beautinique/frontend-components/ui';
+```
+
+The root only re-exports, it does not copy: a toast shown with `toaster` from one path appears in the
+`ToastContainer` of the other, and an app that imports only `Button` from the root bundles the same as
+with `/ui` (the bundler leaves out what is not used).
+
 ```tsx
 import { Button, Tooltip } from '@beautinique/frontend-components/ui';
 import { ToastContainer, toaster } from '@beautinique/frontend-components/toast';
@@ -127,7 +138,11 @@ The icons of the toasts are bundled, so a toast shows its icon without a network
 - **State lives in exactly one import path.** The toast store is part of `/toast` only. A component
   of another path that needs it must import it from `@beautinique/frontend-components/toast`, never
   copy it: every entry is built as one file, so a copy would be a second store, and a toast shown
-  through it would never reach the `ToastContainer`.
+  through it would never reach the `ToastContainer`. The root is such a path: its built file only
+  imports `/ui` and `/toast` (`tsup.config.ts` keeps them external, and `built-files.test.ts` checks
+  the built files after `npm run build`).
+- **The root has what most screens use** (`/ui`, later `/layout`, and `/toast`). A component that few
+  screens use gets a path of its own and is not in the root.
 - **A component's own css lives next to the component** and is imported by it, not by the styles
   package. It uses the variables of the styles package (`var(--smoke-eerie)`, ...) and does not
   import them again: importing them a second time, after the app's own css, would undo the app's

package/dist/index.cjs

@@ -1,4 +1,21 @@
 'use strict';
 
+var toast = require('@beautinique/frontend-components/toast');
+var ui = require('@beautinique/frontend-components/ui');
+
+
+
+Object.keys(toast).forEach(function (k) {
+	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return toast[k]; }
+	});
+});
+Object.keys(ui).forEach(function (k) {
+	if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+		enumerable: true,
+		get: function () { return ui[k]; }
+	});
+});
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"index.cjs"}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.cjs","sourcesContent":[]}

package/dist/index.d.cts

@@ -1,2 +1,4 @@
+export * from './toast/index.js';
 export type * from './types/component.js';
+export * from './ui/index.js';
 //# sourceMappingURL=index.d.cts.map

package/dist/index.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.cts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,mBAAmB,sBAAsB,CAAC"}
+{"version":3,"file":"index.d.cts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAGA,cAAc,kBAAkB,CAAC;AACjC,mBAAmB,sBAAsB,CAAC;AAC1C,cAAc,eAAe,CAAC"}

package/dist/index.d.ts

@@ -1,2 +1,4 @@
+export * from './toast/index.js';
 export type * from './types/component.js';
+export * from './ui/index.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,mBAAmB,sBAAsB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAGA,cAAc,kBAAkB,CAAC;AACjC,mBAAmB,sBAAsB,CAAC;AAC1C,cAAc,eAAe,CAAC"}

package/dist/index.js

@@ -1,3 +1,4 @@
-
+export * from '@beautinique/frontend-components/toast';
+export * from '@beautinique/frontend-components/ui';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js","sourcesContent":[]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@beautinique/frontend-components",
-  "version": "1.0.4",
+  "version": "1.0.5",
   "description": "Shared React UI components for the Beautinique frontends.",
   "keywords": [
     "frontend",