DEV Community: m19v

What is the difference between Docker Desktop and Rancher Desktop?

m19v — Mon, 04 Mar 2024 07:47:33 +0000

The difference between Docker Desktop and Rancher Desktop, especially to what extend Rancher Desktop uses docker features, plugins etc, is not trivial.

E.g. the Docker Scout CLI plugin comes pre-installed with Docker Desktop. But for Rancher Desktop it must be manually installed.

Does Rancher Desktop uses the same Docker Engine: Docker Server, Docker CLI and Rest API as Docker Desktop?
Why I can not use some docker commands, such as docker init,docker debug with Rancher Desktop? (It is not available as plugin.)

P.S. General differences of Docker Desktop and Rancher Desktop explained in this article are clear.

How to bind SonarLint with SonarQube in IntelliJ IDE

m19v — Thu, 13 Apr 2023 21:27:36 +0000

Introduction

In this post, we are going to discuss the process of installing, configuring, and connecting SonarLint in IntelliJ IDE with the SonarQube server. Please note that this post does not cover the installation and configuration of SonarQube server.

Brief explanation of SonarLint and SonarQube

SonarLint is an IDE extension that helps developers identify and resolve quality issues while writing code. It analyzes code for a variety of issues such as bugs, vulnerabilities, code smells and provides suggestions to fix them. It allows developers to resolve code quality issues early on in the development process and reduce the cost of maintenance.

SonarQube is an open-source tool which can be integrated with build tools, such as Jenkins, for continuous inspection and automatic static analysis of code quality to detect vulnerabilities, bugs and code smells in build process.

Why it's important to bind them in IntelliJ IDE

Both SonarLint and SonarQube are technologies that perform code inspection and analysis to detect and resolve code quality issues. Nevertheless, they have different functionality scopes. SonarLint analyzes code while writing it in the IDE, providing instant feedback, while SonarQube is used in the build phase to continuously inspect and analyze the codebase.

It is recommended to use both SonarLint and SonarQube tools together, where the SonarLint plugin installed in the IDE is connected to the SonarQube server, especially if multiple developers are involved in the development process. In addition to the benefits mentioned earlier, such as improving code quality and reducing maintenance costs, integrating SonarLint with SonarQube in the IDE also ensures compliance with coding standards and best practices within the development team. Moreover, it facilitates collaboration by providing a common platform for developers to maintain, collaborate and share settings on server side such as quality profiles, analysis settings and quality gates. Additionally optional notifications from SonarQube keep team informed of any quality gate status change.

Installing SonarLint plugin in IntelliJ IDE

Go to the menu File → Settings → Plugins → Type “SonarLint” → Install and Restart IDE

After this step we can already use the SonarLint with default local rules. But we are going discuss how to bind SonarLint to SonarQube server in the next chapter.

Setting up SonarQube server

In this step we are going to generate a SonarQube authentication token for SonarLint plugin in IntelliJ IDE

Go to SonarQube → Open your Account/Profile Page → select Security tab
Enter or select Name, Type (e.g. User token) and duration of the Expiry
Generate and Copy authentication token

Binding SonarLint with SonarQube

Add new SonarQube Connection

In IntelliJ go to the menu File → Settings → Tools → SonarLint
Select Settings tab → click on “+” sign to create new SonarQube connection
In opened window give a Connection Name, Choose a Connection Type (e.g. SonarQube) and enter SonarQube URL
Enable or disable proxy as you need and click Next

In opened window select Authentication type (e.g. Token) and paste your SonarQube authentication token from previous chapter in field Token and click Next
In the next step check “Receive notification from SonarQube” if you wish to receive notification about Quality Gate status and click Next
If everything was correct, you will see "Connection successfully created" in the next window and click Finish to save connection settings.

So far we have managed to create a SonarQube connection in SonarLint plugin settings and successfully connect to SonarQube server.

Configure SonarLint Project Settings

In this step we are going to add SonarQube Connection created in previous step and select specific SonarQube project, since SonarQube may have many projects.

