search

TACC / tup-ui

React client for TACC User Portal
2 stars 0 forks source link

feat: TUP-700 @tacc/core-components - publish #464

Closed wesleyboar closed 1 month ago

wesleyboar commented 1 month ago

Overview

Publish @tacc/core-components.

Status

[!TIP] Ready to publish as of 516b344 (or merge commit 41116e6)!

[!IMPORTANT] Unable to publish, because repository is private. 🫤

```log npm notice === Tarball Details === npm notice name: @tacc/core-components npm notice version: 0.0.1 npm notice filename: tacc-core-components-0.0.1.tgz npm notice package size: 320.3 kB npm notice unpacked size: 1.3 MB npm notice shasum: 8621d6d4742b97ae13b07dc9b32c6b2cf3c7d41e npm notice integrity: sha512-RvbubZ/kDv9i/[...]Eb1jhyhlD0uIg== npm notice total files: 167 npm notice npm notice Publishing to https://registry.npmjs.org/ with tag latest and default access Authenticate your account at: https://www.npmjs.com/auth/cli/72c90dd4-3ffa-40e8-9338-0e8c3075d280 Press ENTER to open in the browser... npm ERR! code E402 npm ERR! 402 Payment Required - PUT https://registry.npmjs.org/@tacc%2fcore-components - You must sign up for private packages npm ERR! A complete log of this run can be found in: /Users/wbomar/.npm/_logs/2024-05-21T01_41_54_434Z-debug-0.log ```

Related

Changes

Testing

Package @tacc/core-components

  1. rm -rf node_modules
  2. npm install --include=optional --workspace=libs/core-components
  3. Build @tacc/core-components i.e. npx nx build core-components --skip-nx-cache
  4. Package @tacc/core-components (for use in local install) e.g. npm pack --workspace=libs/core-components --pack-destination=../[^1]
  5. Prepare a client to use @tacc/core-components package. _I did this in https://github.com/TACC-Cloud/hazmapper/pull/239._ 1. Delete `react/src/core-components` **and** `react/src/core-wrappers`. 2. Find code references to `core-components` **and** `core-wrappers`. 3. Replace `import`s of `core-components` **and** `core-wrappers` with `@tacc/core-components`. 4. Remove non-`import` references to `core-components` **and** `core-wrappers`.
  6. Set up https://github.com/TACC-Cloud/hazmapper.
  7. Verify app renders with its core-components.
  8. Checkout feat/TUP-700-core-components-node-pkg--use-pkg.
  9. npm install --save ../../tacc-core-components-0.0.1.tgz[^1]
  10. npm ci
  11. Verify no errors from previous steps.[^2]

Publish @tacc/core-components

  1. npx nx build core-components --skip-nx-cache
  2. npm publish --dry-run --workspace=libs/core-components
  3. Verify no errors from previous steps.[^2]

[^1]: Tester should check paths to @tacc/core-components: to where to package, from where to install. [^2]: Warnings are expected. See "Notes".

UI

