Web components plugin linux

Saved searches

Use saved searches to filter your results more quickly

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session.

Web components autoloader with built in CDN support

License

elmsln/grav-plugin-webcomponents

This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?

Sign In Required

Please sign in to use Codespaces.

Launching GitHub Desktop

If nothing happens, download GitHub Desktop and try again.

Launching GitHub Desktop

If nothing happens, download GitHub Desktop and try again.

Launching Xcode

If nothing happens, download Xcode and try again.

Launching Visual Studio Code

Your codespace will open once ready.

There was a problem preparing your codespace, please try again.

Latest commit

Git stats

Files

Failed to load latest commit information.

README.md

Grav Webcomponents Plugin

Webcomponents is a Grav plugin that can be used to get webcomponents integrated into your Grav site with ease. Simply drop your webcomponents into user/webcomponents (unpacked from bower_components if using a framework like Polymer).

GPM Installation (Preferred)

The simplest way to install this plugin is via the Grav Package Manager (GPM). From the root of your Grav install type:

bin/gpm install webcomponents 

If for some reason you can’t use GPM you can manually install this plugin. Download the zip version of this repository and unzip it under /your/site/grav/user/plugins . Then, rename the folder to webcomponents .

You should now have all the plugin files under:

`/your/site/grav/user/plugins/webcomponents` 

This should give you the dependencies you need to get going.

1. Enable the Web components plugin and any dependencies it requires.
2. The default is to serve JS assets up from a CDN. Should you need to change this keep reading into building your own assets.

You may build Web components from source if needed. We default to use CDNs which will effectively point to this directory or some mutation of it — https://github.com/elmsln/HAXcms/tree/master/build

If you want to build everything from source, your welcome to use yarn / npm to do so though our build routine effectively will end in the same net result. If you want to do custom build routines such as rollup or webpack and not use our prebuilt copies / split build approaches, then your welcome to check the box related to not loading front end assets in the settings page in order to tailor the build to your specific needs.