In IntelliJ go to the menu File → Settings → Tools → SonarLint → Project Settings
Select “Bind project to SonarQube”
Select newly create SonarQube Connection in field Connection
Search and select your project using “Search in list…” button (hint: to fetch project list from SonarQube server may take several seconds)
Finally click “Update local storage” to download the settings and rules from SonarQube server
You can track the progress of the update process in IntelliJ/SonarLint logs

Congratulations, you have successfully bound the SonarLint plugin in IntelliJ IDE to the SonarQube server. You can now use the SonarLint plugin with SonarQube in IntelliJ IDE by e.g. simply opening a Java class and selecting "Analyze with SonarLint" from the context menu of editor.

Conclusion

In this article, we learned how to install, configure and connect SonarLint plugin in IntelliJ IDE with the SonarQube server. By using SonarLint and SonarQube tools together developers can take the benefits of both to perform code inspection and analysis to detect and resolve code quality issues and reduce maintenance costs.

References

How to add Giscus comments to Docusaurus

m19v — Sun, 30 Oct 2022 21:03:08 +0000

Goal

This post is a step-by-step description of how to add Giscus, a commenting system powered by GitHub Discussions, to a static website generated by Docusaurus.

Setup Giscus

Follow the steps in the sections of the current chapter to set up Giscus and connect it to the GitHub discussions.

Enable GitHub discussion

Create Github repository in your Github account where comments are stored in Discussion section.
In the main page of created repository go to Settings.
Under "Features" section, click "Set up discussions".
Edit the template in "Start a new discussion" and click "Start discussion".

Enable Giscus

Configure giscus in your GitHub account.
In Section "Repository access" add only created repository from previous step to be accessed by giscus and click "Save".

Get repository API key

Login with GitHub account in GraphQL API Explorer.
Use following query to fetch the id of created repository, discussion categories with its details (e.g. id and name). Note! Replace owner and name with your GitHub account name and name of repository you created.

query { 
  repository(owner: "nameOfYourGitHubAccount", name:"nameOfCreatedRepository"){
    id
    discussionCategories(first:10) {
      edges {
        node {
          id
          name
        }
      }
    }
  }
}

The result json object will be similar to:

{
  "data": {
    "repository": {
      "id": "R_kgDOIVqhTg",
      "discussionCategories": {
        "edges": [
          {
            "node": {
              "id": "DIC_kwDOIVqhTs4CSSES",
              "name": "Announcements"
            }
          },
          {
            "node": {
              "id": "DIC_kwDOIVqhTs4CSSET",
              "name": "General"
            }
          },
          {
            "node": {
              "id": "DIC_kwDOIVqhTs4CSSEV",
              "name": "Ideas"
            }
          },
          {
            "node": {
              "id": "DIC_kwDOIVqhTs4CSSEX",
              "name": "Polls"
            }
          },
          {
            "node": {
              "id": "DIC_kwDOIVqhTs4CSSEU",
              "name": "Q&A"
            }
          },
          {
            "node": {
              "id": "DIC_kwDOIVqhTs4CSSEW",
              "name": "Show and tell"
            }
          }
        ]
      }
    }
  }
}

Create Giscus component

Install @giscus/react package

npm i @giscus/react

Create Giscus Component, e.g. under /src/components/GiscusComponent as follows:

import React from 'react';
import Giscus from "@giscus/react";
import { useColorMode } from '@docusaurus/theme-common';

export default function GiscusComponent() {
  const { colorMode } = useColorMode();

  return (
    <Giscus    
      repo="nameOfYourGitHubAccount/nameOfCreatedRepository"
      repoId="idOfCreatedRepo"
      category="General"
      categoryId="IdOfDiscussionCategory"  // E.g. id of "General"
      mapping="url"                        // Important! To map comments to URL
      term="Welcome to @giscus/react component!"
      strict="0"
      reactionsEnabled="1"
      emitMetadata="1"
      inputPosition="top"
      theme={colorMode}
      lang="en"
      loading="lazy"
      crossorigin="anonymous"
      async
    />
  );
}

Create BlogPostItem component

Create BlogPostItem component to wrap blog posts with Giscus commenting system as follows:

