Replace git with npm installation of shared

All references to pc-nrfconnect-shared will now poing to
@nordicsemiconductor/pc-nrfconnect-shared.

Added "nrfConnectForDesktop" property in package.json, and uses the
render exported by pc-nrfconnect-shared.

jest.config.js

@@ -4,4 +4,5 @@
  * SPDX-License-Identifier: LicenseRef-Nordic-4-Clause
  */
 
-module.exports = require('pc-nrfconnect-shared/config/jest.config')();
+module.exports =
+    require('@nordicsemiconductor/pc-nrfconnect-shared/config/jest.config')();

package.json

@@ -10,10 +10,18 @@
     },
     "author": "Nordic Semiconductor ASA",
     "license": "SEE LICENSE IN LICENSE",
+    "main": "dist/bundle.js",
+    "nrfConnectForDesktop": {
+        "html": "dist/index.html",
+        "nrfutil": {
+            "device": [
+                "1.2.2"
+            ]
+        }
+    },
     "engines": {
-        "nrfconnect": ">=4.0.0"
+        "nrfconnect": "^4.1.2"
     },
-    "main": "dist/bundle.js",
     "files": [
         "dist/",
         "resources/icon.*",
@@ -39,16 +47,16 @@
         "nordic-publish": "node ./dist/nordic-publish.js"
     },
     "devDependencies": {
+        "@nordicsemiconductor/pc-nrfconnect-shared": "^97.0.0",
         "@types/redux-mock-store": "^1.0.3",
         "bson": "4.6.5",
         "chart.js": "^4.3.3",
         "mathjs": "^10.6.3",
-        "pc-nrfconnect-shared": "github:NordicSemiconductor/pc-nrfconnect-shared#v79",
         "react-chartjs-2": "^5.2.0",
         "redux-mock-store": "^1.5.4"
     },
     "eslintConfig": {
-        "extends": "./node_modules/pc-nrfconnect-shared/config/eslintrc"
+        "extends": "./node_modules/@nordicsemiconductor/pc-nrfconnect-shared/config/eslintrc"
     },
-    "prettier": "./node_modules/pc-nrfconnect-shared/config/prettier.config.js"
+    "prettier": "./node_modules/@nordicsemiconductor/pc-nrfconnect-shared/config/prettier.config.js"
 }

src/actions/deviceActions.ts

@@ -8,7 +8,11 @@
 /* eslint-disable @typescript-eslint/no-non-null-assertion -- TODO: Remove, only added for conservative refactoring to typescript */
 /* eslint-disable @typescript-eslint/no-explicit-any -- TODO: Remove, only added for conservative refactoring to typescript */
 
-import { isDevelopment, logger, usageData } from 'pc-nrfconnect-shared';
+import {
+    isDevelopment,
+    logger,
+    usageData,
+} from '@nordicsemiconductor/pc-nrfconnect-shared';
 
 import SerialDevice from '../device/serialDevice';
 import { SampleValues } from '../device/types';
@@ -58,7 +62,7 @@ import { setSpikeFilter as persistSpikeFilter } from '../utils/persistentStore';
 import { calculateWindowSize, processTriggerSample } from './triggerActions';
 
 let device: null | SerialDevice = null;
-let updateRequestInterval: NodeJS.Timer;
+let updateRequestInterval: NodeJS.Timeout | undefined;
 
 const zeroCap = isDevelopment
     ? (n: number) => n

src/actions/exportChartAction.ts

@@ -4,8 +4,8 @@
  * SPDX-License-Identifier: LicenseRef-Nordic-4-Clause
  */
 
+import { logger } from '@nordicsemiconductor/pc-nrfconnect-shared';
 import fs from 'fs';
-import { logger } from 'pc-nrfconnect-shared';
 
 import { indexToTimestamp, options } from '../globals';
 import { hideExportDialog } from '../slices/appSlice';

src/actions/fileActions.ts

@@ -5,13 +5,13 @@
  */
 
 import { dialog, getCurrentWindow } from '@electron/remote';
-import fs from 'fs';
-import { dirname, join } from 'path';
 import {
     currentPane as currentPaneSelector,
     logger,
     setCurrentPane,
-} from 'pc-nrfconnect-shared';
+} from '@nordicsemiconductor/pc-nrfconnect-shared';
+import fs from 'fs';
+import { dirname, join } from 'path';
 
 import { minimapEvents } from '../features/minimap/minimapEvents';
 import { options, updateTitle } from '../globals';

src/actions/triggerActions.ts

@@ -6,7 +6,7 @@
 
 /* eslint-disable @typescript-eslint/no-non-null-assertion -- TODO: Remove, only added for conservative refactoring to typescript */
 
