@lablup/ui-common-cli 0.2.0-alpha.15

package/codemods/0.2/index.mjs

@@ -0,0 +1,68 @@
+/**
+ * The 0.1 -> 0.2 upgrade step: ui-common moves onto Astryx. Its data is
+ * `migration/0.1-to-0.2.json` (see ./map.mjs).
+ */
+import transformComponents, { meta as componentsMeta } from "./components.mjs";
+import { wrapperFindings } from "./local-modules.mjs";
+import { ensureTheme } from "./theme.mjs";
+import { LAB_CSS, LAB_PACKAGE, REMOVED, UIC } from "./map.mjs";
+import { transformPackageJson } from "./package-json.mjs";
+import { CATEGORIES, prepareScan, scanFile } from "./scan.mjs";
+import {
+  cssMeta,
+  jsMeta,
+  transformScriptImports,
+  transformStylesheet,
+  wireStylesheets,
+} from "./stylesheets.mjs";
+
+/**
+ * One note per removed component the run met: where it went, the map's
+ * alternatives, and its manual notes.
+ *
+ * @param {{flags: {touched: Set<string>, packages: Map<string, string>}}} ctx
+ */
+function notes(ctx) {
+  const out = [];
+  for (const name of [...ctx.flags.touched].sort()) {
+    const removed = REMOVED.get(name);
+    if (!removed) continue;
+    const alternatives = removed.spec.alternatives.map(
+      (a) => `${Object.values(a.names)[0]} (${a.specifier}) when ${a.when}`,
+    );
+    out.push(
+      `${name} → ${removed.to} (${removed.subpath ? `${UIC}/${removed.subpath}` : UIC})` +
+        `${alternatives.length > 0 ? `; or ${alternatives.join("; ")}` : ""}. ` +
+        removed.spec.manual.join(" "),
+    );
+  }
+  if (ctx.flags.packages.has(LAB_PACKAGE)) {
+    out.push(
+      `A Drawer moved to ${UIC}/lab: ${LAB_PACKAGE} is an optional peer of ui-common, pinned to the canary it is built against. The codemod added it to package.json and ${LAB_CSS} to the stylesheet entry it rewrote; import lab.css yourself if your entry is elsewhere.`,
+    );
+  }
+  out.push(
+    "Products' own `--token-*` reads were not rewritten: they belong to your token system. `legacy-tokens.css` keeps them resolving until 0.3.",
+  );
+  return out;
+}
+
+/** @type {import('../registry.mjs').Step} */
+export default {
+  title: "0.1 → 0.2: ui-common on Astryx",
+  transforms: [
+    { ...componentsMeta, run: transformComponents, parse: true },
+    { ...jsMeta, run: transformScriptImports, parse: true },
+    { ...cssMeta, run: transformStylesheet, parse: false },
+  ],
+  afterTransforms: (ctx, api) => {
+    wireStylesheets(ctx, api);
+    ensureTheme(ctx, api);
+  },
+  packageJson: transformPackageJson,
+  prepareScan,
+  scan: scanFile,
+  findings: wrapperFindings,
+  categories: CATEGORIES,
+  notes,
+};

package/codemods/0.2/legacy-classes.json

