Skip to main content

Posts

Showing posts from December, 2023

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...
Post a Comment
Read more

Ubuntu - C++ Notes: Install & update boost c++ library from git (may contain some error in process mentioned below)

 Boost C++ Library Installation from git in ubuntu: 1. create a directory named boost in your desired location and go to that directory mkdir boost;cd boost; 2. clone boost recursively from git using command git clone --recursive https://github.com/boostorg/boost.git 3. cd boost; sudo ./bootstrap.sh; 4. sudo ./b2; 5. sudo ./b2 install; DONE! --------------------------- Boost C++ Library Update Verson from git in Ubuntu: 1. go to gitDownloads/boost directory cd gitDownloads/boost; 2. git pull; 3. git submodule update --recursive; 4. cd boost; sudo ./bootstrap.sh; 5. sudo ./b2; 6. sudo ./b2 install; DONE!
Post a Comment
Read more

C Notes: GUI Toolkit comparison - EFL, GTK, IUP, XForms, XVT : gBard Ans

  Here's a comparison of the GUI toolkits you mentioned, highlighting key features, pros, and cons: **Toolkit Key Features Pros Cons** Enlightenment Foundation Libraries (EFL) - Native look and feel - Comprehensive widget set - Built-in effects and animations - Advanced graphics capabilities - Highly customizable - Modern and visually appealing interfaces - Efficient resource management - Steeper learning curve - Smaller community and resources GTK - Cross-platform - Widely adopted - Extensive widget set - Mature and well-supported - Native look and feel on most platforms - Large community and resources - Good performance - Can be less visually appealing out-of-the-box - Steeper learning curve for complex UIs IUP - Cross-platform - Lightweight and efficient - Simple API - Multiple language bindings - Easy to learn and use - Fast performance - Suitable for embedded systems - Smaller widget set - Less customization options XForms - Cross-platform - Model-view-controller architectur...
Post a Comment
Read more