@purpur/library 9.7.4 → 9.8.0

package/package.json

@@ -1,15 +1,11 @@
 {
   "name": "@purpur/library",
-  "version": "9.7.4",
+  "version": "9.8.0",
   "license": "AGPL-3.0-only",
   "sideEffects": [
     "*.css",
     "*.scss"
   ],
-  "files": [
-    "dist",
-    "tokens"
-  ],
   "main": "./dist/library.cjs.js",
   "types": "./dist/libraries/library/src/library.d.ts",
   "exports": {
@@ -110,78 +106,78 @@
     "vite-plugin-static-copy": "3.1.6",
     "vite": "7.3.2",
     "shx": "0.4.0",
-    "@purpur/action": "8.21.0",
-    "@purpur/alert-badge": "8.21.0",
     "@purpur/accordion": "8.21.0",
-    "@purpur/autocomplete": "8.21.0",
+    "@purpur/action": "8.21.0",
     "@purpur/badge": "8.21.0",
+    "@purpur/autocomplete": "8.21.0",
+    "@purpur/alert-badge": "8.21.0",
     "@purpur/breadcrumbs": "8.21.0",
     "@purpur/button": "8.21.0",
     "@purpur/calendar": "8.21.0",
     "@purpur/checkbox": "8.21.0",
-    "@purpur/card": "8.21.0",
     "@purpur/chip-group": "8.21.0",
-    "@purpur/common-types": "8.21.0",
     "@purpur/color-dot": "8.21.0",
+    "@purpur/common-types": "8.21.0",
     "@purpur/component-rig": "1.0.0",
-    "@purpur/container": "8.21.0",
+    "@purpur/card": "8.21.0",
     "@purpur/content-block": "8.21.0",
+    "@purpur/container": "8.21.0",
     "@purpur/countdown": "8.21.0",
     "@purpur/counter-badge": "8.21.0",
     "@purpur/date-field": "8.21.0",
-    "@purpur/cta-link": "8.21.0",
     "@purpur/date-picker": "8.21.0",
+    "@purpur/cta-link": "8.21.0",
     "@purpur/dismissable-chip-group": "8.21.0",
-    "@purpur/field-error-text": "8.21.0",
     "@purpur/drawer": "8.21.0",
     "@purpur/field-helper-text": "8.21.0",
+    "@purpur/field-error-text": "8.21.0",
     "@purpur/footer": "8.21.0",
     "@purpur/grid": "8.21.0",
-    "@purpur/hero-banner": "8.21.0",
-    "@purpur/illustrative-icon": "8.21.0",
     "@purpur/heading": "8.21.0",
-    "@purpur/label": "8.21.0",
+    "@purpur/hero-banner": "8.21.0",
     "@purpur/icon": "8.21.0",
+    "@purpur/label": "8.21.0",
+    "@purpur/illustrative-icon": "8.21.0",
     "@purpur/link": "8.21.0",
-    "@purpur/listbox": "8.21.0",
+    "@purpur/logo": "8.21.0",
     "@purpur/modal": "8.21.0",
+    "@purpur/listbox": "8.21.0",
     "@purpur/notification-banner": "8.21.0",
-    "@purpur/logo": "8.21.0",
+    "@purpur/notification": "8.21.0",
     "@purpur/pagination": "8.21.0",
     "@purpur/paragraph": "8.21.0",
-    "@purpur/password-field": "8.21.0",
     "@purpur/product-card": "8.21.0",
-    "@purpur/notification": "8.21.0",
     "@purpur/popover": "8.21.0",
     "@purpur/promotion-card": "8.21.0",
     "@purpur/quantity-selector": "8.21.0",
-    "@purpur/radio-button-group": "8.21.0",
+    "@purpur/password-field": "8.21.0",
     "@purpur/radio-card-group": "8.21.0",
+    "@purpur/radio-button-group": "8.21.0",
     "@purpur/search-field": "8.21.0",
     "@purpur/rich-text": "8.21.0",
     "@purpur/select": "8.21.0",
+    "@purpur/skeleton": "8.21.0",
     "@purpur/slider": "8.21.0",
     "@purpur/spinner": "8.21.0",
-    "@purpur/skeleton": "8.21.0",
-    "@purpur/table": "8.21.0",
     "@purpur/spacer": "8.21.0",
-    "@purpur/tabs": "8.21.0",
+    "@purpur/table": "8.21.0",
     "@purpur/stepper": "8.21.0",
+    "@purpur/tabs": "8.21.0",
+    "@purpur/text-area": "8.21.0",
     "@purpur/text-field": "8.21.0",
     "@purpur/text-spacing": "8.21.0",
+    "@purpur/tokens": "8.21.0",
     "@purpur/theme": "8.21.0",
-    "@purpur/text-area": "8.21.0",
-    "@purpur/toggle": "8.21.0",
     "@purpur/tooltip": "8.21.0",
-    "@purpur/tokens": "8.21.0",
+    "@purpur/toggle": "8.21.0",
     "@purpur/visually-hidden": "8.21.0",
-    "@purpur/dropdown": "0.1.0",
     "@purpur/chat-field": "9.4.2",
-    "@purpur/comparison-table": "8.21.0",
+    "@purpur/dropdown": "0.1.0",
     "@purpur/carousel": "8.21.0",
-    "@purpur/loading": "1.0.0",
-    "@purpur/date-range-field": "8.21.0",
     "@purpur/avatar": "1.0.0",
+    "@purpur/date-range-field": "8.21.0",
+    "@purpur/comparison-table": "8.21.0",
+    "@purpur/loading": "1.0.0",
     "@purpur/message": "1.0.0"
   },
   "peerDependencies": {

package/scripts/generate.mts

@@ -0,0 +1,269 @@
+import fs from "fs";
+import { join, relative } from "path";
+import { createRequire } from "module";
+
+const require = createRequire(import.meta.url);
+const rushLib = require("@microsoft/rush-lib");
+
+const rushConfiguration = rushLib.RushConfiguration.loadFromDefaultLocation({
+  startingFolder: process.cwd(),
+});
+
+const libraryProject = rushConfiguration.findProjectByShorthandName("@purpur/library");
+
+libraryProject?.packageJsonEditor.addOrUpdateDependency(
+  "@purpur/tokens",
+  "workspace:*",
+  rushLib.DependencyType.Dev
+);
+
+libraryProject?.packageJsonEditor.addOrUpdateDependency(
+  "@purpur/theme",
+  "workspace:*",
+  rushLib.DependencyType.Dev
+);
+
+libraryProject?.packageJsonEditor.addOrUpdateDependency(
+  "@purpur/action",
+  "workspace:*",
+  rushLib.DependencyType.Dev
+);
+
+libraryProject?.packageJsonEditor.addOrUpdateDependency(
+  "@purpur/common-types",
+  "workspace:*",
+  rushLib.DependencyType.Dev
+);
+
+// Special-cased components: their dist is copied via vite-plugin-static-copy
+const specialComponents = [
+  "@purpur/icon",
+  "@purpur/illustrative-icon",
+  "@purpur/logo",
+  "@purpur/password-field",
+];
+
+// Special components need to be devDependencies (their dist is copied, styles are imported)
+for (const specialPkg of specialComponents) {
+  libraryProject?.packageJsonEditor.addOrUpdateDependency(
+    specialPkg,
+    "workspace:*",
+    rushLib.DependencyType.Dev
+  );
+}
+
+const components = rushConfiguration.projects.filter(
+  (project) =>
+    project.projectRelativeFolder.startsWith("components/") &&
+    !specialComponents.includes(project.packageName)
+);
+
+const allComponents = rushConfiguration.projects.filter((project) =>
+  project.projectRelativeFolder.startsWith("components/")
+);
+
+const getComponentName = (packageName: string) => packageName.replace("@purpur/", "");
+
+const getFileContent = (lines: string[]) => {
+  return [
+    "/**",
+    " * ⚠️ WARNING ⚠️",
+    " * This file is automatically generated, do not edit it manually",
+    " */",
+    "",
+  ]
+    .concat(lines)
+    .join("\n");
+};
+
+const getJsonContent = (value: unknown) => `${JSON.stringify(value, null, 2)}\n`;
+
+// Generate per-component entry files (no more style imports — styles come from source via aliases)
+const getIndexFileLines = async () => {
+  const projectFileLines = await Promise.all(
+    components.map(async (project) => {
+      const { packageName } = project;
+
+      libraryProject?.packageJsonEditor.addOrUpdateDependency(
+        packageName,
+        "workspace:*",
+        rushLib.DependencyType.Dev
+      );
+
+      const lines = [`export * from "${packageName}";`, ""];
+
+      fs.writeFileSync(
+        join(process.cwd(), "src", `${getComponentName(packageName)}.ts`),
+        getFileContent(lines)
+      );
+
+      return lines;
+    })
+  );
+
+  return projectFileLines;
+};
+
+const indexFileLines = await getIndexFileLines();
+
+// Generate tokens entry
+fs.writeFileSync(
+  join(process.cwd(), "src", "tokens.ts"),
+  getFileContent([`export * from "@purpur/tokens";`, ""])
+);
+
+// Generate theme entry
+fs.writeFileSync(
+  join(process.cwd(), "src", "theme.ts"),
+  getFileContent([`export * from "@purpur/theme";`, ""])
+);
+
+// Generate Vite resolve aliases
+const libraryDir = process.cwd();
+const srcDir = join(libraryDir, "src");
+const aliases: Array<{ find: string; replacement: string }> = [];
+
+// Add aliases for non-special components (resolve to source)
+// Special components (icon, illustrative-icon, logo, password-field) are NOT aliased
+// because they have complex subpath exports. Their dist is copied via vite-plugin-static-copy.
+for (const project of components) {
+  const packageJson = await import(
+    join(libraryDir, "../../", project.projectRelativeFolder, "package.json")
+  );
+  const sourceFile = packageJson.source as string; // e.g. "src/button.tsx"
+  const absSourcePath = join(libraryDir, "../../", project.projectRelativeFolder, sourceFile);
+  const relPath = relative(srcDir, absSourcePath);
+
+  aliases.push({
+    find: project.packageName,
+    replacement: relPath,
+  });
+}
+
+// Add aliases for internal libraries (resolve to source)
+const internalLibs = [
+  {
+    name: "@purpur/common-types",
+    folder: "libraries/common-types",
+    source: "src/common-types.ts",
+    types: "src/common-types.ts",
+    include: "../../libraries/common-types/src",
+  },
+  {
+    name: "@purpur/theme",
+    folder: "libraries/theme",
+    source: "src/theme.ts",
+    types: "src/theme.ts",
+    include: "../../libraries/theme/src",
+  },
+  {
+    name: "@purpur/action",
+    folder: "libraries/action",
+    source: "src/action.tsx",
+    types: "src/action.tsx",
+    include: "../../libraries/action/src",
+  },
+  {
+    name: "@purpur/tokens",
+    folder: "libraries/tokens",
+    source: "dist/index.js",
+    types: "dist/index.d.ts",
+    include: "../../libraries/tokens/dist",
+  },
+];
+
+for (const lib of internalLibs) {
+  const absSourcePath = join(libraryDir, "../../", lib.folder, lib.source);
+  const relPath = relative(srcDir, absSourcePath);
+  aliases.push({ find: lib.name, replacement: relPath });
+}
+
+fs.writeFileSync(
+  join(process.cwd(), "src", "aliases.ts"),
+  getFileContent([
+    `import { resolve } from "path";`,
+    `import { fileURLToPath } from "url";`,
+    ``,
+    `const __dirname = fileURLToPath(new URL(".", import.meta.url));`,
+    ``,
+    `export const aliases = [`,
+    ...aliases.map((alias) => {
+      const escapedFind = alias.find.replace(/[.*+?^${}()|[\]\\/]/g, "\\$&");
+      return `  { find: /^${escapedFind}$/, replacement: resolve(__dirname, ${JSON.stringify(
+        alias.replacement
+      )}) },`;
+    }),
+    `];`,
+    "",
+  ])
+);
+
+fs.writeFileSync(
+  join(process.cwd(), "tsconfig.types.json"),
+  getJsonContent({
+    extends: "@purpur/component-rig/tsconfig.types.json",
+    compilerOptions: {
+      baseUrl: ".",
+      noImplicitAny: true,
+      outDir: "types",
+      rootDir: "../..",
+      paths: Object.fromEntries(
+        internalLibs.map((lib) => [
+          lib.name,
+          [join("../../", lib.folder, lib.types).replace(/\\/g, "/")],
+        ])
+      ),
+      types: ["node"],
+      skipLibCheck: true,
+    },
+    include: ["src", "@types", "../../components/*/src", ...internalLibs.map((lib) => lib.include)],
+    exclude: [
+      "**/*.test.*",
+      "**/*.stories.*",
+      "**/*.spec.*",
+      "../../components/*/src/**/*.test.*",
+      "../../components/*/src/**/*.stories.*",
+      "../../components/*/src/**/*.spec.*",
+      "../../libraries/*/src/**/*.test.*",
+      "../../libraries/*/src/**/*.stories.*",
+      "../../libraries/*/src/**/*.spec.*",
+      "node_modules",
+      "dist",
+      "src/aliases.ts",
+      "src/entries.js",
+    ],
+  })
+);
+
+// Generate main barrel entry (library.ts)
+fs.writeFileSync(
+  join(process.cwd(), "src", "library.ts"),
+  getFileContent(
+    [
+      `import "./purpur.css";`,
+      ``,
+      `import "@purpur/icon/styles";`,
+      ``,
+      `import "@purpur/illustrative-icon/styles";`,
+      ``,
+      `import "@purpur/logo/styles";`,
+      ``,
+      `import "@purpur/password-field/styles";`,
+      ``,
+    ]
+      .concat(indexFileLines.flat())
+      .concat([`export * from "@purpur/tokens";`, ``, `export * from "@purpur/theme";`, ``])
+  )
+);
+
+// Generate entries.js (includes tokens and theme)
+const componentEntries = components.map(({ packageName }) => `"${getComponentName(packageName)}"`);
+
+fs.writeFileSync(
+  join(process.cwd(), "src", "entries.js"),
+  getFileContent([
+    `export const entries = [${[...componentEntries, `"tokens"`, `"theme"`].join(",")}];`,
+  ])
+);
+
+libraryProject?.packageJsonEditor.saveIfModified();

package/src/accordion.ts

@@ -0,0 +1,6 @@
+/**
+ * ⚠️ WARNING ⚠️
+ * This file is automatically generated, do not edit it manually
+ */
+
+export * from "@purpur/accordion";

package/src/alert-badge.ts

@@ -0,0 +1,6 @@
+/**
+ * ⚠️ WARNING ⚠️
+ * This file is automatically generated, do not edit it manually
+ */
+
+export * from "@purpur/alert-badge";