You need polymer cli (not polymer but the CLI library) in order to interface with web components in your site. Get polymer cli installed prior to usage of this (and (yarn)[https://yarnpkg.com/lang/en/docs/install/#mac-stable] / an npm client of some kind)

$ yarn global add polymer-cli

Perform this on your computer locally, this doesn’t have to be installed on your server.

• Find https://github.com/elmsln/unbundled-webcomponents and run the tooling to create your build ( yarn install then yarn run build )
• create a /your/site/grav/user/data/webcomponents directory
• copy the files from https://github.com/elmsln/unbundled-webcomponents into /your/site/grav/user/data/webcomponents

Shouldn’t I put web components in my theme?

We don’t think so. While it may seem counter intuitive, the theme layer should be effectively implementing what the site is saying is available. If you think of standard HTML tags are being part of this (p, div, a, etc) then it makes a bit more sense. You don’t want functional HTML components to ONLY be supplied if your theme is there, you want your theme to implement and leverage the components.

We built our own tooling to take the guess work out of creating, publishing and testing web components. We highly recommend you use this tooling though it’s not required:

• https://open-wc.org — great, simple tooling and open community resource
• https://github.com/elmsln/wcfactory — Build your own web component library
• https://github.com/elmsln/lrnwebcomponents — Our invoking of this tooling to see what a filled out repo looks like

About

Web components autoloader with built in CDN support

Источник

Web components plugin linux

Your integrated development environment (IDE) is your primary tool while working with code, we recommend the following tools and plugins to make developing web components easier.

We recommend VSCode. For setup please visit the instructions on the Visual Studio Code homepage.

We recommend the following user settings:

We recommend the following plugins:

• ESLint Get ESLint feedback directly in your IDE => more details under Linting
• lit-plugin Syntax highlighting, type checking and code completion for lit-html
• prettier Code formatter.
• json-in-html Syntax Coloring for Import Maps, and JSON attributes.

Atom is an IDE created by Github. It provides near-native support for working with web components and has great support for template literals.

Intellij IDEA and other Jetbrains variants

Intellij IDEA is a Java IDE for developing computer software. It is developed by JetBrains (formerly known as IntelliJ) and is available as an Apache 2 Licensed community edition and in a proprietary commercial edition.

Syntax highlighting from HTML in template literals should be supported out of the box. Generic web component related functionalities such as Custom Elements support and completion is also available. You can read more about it here.

Support for CSS syntax highlighting in tagged css literals is partially provided via the Styled Components & Styled JSX plugin. Otherwise, the ecosystem for plugins is very limited and we do not recommend any.

Sublime Text 3 is officially called a text editor however Sublime Text features plugins which give it a lot of the possibilities like an IDE. It is available for Windows, Linux, and OSX and can be evaluated for free.

Vim can be configured similiarly to an IDE, and with a vast amount of plugins, can be used to create a fluid development experience with lit-html and javascript.

• vim-html-template-literals Get syntax highlighting for html and css tags
• vim-javascript Required by vim-html-template-literals. Provides Javascript syntax highlighting
• typescript-vim Same as vim-javascript but for Typescript
• vim-css-color Highlight color codes with corresponding color
• vim-closetag Automatically close HTML tags (can be used with vim-html-template-literals)
• NeoFormat Format your code. Works together with prettier

Install the plugins with your favorite Vim package manager.

call plug#begin('~/.vim/plugged') Plug 'jonsmithers/vim-html-template-literals' Plug 'pangloss/vim-javascript' Plug 'ap/vim-css-color' Plug 'sbdchd/neoformat' call plug#end() 

 "--- LIT highlighting and autclosing let g:htl_css_templates = 1 let g:htl_all_templates = 1 let g:closetag_filetypes = 'html,xhtml,phtml,javascript,typescript' let g:closetag_regions =

Configuring Neoformat to format on save

autocmd BufWritePre *.js Neoformat autocmd BufWritePre *.ts Neoformat autocmd BufWritePre *.html Neoformat 

Caught a mistake or want to contribute to the documentation? Edit this page on GitHub!

Источник

Как просматривать устройство Hikvision через Firefox и Chrome?

В IE все работает, но хочется чтобы работало в Firefox и Chrome. Вариант использовать устаревшие версии браузеров не рассматривается.

Linux тут при том, что прокидки наружу сделаны через линуксовый шлюз. И хочется видеть камеры не только сидя из-под винды.

Кто и что может предложить?

Никак, это тупое говно тупого говна на AxtiveX завязано, а оно на ИЕ.

В Gentoo завезли Microsoft-Edge, он по идее должен уметь. Но я не проверял.

Так что собирай в QEMU винду и смотри в ней.

В Gentoo завезли Microsoft-Edge, он по идее должен уметь

С чего это вдруг? Эдж это тот же хром.

Лайв или смотреть записи через что-то, отличное от совместимого IE с ActiveX, никак не получится. Смотри через rtsp в плеере.

 mpv "$" --geometry=0x69%+0+0 "$URL1" & mpv "$" --geometry=0x31%+100%+0 "$URL2" & mpv "$" --geometry=0x35%+100%+49% "$URL3" & mpv "$" --geometry=0x30%+0+100% "$URL4" & mpv "$" --geometry=0x30%+50%+100% "$URL5" & mpv "$" --geometry=0x45%+3842+0 "$URL6" & mpv "$" --geometry=0x45%+5109+0 "$URL7" & mpv "$" --geometry=0x45%+6376+0 "$URL8" & 

Есть еще polyvision и ivideon под линуксы, но у меня так и не получилось их завести. Обсуждали немного тут — CMS/VMS под линукс.

Yorween ★ ( 19.10.21 11:05:27 MSK )
Последнее исправление: Yorween 19.10.21 11:06:50 MSK (всего исправлений: 1)

Так, стоп, дамочка. Вы смотреть в камеры хотите или админить их?

Так, стоп, дамочка. Вы смотреть в камеры хотите или админить их?

Смотреть. Эти камеры не подключены к регистратору. Их просматривают только с внешки.

Тогда могу посоветовать лайфхак. Подними сервер на motion. Кушает не много по ресурсам, заодно через браузер можно смотреть сетку из камер или по одной.

Настраивается элементарно. У меня на RPi4 такой крутится в локалке на 6 камер.

Нет, не нужно. Смотри через RTSP в плеере.

В браузере на линуксе смотреть из НЕВОЗМОЖНО.

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

crypt ★★★★★ ( 19.10.21 12:18:10 MSK )
Последнее исправление: crypt 19.10.21 12:22:38 MSK (всего исправлений: 2)

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

Не хочется городить такое на шлюзе.

А если сменить камеру на другую? Есть какие-нибудь варианты, чтобы можно было просматривать с любого браузера и устройства без проблем? Я бы просто поменяла камеру и все, тем более нужна то всего одна.

Ищите камеры с поддержкой HLS, например

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

А если сменить камеру на другую? Есть какие-нибудь варианты, чтобы можно было просматривать с любого браузера и устройства без проблем?

да, если взять длинк, то там обычно всегда есть веб-интерфейс с трансляцией в mp4. т.е. любой браузер его подхватит, как видеопоток. будет, ес-но, задержка в 5, 10, 15 секунд.

crypt ★★★★★ ( 19.10.21 14:27:51 MSK )
Последнее исправление: crypt 19.10.21 14:28:49 MSK (всего исправлений: 1)

и еще один аргумент в пользу отказа от rtsp — безопасность:( как бы не эти самые хики-камеры я «взламывал» (я, конечно, пишу о сугубо легальной активности в интересах организации ) через rtsp.

crypt ★★★★★ ( 19.10.21 14:30:34 MSK )
Последнее исправление: crypt 19.10.21 14:33:44 MSK (всего исправлений: 3)

Источник