Виджеты

[tipodanet]

Иван, приветствую.
Хотите чужую идею ? В смысле обсудить с автором -- aminought
Он наш местный. Сделал шикарный виджет пол Chromium , просто суперский .

https://github.com/aminought/vivaldi-widgets/blob/master/widgets.js

Хоть Вивальди из-за своей нулевой поддержки юзеров (по сути весь их форум -- варимся в собственном соку, разрабам до форума дела нет), но он имеет возможности для кастомизации CSS и JS.
В этой части все открыт, код сами себе юзеры не шифруют :).
А вот внутренний код сами вивальдовцы обфусицируют (вроде так пишется).
Автор сделал виджеты , все работает. Может, были еще какие мысли , углубить код. Но от разрабов реакции ноль.
Он плюнул и ушел на FF. Там весь код открыт.

Чтобы было представление о чем речь -- это просто ссылка на часть другого сайта, что-то вроде <iframe>:
vidget
Я уже не помню, по-моему это просто виджет со ссылкой на что-то из Three.js .
Простой тег тоже прекрасно работает.

По размеры виджеты можно сделать одинаковыми с плитками , они могут отлично вписаться в сетку вашего расширения.
обсудите с автором, у меня предположение , что он приостановил разработку.

Еще у меня 2 виджета попроще -- график курсов валют и погода

[k-ivan]

Здравствуйте!

Тут вариантов 2:

• делать коллекцию эффектов(можно с помощью сообщества в том числе) и потом в настройках давать возможность выбора какого-нибудь красивого эффекта на фоне(canvas, webgl без разницы, реализовывал такой вариант во втором своем расширении). Логика то или иного эффекта будет сразу присутствовать в кодовой базе, что решит проблему с трудностями внедрения пользовательских скриптов.
• Искать способ для добавления скрипта самим пользователем(но так чтобы это не очень проблемно)

По второй части курса и погоды, можно, но совершенно не понятно где и как это будет располагаться, так как сетка из плиток закрывает собой все пространство и некуда выносить такие штуки. Нужно думать, как можно и нужно-ли это.

[k-ivan]

виджету нужен только селектор, размеры он сам ставит, все одинаковые, все красиво становятся в сетку. Но виджеты идут отдельно , своим рядом, со своим общим размером. Юзер сам указывает этот размер, можно его сделать через flex, и все виджеты будут одинаковы с вашими плитками

понятно, нужно думать над дизайном, или искать макет прототип

[k-ivan]

надо включать Вивальди. Выглядит просто — такие же квадраты, с окошками других сайтов. У меня был кусок курса валют с главной страницы EDGE. там красивые курсы

у меня нет Вивальди )

[k-ivan]

снаружи виджет даже подчиняется CSS. В видосе видно , что я ему красную рамку нарисовал.

уточните, в каком видео?

[k-ivan]

Ventusky

там нет готовых виджетов для встраивания, типа следите за новостями(так написано на сайте), но это просто к слову, все равно не понятно как бы оно выглядело, если бы было

[tipodanet]

"уточните, в каком видео?" — ссылка в 1 посте.
"там нет готовых виджетов для встраивания, "
Сначала.
На гитхабе есть автор, с адским ником Aug......
Он сделал виджеты, которые встраиваются на главную страницу Вивальди. Принимают внутрь ЛЮБЫЕ сайты. Можно даже указать адрес сайта и body, для любого сайта. И получаеМ виджет С окошкоМ этого сайта. Представить не сложно.
Селектор нужен, Чтобы ограничить Нужную область сайта.

[tipodanet]

к вопросу надо или нет, уже есть готовые расширения Casca довольно известное уже. И там тоже есть отдельные виджеты, и там как раз огромный выбор. Там большой список, но там все виджеты стандартные. Юзер сам не может поставить свой адрес. Это резко снижает его ценность для меня. Там тоже есть : фотки с фейсбука случайные. И погода там навалом разных вариантов. И все они являются виджетами на странице браузера. И тоже поддерживает перемещение, вроде размер можно менять. Но своего селектора там не укажешь , в этом огромная разница. Я поиграл с теми виджетами и удалил их. Мне мусор не нужен, мне нужны мои виджеты. Так что эта идея не новая, и она уже активно развивается.

[k-ivan]

Имя ### aminought есть в ссылке в 1 посте. Я думаю , его бы никакой WebView в Chrome не остановил, особенно когда его там нет.
Даже мне видно в коде, что там больше про CSS через JS.

Раз вы разбираетесь лучше, флаг в руки.

[tipodanet]

как я колупал когда то CSS Vivaldi , видел него классы. И только на 883 строке я нашел хоть что-то , что напоминает о Vivaldi

   get #speedDial() {
            return this.#internalPage?.querySelector('.dials.speeddial');
        }

