Skip to main content

Posts

Showing posts from September, 2022

Making vanilla web-fontend (project with lit, web component) secured (discussions with chatGpt)

Query: I wn complete seperate .css/.scss and .html template file for my webcomponent.js like in angular. But with complete security. In lit. Use any js lib like domPurify, etc. But I wan complete safety. How? ChatGPT said: Thought for 16s Totally doable. Here’s a secure Lit setup with fully separate .html + .scss files , sanitized with DOMPurify , and rendered into the Shadow DOM without sacrificing performance. Folder layout src / lib/ safe- html .js components/ app-shell .html app-shell .scss app-shell .js 1) Install deps npm i dompurify npm i -D sass Vite will compile .scss . We’ll import the compiled CSS as text and attach it via adoptedStyleSheets (fast + memory-friendly). 2) app-shell.html (pure template file) Put your Carbon UI Shell markup here (no scripts). Example stub: < cds-header aria-label = "My App" > < cds-header-name prefix = "IBM" >[Platform] </ cds-header-name > < cds-header-glo...

Notes: Install hplip in Ubuntu 22.04 along with plugin

 Commands are as follows: sudo apt update && sudo apt upgrade -y; sudo apt install software-properties-common apt-transport-https -y; sudo add-apt-repository ppa:kelebek333/hplip -y; sudo apt-get update; sudo apt-get install hplip hplip-gui -y; === Next you need to install respective plugins Check the version of hplip using command: dpkg -l hplip Then, download corresponding plugin file & .asc file that matches with version from link https://www.openprinting.org/download/printdriver/auxfiles/HP/plugins/ Then in terminal, type: hp-plugin Then follow the GUI screen to install plugin.