Skip to main content

Posts

Showing posts with the label google cloude plateform

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

How to do Instance Scheduling in Google Cloud Plateform

Instance Scheduling provides easy way to turn copmpute engine instance on & off at particular timing very easily. This the the way, how I achieved this for doing this work. Log in to console.cloude.google.com Go to IAM & Admin -> Roles Choose Create roles and create role with permissions:  Go to IAM & Admin -> IAM Click Google -Provided Role grant... Search for service-<Your-ProjectId>@compute-system.iam.gserviceaccount.com in filter and edit to add role you created in Step 2 above Go to Compute Engine -> VM Instances -> Instance Schedule Create an instance schedule with start - stop timing as per your requirement you can choose start-stop timing as per CRON format of Linux for further detailing. Now once instance schedule is created, click it and click Add Instance to Schedule Choose your VM Instances for this schedule and its done Hope you enjoyed this reading and this reading may help you for future project.