-import { logger } from 'pc-nrfconnect-shared';
+import { logger } from '@nordicsemiconductor/pc-nrfconnect-shared';
 
 import SerialDevice from '../device/serialDevice';
 import { indexToTimestamp } from '../globals';

src/components/Chart/AmpereChart.tsx

@@ -11,9 +11,9 @@ import type {
     ForwardedRef,
 } from 'react-chartjs-2/dist/types';
 import { useDispatch, useSelector } from 'react-redux';
+import { colors } from '@nordicsemiconductor/pc-nrfconnect-shared';
 import { Chart, ChartConfiguration, ChartData, ChartOptions } from 'chart.js';
 import { unit } from 'mathjs';
-import { colors } from 'pc-nrfconnect-shared';
 
 import { updateTriggerLevel as updateTriggerLevelAction } from '../../actions/deviceActions';
 import { indexToTimestamp } from '../../globals';

src/components/Chart/Chart.tsx

@@ -16,6 +16,7 @@ import React, {
 } from 'react';
 import Button from 'react-bootstrap/Button';
 import { useDispatch, useSelector } from 'react-redux';
+import { useHotKey } from '@nordicsemiconductor/pc-nrfconnect-shared';
 import {
     Chart as ChartJS,
     LinearScale,
@@ -24,7 +25,6 @@ import {
     PointElement,
     Title,
 } from 'chart.js';
-import { useHotKey } from 'pc-nrfconnect-shared';
 
 import Minimap from '../../features/minimap/Minimap';
 import {

src/components/Chart/ChartOptions.jsx

@@ -9,7 +9,7 @@ import Dropdown from 'react-bootstrap/Dropdown';
 import Form from 'react-bootstrap/Form';
 import SelectableContext from 'react-bootstrap/SelectableContext';
 import { useDispatch, useSelector } from 'react-redux';
-import { NumberInlineInput, usageData } from 'pc-nrfconnect-shared';
+import { NumberInlineInput, usageData } from '@nordicsemiconductor/pc-nrfconnect-shared';
 import { func, number } from 'prop-types';
 
 import {

src/components/Chart/ChartTop.tsx

@@ -8,8 +8,8 @@ import React, { MutableRefObject } from 'react';
 import Button from 'react-bootstrap/Button';
 import ButtonGroup from 'react-bootstrap/ButtonGroup';
 import { useDispatch, useSelector } from 'react-redux';
+import { Toggle } from '@nordicsemiconductor/pc-nrfconnect-shared';
 import { BigNumber, Fraction, unit } from 'mathjs';
-import { Toggle } from 'pc-nrfconnect-shared';
 
 import {
     chartState,
@@ -74,7 +74,7 @@ const ChartTop = ({
     ].slice(maxFreqLog10 - sampleFreqLog10, maxFreqLog10 - sampleFreqLog10 + 6);
 
     return (
-        <div className="chart-top d-flex justify-content-between align-items-center my-2 flex-row">
+        <div className="chart-top d-flex justify-content-between align-items-center tw-min-w-[1200px] my-2 flex-row">
             <div className="settings-y-axis">
                 <Toggle
                     label="LOGARITHMIC Y-AXIS"

src/components/Chart/DigitalChannels.tsx

@@ -6,8 +6,8 @@
 
 import React from 'react';
 import { Line } from 'react-chartjs-2';
+import { colors } from '@nordicsemiconductor/pc-nrfconnect-shared';
 import { ChartOptions, LineControllerDatasetOptions } from 'chart.js';
-import { colors } from 'pc-nrfconnect-shared';
 
 import { DigitalChannelStates, DigitalChannelsType } from './data/dataTypes';
 import crossHairPlugin from './plugins/chart.crossHair';

src/components/Chart/chart.icss.scss

@@ -4,7 +4,7 @@
  * SPDX-License-Identifier: LicenseRef-Nordic-4-Clause
  */
 
-@import '~pc-nrfconnect-shared/styles';
+@import '~@nordicsemiconductor/pc-nrfconnect-shared/styles';
 
 $yAxisWidthPx: 70px; // must be in pixels, imported in JS
 $rightMarginPx: 30px;

src/components/Chart/charttop.scss

@@ -4,7 +4,7 @@
  * SPDX-License-Identifier: LicenseRef-Nordic-4-Clause
  */
 
-@import '~pc-nrfconnect-shared/styles';
+@import '~@nordicsemiconductor/pc-nrfconnect-shared/styles';
 
 .chart-top {
     > div {

src/components/Chart/plugins/chart.crossHair.ts

@@ -4,8 +4,8 @@
  * SPDX-License-Identifier: LicenseRef-Nordic-4-Clause
  */
 
+import { colors } from '@nordicsemiconductor/pc-nrfconnect-shared';
 import { Plugin } from 'chart.js';
-import { colors } from 'pc-nrfconnect-shared';
 
 import type { AmpereChartJS } from '../AmpereChart';
 

src/components/Chart/plugins/chart.dragSelect.ts

@@ -4,8 +4,8 @@
  * SPDX-License-Identifier: LicenseRef-Nordic-4-Clause
  */
 
+import { colors } from '@nordicsemiconductor/pc-nrfconnect-shared';
 import { Plugin } from 'chart.js';
-import { colors } from 'pc-nrfconnect-shared';
 
 import type { AmpereChartJS } from '../AmpereChart';
 import { isCanvasElement } from './utility';

src/components/Chart/plugins/chart.triggerLevel.ts

@@ -4,8 +4,8 @@
  * SPDX-License-Identifier: LicenseRef-Nordic-4-Clause
  */
 
+import { colors } from '@nordicsemiconductor/pc-nrfconnect-shared';
 import { Plugin } from 'chart.js';
-import { colors } from 'pc-nrfconnect-shared';
 
 import { updateTriggerLevel } from '../../../actions/deviceActions';
 import { TDispatch } from '../../../slices/thunk';

src/components/Chart/plugins/chart.triggerOrigin.ts

@@ -4,8 +4,8 @@
  * SPDX-License-Identifier: LicenseRef-Nordic-4-Clause
  */
 
+import { colors } from '@nordicsemiconductor/pc-nrfconnect-shared';
 import { Plugin } from 'chart.js';
-import { colors } from 'pc-nrfconnect-shared';
 
 import { indexToTimestamp } from '../../../globals';
 import type { AmpereChartJS } from '../AmpereChart';

src/components/Chart/plugins/chart.zoomPan.ts

@@ -4,8 +4,8 @@
  * SPDX-License-Identifier: LicenseRef-Nordic-4-Clause
  */
 
+import { logger, usageData } from '@nordicsemiconductor/pc-nrfconnect-shared';
 import { CoreScaleOptions, Plugin, Scale } from 'chart.js';
-import { logger, usageData } from 'pc-nrfconnect-shared';
 
 import { getSamplesPerSecond, options } from '../../../globals';
 import {

src/components/Chart/statbox.scss

@@ -4,7 +4,7 @@
  * SPDX-License-Identifier: LicenseRef-Nordic-4-Clause
  */
 
-@import '~pc-nrfconnect-shared/styles';
+@import '~@nordicsemiconductor/pc-nrfconnect-shared/styles';
 
 .statbox {
     flex: 1;

src/components/DeviceSelector.ts

@@ -13,7 +13,7 @@ import {
     getAppFile,
     logger,
     sdfuDeviceSetup,
-} from 'pc-nrfconnect-shared';
+} from '@nordicsemiconductor/pc-nrfconnect-shared';
 
 import { close, open } from '../actions/deviceActions';
 import { setShowPPK1Dialog } from '../features/DeprecatedDevice/DeprecatedDeviceSlice';

src/components/SaveExport/ExportDialog.tsx

@@ -13,9 +13,9 @@ import ProgressBar from 'react-bootstrap/ProgressBar';
 import Row from 'react-bootstrap/Row';
 import { useDispatch, useSelector } from 'react-redux';
 import { dialog } from '@electron/remote';
+import { Toggle } from '@nordicsemiconductor/pc-nrfconnect-shared';
 import * as mathjs from 'mathjs';
 import { dirname, join } from 'path';
-import { Toggle } from 'pc-nrfconnect-shared';
 
 import exportChart from '../../actions/exportChartAction';
 import { indexToTimestamp } from '../../globals';

src/components/SaveExport/ExportSelection.tsx

@@ -7,7 +7,7 @@
 import React, { useEffect, useState } from 'react';
 import ToggleButton from 'react-bootstrap/ToggleButton';
 import ToggleButtonGroup from 'react-bootstrap/ToggleButtonGroup';
-import { logger } from 'pc-nrfconnect-shared';
+import { logger } from '@nordicsemiconductor/pc-nrfconnect-shared';
 
 import { options, timestampToIndex } from '../../globals';
 

src/components/SaveExport/saveexport.scss

@@ -4,7 +4,7 @@
  * SPDX-License-Identifier: LicenseRef-Nordic-4-Clause
  */
 
-@import '~pc-nrfconnect-shared/styles';
+@import '~@nordicsemiconductor/pc-nrfconnect-shared/styles';
 
 .modal-body {
     padding: 2rem;

src/components/SidePanel/BufferSettings.tsx

@@ -8,14 +8,14 @@ import React, { useState } from 'react';
 import FormLabel from 'react-bootstrap/FormLabel';
 import { useDispatch, useSelector } from 'react-redux';
 import { getCurrentWindow } from '@electron/remote';
-import { kMaxLength as maxBufferSizeForSystem } from 'buffer';
-import { unit } from 'mathjs';
 import {
     Button,
     Group,
     NumberInlineInput,
     usageData,
-} from 'pc-nrfconnect-shared';
+} from '@nordicsemiconductor/pc-nrfconnect-shared';
+import { kMaxLength as maxBufferSizeForSystem } from 'buffer';
+import { unit } from 'mathjs';
 
 import {
     changeMaxBufferSizeAction,

src/components/SidePanel/CapVoltageSettings.tsx

@@ -12,7 +12,7 @@ import {
     NumberInlineInput,
     Slider,
     usageData,
-} from 'pc-nrfconnect-shared';
+} from '@nordicsemiconductor/pc-nrfconnect-shared';
 
 import { updateRegulator } from '../../actions/deviceActions';
 import {

src/components/SidePanel/DisplayOptions.tsx

@@ -6,7 +6,10 @@
 
 import React from 'react';
 import { useDispatch, useSelector } from 'react-redux';
-import { CollapsibleGroup, Toggle } from 'pc-nrfconnect-shared';
+import {
+    CollapsibleGroup,
+    Toggle,
+} from '@nordicsemiconductor/pc-nrfconnect-shared';
 
 import {
     chartState,

src/components/SidePanel/Gains.tsx

@@ -7,7 +7,10 @@
 import React from 'react';
 import Form from 'react-bootstrap/Form';
 import { useDispatch, useSelector } from 'react-redux';
-import { CollapsibleGroup, Slider } from 'pc-nrfconnect-shared';
+import {
+    CollapsibleGroup,
+    Slider,
+} from '@nordicsemiconductor/pc-nrfconnect-shared';
 
 import { updateGains } from '../../actions/deviceActions';
 import { appState } from '../../slices/appSlice';

src/components/SidePanel/Instructions.tsx

@@ -5,7 +5,11 @@
  */
 
 import React from 'react';
-import { Button, Group, openUrl } from 'pc-nrfconnect-shared';
+import {
+    Button,
+    Group,
+    openUrl,
+} from '@nordicsemiconductor/pc-nrfconnect-shared';
 
 const urls = {
     ppkUserGuide:

src/components/SidePanel/LoadSave.tsx

@@ -6,7 +6,7 @@
 
 import React, { useState } from 'react';
 import { useDispatch, useSelector } from 'react-redux';
-import { Button, Group } from 'pc-nrfconnect-shared';
+import { Button, Group } from '@nordicsemiconductor/pc-nrfconnect-shared';
 
 import { load, screenshot } from '../../actions/fileActions';
 import { appState, toggleSaveChoiceDialog } from '../../slices/appSlice';

src/components/SidePanel/NumberWithUnitInput.tsx

@@ -6,8 +6,11 @@
 
 import React, { useEffect, useState } from 'react';
 import Form from 'react-bootstrap/Form';
-import { NumberInlineInput, Slider } from 'pc-nrfconnect-shared';
-import { Range } from 'pc-nrfconnect-shared/typings/generated/src/Slider/range';
+import {
+    NumberInlineInput,
+    Slider,
+} from '@nordicsemiconductor/pc-nrfconnect-shared';
+import { Range } from '@nordicsemiconductor/pc-nrfconnect-shared/typings/generated/src/Slider/range';
 import { bool, func, number, shape, string } from 'prop-types';
 
 interface NumberWithUnit {

src/components/SidePanel/PowerMode.tsx

@@ -8,7 +8,7 @@ import React from 'react';
 import Button from 'react-bootstrap/Button';
 import ButtonGroup from 'react-bootstrap/ButtonGroup';
 import { useDispatch, useSelector } from 'react-redux';
-import { Group, Toggle } from 'pc-nrfconnect-shared';
+import { Group, Toggle } from '@nordicsemiconductor/pc-nrfconnect-shared';
 
 import { setDeviceRunning, setPowerMode } from '../../actions/deviceActions';
 import { appState } from '../../slices/appSlice';

src/components/SidePanel/SidePanel.tsx

@@ -6,7 +6,10 @@
 
 import React from 'react';
 import { useDispatch, useSelector } from 'react-redux';
-import { SidePanel, useHotKey } from 'pc-nrfconnect-shared';
+import {
+    SidePanel,
+    useHotKey,
+} from '@nordicsemiconductor/pc-nrfconnect-shared';
 
 import DeprecatedDeviceDialog from '../../features/DeprecatedDevice/DeprecatedDevice';
 import MinimapOptions from '../../features/minimap/MinimapOptions';