Build @tacc/core-components (via NX)

 ```log npx nx build core-components --skip-nx-cache > nx run core-components:build:production vite v5.0.11 building for production... ✓ 473 modules transformed. dist/assets/Section.css 0.03 kB │ gzip: 0.05 kB dist/assets/FormikCheck.css 0.05 kB │ gzip: 0.06 kB dist/assets/FormikFieldWrapper.css 0.11 kB │ gzip: 0.12 kB dist/assets/Button.css 0.15 kB │ gzip: 0.13 kB dist/assets/FormField.css 0.16 kB │ gzip: 0.13 kB dist/assets/SectionTableWrapper.css 0.25 kB │ gzip: 0.16 kB dist/assets/Collapse.css 0.29 kB │ gzip: 0.19 kB dist/assets/SectionHeader.css 0.45 kB │ gzip: 0.26 kB dist/assets/ShowMore.css 0.50 kB │ gzip: 0.27 kB dist/assets/DescriptionList.css 1.23 kB │ gzip: 0.47 kB dist/assets/LoadingSpinner.css 1.26 kB │ gzip: 0.50 kB dist/assets/SectionContent.css 1.30 kB │ gzip: 0.39 kB dist/assets/Paginator.css 1.40 kB │ gzip: 0.56 kB dist/assets/InfiniteScrollTable.css 1.52 kB │ gzip: 0.59 kB dist/assets/HistoryBadge.css 1.83 kB │ gzip: 0.55 kB dist/assets/Checkbox.css 1.92 kB │ gzip: 0.57 kB dist/assets/TextCopyField.css 1.98 kB │ gzip: 0.54 kB dist/assets/Pill.css 2.28 kB │ gzip: 0.69 kB dist/assets/Sidebar.css 2.34 kB │ gzip: 0.73 kB dist/assets/FileDropzone.css 2.52 kB │ gzip: 0.89 kB dist/assets/DropdownSelector.css 3.15 kB │ gzip: 1.06 kB dist/assets/Message.css 4.81 kB │ gzip: 1.06 kB dist/lib/Icon/index.js 0.05 kB │ gzip: 0.07 kB dist/lib/Pill/index.js 0.05 kB │ gzip: 0.07 kB dist/lib/Button/index.js 0.06 kB │ gzip: 0.07 kB dist/lib/Message/index.js 0.06 kB │ gzip: 0.07 kB dist/lib/Checkbox/index.js 0.06 kB │ gzip: 0.08 kB dist/lib/Collapse/index.js 0.06 kB │ gzip: 0.08 kB dist/lib/ShowMore/index.js 0.06 kB │ gzip: 0.08 kB dist/lib/Paginator/index.js 0.06 kB │ gzip: 0.08 kB dist/lib/QueryWrapper/index.js 0.06 kB │ gzip: 0.08 kB dist/lib/InlineMessage/index.js 0.06 kB │ gzip: 0.08 kB dist/lib/SubmitWrapper/index.js 0.06 kB │ gzip: 0.08 kB dist/lib/TextCopyField/index.js 0.06 kB │ gzip: 0.08 kB dist/lib/LoadingSpinner/index.js 0.06 kB │ gzip: 0.08 kB dist/lib/SectionMessage/index.js 0.06 kB │ gzip: 0.08 kB dist/lib/DescriptionList/index.js 0.07 kB │ gzip: 0.08 kB dist/lib/DropdownSelector/index.js 0.07 kB │ gzip: 0.08 kB dist/lib/InfiniteScrollTable/index.js 0.07 kB │ gzip: 0.09 kB dist/lib/Section/index.js 0.07 kB │ gzip: 0.08 kB dist/lib/Form/index.js 0.08 kB │ gzip: 0.08 kB dist/lib/HistoryBadge/index.js 0.08 kB │ gzip: 0.09 kB dist/lib/SectionHeader/index.js 0.08 kB │ gzip: 0.09 kB dist/lib/Sidebar/index.js 0.08 kB │ gzip: 0.09 kB dist/lib/SectionTableWrapper/index.js 0.08 kB │ gzip: 0.09 kB dist/FormikCheck.module-QZ1E0WEw.mjs 0.11 kB │ gzip: 0.11 kB dist/TextCopyField.module-zrm3gWwy.mjs 0.15 kB │ gzip: 0.14 kB dist/Collapse.module-Ebgj0IT8.mjs 0.17 kB │ gzip: 0.14 kB dist/lib/Navbar/index.js 0.18 kB │ gzip: 0.13 kB dist/lib/Sidebar/Sidebar.js 0.19 kB │ gzip: 0.15 kB dist/lib/SectionContent/index.js 0.20 kB │ gzip: 0.15 kB dist/lib/Wizard/index.js 0.21 kB │ gzip: 0.15 kB dist/lib/InlineMessage/InlineMessage.js 0.34 kB │ gzip: 0.23 kB dist/lib/FormikFieldWrapper/fields/index.js 0.39 kB │ gzip: 0.16 kB dist/lib/Icon/Icon.js 0.39 kB │ gzip: 0.27 kB dist/lib/FormikFieldWrapper/fields/FormikInput.js 0.47 kB │ gzip: 0.29 kB dist/lib/FormikFieldWrapper/fields/FormikTextarea.js 0.47 kB │ gzip: 0.29 kB dist/lib/FormikFieldWrapper/fields/FormikSelect.js 0.50 kB │ gzip: 0.30 kB dist/lib/FormikFieldWrapper/index.js 0.51 kB │ gzip: 0.18 kB dist/lib/HistoryBadge/HistoryBadge.js 0.58 kB │ gzip: 0.38 kB dist/lib/SectionMessage/SectionMessage.js 0.62 kB │ gzip: 0.33 kB dist/lib/FormikFieldWrapper/fields/FormikFileInput/FormikFileInput.js 0.88 kB │ gzip: 0.44 kB dist/lib/Pill/Pill.js 0.94 kB │ gzip: 0.49 kB dist/lib/FormikFieldWrapper/FormikFieldWrapper.js 0.94 kB │ gzip: 0.45 kB dist/lib/FormikFieldWrapper/fields/FormikCheck.js 0.97 kB │ gzip: 0.46 kB dist/lib/DropdownSelector/DropdownSelector.js 1.01 kB │ gzip: 0.59 kB dist/utils/withBuilder.js 1.08 kB │ gzip: 0.46 kB dist/lib/Wizard/Wizard.js 1.17 kB │ gzip: 0.47 kB dist/lib/TextCopyField/TextCopyField.js 1.20 kB │ gzip: 0.62 kB dist/lib/Checkbox/Checkbox.js 1.23 kB │ gzip: 0.62 kB dist/lib/SectionHeader/SectionHeader.js 1.41 kB │ gzip: 0.67 kB dist/lib/QueryWrapper/QueryWrapper.js 1.47 kB │ gzip: 0.57 kB dist/lib/SubmitWrapper/SubmitWrapper.js 1.72 kB │ gzip: 0.71 kB dist/Badge-aUGNYyMn.mjs 1.92 kB │ gzip: 0.93 kB dist/lib/Button/Button.js 1.99 kB │ gzip: 0.82 kB dist/lib/SectionContent/SectionContent.js 2.09 kB │ gzip: 0.94 kB dist/lib/LoadingSpinner/LoadingSpinner.js 2.47 kB │ gzip: 1.12 kB dist/lib/Paginator/Paginator.js 2.57 kB │ gzip: 0.98 kB dist/index.js 2.91 kB │ gzip: 0.76 kB dist/lib/Navbar/Navbar.js 2.96 kB │ gzip: 0.96 kB dist/lib/Section/Section.js 3.35 kB │ gzip: 1.23 kB dist/lib/SectionTableWrapper/SectionTableWrapper.js 3.37 kB │ gzip: 1.33 kB dist/utils-vK_fRnDN.mjs 3.43 kB │ gzip: 1.51 kB dist/lib/DescriptionList/DescriptionList.js 3.50 kB │ gzip: 1.58 kB dist/Input-vSmlH5h1.mjs 5.49 kB │ gzip: 2.11 kB dist/Label-xDwva92P.mjs 5.86 kB │ gzip: 1.69 kB dist/lib/Message/Message.js 7.56 kB │ gzip: 2.88 kB dist/index-IYXU-vNF.mjs 7.78 kB │ gzip: 1.92 kB dist/lib/Collapse/Collapse.js 8.94 kB │ gzip: 2.94 kB dist/lib/ShowMore/ShowMore.js 11.48 kB │ gzip: 4.03 kB dist/Transition-JDApmdwt.mjs 12.16 kB │ gzip: 3.76 kB dist/index-3VEJf-_Z.mjs 15.85 kB │ gzip: 4.36 kB dist/FileDropzone.module-PI5HTYLc.mjs 16.69 kB │ gzip: 4.86 kB dist/lib/Form/FormField.js 17.69 kB │ gzip: 5.17 kB dist/Sidebar-ov73Mzjy.mjs 29.58 kB │ gzip: 8.33 kB dist/lib/FormikFieldWrapper/fields/FormikFileInput/FileDropzone.js 39.62 kB │ gzip: 11.10 kB dist/formik.esm-gl4tKxa4.mjs 55.15 kB │ gzip: 15.17 kB dist/lib/FormikFieldWrapper/fields/formikPatch.js 121.78 kB │ gzip: 31.05 kB dist/lib/InfiniteScrollTable/InfiniteScrollTable.js 186.26 kB │ gzip: 40.97 kB dist/index-eb5u1H1X.mjs 668.74 kB │ gzip: 155.83 kB [vite:dts] Start generate declaration files... ✓ built in 11.35s [vite:dts] Declaration files built in 5756ms. —————————————————————————————————————————————————————————————————————————————————— > NX Successfully ran target build for project core-components (16s) ```

