refactor: [M3-9214] - Introduce the (at)linode/shared package

.github/workflows/ci.yml

@@ -17,6 +17,7 @@ jobs:
             "linode-manager",
             "@linode/api-v4",
             "@linode/queries",
+            "@linode/shared",
             "@linode/ui",
             "@linode/utilities",
             "@linode/validation",
@@ -233,6 +234,30 @@ jobs:
       - run: pnpm install --frozen-lockfile
       - run: pnpm run --filter @linode/queries test
 
+  test-shared:
+    runs-on: ubuntu-latest
+    needs: build-sdk
+    steps:
+      - uses: actions/checkout@v4
+      - uses: pnpm/action-setup@v4
+        with:
+          run_install: false
+          version: 10
+      - uses: actions/setup-node@v4
+        with:
+          node-version: "20.17"
+          cache: "pnpm"
+      - uses: actions/download-artifact@v4
+        with:
+          name: packages-api-v4-lib
+          path: packages/api-v4/lib
+      - uses: actions/download-artifact@v4
+        with:
+          name: packages-validation-lib
+          path: packages/validation/lib
+      - run: pnpm install --frozen-lockfile
+      - run: pnpm run --filter @linode/shared test
+
   typecheck-ui:
     runs-on: ubuntu-latest
     needs: build-sdk
@@ -289,6 +314,30 @@ jobs:
       - run: pnpm install --frozen-lockfile
       - run: pnpm run --filter @linode/queries typecheck
 
+  typecheck-shared:
+    runs-on: ubuntu-latest
+    needs: build-sdk
+    steps:
+      - uses: actions/checkout@v4
+      - uses: pnpm/action-setup@v4
+        with:
+          run_install: false
+          version: 10
+      - uses: actions/setup-node@v4
+        with:
+          node-version: "20.17"
+          cache: "pnpm"
+      - uses: actions/download-artifact@v4
+        with:
+          name: packages-api-v4-lib
+          path: packages/api-v4/lib
+      - uses: actions/download-artifact@v4
+        with:
+          name: packages-validation-lib
+          path: packages/validation/lib
+      - run: pnpm install --frozen-lockfile
+      - run: pnpm run --filter @linode/shared typecheck
+
   typecheck-manager:
     runs-on: ubuntu-latest
     needs: build-sdk

README.md