все остальное -- это чистый JS. Никакого отношения не имеет к каким либо сложным VebView, другим скрытым технологиям.
Все переменные и константы aminought создает сам , тусует селекторы туда-сюда.
Его код будет работать везде, где есть чистый JS.

[k-ivan]

Нет, помимо js там есть внутренний веб-компонент webview со своими методами и этот компонент откуда то взят, скорее всего предоставлен Вивальди и все крутится вокруг него.

Я больше не буду ничего доказывать, Вы не видите очевидных вещей или не хотите.

[tipodanet]

от разрабов вивальди вы никогда ничего не дождетесь. Это известно. Они шифруют свой код. И если у них попросить свернуть все папки, юзеры будут ждать этого 6 лет.

  #createWidgetSaveButtonListener(saveButton, widgetWrapper, widgetInfo) {
            const widget = widgetWrapper.querySelector('.Widget');
            const webview = widgetWrapper.querySelector('webview');

Amino сам создает себе константы .

[k-ivan]

Константы тут вообще не причем и не главное, вся магия происходит внутри кастомного тега webview, и все взаимодействие через его методы происходит. Стили, поиск по селектором эта фигня, вся суть в этом теге и его апи.

[tipodanet]

У авТора Виджеты встраивались на всех Вкладках Экпресс-Страницы , Ниже всех, одинаковые.
Но тут есть несколько вариантов:
-- выше
-- ниже
-- на всех
-- на главной
-- на отдельной

Это все можно отдать самому юзеру, через настройкИ.

[k-ivan]

Вы точно уверены, что абсолютному подавляющему большинству юзеров есть дело до разрешений ? Мне нет . Я даже не читаю страницу настроек

И это очень плохо, не нужно пропагандировать это, как норму.

[tipodanet]

Хорошо, так просто iframe Требует разрешений, гугл Не против ? Гугл же Сам и участвовал в его разработКе. там же все эти конторы типа W3C все завязаны.

[tipodanet]

Я предположу, что iframe не может выделить конкретный селектор из сайта.

[k-ivan]

Не обижайтесь пожалуйста, но у Вас нет понимания контекста всей сути, очень много хаоса, по типу, кто какие теги разрабатывал и прочие, хотя это не имеет никакого отношения к вопросу. Вам просто нужно попробовать самому сделать расширение, что погрузиться в суть детально.

[tipodanet]

Если iframe селектор не выделит, то не тратьте на него время

[aminought]

Привет, я автор этого мода для Vivaldi. Случайно увидел обсуждение, ну и дискуссию вы тут устроили. Сразу оговорюсь, читал по диагонали.

Не увидел нормальной ссылки, чтобы понять, что это вообще такое: пост на форуме Vivaldi, тут и демонстрация нормальная есть. WebGL и Three.js тут вообще ни при чем, мои виджеты — это просто оболочка для куска страницы любого сайта, и эту идею я позаимствовал из Arc Browser, там эта фича гораздо круче реализована, что-то вроде живых скриншотов, при этом нужную часть страницы можно выделить мышкой.

Как выше подметил @k-ivan, я для этого пользовался браузерным компонентом <webview>, к которому нет доступа из WebExtension API. Вообще, я далеко не веб-разработчик, но вроде бы можно положить страницу сайта в <iframe>, достать из него документ и поудалять всё, кроме указанного селектора, но многие сайты вообще не дают помещать себя в <iframe>. Да, мой код выглядит довольно простым, но лишь потому, что я использую встроенный компонент, который и делает всю работу.

В общем, я считаю, что автору этого расширения нецелесообразно внедрять подобную фичу, тем более она довольна нишевая.

[tipodanet]

Не могу так уверенно спорить, но GPT прекрасно выдает все методы этого webview>, никая это не тайна :)

[k-ivan]

Вообще не понятно, какие методы и причем здесь GPT?

[tipodanet]

Доказательством того, что в визуальных закладках трудно что-то придумать новое, являются ваши конкуренты , Иван. Есть довольно известные закладки, про них статьи написаны в интернете. Ну, как альтернатива встроенным закладкам в браузер.

Так они написаны ещё на табличной вёрстке. Прикиньте, сколько им лет и сколько лет назад они уже остановились в развитии, если там вся вёрстка на tr>. Вот с тех пор они и стоят на месте. А куда двигаться ? Квадратные зкладки , они у всех примерно одинаковые.

[k-ivan]

Вы что хотите конкретно, я уже Вам сказал, что нет такого апи ни в хроме ни в фф.

Я же не спорю, с тем, что можно и нужно улучшать расширение.

[tipodanet]

@aminought, по крайней мере в >iframe> работает сложная фото-галерея 📸 на jQuery с анимацией, плеер музыкальный тоже.
Но >iframe> — это же на сайт положить ? Если выделить селектор, это тоже интересно, для любителей писать сайты