Publish @tacc/core-components ("Dry Run")

 ```log npm publish --dry-run --workspace=libs/core-components npm WARN publish npm auto-corrected some errors in your package.json when publishing. Please run "npm pkg fix" to address these errors. npm WARN publish errors corrected: npm WARN publish Removed invalid "scripts" npm notice npm notice 📦 @tacc/core-components@0.0.1 npm notice === Tarball Contents === npm notice 2.8kB README.md npm notice 145B dist/assets/Button.css npm notice 1.9kB dist/assets/Checkbox.css npm notice 288B dist/assets/Collapse.css npm notice 1.2kB dist/assets/DescriptionList.css npm notice 3.2kB dist/assets/DropdownSelector.css npm notice 2.5kB dist/assets/FileDropzone.css npm notice 164B dist/assets/FormField.css npm notice 50B dist/assets/FormikCheck.css npm notice 109B dist/assets/FormikFieldWrapper.css npm notice 1.8kB dist/assets/HistoryBadge.css npm notice 1.5kB dist/assets/InfiniteScrollTable.css npm notice 1.3kB dist/assets/LoadingSpinner.css npm notice 4.8kB dist/assets/Message.css npm notice 1.4kB dist/assets/Paginator.css npm notice 2.3kB dist/assets/Pill.css npm notice 29B dist/assets/Section.css npm notice 1.3kB dist/assets/SectionContent.css npm notice 445B dist/assets/SectionHeader.css npm notice 249B dist/assets/SectionTableWrapper.css npm notice 495B dist/assets/ShowMore.css npm notice 2.3kB dist/assets/Sidebar.css npm notice 2.0kB dist/assets/TextCopyField.css npm notice 1.9kB dist/Badge-aUGNYyMn.mjs npm notice 174B dist/Collapse.module-Ebgj0IT8.mjs npm notice 16.7kB dist/FileDropzone.module-PI5HTYLc.mjs npm notice 55.2kB dist/formik.esm-gl4tKxa4.mjs npm notice 107B dist/FormikCheck.module-QZ1E0WEw.mjs npm notice 15.8kB dist/index-3VEJf-_Z.mjs npm notice 668.8kB dist/index-eb5u1H1X.mjs npm notice 7.8kB dist/index-IYXU-vNF.mjs npm notice 1.8kB dist/index.d.ts npm notice 2.9kB dist/index.js npm notice 5.5kB dist/Input-vSmlH5h1.mjs npm notice 5.9kB dist/Label-xDwva92P.mjs npm notice 1.0kB dist/lib/Button/Button.d.ts npm notice 2.0kB dist/lib/Button/Button.js npm notice 54B dist/lib/Button/index.d.ts npm notice 56B dist/lib/Button/index.js npm notice 902B dist/lib/Checkbox/Checkbox.d.ts npm notice 1.2kB dist/lib/Checkbox/Checkbox.js npm notice 60B dist/lib/Checkbox/index.d.ts npm notice 58B dist/lib/Checkbox/index.js npm notice 300B dist/lib/Collapse/Collapse.d.ts npm notice 8.9kB dist/lib/Collapse/Collapse.js npm notice 75B dist/lib/Collapse/index.d.ts npm notice 58B dist/lib/Collapse/index.js npm notice 1.1kB dist/lib/DescriptionList/DescriptionList.d.ts npm notice 3.5kB dist/lib/DescriptionList/DescriptionList.js npm notice 81B dist/lib/DescriptionList/index.d.ts npm notice 65B dist/lib/DescriptionList/index.js npm notice 660B dist/lib/DropdownSelector/DropdownSelector.d.ts npm notice 1.0kB dist/lib/DropdownSelector/DropdownSelector.js npm notice 84B dist/lib/DropdownSelector/index.d.ts npm notice 66B dist/lib/DropdownSelector/index.js npm notice 2.0kB dist/lib/Form/FormField.d.ts npm notice 17.7kB dist/lib/Form/FormField.js npm notice 52B dist/lib/Form/index.d.ts npm notice 76B dist/lib/Form/index.js npm notice 121B dist/lib/FormikFieldWrapper/fields/FormikCheck.d.ts npm notice 965B dist/lib/FormikFieldWrapper/fields/FormikCheck.js npm notice 572B dist/lib/FormikFieldWrapper/fields/FormikFileInput/FileDropzone.d.ts npm notice 39.6kB dist/lib/FormikFieldWrapper/fields/FormikFileInput/FileDropzone.js npm notice 313B dist/lib/FormikFieldWrapper/fields/FormikFileInput/FormikFileInput.d.ts npm notice 883B dist/lib/FormikFieldWrapper/fields/FormikFileInput/FormikFileInput.js npm notice 148B dist/lib/FormikFieldWrapper/fields/FormikInput.d.ts npm notice 466B dist/lib/FormikFieldWrapper/fields/FormikInput.js npm notice 682B dist/lib/FormikFieldWrapper/fields/formikPatch.d.ts npm notice 122.0kB dist/lib/FormikFieldWrapper/fields/formikPatch.js npm notice 156B dist/lib/FormikFieldWrapper/fields/FormikSelect.d.ts npm notice 500B dist/lib/FormikFieldWrapper/fields/FormikSelect.js npm notice 160B dist/lib/FormikFieldWrapper/fields/FormikTextarea.d.ts npm notice 474B dist/lib/FormikFieldWrapper/fields/FormikTextarea.js npm notice 831B dist/lib/FormikFieldWrapper/fields/index.d.ts npm notice 388B dist/lib/FormikFieldWrapper/fields/index.js npm notice 304B dist/lib/FormikFieldWrapper/FormikFieldWrapper.d.ts npm notice 937B dist/lib/FormikFieldWrapper/FormikFieldWrapper.js npm notice 171B dist/lib/FormikFieldWrapper/index.d.ts npm notice 506B dist/lib/FormikFieldWrapper/index.js npm notice 494B dist/lib/HistoryBadge/HistoryBadge.d.ts npm notice 579B dist/lib/HistoryBadge/HistoryBadge.js npm notice 42B dist/lib/HistoryBadge/index.d.ts npm notice 77B dist/lib/HistoryBadge/index.js npm notice 281B dist/lib/Icon/Icon.d.ts npm notice 388B dist/lib/Icon/Icon.js npm notice 48B dist/lib/Icon/index.d.ts npm notice 54B dist/lib/Icon/index.js npm notice 93B dist/lib/InfiniteScrollTable/index.d.ts npm notice 69B dist/lib/InfiniteScrollTable/index.js npm notice 1.9kB dist/lib/InfiniteScrollTable/InfiniteScrollTable.d.ts npm notice 186.3kB dist/lib/InfiniteScrollTable/InfiniteScrollTable.js npm notice 75B dist/lib/InlineMessage/index.d.ts npm notice 63B dist/lib/InlineMessage/index.js npm notice 1.2kB dist/lib/InlineMessage/InlineMessage.d.ts npm notice 343B dist/lib/InlineMessage/InlineMessage.js npm notice 78B dist/lib/LoadingSpinner/index.d.ts npm notice 64B dist/lib/LoadingSpinner/index.js npm notice 213B dist/lib/LoadingSpinner/LoadingSpinner.d.ts npm notice 2.5kB dist/lib/LoadingSpinner/LoadingSpinner.js npm notice 57B dist/lib/Message/index.d.ts npm notice 57B dist/lib/Message/index.js npm notice 3.1kB dist/lib/Message/Message.d.ts npm notice 7.6kB dist/lib/Message/Message.js npm notice 111B dist/lib/Navbar/index.d.ts npm notice 182B dist/lib/Navbar/index.js npm notice 624B dist/lib/Navbar/Navbar.d.ts npm notice 3.0kB dist/lib/Navbar/Navbar.js npm notice 63B dist/lib/Paginator/index.d.ts npm notice 59B dist/lib/Paginator/index.js npm notice 639B dist/lib/Paginator/Paginator.d.ts npm notice 2.6kB dist/lib/Paginator/Paginator.js npm notice 48B dist/lib/Pill/index.d.ts npm notice 54B dist/lib/Pill/index.js npm notice 809B dist/lib/Pill/Pill.d.ts npm notice 935B dist/lib/Pill/Pill.js npm notice 87B dist/lib/QueryWrapper/index.d.ts npm notice 62B dist/lib/QueryWrapper/index.js npm notice 241B dist/lib/QueryWrapper/QueryWrapper.d.ts npm notice 1.5kB dist/lib/QueryWrapper/QueryWrapper.js npm notice 37B dist/lib/Section/index.d.ts npm notice 72B dist/lib/Section/index.js npm notice 5.2kB dist/lib/Section/Section.d.ts npm notice 3.4kB dist/lib/Section/Section.js npm notice 87B dist/lib/SectionContent/index.d.ts npm notice 201B dist/lib/SectionContent/index.js npm notice 1.8kB dist/lib/SectionContent/SectionContent.d.ts npm notice 2.1kB dist/lib/SectionContent/SectionContent.js npm notice 43B dist/lib/SectionHeader/index.d.ts npm notice 78B dist/lib/SectionHeader/index.js npm notice 2.2kB dist/lib/SectionHeader/SectionHeader.d.ts npm notice 1.4kB dist/lib/SectionHeader/SectionHeader.js npm notice 78B dist/lib/SectionMessage/index.d.ts npm notice 64B dist/lib/SectionMessage/index.js npm notice 1.3kB dist/lib/SectionMessage/SectionMessage.d.ts npm notice 615B dist/lib/SectionMessage/SectionMessage.js npm notice 49B dist/lib/SectionTableWrapper/index.d.ts npm notice 84B dist/lib/SectionTableWrapper/index.js npm notice 5.0kB dist/lib/SectionTableWrapper/SectionTableWrapper.d.ts npm notice 3.4kB dist/lib/SectionTableWrapper/SectionTableWrapper.js npm notice 60B dist/lib/ShowMore/index.d.ts npm notice 58B dist/lib/ShowMore/index.js npm notice 515B dist/lib/ShowMore/ShowMore.d.ts npm notice 11.5kB dist/lib/ShowMore/ShowMore.js npm notice 57B dist/lib/Sidebar/index.d.ts npm notice 80B dist/lib/Sidebar/index.js npm notice 692B dist/lib/Sidebar/Sidebar.d.ts npm notice 185B dist/lib/Sidebar/Sidebar.js npm notice 75B dist/lib/SubmitWrapper/index.d.ts npm notice 63B dist/lib/SubmitWrapper/index.js npm notice 301B dist/lib/SubmitWrapper/SubmitWrapper.d.ts npm notice 1.7kB dist/lib/SubmitWrapper/SubmitWrapper.js npm notice 75B dist/lib/TextCopyField/index.d.ts npm notice 63B dist/lib/TextCopyField/index.js npm notice 263B dist/lib/TextCopyField/TextCopyField.d.ts npm notice 1.2kB dist/lib/TextCopyField/TextCopyField.js npm notice 366B dist/lib/Wizard/index.d.ts npm notice 208B dist/lib/Wizard/index.js npm notice 871B dist/lib/Wizard/Wizard.d.ts npm notice 1.2kB dist/lib/Wizard/Wizard.js npm notice 1.4kB dist/package.json npm notice 29.6kB dist/Sidebar-ov73Mzjy.mjs npm notice 150B dist/TextCopyField.module-zrm3gWwy.mjs npm notice 12.2kB dist/Transition-JDApmdwt.mjs npm notice 3.4kB dist/utils-vK_fRnDN.mjs npm notice 603B dist/utils/withBuilder.d.ts npm notice 1.1kB dist/utils/withBuilder.js npm notice 1.4kB package.json npm notice === Tarball Details === npm notice name: @tacc/core-components npm notice version: 0.0.1 npm notice filename: tacc-core-components-0.0.1.tgz npm notice package size: 320.3 kB npm notice unpacked size: 1.3 MB npm notice shasum: 8621d6d4742b97ae13b07dc9b32c6b2cf3c7d41e npm notice integrity: sha512-RvbubZ/kDv9i/[...]Eb1jhyhlD0uIg== npm notice total files: 167 npm notice npm notice Publishing to https://registry.npmjs.org/ with tag latest and default access (dry-run) + @tacc/core-components@0.0.1 ```

Notes

[!WARNING]

  1. Installing on client TACC-Cloud/Hazmapper causes warnings about Vite version because client's Vite version v3.0.7 is too old to be used as a peer dependency by a dev dependency of an optional dependency of @tacc/core-components.
  2. Regarding npm WARN publish Removed invalid "scripts", see https://github.com/npm/cli/issues/6918#issuecomment-2108818585.