@@ -45,6 +45,7 @@ This repository is home to the Akamai Connected **[Cloud Manager](https://cloud.
 - [`@linode/api-v4`](packages/api-v4/)
 - [`@linode/queries`](packages/queries/)
 - [`@linode/search`](packages/search/)
+- [`@linode/shared`](packages/shared/)
 - [`@linode/ui`](packages/ui/)
 - [`@linode/utilities`](packages/utilities/)
 - [`@linode/validation`](packages/validation/)

package.json

@@ -19,8 +19,8 @@
     "build:analyze": "pnpm run --filter linode-manager build:analyze",
     "bootstrap": "pnpm install:all && pnpm build:validation && pnpm build:sdk",
     "up:expose": "npm_config_package_import_method=clone-or-copy pnpm install:all && pnpm build:validation && pnpm build:sdk && pnpm start:all:expose",
-    "dev": "concurrently -n api-v4,validation,ui,utilities,queries,manager -c blue,yellow,magenta,cyan,gray,green \"pnpm run --filter @linode/api-v4 start\" \"pnpm run --filter @linode/validation start\" \"pnpm run --filter @linode/ui start\" \"pnpm run --filter @linode/utilities start\" \"pnpm run --filter @linode/queries start\" \"pnpm run --filter linode-manager start\"",
-    "start:all:expose": "concurrently -n api-v4,validation,ui,utilities,queries,manager -c blue,yellow,magenta,cyan,gray,green \"pnpm run --filter @linode/api-v4 start\" \"pnpm run --filter @linode/validation start\" \"pnpm run --filter @linode/ui start\" \"pnpm run --filter @linode/utilities start\" \"pnpm run --filter @linode/queries start\" \"pnpm run --filter linode-manager start:expose\"",
+    "dev": "concurrently -n api-v4,validation,ui,utilities,queries,shared,manager -c blue,yellow,magenta,cyan,gray,blue,green \"pnpm run --filter @linode/api-v4 start\" \"pnpm run --filter @linode/validation start\" \"pnpm run --filter @linode/ui start\" \"pnpm run --filter @linode/utilities start\" \"pnpm run --filter @linode/queries start\" \"pnpm run --filter @linode/shared start\" \"pnpm run --filter linode-manager start\"",
+    "start:all:expose": "concurrently -n api-v4,validation,ui,utilities,queries,shared,manager -c blue,yellow,magenta,cyan,gray,blue,green \"pnpm run --filter @linode/api-v4 start\" \"pnpm run --filter @linode/validation start\" \"pnpm run --filter @linode/ui start\" \"pnpm run --filter @linode/utilities start\" \"pnpm run --filter @linode/queries start\" \"pnpm run --filter @linode/shared start\" \"pnpm run --filter linode-manager start:expose\"",
     "start:manager": "pnpm --filter linode-manager start",
     "start:manager:ci": "pnpm run --filter linode-manager start:ci",
     "docs": "bunx vitepress@1.0.0-rc.44 dev docs",

packages/manager/.changeset/pr-11844-removed-1742228203939.md

@@ -0,0 +1,5 @@
+---
+"@linode/manager": Removed
+---
+
+Move `LinodeSelect` to new `shared` package ([#11844](https://github.com/linode/manager/pull/11844))

packages/manager/.storybook/main.ts

@@ -5,6 +5,7 @@ const config: StorybookConfig = {
   stories: [
     '../src/components/**/*.@(mdx|stories.@(js|ts|jsx|tsx))',
     '../src/features/**/*.@(mdx|stories.@(js|ts|jsx|tsx))',
+    '../../shared/src/**/*.@(mdx|stories.@(js|ts|jsx|tsx))',
     '../../ui/src/components/**/*.@(mdx|stories.@(js|ts|jsx|tsx))',
   ],
   addons: [

packages/manager/cypress/e2e/core/account/account-linode-managed.spec.ts

@@ -2,6 +2,7 @@
  * @file Integration tests for Cloud Manager account enable Linode Managed flows.
  */
 
+import { linodeFactory } from '@linode/utilities';
 import {
   visitUrlWithManagedDisabled,
   visitUrlWithManagedEnabled,
@@ -21,7 +22,6 @@ import { ui } from 'support/ui';
 import { chooseRegion } from 'support/util/regions';
 
 import { accountFactory } from 'src/factories/account';
-import { linodeFactory } from 'src/factories/linodes';
 import { profileFactory } from 'src/factories/profile';
 
 import type { Linode } from '@linode/api-v4';

packages/manager/cypress/e2e/core/account/service-transfer.spec.ts

@@ -3,6 +3,7 @@
  */
 
 import { getProfile } from '@linode/api-v4/lib/profile';
+import { createLinodeRequestFactory, linodeFactory } from '@linode/utilities';
 import { authenticate } from 'support/api/authentication';
 import { visitUrlWithManagedEnabled } from 'support/api/managed';
 import {
@@ -21,13 +22,15 @@ import { pollLinodeStatus } from 'support/util/polling';
 import { randomLabel, randomUuid } from 'support/util/random';
 import { chooseRegion } from 'support/util/regions';
 
-import { linodeFactory } from 'src/factories';
 import { entityTransferFactory } from 'src/factories/entityTransfers';
-import { createLinodeRequestFactory } from 'src/factories/linodes';
 import { formatDate } from 'src/utilities/formatDate';
 
-import type { EntityTransferStatus } from '@linode/api-v4';
-import type { EntityTransfer, Linode, Profile } from '@linode/api-v4';
+import type {
+  EntityTransfer,
+  EntityTransferStatus,
+  Linode,
+  Profile,
+} from '@linode/api-v4';
 
 // Service transfer empty state message.
 const serviceTransferEmptyState = 'No data to display.';

packages/manager/cypress/e2e/core/cloudpulse/dbaas-widgets-verification.spec.ts

@@ -1,7 +1,7 @@
 /**
  * @file Integration Tests for CloudPulse Dbass Dashboard.
  */
-import { regionFactory } from '@linode/utilities';
+import { linodeFactory, regionFactory } from '@linode/utilities';
 import { widgetDetails } from 'support/constants/widgets';
 import { mockGetAccount } from 'support/intercepts/account';
 import {
@@ -27,7 +27,6 @@ import {
   dashboardMetricFactory,
   databaseFactory,
   kubeLinodeFactory,
-  linodeFactory,
   widgetFactory,
 } from 'src/factories';
 import { generateGraphData } from 'src/features/CloudPulse/Utils/CloudPulseWidgetUtils';

packages/manager/cypress/e2e/core/cloudpulse/linode-widget-verification.spec.ts

@@ -1,7 +1,7 @@
 /**
  * @file Integration Tests for CloudPulse Linode Dashboard.
  */
-import { regionFactory } from '@linode/utilities';
+import { linodeFactory, regionFactory } from '@linode/utilities';
 import { widgetDetails } from 'support/constants/widgets';
 import { mockGetAccount } from 'support/intercepts/account';
 import {
@@ -25,7 +25,6 @@ import {
   dashboardFactory,
   dashboardMetricFactory,
   kubeLinodeFactory,
-  linodeFactory,
   widgetFactory,
 } from 'src/factories';
 import { generateGraphData } from 'src/features/CloudPulse/Utils/CloudPulseWidgetUtils';

packages/manager/cypress/e2e/core/firewalls/create-firewall.spec.ts

@@ -1,13 +1,11 @@
+import { createLinodeRequestFactory } from '@linode/utilities';
 import { authenticate } from 'support/api/authentication';
 import { interceptCreateFirewall } from 'support/intercepts/firewalls';
 import { ui } from 'support/ui';
 import { cleanUp } from 'support/util/cleanup';
 import { createTestLinode } from 'support/util/linodes';
 import { randomLabel, randomString } from 'support/util/random';
 import { chooseRegion } from 'support/util/regions';
-
-import { createLinodeRequestFactory } from 'src/factories/linodes';
-
 authenticate();
 describe.skip('create firewall', () => {
   before(() => {

packages/manager/cypress/e2e/core/firewalls/migrate-linode-with-firewall.spec.ts

@@ -1,10 +1,10 @@
 /* eslint-disable sonarjs/no-duplicate-string */
-import { regionFactory } from '@linode/utilities';
 import {
   createLinodeRequestFactory,
-  firewallFactory,
   linodeFactory,
-} from '@src/factories';
+  regionFactory,
+} from '@linode/utilities';
+import { firewallFactory } from '@src/factories';
 import { authenticate } from 'support/api/authentication';
 import {
   interceptCreateFirewall,
@@ -21,8 +21,7 @@ import { ui } from 'support/ui';
 import { cleanUp } from 'support/util/cleanup';
 import { createTestLinode } from 'support/util/linodes';
 import { randomLabel, randomNumber } from 'support/util/random';
-import { extendRegion } from 'support/util/regions';
-import { chooseRegions } from 'support/util/regions';
+import { chooseRegions, extendRegion } from 'support/util/regions';
 
 import type { Linode, Region } from '@linode/api-v4';
 

packages/manager/cypress/e2e/core/firewalls/update-firewall.spec.ts

@@ -1,4 +1,5 @@
 import { createFirewall, createLinode } from '@linode/api-v4';
+import { createLinodeRequestFactory } from '@linode/utilities';
 import { authenticate } from 'support/api/authentication';
 import {
   interceptUpdateFirewallLinodes,
@@ -10,7 +11,6 @@ import { randomItem, randomLabel, randomString } from 'support/util/random';
 import { chooseRegion } from 'support/util/regions';
 
 import {
-  createLinodeRequestFactory,
   firewallFactory,
   firewallRuleFactory,
   firewallRulesFactory,

packages/manager/cypress/e2e/core/general/gdpr-agreement.spec.ts

@@ -1,5 +1,4 @@
-import { regionFactory } from '@linode/utilities';
-import { linodeFactory } from '@src/factories';
+import { linodeFactory, regionFactory } from '@linode/utilities';
 import { mockGetAccountAgreements } from 'support/intercepts/account';
 import { mockCreateLinode } from 'support/intercepts/linodes';
 import { mockGetRegions } from 'support/intercepts/regions';

packages/manager/cypress/e2e/core/helpAndSupport/open-support-ticket.spec.ts

@@ -1,5 +1,6 @@
 // must turn off sort-objects rule in this file bc mockTicket.description is set by formatDescription fn in which attribute order is nonalphabetical and affects test result
 /* eslint-disable perfectionist/sort-objects */
+import { linodeFactory } from '@linode/utilities';
 /* eslint-disable sonarjs/no-duplicate-string */
 import 'cypress-file-upload';
 import { mockGetAccount } from 'support/intercepts/account';
@@ -33,7 +34,6 @@ import { chooseRegion } from 'support/util/regions';
 import {
   accountFactory,
   domainFactory,
-  linodeFactory,
   supportTicketFactory,
 } from 'src/factories';
 import {

packages/manager/cypress/e2e/core/helpAndSupport/support-tickets-landing-page.spec.ts

@@ -1,4 +1,4 @@
-import { linodeConfigInterfaceFactory } from '@linode/utilities';
+import { linodeConfigInterfaceFactory, linodeFactory } from '@linode/utilities';
 import { mockGetLinodeConfigs } from 'support/intercepts/configs';
 import { mockAppendFeatureFlags } from 'support/intercepts/feature-flags';
 import {
@@ -22,7 +22,6 @@ import {
 import {
   entityFactory,
   linodeConfigFactory,
-  linodeFactory,
   supportTicketFactory,
   volumeFactory,
 } from 'src/factories';

packages/manager/cypress/e2e/core/images/create-linode-from-image.spec.ts

@@ -1,4 +1,5 @@
-import { imageFactory, linodeFactory } from '@src/factories';
+import { linodeFactory } from '@linode/utilities';
+import { imageFactory } from '@src/factories';
 import { mockGetAllImages } from 'support/intercepts/images';
 import { ui } from 'support/ui';
 import { apiMatcher } from 'support/util/intercepts';

packages/manager/cypress/e2e/core/images/smoke-create-image.spec.ts

@@ -1,3 +1,4 @@
+import { linodeFactory } from '@linode/utilities';
 import { mockGetUser } from 'support/intercepts/account';
 import { mockGetEvents } from 'support/intercepts/events';
 import { mockCreateImage } from 'support/intercepts/images';
@@ -13,7 +14,6 @@ import {
   accountUserFactory,
   eventFactory,
   grantsFactory,
-  linodeFactory,
   profileFactory,
 } from 'src/factories';
 import { linodeDiskFactory } from 'src/factories/disk';

packages/manager/cypress/e2e/core/kubernetes/lke-create.spec.ts

@@ -1,7 +1,12 @@
 /**
  * @file LKE creation end-to-end tests.
  */
-import { pluralize, regionFactory } from '@linode/utilities';
+import {
+  dedicatedTypeFactory,
+  linodeTypeFactory,
+  pluralize,
+  regionFactory,
+} from '@linode/utilities';
 import {
   dcPricingDocsLabel,
   dcPricingDocsUrl,
@@ -38,18 +43,16 @@ import {
 } from 'support/intercepts/regions';
 import { ui } from 'support/ui';
 import { randomItem, randomLabel, randomNumber } from 'support/util/random';
-import { getRegionById } from 'support/util/regions';
-import { chooseRegion } from 'support/util/regions';
+import { chooseRegion, getRegionById } from 'support/util/regions';
 
-import { accountBetaFactory, lkeEnterpriseTypeFactory } from 'src/factories';
 import {
+  accountBetaFactory,
   accountFactory,
-  dedicatedTypeFactory,
   kubeLinodeFactory,
   kubernetesClusterFactory,
   kubernetesControlPlaneACLFactory,
   kubernetesControlPlaneACLOptionsFactory,
-  linodeTypeFactory,
+  lkeEnterpriseTypeFactory,
   lkeHighAvailabilityTypeFactory,
   nodePoolFactory,
 } from 'src/factories';

packages/manager/cypress/e2e/core/kubernetes/lke-update.spec.ts

@@ -1,3 +1,4 @@
+import { linodeFactory, linodeTypeFactory } from '@linode/utilities';
 import { DateTime } from 'luxon';
 import { dcPricingMockLinodeTypes } from 'support/constants/dc-specific-pricing';
 import { latestKubernetesVersion } from 'support/constants/lke';
@@ -32,8 +33,7 @@ import {
 } from 'support/intercepts/lke';
 import { ui } from 'support/ui';
 import { buildArray } from 'support/util/arrays';
-import { randomString } from 'support/util/random';
-import { randomIp, randomLabel } from 'support/util/random';
+import { randomIp, randomLabel, randomString } from 'support/util/random';
 import { getRegionById } from 'support/util/regions';
 
 import {
@@ -42,8 +42,6 @@ import {
   kubernetesClusterFactory,
   kubernetesControlPlaneACLFactory,
   kubernetesControlPlaneACLOptionsFactory,
-  linodeFactory,
-  linodeTypeFactory,
   nodePoolFactory,
 } from 'src/factories';
 import { extendType } from 'src/utilities/extendType';

packages/manager/cypress/e2e/core/linodes/backup-linode.spec.ts

@@ -1,10 +1,10 @@
 /* eslint-disable sonarjs/no-duplicate-string */
 import {
-  accountSettingsFactory,
   createLinodeRequestFactory,
   linodeBackupsFactory,
   linodeFactory,
-} from '@src/factories';
+} from '@linode/utilities';
+import { accountSettingsFactory } from '@src/factories';
 import { authenticate } from 'support/api/authentication';
 import { expectManagedDisabled } from 'support/api/managed';
 import { dcPricingMockLinodeTypesForBackups } from 'support/constants/dc-specific-pricing';

packages/manager/cypress/e2e/core/linodes/clone-linode.spec.ts

@@ -1,9 +1,11 @@
-import { linodeConfigInterfaceFactory } from '@linode/utilities';
 import {
-  VLANFactory,
   createLinodeRequestFactory,
-  linodeConfigFactory,
+  linodeConfigInterfaceFactory,
   linodeFactory,
+} from '@linode/utilities';
+import {
+  VLANFactory,
+  linodeConfigFactory,
   volumeFactory,
 } from '@src/factories';
 import { authenticate } from 'support/api/authentication';

packages/manager/cypress/e2e/core/linodes/create-linode-in-core-region.spec.ts

@@ -1,4 +1,4 @@
-import { regionFactory } from '@linode/utilities';
+import { linodeFactory, regionFactory } from '@linode/utilities';
 import { mockAppendFeatureFlags } from 'support/intercepts/feature-flags';
 import { mockCreateLinode } from 'support/intercepts/linodes';
 import {
@@ -9,8 +9,6 @@ import { ui } from 'support/ui';
 import { linodeCreatePage } from 'support/ui/pages';
 import { randomLabel, randomString } from 'support/util/random';
 
-import { linodeFactory } from 'src/factories';
-
 describe('Create Linode in a Core Region', () => {
   /*
    * - Confirms Linode create flow can be completed with a core region