mlajtos / mosaic Goto Github PK

View Code? Open in Web Editor NEW

102.0 102.0 4.0 65.69 MB

A tiling web browser.

License: MIT License

JavaScript 9.84% TypeScript 60.45% HTML 0.40% SCSS 29.31%

drag-and-drop mosaic multitasking privacy tiling webbrowser

mosaic's Introduction

Hello 👋

I am curious human being currently working on…

✍️ Real programming with pencil & paper

Keyboard is not needed for this New Kind of Paper

Work I am proud of…

🔊 Fono

Puzzle platform game that is using particle systems for all visuals and mechanics.

🎩 L1: Tensor Studio

Programming language and REPL centered around manipulating tensors.

🔀 Moniel

Graph description language (like DOT) specialized for visual programming.

📖 Vokabulár

A free iOS app for searching in Slovak language dictionaries.

🕸 Mosaic

Web browser that enables you to view multiple pages at the same time via tiling.

🧑‍💻 Job-related stuff under NDAs

Stuff I worked on with awesome people across different companies.

mosaic's People

Contributors

Stargazers

Watchers

Forkers

project-renard-survey remusao marc2332 hoopper

mosaic's Issues

Restore window dimensions

Maximising the window on startup does not make sense:

mosaic/src/main/index.js

Line 31 in 64107ac

window.maximize();

Using electron-window-state to preserve the window position and size after closing should be better option.

Enable horizontal scrolling

Stack app has a very useful functionality - horizontal scrolling of opened web apps (see the scrollbar at the bottom):

However, it is closed source. Can Mosaic have a similar feature?

Motivation

Finding specific text in the page is a must-have feature. Without it, one can't use Mosaic on a daily basis, hence can't take advantage of the tiling in every situation.

Design

Proposal A

Search bar for a specific text in a page can be integrated into the omnibar. !bangs are an extremely good abstraction for the search queries, and searching text in a page fits this category. Having a !page or !inpage pseudo bang would trigger a special mode for omnibar (or toolbar) that would add necessary buttons (previous match, next match).

Proposal B

Copy and refine existing design from prior art.

Prior art

Firefox

Searchbar takes full width of the view below the website.

(source: https://techdows.com/2016/09/disable-firefox-find-bar-page-dimming-highlight-all-features.html)

Safari

Search bar takes full width of the view and pushes the website down.

(source: https://browserhow.com/how-to-search-text-and-find-on-page-in-safari-mac/)

Chrome

Search bar is compact and floating above the page.

(source: https://rocketfiles.com/articles/how-to-search-for-a-word-on-a-web-page-chrome)

Vivaldi

Search bar takes whole width of the view and is aligned to the center.

(source: https://rocketfiles.com/articles/how-to-search-for-a-word-on-a-web-page-chrome)

Relevant documentation

Stack app features

Stack is an interesting new web browser, which allows you to browse web apps/pages in workspaces and columns. However, it is closed source and freemium. It would be great to have an open source alternative to it and your project is a good starting point. Would you mind adding some useful features from Stack, such as:

stacks (switchable on the left sidebar)
workspaces (switchable at the top left corner)
multiple accounts
horizontal scrolling (issue #28)
suspending inactive tabs
temporary ghost pages
desktop notifications
fullscreen support
auto refresh

Thanks!

Shortcut to focus query field

CtrlOrCmd+L

Collect meaningful use cases

https://youtu.be/huEtJw7pfLk
Github Space + running app
Notepad (Google Docs) + various tabs
Call (Google Meet) + colab document (Figma?)
Drag and drop files between Dropbox and other site?
Notepad + searching for image and drag it inside doc

How do I toggle the sidebar?

How do I toggle the sidebar?
If this isnt already possible would you consider adding a keyboard shortcut for this (perhaps ctrl+b)

Keyboard Tile Controls

Currently, atleast as far as I can tell there are no methods of changing focused tile, or resizing with just keyboard alone. Something akin to tiling window managers.

alt + r or ctrl + r could put you into resize mode then you could use arrows to expand in a given direction by fixed unit count.
alt + arrows could move tile focus around.
alt + shift + arrows could swap tiles with the tile in the given direction.

Zoom-to-fit behaviour

There is an automatic zoom-to-fit behavoiur, but works only on page load. It should also react to resizing. And in case, add button to trigger it manualy.

Please add instructions on how to build & develop locally

For other contributors, please write contributing.md with instructions how to

setup environment
build
run & test

Linux support

[ ] setup Github Action for Linux packages (DEB, RPM)
[ ] get package to AUR (somehow)

The gif of 10 MB cause a crash in the browser

I have a 960 MB RAM capability on my computer, and the GIF of approximately 10 MB, consumes 400 MB or more in the browser, this is like 50%.

I'm using Basilisk ... The temporary solution was blocking it with uBlock.

When reporting the problem the browser they tell me that it is a bad idea to have a GIF over 1 MB.

https://forum.palemoon.org/viewtopic.php?p=221715

In Viewnior it works correctly. Anyway, if I deactivate uBlock, the problem is again.

Maybe it's better other format, such as webp/webm or mp4 on a link.

New name for the project (please suggest)

A lot of people voiced the issue of Mosaic name being taken by the famous NCSA Mosaic browser that defined an era of web browsing. This name collision was intentional, as stated in the Design Decisions doc, and was meant to pay tribute to the mentioned NCSA Mosaic browser.

@niutech voiced a good points in #24 that made me think about this issue and decided to start a conversation about name suggestions.

Add Contribution document

Rules:

PRs should contain isolated functionality
code was auto-formated using Prettier (there is no config for it)
PR must be linked to an issue
PR must contain ´CHANGELOG´ message if it affects the user

Mosaic's CI

I was looking at the logs when the CI was failing (https://github.com/mlajtos/mosaic/runs/1015926152?check_suite_focus=true):

And saw the issue appeared when it was building for pacman, so I tried removing pacman as target, and it worked: https://github.com/marc2332/mosaic/runs/1023121099?check_suite_focus=true

On a "normal" ubuntu, it would need external dependencies to build for RPM and Pacman, but for some reason Github already provides these, at least to build for RPM, I am not sure if for Pacman too

Frameless window on Windows and Linux

Windows and Linux does not have embedded window controls as macOS have, so it looks broken. Frameless window should be used only on macOS.

Screenshot:

Name already used

Did you know the venerable NCSA Mosaic? The second browser in history! I still remember trying it.
I think it's not a good idea to steal that name.

Some sites still available:

Interested in contributing

Hello!

I just found mosaic... and I am pretty amazed by the idea!

Is there any Discord server for it?

I would like to contribute, I have experience with Electron and a bit with React 😄 👍🏻

Either way, ´PageState´ should contain result of webcontents.capture() and display it in ´Tab´ (through portal).