Summary

The docs show a wide screen layout. How do I use that? The docs are sparse and there are no preferences/options menus that I can see. Other than that. Super cool.

Can I change language in google ? By default, It's showing me the results in regional language. Can I change it to english?

I've just installed Programmer Browser 0.1.8 for Windows 10, but is is unusable, because I cannot go past the GDPR screen on Google, which takes all my screen height. There is no way to scroll down the modal to see the Accept button, nor to zoom out., ctrl-minus does not work, so I cannot use Google search. See the screenshot, below it is only the taskbar:

Not sure if there's an easy way that I just didn't see, but after hitting F11 to make it fullscreen (with no search result open), the search bar expanded to fill the top of my screen, then I could not get it to minimize again.

It also didn't let me click through, even though nothing was displayed on most of the screen.

I had to ALT-F4 to get out of it.

Needs a ctr+f keyboard shortcut for finding text on the page.

I'm not sure how the adblock is done but I assume it's some integration of ublock, so why not have a similar integration with Dark Reader? It'd allow for the programmer browser to be dark mod anywhere so I don't have to look at a Dark Mode IDE and a light mode browser at the same time.

Codegrepper is a great way to get instant code answers for your question. I think it would be great to have it installed by default - if it's possible. I know you can install it manually, but I think many programmers don't know about this great extension.

Prerequisites

