Skip to main content

Posts

Showing posts from July, 2024

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...

Common screen commands

 To create screen screen -S <screen_name> To detach screen Ctrl+A d To list screens screen -ls To reattch screen screen -r <screen_name> To detach screen already attached in some other [SSH] session screen -d <screen_name> To kill a screen session screen -X -S <screen_name>; or screen -X -S <screen_name> quit To switch to a screen screen -r <screen_name> Note: <screen_name> can be screenName or screenId as you get from "screen -ls" command