"Bluetooth not support" error dialog in browser. #2
Description
I am creating a new issue here as a duplicate of some discussion about another issue (see...)
After the browser comes up and when the Connect button is pressed, yields the following error dialog: (also see attached
localhost:3000
Bluetooth not support
I tried using:
Firefox 132.0 (64-bit)
and
Chromium
Version 130.0.6723.69 (Official Build) snap (64-bit)
I am running Ubuntu using VirtualBox under Windows 10.
I am using the built-in Bluetooth which does work (I tested with audio earbuds.) Hopefully this will further your development and works for you. So far, it does not work completely for me since Bluetooth does not work yet, but maybe if it works for you, you may be able to shed light on why it does not for me.
The standard Ubuntu npm does NOT work with WEB-SDK-Sample
sudo apt install npm
npm is version 10.9.0
To make the progress I did, I followed instructions from the following site:
(https://linuxize.com/post/how-to-install-node-js-on-ubuntu-20-04/)
You can try each of these things for different versions (pick the version you feel is best):
nvm install 18.10.0
nvm alias default 18.10.0
OR
nvm install --lts
nvm install 18.20.5
nvm alias default 18.20.5
OR
nvm install --lts
nvm install 22.11.0
nvm alias default 22.11.0
OR
nvm install --lts
nvm install 23.2.0
nvm alias default 23.2.0
I am currently using the last version.
Bash output:
nvm alias default 23.2.0
default -> 23.2.0 (-> v23.2.0)
npm --version
10.9.0
Then to get WEB SDK SAMPLE working with some warnings, I added the following:
export NODE_OPTIONS=--openssl-legacy-provider
npm start
Output is as follows:
Compiled with warnings.
src/NDP-lib/Relay.ts
Line 7:43: Expected '===' and instead saw '==' eqeqeq
Line 7:59: Unexpected mix of '&' and '|'. Use parentheses to clarify the intended order of operations no-mixed-operators
Line 7:65: Unexpected mix of '&' and '|'. Use parentheses to clarify the intended order of operations no-mixed-operators
src/NDP-lib/stomp.js
Line 109:1: 'use strict' is unnecessary inside of modules strict
Line 134:1: 'use strict' is unnecessary inside of modules strict
Line 563:1: 'use strict' is unnecessary inside of modules strict
Line 621:13: Expected an error object to be thrown no-throw-literal
Line 624:30: Unexpected use of comma operator no-sequences
Line 629:47: Unexpected use of comma operator no-sequences
Line 632:47: Unexpected use of comma operator no-sequences
Line 881:1: 'use strict' is unnecessary inside of modules strict
Line 968:1: 'use strict' is unnecessary inside of modules strict
Line 1036:17: 'idx' is assigned a value but never used no-unused-vars
Line 1149:1: 'use strict' is unnecessary inside of modules strict
Line 1173:1: 'use strict' is unnecessary inside of modules strict
Line 1383:1: 'use strict' is unnecessary inside of modules strict
Line 1716:1: 'use strict' is unnecessary inside of modules strict
src/NDP/component/LoginButton.tsx
Line 42:9: 'classes' is assigned a value but never used @typescript-eslint/no-unused-vars
src/NDP/component/SocketButton.tsx
Line 6:7: 'Socket' is assigned a value but never used @typescript-eslint/no-unused-vars
Line 36:9: 'classes' is assigned a value but never used @typescript-eslint/no-unused-vars
src/penSdk/buttons/ConnectButton.tsx
Line 9:9: 'classes' is assigned a value but never used @typescript-eslint/no-unused-vars
src/penSdk/buttons/FirmwareButton.tsx
Line 8:9: 'classes' is assigned a value but never used @typescript-eslint/no-unused-vars
src/penSdk/buttons/PasswordButton.tsx
Line 8:9: 'classes' is assigned a value but never used @typescript-eslint/no-unused-vars
src/penSdk/component/Header.tsx
Line 6:8: 'ProfileButton' is defined but never used @typescript-eslint/no-unused-vars
src/penSdk/renderer/PenBasic.tsx
Line 8:17: 'useCallback' is defined but never used @typescript-eslint/no-unused-vars
Line 14:3: 'PaperSize' is defined but never used @typescript-eslint/no-unused-vars
Line 89:10: 'ignored' is assigned a value but never used @typescript-eslint/no-unused-vars
Line 214:6: React Hook useEffect has a missing dependency: 'createHoverPoint'. Either include it or remove the dependency array react-hooks/exhaustive-deps
Line 227:6: React Hook useEffect has a missing dependency: 'imageChangeCount'. Either include it or remove the dependency array. You can also do a functional update 'setImageChangeCount(i => ...)' if you only need 'imageChangeCount' in the 'setImageChangeCount' call react-hooks/exhaustive-deps
Line 276:6: React Hook useEffect has missing dependencies: 'canvasFb', 'hoverCanvasFb', 'imageBlobUrl', and 'setCanvasInitialize'. Either include them or remove the dependency array react-hooks/exhaustive-deps
Line 282:6: React Hook useEffect has a missing dependency: 'processPendingDots'. Either include it or remove the dependency array react-hooks/exhaustive-deps
Line 304:6: React Hook useEffect has a missing dependency: 'offlineDataDrawing'. Either include it or remove the dependency array. Mutable values like 'offlineDataRef.current' aren't valid dependencies because mutating them doesn't re-render the component react-hooks/exhaustive-deps
Line 314:14: 'pageInfoKey' is assigned a value but never used @typescript-eslint/no-unused-vars
Line 333:6: React Hook useEffect has missing dependencies: 'setCurrentPageInfoAndPrepare' and 'strokeProcess'. Either include them or remove the dependency array react-hooks/exhaustive-deps
Search for the keywords to learn more about each warning.
To ignore, add // eslint-disable-next-line to the line before.
The browser comes up, when the Connect button is pressed, yields the following error dialog:
localhost:3000
Bluetooth not support