npm run swizzle [theme name] [component name] -- --wrap

# Example:
npm run swizzle @docusaurus/theme-classic BlogPostItem -- --wrap

This will create a BlogPostItem component under
src/theme. Edit index.js as follows:

import React from 'react';
import { useBlogPost } from '@docusaurus/theme-common/internal'
import BlogPostItem from '@theme-original/BlogPostItem';
import GiscusComponent from '@site/src/components/GiscusComponent';
import useIsBrowser from '@docusaurus/useIsBrowser';

export default function BlogPostItemWrapper(props) {
  const { metadata, isBlogPostPage } = useBlogPost()
  const isBrowser = useIsBrowser();

  const { frontMatter, slug, title } = metadata
  const { enableComments } = frontMatter

  return (
    <>
      <BlogPostItem {...props} />
      {(enableComments && isBlogPostPage) && (
        <GiscusComponent />
      )}
    </>
  );
}

Note that the useBlogPost() Hook is used in BlogPostItem component to make activation of comments per blog post configurable. The key value enableComments: true must be added to your blog post md file in order to activate commenting for it. E.g.:

---
title: "Title of blog post"
authors: author
tags: [keywordOne, keywordTwo]
enableComments: true # for Gisqus
---

I have enabled the comment function of current post in my page, which can be used as a demo. Feel free to hit the "Like" button if you found this post helpful, or post your question in the comment if you have one.

References

giscus.app

graphql.org

Add comment system to your static site with Giscus

English-Tajik Computer Science Glossary |Истилоҳоти ингилисӣ-тоҷикии улуми роёна

m19v — Fri, 05 Nov 2021 00:26:43 +0000

Дар саҳифаи зерин истилоҳоти ингилисӣ-тоҷикии улуми роёна ва тавсифи онҳо ҷамъоварӣ мешавад, то ба омузанда дар фаҳмидани мавзуъҳои соҳаи улуми роёна кӯмак расонад.

Cаҳифаи номбурда пайваста таҳрир, тасҳеҳ ва нав карда мешавад. Ҳамаи хонандагон метавонанд барои беҳтар кардани саҳифа саҳми худро гузоранд. Барои он шумо метавонед илова, эрод ва пешниҳодҳои худро дар шарҳ бинависед ва ё ба суроғаи электронии mnineteenv@gmail.com равона кунед.

Диққат! Истифодаи истилоҳоти саҳифаи боло дар мақолаҳо ва корҳои илмӣ бидуни тасдиқи дурустии он бо мутахассиси соҳаи забоншиносӣ тавсия дода намешавад.

Оё математика ихтироъ ва ё кашф шудааст?

m19v — Mon, 01 Nov 2021 20:57:34 +0000

Аз силсилаи саволҳои хуб: Оё математика ихтироъ ва ё кашф шудааст?
Good Question Series: Is mathematics invented or discovered?

Аз замонҳои қадим инсоният баҳсу мунозира доранд, ки оё математика ихтироъ шудааст ва ё онро инсоният кашф кард?

Шумо шояд шунидаед, ки математика модар ё шоҳи тамоми илмҳост. Ва ё математикаро забони табиат ва ё коитон меноманд.

Оё худи математика, қонунҳояш, теоремаҳои он ва ғ. ихтироъ шудаанд ва ё онҳо аз азал вуҷуд доштанду инсоният онҳоро баъдтар кашф кардааст? Оё мо мафҳумҳои математикаро барои фаҳмидани табиати атрофи худ, коинот офаридаем ва ё математика забони табиии худи коинот аст? Оё математика маҳсулоти интеллектуалии инсон мебошад ва ё офариниши илоҳӣ?

Мисол агар аз оина берунро назар кунем, метавон шумораи дарахтонеро дид, ки он фарз кардем ба 19 баробар аст. Акнун як лаҳза тасаввур кунед инсоният ва дар баробари он математика вуҷуд надоранд ва касе нест, ки онҳоро шуморад, оё дар он ҳолат адади 19 вуҷуд дошта метавонад?