@@ -0,0 +1,292 @@
+{
+  "$comment": "Generated by scripts/extract-legacy-classes.mjs from the 0.1 component stylesheets. Do not edit.",
+  "source": "v0.1.0-alpha.23",
+  "components": {
+    "Badge": [
+      "badge",
+      "badge--danger",
+      "badge--default",
+      "badge--info",
+      "badge--medium",
+      "badge--primary",
+      "badge--small",
+      "badge--success",
+      "badge--warning"
+    ],
+    "BaseCard": [
+      "base-card",
+      "base-card--active",
+      "base-card--available",
+      "base-card--clickable",
+      "base-card--default",
+      "base-card--disabled",
+      "base-card--hoverable",
+      "base-card--installed",
+      "base-card--loading",
+      "base-card--row",
+      "base-card--warning"
+    ],
+    "Button": [
+      "button",
+      "button--active",
+      "button--circle",
+      "button--danger",
+      "button--full-width",
+      "button--ghost",
+      "button--icon-only",
+      "button--inline",
+      "button--large",
+      "button--loading",
+      "button--medium",
+      "button--outline",
+      "button--primary",
+      "button--secondary",
+      "button--small",
+      "button--success",
+      "button--text",
+      "button--xsmall",
+      "button__icon",
+      "button__loading-spinner",
+      "button__text"
+    ],
+    "DataTable": [
+      "data-table",
+      "data-table__cell",
+      "data-table__cell--align-center",
+      "data-table__cell--align-left",
+      "data-table__cell--align-right",
+      "data-table__cell--head",
+      "data-table__cell--resizable",
+      "data-table__cell--sort-active",
+      "data-table__cell--sortable",
+      "data-table__head",
+      "data-table__head-label",
+      "data-table__loading",
+      "data-table__resize-handle",
+      "data-table__row",
+      "data-table__row--clickable",
+      "data-table__row--state",
+      "data-table__sort-icon",
+      "data-table__state-cell",
+      "data-table__table"
+    ],
+    "DigitPopIn": [
+      "digit-pop-in",
+      "digit-pop-in__digit",
+      "digit-pop-in__digits",
+      "digit-pop-in__text"
+    ],
+    "Drawer": [
+      "drawer",
+      "drawer--open",
+      "drawer--shaking",
+      "drawer__backdrop",
+      "drawer__backdrop--open",
+      "drawer__close-btn",
+      "drawer__content",
+      "drawer__footer",
+      "drawer__header",
+      "drawer__subtitle",
+      "drawer__title",
+      "drawer__title-row"
+    ],
+    "EmptyState": [
+      "empty-state",
+      "empty-state--benchmark",
+      "empty-state--chat",
+      "empty-state--creations",
+      "empty-state--error",
+      "empty-state--models",
+      "empty-state--statistics",
+      "empty-state--text",
+      "empty-state__action-btn",
+      "empty-state__action-link",
+      "empty-state__actions",
+      "empty-state__content",
+      "empty-state__description",
+      "empty-state__icon",
+      "empty-state__illustration",
+      "empty-state__title",
+      "illustration-arrow",
+      "illustration-needle",
+      "illustration-sparkle"
+    ],
+    "ErrorState": [
+      "error-state",
+      "error-state--accent",
+      "error-state--danger",
+      "error-state--warning",
+      "error-state__action-btn",
+      "error-state__actions",
+      "error-state__icon",
+      "error-state__message",
+      "error-state__title"
+    ],
+    "PageHeader": [
+      "page-header",
+      "page-header__actions",
+      "page-header__content",
+      "page-header__description",
+      "page-header__error",
+      "page-header__error-actions",
+      "page-header__error-body",
+      "page-header__error-detail",
+      "page-header__error-dismiss",
+      "page-header__error-text",
+      "page-header__text",
+      "page-header__title"
+    ],
+    "PageLayout": [
+      "page-layout",
+      "page-layout--full",
+      "page-layout--standard",
+      "page-layout--wide"
+    ],
+    "ProgressBar": [
+      "progress-bar",
+      "progress-bar--animated",
+      "progress-bar--error",
+      "progress-bar--indeterminate",
+      "progress-bar--lg",
+      "progress-bar--md",
+      "progress-bar--primary",
+      "progress-bar--sm",
+      "progress-bar--success",
+      "progress-bar--warning",
+      "progress-bar-wrapper",
+      "progress-bar__fill",
+      "progress-bar__label"
+    ],
+    "Select": [
+      "select",
+      "select--disabled",
+      "select--full-width",
+      "select--labelled",
+      "select--large",
+      "select--medium",
+      "select--open",
+      "select--small",
+      "select__chevron",
+      "select__chevron--open",
+      "select__dropdown",
+      "select__dropdown--portal",
+      "select__empty",
+      "select__label",
+      "select__option",
+      "select__option--disabled",
+      "select__option--focused",
+      "select__option--selected",
+      "select__option-check",
+      "select__option-content",
+      "select__option-description",
+      "select__option-icon",
+      "select__option-label",
+      "select__options",
+      "select__placeholder",
+      "select__search",
+      "select__search-input",
+      "select__trigger",
+      "select__value",
+      "select__value-icon",
+      "select__value-label"
+    ],
+    "Skeleton": [
+      "skeleton",
+      "skeleton--circle",
+      "skeleton--rect",
+      "skeleton--text",
+      "skeleton-card",
+      "skeleton-card--compact",
+      "skeleton-card--stat",
+      "skeleton-card__content",
+      "skeleton-card__footer",
+      "skeleton-card__header",
+      "skeleton-card__header-text",
+      "skeleton-chart",
+      "skeleton-chart__bar",
+      "skeleton-chart__bars",
+      "skeleton-chart__legend",
+      "skeleton-chart__legend-item",
+      "skeleton-chart__line",
+      "skeleton-chart__pie",
+      "skeleton-row",
+      "skeleton-row__actions",
+      "skeleton-row__avatar",
+      "skeleton-row__content",
+      "skeleton-text",
+      "skeleton-text--compact",
+      "skeleton-text--normal",
+      "skeleton-text--relaxed",
+      "skeleton__shimmer"
+    ],
+    "SmoothHeight": ["smooth-height--active", "smooth-height__content"],
+    "StatCard": [
+      "stat-card",
+      "stat-card--compact",
+      "stat-card--prominent",
+      "stat-card--tone-danger",
+      "stat-card--tone-info",
+      "stat-card--tone-success",
+      "stat-card--tone-warning",
+      "stat-card__body",
+      "stat-card__header",
+      "stat-card__hint",
+      "stat-card__icon",
+      "stat-card__label",
+      "stat-card__sparkline",
+      "stat-card__trend",
+      "stat-card__trend--down",
+      "stat-card__trend--flat",
+      "stat-card__trend--up",
+      "stat-card__value",
+      "stat-card__value--digits",
+      "stat-card__value-line",
+      "stat-card__value-row",
+      "stat-card__value-suffix"
+    ],
+    "StatusTag": ["status-tag", "status-tag__indicator", "status-tag__label"],
+    "Tabs": [
+      "tabs",
+      "tabs--fill-container",
+      "tabs--mobile-dropdown",
+      "tabs--overflow-menu",
+      "tabs--variant-compact",
+      "tabs--variant-segmented",
+      "tabs__container",
+      "tabs__dropdown-arrow",
+      "tabs__dropdown-arrow--open",
+      "tabs__dropdown-container",
+      "tabs__dropdown-item",
+      "tabs__dropdown-item--active",
+      "tabs__dropdown-label",
+      "tabs__dropdown-menu",
+      "tabs__dropdown-trigger",
+      "tabs__group",
+      "tabs__group-label",
+      "tabs__group-tabs",
+      "tabs__list",
+      "tabs__overflow",
+      "tabs__overflow-btn",
+      "tabs__overflow-group",
+      "tabs__overflow-group-label",
+      "tabs__overflow-item",
+      "tabs__overflow-item--active",
+      "tabs__overflow-menu",
+      "tabs__panel",
+      "tabs__scroll-arrow",
+      "tabs__scroll-arrow--left",
+      "tabs__scroll-arrow--right",
+      "tabs__separator",
+      "tabs__tab",
+      "tabs__tab--active",
+      "tabs__tab-label",
+      "tabs__tag-badge"
+    ],
+    "Tooltip": [
+      "param-tooltip__content",
+      "tooltip__content",
+      "tooltip__text",
+      "tooltip__wrapper"
+    ]
+  }
+}