• Using npm
• Using an up-to-date [main branch]
• Using latest version of devtools. [Check the docs for how to update]
• Tried solutions mentioned in [#400]
• For issue in production release, add devtools output of DEBUG_PROD=true npm run build && npm start

Expected Behavior

When pressing ctrl+left, window should move

Current Behavior

When ctrl+left is pressed, exception is thrown

Steps to Reproduce

1.Open application

2.Press ctrl+left

3.Javascript exception "e.substr" is not a function is thrown

Possible Solution (Not obligatory)

Context

Your Environment

• Node version : 16.2.0
• Operating System and version : Ubuntu 20.04

There's a typo:
Positoner instead of Positioner

import Positoner from 'electron-positioner';
// ...
positioner = new Positoner(mainWindow);

See issue 28 #28 and latest comment

I would love to use this browser as my main work/study browser as it matches most of my needs (even in its incomplete stage), but the one thing I miss from Qutebrowser and Librewolf (with vimium-ff extension) would be a vim mode. Also for the emacs users, an emacs mode would also be nice.

That is pretty slick. Looks like it is set by default to always be on top, which is awesome for its use case. Having a keyboard shortcut to trigger it would be a great addition, and being able to customize the window location would be really awesome too.

Couple suggestions for usability improvements:

Allow hiding and un-hiding
Constantly having the search bar present in the top of my screen is not ideal.
It should be able to hide (be minimized, whatever) either via shortcut or on losing focus, when not needed, then brought back with a keyboard shortcut.

Allow repositioning of the search bar
Not sure if it's possible and I just didn't figure it out, but I couldn't move the search bar around. It should be reposition-able with an easy click+drag, and save it's position between sessions.

Settings
Should add a settings screen with customization options, startup locations, restore last session, etc.

Prerequisites

• Using npm
• Using an up-to-date [main branch]
• Using latest version of devtools. [Check the docs for how to update]
• Tried solutions mentioned in [#400]
• For issue in production release, add devtools output of DEBUG_PROD=true npm run build && npm start

validateDOMNesting(...): cannot appear as a descendant of .
at button
at http://localhost:1212/renderer.dev.js:31985:66
at http://localhost:1212/renderer.dev.js:1761:15
at http://localhost:1212/renderer.dev.js:1864:20
at button
at http://localhost:1212/renderer.dev.js:31985:66
at http://localhost:1212/renderer.dev.js:526:32
at h2
at div
at http://localhost:1212/renderer.dev.js:31985:66
at http://localhost:1212/renderer.dev.js:463:24
at BrowserCollapse (http://localhost:1212/renderer.dev.js:107567:28)
at div
at http://localhost:1212/renderer.dev.js:31985:66
at http://localhost:1212/renderer.dev.js:410:23
at div
at List (http://localhost:1212/renderer.dev.js:107658:45)
at TabContextProvider (http://localhost:1212/renderer.dev.js:108034:31)
at div
at http://localhost:1212/renderer.dev.js:31985:66
at http://localhost:1212/renderer.dev.js:7993:94
at SearchContextProvider (http://localhost:1212/renderer.dev.js:107947:34)
at div
at Hello
at Routes (http://localhost:1212/renderer.dev.js:101831:5)
at Router (http://localhost:1212/renderer.dev.js:101765:15)
at MemoryRouter (http://localhost:1212/renderer.dev.js:101678:5)
at App
at EnvironmentProvider (http://localhost:1212/renderer.dev.js:14894:24)
at ColorModeProvider (http://localhost:1212/renderer.dev.js:3194:21)
at ThemeProvider (http://localhost:1212/renderer.dev.js:32024:64)
at ThemeProvider (http://localhost:1212/renderer.dev.js:20377:27)
at ChakraProvider (http://localhost:1212/renderer.dev.js:14194:24)
at ChakraProvider (http://localhost:1212/renderer.dev.js:15575:23)
overrideMethod @ react_devtools_backend.js:4026
printWarning @ react-dom.development.js:86
error @ react-dom.development.js:60
validateDOMNesting @ react-dom.development.js:10846
createInstance @ react-dom.development.js:10927
completeWork @ react-dom.development.js:19415
completeUnitOfWork @ react-dom.development.js:26552
performUnitOfWork @ react-dom.development.js:26524
workLoopSync @ react-dom.development.js:26422
renderRootSync @ react-dom.development.js:26390
performSyncWorkOnRoot @ react-dom.development.js:26041
flushSyncCallbacks @ react-dom.development.js:12009
(anonymous) @ react-dom.development.js:25607

Expected Behavior

Tab throws error when search is executed. After that, the tab fails to collapse.

Current Behavior

Steps to Reproduce

1. Run app with DEBUG=true

2.execute a search

3. exception thrown

Possible Solution (Not obligatory)

Context

Your Environment

• Node version : 16.2.0
• Operating System and version : Ubuntu 20.04

Prerequisites

• Using npm
• Using an up-to-date [main branch]
• Using latest version of devtools. [Check the docs for how to update]
• Tried solutions mentioned in [#400]
• For issue in production release, add devtools output of DEBUG_PROD=true npm run build && npm start

Expected Behavior

ran npm run package --linux

Application should build.

Current Behavior

npm run package --linux  19:38  07.06.22 

package
ts-node ./.erb/scripts/clean.js dist && npm run build && electron-builder build --publish always --win --linux

build
concurrently "npm run build:main" "npm run build:renderer"

[1]
[1] > build:renderer
[1] > cross-env NODE_ENV=production TS_NODE_TRANSPILE_ONLY=true webpack --config ./.erb/configs/webpack.config.renderer.prod.ts
[1]
[0]
[0] > build:main
[0] > cross-env NODE_ENV=production TS_NODE_TRANSPILE_ONLY=true webpack --config ./.erb/configs/webpack.config.main.prod.ts
[0]
[0] npm run build:main exited with code 0
[1] npm run build:renderer exited with code 0
• electron-builder version=23.0.3 os=5.13.0-44-generic
• loaded configuration file=package.json ("build" field)
• writing effective config file=release/build/builder-effective-config.yaml
• installing production dependencies platform=linux arch=x64 appDir=/home/adammpkins/programmer-browser/release/app
• packaging platform=linux arch=x64 electron=18.3.0 appOutDir=release/build/linux-unpacked
• building target=AppImage arch=x64 file=release/build/ProgrammerBrowser-0.1.8.AppImage
• installing production dependencies platform=win32 arch=x64 appDir=/home/adammpkins/programmer-browser/release/app
• packaging platform=win32 arch=x64 electron=18.3.0 appOutDir=release/build/win-unpacked
• downloading url=https://github.com/electron/electron/releases/download/v18.3.0/electron-v18.3.0-win32-x64.zip size=89 MB parts=8
• downloaded url=https://github.com/electron/electron/releases/download/v18.3.0/electron-v18.3.0-win32-x64.zip duration=2.457s
• downloading url=https://github.com/electron-userland/electron-builder-binaries/releases/download/winCodeSign-2.6.0/winCodeSign-2.6.0.7z size=5.6 MB parts=1
• downloaded url=https://github.com/electron-userland/electron-builder-binaries/releases/download/winCodeSign-2.6.0/winCodeSign-2.6.0.7z duration=737ms
⨯ wine is required, please see https://electron.build/multi-platform-build#linux
⨯ /home/adammpkins/programmer-browser/node_modules/app-builder-bin/linux/x64/app-builder process failed ERR_ELECTRON_BUILDER_CANNOT_EXECUTE
Exit code:
1 failedTask=build stackTrace=Error: /home/adammpkins/programmer-browser/node_modules/app-builder-bin/linux/x64/app-builder process failed ERR_ELECTRON_BUILDER_CANNOT_EXECUTE
Exit code:
1
at ChildProcess. (/home/adammpkins/programmer-browser/node_modules/builder-util/src/util.ts:250:14)
at Object.onceWrapper (node:events:472:26)
at ChildProcess.emit (node:events:365:28)
at maybeClose (node:internal/child_process:1067:16)
at Process.ChildProcess._handle.onexit (node:internal/child_process:301:5)
From previous event:
at processImmediate (node:internal/timers:464:21)
From previous event:
at WinPackager.signApp (/home/adammpkins/programmer-browser/node_modules/app-builder-lib/src/winPackager.ts:376:27)
at WinPackager.doSignAfterPack (/home/adammpkins/programmer-browser/node_modules/app-builder-lib/src/platformPackager.ts:329:16)
at WinPackager.doPack (/home/adammpkins/programmer-browser/node_modules/app-builder-lib/src/platformPackager.ts:314:7)
at WinPackager.pack (/home/adammpkins/programmer-browser/node_modules/app-builder-lib/src/platformPackager.ts:136:5)
at Packager.doBuild (/home/adammpkins/programmer-browser/node_modules/app-builder-lib/src/packager.ts:441:9)
at Object.executeFinally (/home/adammpkins/programmer-browser/node_modules/builder-util/src/promise.ts:12:14)
at Packager._build (/home/adammpkins/programmer-browser/node_modules/app-builder-lib/src/packager.ts:376:31)
at Packager.build (/home/adammpkins/programmer-browser/node_modules/app-builder-lib/src/packager.ts:337:12)
at Object.executeFinally (/home/adammpkins/programmer-browser/node_modules/builder-util/src/promise.ts:12:14)

Steps to Reproduce

1.Pull the latest commit.

2. Run npm run package --linux

3.Exceptions

Possible Solution (Not obligatory)

Context

Your Environment

• Node version : 16.2.0
• Operating System and version : Ubuntu 20.04

Hey,

Love the concept of the browser. I don’t program but this could definitely be a nice addition to a workflow.

Would you consider adding the feature to hide it to tray and pull it up/hide with a key combo? Kind’ve like fluentsearch. Feel like that would be a nice option to have it hidden in the background for if you want to quickly search something simple and have it up or just to keep the tabs/browser out of the way until you pull it back up.

thanks for your time and take care!

Prerequisites

-[ x ] Using deb package

• Using npm
• Using an up-to-date [main branch]
• Using latest version of devtools. [Check the docs for how to update]
• Tried solutions mentioned in [#400]
• For issue in production release, add devtools output of DEBUG_PROD=true npm run build && npm start

Expected Behavior

I expect to be able to click off of the visible box and have my focus returned to the application. This is especially noticable when you have an IDE up on the full screen and attempt to click anywhere underneath of the visible search box. I expect to be able to have the box stay on top while I scroll anywhere the box is not located.

The search box should return focus to the application if you are not in or hovering over an active element. If user focus isn't currently occupying space you're clicking on or hovering over, you should be able to click or scroll to affect the application behind it.

Current Behavior

Currently the entire right half of the screen becomes unusable and effectively entirely occupied by the programmer browser. It doesn't behave like a small hovering box, it behaves as though it's taking focus of everything on the entire screen until the program is minimized or clicked off of on the left side of the screen only

Steps to Reproduce

1.Launch programmer browser

2.Open full screen editor or browser

3.click in the blank space beneath the search box

4.Focus doesn't move off of the programmer browser.

5. Forced to minimize or click the left side of the screen, or dedicate half of my screen full-time to the PB app.

Possible Solution (Not obligatory)

Context

Forced to minimize or click the left side of the screen, or dedicate half of my screen full-time to the PB app.

No. Used DEB build

Your Environment

• Node version :
• Operating System and version : Ubuntu 20.04

Add shortcut, such as prepending ">" to allow rendering of site URLs, not just search google.

Prerequisites

• [x ] Using npm
• [ x] Using an up-to-date [main branch]
• [x ] Using latest version of devtools. [Check the docs for how to update]
• [ x] Tried solutions mentioned in [#400]
• [ x] For issue in production release, add devtools output of DEBUG_PROD=true npm run build && npm start

Expected Behavior

Current Behavior

With 5+ tabs open, the bottom tab has no space for the browser.

Steps to Reproduce

1.Open 7 tabs

2.Open one more

3.No space to browse effectively

Possible Solution (Not obligatory)

When a tab is expanded, it could temporarily shift into the top tab position, allowing the full height of the screen to be used for browsing regardless of tab position.

Context

Your Environment

• Node version :
• Operating System and version :

It looks like this has died and progress has ceased. Is there anything I can do to help revive it?

Following the premise of this applications, I often use the same set of pages containing documentation, test cases, an open communication. I don't think it's necessary to build in a full favorites feature or anything like that, but if it could save my open tabs between sessions (after being closed and opened again)

electron-react-boilerplate auto update not working

Prerequisites

• Using npm
• Using an up-to-date [main branch]
• Using latest version of devtools. [Check the docs for how to update]
• Tried solutions mentioned in [#400]
• For issue in production release, add devtools output of DEBUG_PROD=true npm run build && npm start

Expected Behavior

the cursor ("|") is shown in front of the written text in the text box

Current Behavior

there is no sign that the text box is selected until I begin typing

Steps to Reproduce

1. open programmer browser normally

2. search for the github website, open it, and sign in

3. click the three lines in the corner

4. click the search bar

Context

Your Environment

OS: macOS Monterey 12.3.1 21E258 arm64
Host: MacBookAir10,1
Kernel: 21.4.0
Uptime: 1 day, 3 hours, 2 mins
Packages: 50 (brew)
Shell: zsh 5.8
Resolution: 2560x1600
DE: Aqua
WM: Quartz Compositor
WM Theme: Blue (Light)
Terminal: HyperTerm
Terminal Font: Fira Code
CPU: Apple M1
GPU: Apple M1
Memory: 6322MiB / 8192MiB
Node version : v16.6.1

I'm using Ubuntu 22.04. I attempted to install the appimage package today and got the following output:

❯ chmod u+x ProgrammerBrowser-0.1.8.AppImage
❯ ./ProgrammerBrowser-0.1.8.AppImage
[65590:0109/212816.974033:ERROR:sandbox_linux.cc(377)] InitializeSandbox() called with multiple threads in process gpu-process.
21:28:17.085 › Checking for update
TypeError: Error processing argument at index 0, conversion failure from 
    at ea.enable (/tmp/.mount_PrograpOFtk5/resources/app.asar/dist/main/main.js:2:199962)
    at ta.enableBlockingInSession (/tmp/.mount_PrograpOFtk5/resources/app.asar/dist/main/main.js:2:202256)
    at /tmp/.mount_PrograpOFtk5/resources/app.asar/dist/main/main.js:2:680080
    at processTicksAndRejections (node:internal/process/task_queues:96:5)
21:28:17.803 › Error: Error: Unable to find latest version on GitHub (https://api.github.com/api/v3/repos/yessGlory17/programmer-browser/releases/latest), please ensure a production release exists: HttpError: 401 
"method: GET url: https://api.github.com/api/v3/repos/yessGlory17/programmer-browser/releases/latest\n\n          Data:\n          {\"message\":\"Bad credentials\",\"documentation_url\":\"https://docs.github.com/rest\"}\n          "
Headers: {
  "server": "GitHub.com",
  "date": "Tue, 10 Jan 2023 02:28:17 GMT",
  "content-type": "application/json; charset=utf-8",
  "content-length": "80",
  "x-github-media-type": "github.v3; format=json",
  "x-ratelimit-limit": "60",
  "x-ratelimit-remaining": "59",
  "x-ratelimit-reset": "1673321297",
  "x-ratelimit-used": "1",
  "x-ratelimit-resource": "core",
  "access-control-expose-headers": "ETag, Link, Location, Retry-After, X-GitHub-OTP, X-RateLimit-Limit, X-RateLimit-Remaining, X-RateLimit-Used, X-RateLimit-Resource, X-RateLimit-Reset, X-OAuth-Scopes, X-Accepted-OAuth-Scopes, X-Poll-Interval, X-GitHub-Media-Type, X-GitHub-SSO, X-GitHub-Request-Id, Deprecation, Sunset",
  "access-control-allow-origin": "*",
  "strict-transport-security": "max-age=31536000; includeSubdomains; preload",
  "x-frame-options": "deny",
  "x-content-type-options": "nosniff",
  "x-xss-protection": "0",
  "referrer-policy": "origin-when-cross-origin, strict-origin-when-cross-origin",
  "content-security-policy": "default-src 'none'",
  "vary": "Accept-Encoding, Accept, X-Requested-With",
  "x-github-request-id": "C728:3CBF:14EACFE:2AB235A:63BCCD41"
}
    at u (/tmp/.mount_PrograpOFtk5/resources/app.asar/dist/main/main.js:2:208871)
    at IncomingMessage.<anonymous> (/tmp/.mount_PrograpOFtk5/resources/app.asar/dist/main/main.js:2:211504)
    at IncomingMessage.emit (node:events:390:28)
    at endReadableNT (node:internal/streams/readable:1343:12)
    at processTicksAndRejections (node:internal/process/task_queues:83:21)
    at Object.t.newError (/tmp/.mount_PrograpOFtk5/resources/app.asar/dist/main/main.js:2:219032)
    at l.getLatestVersionInfo (/tmp/.mount_PrograpOFtk5/resources/app.asar/dist/main/main.js:2:343334)
    at processTicksAndRejections (node:internal/process/task_queues:96:5)
    at l.getLatestVersion (/tmp/.mount_PrograpOFtk5/resources/app.asar/dist/main/main.js:2:342315)
    at u.getUpdateInfoAndProvider (/tmp/.mount_PrograpOFtk5/resources/app.asar/dist/main/main.js:2:295712)
    at u.doCheckForUpdates (/tmp/.mount_PrograpOFtk5/resources/app.asar/dist/main/main.js:2:295998)
(node:65556) UnhandledPromiseRejectionWarning: Error: Unable to find latest version on GitHub (https://api.github.com/api/v3/repos/yessGlory17/programmer-browser/releases/latest), please ensure a production release exists: HttpError: 401 
"method: GET url: https://api.github.com/api/v3/repos/yessGlory17/programmer-browser/releases/latest\n\n          Data:\n          {\"message\":\"Bad credentials\",\"documentation_url\":\"https://docs.github.com/rest\"}\n          "
Headers: {
  "server": "GitHub.com",
  "date": "Tue, 10 Jan 2023 02:28:17 GMT",
  "content-type": "application/json; charset=utf-8",
  "content-length": "80",
  "x-github-media-type": "github.v3; format=json",
  "x-ratelimit-limit": "60",
  "x-ratelimit-remaining": "59",
  "x-ratelimit-reset": "1673321297",
  "x-ratelimit-used": "1",
  "x-ratelimit-resource": "core",
  "access-control-expose-headers": "ETag, Link, Location, Retry-After, X-GitHub-OTP, X-RateLimit-Limit, X-RateLimit-Remaining, X-RateLimit-Used, X-RateLimit-Resource, X-RateLimit-Reset, X-OAuth-Scopes, X-Accepted-OAuth-Scopes, X-Poll-Interval, X-GitHub-Media-Type, X-GitHub-SSO, X-GitHub-Request-Id, Deprecation, Sunset",
  "access-control-allow-origin": "*",
  "strict-transport-security": "max-age=31536000; includeSubdomains; preload",
  "x-frame-options": "deny",
  "x-content-type-options": "nosniff",
  "x-xss-protection": "0",
  "referrer-policy": "origin-when-cross-origin, strict-origin-when-cross-origin",
  "content-security-policy": "default-src 'none'",
  "vary": "Accept-Encoding, Accept, X-Requested-With",
  "x-github-request-id": "C728:3CBF:14EACFE:2AB235A:63BCCD41"
}
    at u (/tmp/.mount_PrograpOFtk5/resources/app.asar/dist/main/main.js:2:208871)
    at IncomingMessage.<anonymous> (/tmp/.mount_PrograpOFtk5/resources/app.asar/dist/main/main.js:2:211504)
    at IncomingMessage.emit (node:events:390:28)
    at endReadableNT (node:internal/streams/readable:1343:12)
    at processTicksAndRejections (node:internal/process/task_queues:83:21)
    at Object.t.newError (/tmp/.mount_PrograpOFtk5/resources/app.asar/dist/main/main.js:2:219032)
    at l.getLatestVersionInfo (/tmp/.mount_PrograpOFtk5/resources/app.asar/dist/main/main.js:2:343334)
    at processTicksAndRejections (node:internal/process/task_queues:96:5)
    at l.getLatestVersion (/tmp/.mount_PrograpOFtk5/resources/app.asar/dist/main/main.js:2:342315)
    at u.getUpdateInfoAndProvider (/tmp/.mount_PrograpOFtk5/resources/app.asar/dist/main/main.js:2:295712)
    at u.doCheckForUpdates (/tmp/.mount_PrograpOFtk5/resources/app.asar/dist/main/main.js:2:295998)
(Use `programmer-browser --trace-warnings ...` to show where the warning was created)
(node:65556) UnhandledPromiseRejectionWarning: Unhandled promise rejection. This error originated either by throwing inside of an async function without a catch block, or by rejecting a promise which was not handled with .catch(). To terminate the node process on unhandled promise rejection, use the CLI flag `--unhandled-rejections=strict` (see https://nodejs.org/api/cli.html#cli_unhandled_rejections_mode). (rejection id: 1)