Merge branch 'master' into vyper-compiler-updates

apps/remix-ide/src/app/plugins/templates-selection/templates-selection-plugin.tsx

@@ -147,7 +147,7 @@ export class TemplatesSelectionPlugin extends ViewPlugin {
           ['ERC721', 'secondary'],
           ['ERC1155', 'primary'],
         ]}
-        title='Template explorer'
+        title='Workspace Templates'
         description="Select a template to create a workspace or to add it to current workspace"
       >
         {

apps/remix-ide/src/app/plugins/templates-selection/templates.ts

@@ -3,7 +3,7 @@ export const templates = (intl, plugin) => {
     {
       name: "Generic",
       items: [
-        { value: "remixDefault", tagList: ["Solidity"], displayName: intl.formatMessage({ id: 'filePanel.basic' }), description: 'A default project' },
+        { value: "remixDefault", tagList: ["Solidity"], displayName: intl.formatMessage({ id: 'filePanel.basic' }), description: 'The default project' },
         { value: "blank", displayName: intl.formatMessage({ id: 'filePanel.blank' }), IsArtefact: true, description: 'A blank project' }
       ]
     },
@@ -14,102 +14,102 @@ export const templates = (intl, plugin) => {
           value: "ozerc20",
           displayName: "ERC20",
           tagList: ["ERC20", "Solidity"],
-          description: 'A simple ERC20 project'
+          description: 'A simple fungible token contract'
         },
         {
-          value: "ozerc721",
+          value: "ozerc20",
-          displayName: "ERC721 (NFT)",
+          displayName: "ERC20",
-          tagList: ["ERC721", "Solidity"],
+          description: "An ERC20 contract with:",
-          description: 'A simple ERC721 (aka NFT) project'
+          tagList: ["Solidity"],
+          opts: {
+            mintable: true
+          }
         },
         {
-          value: "ozerc1155",
+          value: "ozerc20",
-          tagList: ["Solidity"],
+          displayName: "ERC20",
-          displayName: "ERC1155",
+          description: "An ERC20 contract with:",
-          description: 'A simple ERC1155 (multi token) project'
+          tagList: ["Solidity", "ERC20"],
+          opts: {
+            mintable: true,
+            burnable: true
+          },
         },
         {
           value: "ozerc20",
           displayName: "ERC20",
-          description: "A standard interface for fungible tokens",
+          description: "An ERC20 contract with:",
-          tagList: ["Solidity"],
           opts: {
-            mintable: true
+            mintable: true,
-          }
+            pausable: true
+          },
+          tagList: ["ERC20", "Solidity"]
         },
         {
           value: "ozerc721",
-          displayName: "ERC721 (NFT)",
+          displayName: "ERC721",
-          description: "Non-fungible Token Standard",
+          tagList: ["ERC721", "Solidity"],
-          tagList: ["Solidity", "ERC721"],
+          description: 'A simple non-fungible token (NFT) contract'
-          opts: {
-            mintable: true
-          }
         },
         {
-          value: "ozerc1155",
+          value: "ozerc721",
-          displayName: "ERC1155",
+          displayName: "ERC721",
-          tagList: ["Solidity"],
+          description: "An ERC721 contract with:",
-          description: "A standard interface for contracts that manage multiple token types",
+          tagList: ["Solidity", "ERC721"],
           opts: {
             mintable: true
           }
         },
         {
-          value: "ozerc20",
+          value: "ozerc721",
-          displayName: "ERC20",
+          displayName: "ERC721 (NFT)",
-          description: "A standard interface for fungible tokens",
+          description: "An ERC721 contract with:",
-          tagList: ["Solidity", "ERC20"],
           opts: {
             mintable: true,
             burnable: true
           },
+          tagList: ["ERC721", "Solidity"]
         },
         {
           value: "ozerc721",
           displayName: "ERC721 (NFT)",
-          description: "Non-fungible Token Standard",
+          description: "An ERC721 contract with:",
           opts: {
             mintable: true,
-            burnable: true
+            pausable: true
           },
           tagList: ["ERC721", "Solidity"]
         },
         {
           value: "ozerc1155",
+          tagList: ["Solidity"],
           displayName: "ERC1155",
-          description: "A standard interface for contracts that manage multiple token types",
+          description: 'A simple multi token contract'
-          opts: {
-            mintable: true,
-            burnable: true
-          },
-          tagList: ["ERC1155", "Solidity"]
         },
         {
-          value: "ozerc20",
+          value: "ozerc1155",
-          displayName: "ERC20",
+          displayName: "ERC1155",
-          description: "A standard interface for fungible tokens",
+          tagList: ["Solidity"],
+          description: "An ERC1155 contract with:",
           opts: {
-            mintable: true,
+            mintable: true
-            pausable: true
+          }
-          },
-          tagList: ["ERC20", "Solidity"]
         },
         {
-          value: "ozerc721",
+          value: "ozerc1155",
-          displayName: "ERC721 (NFT)",
+          displayName: "ERC1155",
-          description: "Non-fungible Token Standard",
+          description: "An ERC1155 contract with:",
           opts: {
             mintable: true,
-            pausable: true
+            burnable: true
           },
-          tagList: ["ERC721", "Solidity"]
+          tagList: ["ERC1155", "Solidity"]
         },
         {
           value: "ozerc1155",
           displayName: "ERC1155",
-          description: "A standard interface for contracts that manage multiple token types",
+          description: "An ERC1155 contract with:",
-          tagList: ["ERC20"],
+          tagList: ["ERC1155"],
           opts: {
             mintable: true,
             pausable: true
@@ -122,120 +122,120 @@ export const templates = (intl, plugin) => {
       items: [
         {
           value: "ozerc20",
-          displayName: "ERC20",
+          displayName: "UUPS ERC20",
-          description: "A standard interface for fungible tokens",
+          description: "A simple ERC20 contract using the Universal Upgradeable Proxy Standard (UUPS) pattern",
           opts: {
             upgradeable: 'uups'
           },
           tagList: ["ERC20", "Solidity"]
         },
         {
-          value: "ozerc721",
+          value: "ozerc20",
-          displayName: "ERC721 (NFT)",
+          displayName: "UUPS ERC20",
-          description: "Non-fungible Token Standard",
+          description: "UUSP ERC20 contract with:",
           opts: {
-            upgradeable: 'uups'
+            upgradeable: 'uups',
+            mintable: true
           },
-          tagList: ["ERC721", "Solidity"]
+          tagList: ["ERC20", "Solidity"]
         },
         {
-          value: "ozerc1155",
+          value: "ozerc20",
-          displayName: "ERC1155",
+          displayName: "UUPS ERC20",
-          description: "A standard interface for contracts that manage multiple token types",
+          description: "UUSP ERC20 contract with:",
           opts: {
-            upgradeable: 'uups'
+            upgradeable: 'uups',
+            mintable: true,
+            burnable: true
           },
-          tagList: ["ERC1155", "Solidity"]
+          tagList: ["ERC20", "Solidity"]
         },
         {
           value: "ozerc20",
-          displayName: "ERC20",
+          displayName: "UUPS ERC20",
-          description: "A standard interface for fungible tokens",
+          description: "UUSP ERC20 contract with:",
           opts: {
             upgradeable: 'uups',
-            mintable: true
+            mintable: true,
+            pausable: true
           },
           tagList: ["ERC20", "Solidity"]
         },
         {
           value: "ozerc721",
-          displayName: "ERC721 (NFT)",
+          displayName: "UUPS ERC721",
-          description: "Non-fungible Token Standard",
+          description: "A simple UUPS ERC721 contract",
           opts: {
-            upgradeable: 'uups',
+            upgradeable: 'uups'
-            mintable: true
           },
           tagList: ["ERC721", "Solidity"]
         },
         {
-          value: "ozerc1155",
+          value: "ozerc721",
-          displayName: "ERC1155",
+          displayName: "UUPS ERC721",
-          description: "A standard interface for contracts that manage multiple token types",
+          description: "UUPS ERC721 contract with:",
           opts: {
             upgradeable: 'uups',
             mintable: true
           },
-          tagList: ["ERC1155", "Solidity"]
+          tagList: ["ERC721", "Solidity"]
         },
         {
-          value: "ozerc20",
+          value: "ozerc721",
-          displayName: "ERC20",
+          displayName: "UUPS ERC721 (NFT)",
-          description: "A standard interface for fungible tokens",
+          description: "Non-fungible Token Standard",
           opts: {
             upgradeable: 'uups',
             mintable: true,
             burnable: true
           },
-          tagList: ["ERC20", "Solidity"]
+          tagList: ["ERC721", "Solidity"]
         },
         {
           value: "ozerc721",
-          displayName: "ERC721 (NFT)",
+          displayName: "UUPS ERC721 (NFT)",
-          description: "Non-fungible Token Standard",
+          description: "UUPS ERC721 with: ",
           opts: {
             upgradeable: 'uups',
             mintable: true,
-            burnable: true
+            pausable: true
           },
           tagList: ["ERC721", "Solidity"]
         },
         {
           value: "ozerc1155",
-          displayName: "ERC1155",
+          displayName: "UUPS ERC1155",
-          description: "A standard interface for contracts that manage multiple token types",
+          description: "A simple multi token contract using the UUPS pattern",
           opts: {
-            upgradeable: 'uups',
+            upgradeable: 'uups'
-            mintable: true,
-            burnable: true
           },
           tagList: ["ERC1155", "Solidity"]
         },
         {
-          value: "ozerc20",
+          value: "ozerc1155",
-          displayName: "ERC20",
+          displayName: "UUPS ERC1155",
-          description: "A standard interface for fungible tokens",
+          description: "UUPS ERC1155 with:",
           opts: {
             upgradeable: 'uups',
-            mintable: true,
+            mintable: true
-            pausable: true
           },
-          tagList: ["ERC20", "Solidity"]
+          tagList: ["ERC1155", "Solidity"]
         },
         {
-          value: "ozerc721",
+          value: "ozerc1155",
-          displayName: "ERC721 (NFT)",
+          displayName: "UUPS ERC1155",
-          description: "Non-fungible Token Standard",
+          description: "UUPS ERC1155 with:",
           opts: {
             upgradeable: 'uups',
             mintable: true,
-            pausable: true
+            burnable: true
           },
-          tagList: ["ERC721", "Solidity"]
+          tagList: ["ERC1155", "Solidity"]
         },
         {
           value: "ozerc1155",
-          displayName: "ERC1155",
+          displayName: "UUPS ERC1155",
-          description: "A standard interface for contracts that manage multiple token types",
+          description: "UUPS ERC1155 with:",
           opts: {
             upgradeable: 'uups',
             mintable: true,
@@ -245,8 +245,8 @@ export const templates = (intl, plugin) => {
         },
         {
           value: "ozerc1155",
-          displayName: "ERC1155",
+          displayName: "UUPS ERC1155",
-          description: "A standard interface for contracts that manage multiple token types",
+          description: "UUPS ERC1155 with:",
           opts: {
             upgradeable: 'uups',
             mintable: true,
@@ -259,12 +259,12 @@ export const templates = (intl, plugin) => {
     },
     {
       name: "Cookbook",
-      tooltip: "Cookbook is a smart contract search tool. Click here to open cookbook and browse contracts.",
+      tooltip: "Cookbook is a Smart Contract Search Tool. Click here to open Cookbook and browse Contracts.",
       onClick: async () => {
         await plugin.call('manager', 'activatePlugin', 'cookbookdev')
         plugin.call('menuicons', 'showContent', 'cookbookdev')
       },
-      onClickLabel: 'Open cookbook plugin',
+      onClickLabel: 'Open Cookbook Plugin',
       items: [
         { value: "token-sale", displayName: 'Token Sale' },
         { value: "simple-nft-sale", displayName: 'Simple Nft Sale' },
@@ -274,27 +274,30 @@ export const templates = (intl, plugin) => {
         { value: "nft-staking-with-infinite-rewards", displayName: 'Nft Staking with infinite rewards' },
         { value: "basic-dao", displayName: 'Basic DAO' },
         { value: "soulbound-nft", displayName: 'Soulbound Nft' },
-        { value: "multi-collection-nft-with-burnable-nfts-and-pausable-transfers", displayName: 'Multi collection nft with burnable nfts and pausable transfers' },
+        { value: "multi-collection-nft-with-burnable-nfts-and-pausable-transfers", displayName: 'Multi collection NFT', description: "Multi collection NFT with:", opts: {
+          burnable: true,
+          pausable: true
+        }, },
       ]
     },
     {
       name: "OxProject",
       items: [
-        { value: "zeroxErc20", displayName: "ERC20", tagList: ["ERC20", "Solidity"], description: "A standard interface for fungible tokens by 0xProject" }
+        { value: "zeroxErc20", displayName: "ERC20", tagList: ["ERC20", "Solidity"], description: "A fungible token contract by 0xProject" }
       ]
     },
     {
       name: "Gnosis Safe",
       items: [
-        { value: "gnosisSafeMultisig", tagList: ["Solidity"], displayName: intl.formatMessage({ id: 'filePanel.multiSigWallet' }), description: 'Deploy or Customize the Gnosis Safe.' }
+        { value: "gnosisSafeMultisig", tagList: ["Solidity"], displayName: intl.formatMessage({ id: 'filePanel.multiSigWallet' }), description: 'Deploy or customize the Gnosis Safe.' }
       ]
     },
     {
       name: "Circom ZKP",
       items: [
-        { value: "semaphore", tagList: ["ZKP"], displayName: intl.formatMessage({ id: 'filePanel.semaphore' }), description: 'Run a ZK Semaphore circom circuit.' },
+        { value: "semaphore", tagList: ["ZKP"], displayName: intl.formatMessage({ id: 'filePanel.semaphore' }), description: 'Semaphore protocol for casting a message as a provable group member' },
-        { value: "hashchecker", tagList: ["ZKP"], displayName: intl.formatMessage({ id: 'filePanel.hashchecker' }), description: 'Run a ZK Hash checker circom circuit.' },
+        { value: "hashchecker", tagList: ["ZKP"], displayName: intl.formatMessage({ id: 'filePanel.hashchecker' }), description: 'Hash checker Circom circuit' },
-        { value: "rln", tagList: ["ZKP"], displayName: intl.formatMessage({ id: 'filePanel.rln' }), description: 'Run a Rate Limiting Nullifier circom circuit.' }
+        { value: "rln", tagList: ["ZKP"], displayName: intl.formatMessage({ id: 'filePanel.rln' }), description: 'Rate Limiting Nullifier Circom circuit' }
       ]
     },
     {
@@ -304,7 +307,7 @@ export const templates = (intl, plugin) => {
           value: "sindriScripts",
           tagList: ["ZKP"],
           displayName: intl.formatMessage({ id: 'filePanel.addscriptsindri' }),
-          description: 'Use the Sindri API to compile and generate proof.'
+          description: 'Use the Sindri API to compile and generate proofs'
         },
       ],
     },
@@ -334,12 +337,12 @@ export const templates = (intl, plugin) => {
           value: "contractCreate2Factory",
           tagList: ["Solidity"],
           displayName: intl.formatMessage({ id: 'filePanel.addcreate2solidityfactory' }),
-          description: 'Factory for deploying a Contract using the CREATE2 opcode.'
+          description: 'Factory for deploying a contract using the CREATE2 opcode'
         },
         {
           value: "contractDeployerScripts",
           displayName: intl.formatMessage({ id: 'filePanel.addscriptdeployer' }),
-          description: 'Script for deploying a Contract using the CREATE2 opcode.'
+          description: 'Script for deploying a contract using the CREATE2 opcode'
         }
       ]
     },
@@ -358,19 +361,19 @@ export const templates = (intl, plugin) => {
       items: [
         { value: "runJsTestAction",
           displayName: intl.formatMessage({ id: 'filePanel.tssoltestghaction' }),
-          description: 'A Mocha Chai Test Workflow in a GitHub CI.'
+          description: 'A Mocha Chai test workflow in a GitHub CI.'
         },
         { value: "runSolidityUnittestingAction",
           displayName: intl.formatMessage({ id: 'filePanel.solghaction' }),
-          description: 'Run a Solidity Unittest Workflow in a GitHub CI.'
+          description: 'Run a Solidity unit test workflow in a GitHub CI.'
         },
         {
           value: "runSlitherAction",
           displayName: intl.formatMessage({ id: 'filePanel.slitherghaction' }),
-          description: 'Run a Slither Security Analysis in a GitHub CI.'
+          description: 'Run a Slither security analysis in a GitHub CI.'
         }
       ],
       IsArtefact: true
     }
   ]
-}
+}

apps/remix-ide/src/app/tabs/locales/en/filePanel.json

@@ -2,6 +2,9 @@
   "filePanel.displayName": "File explorer",
   "filePanel.workspace": "WORKSPACES",
   "filePanel.create": "Create",
+
+  "filePanel.createLabel": "Create Using Template",
+  "filePanel.createBlank":"Create Blank",
   "filePanel.create.desktop": "Create Project",
   "filePanel.clone": "Clone",
   "filePanel.download": "Download",
@@ -9,7 +12,8 @@
   "filePanel.restore": "Restore",
   "filePanel.name": "Name",
   "filePanel.save": "Save",
-  "filePanel.workspace.create": "Create Workspace",
+  "filePanel.workspace.create": "Create Workspace using template",
+  "filePanel.workspace.createBlank": "Create Blank Workspace",
   "filePanel.workspace.create.desktop": "Create project in new folder",
   "filePanel.workspace.rename": "Rename Workspace",
   "filePanel.workspace.save_workspace": "Save Workspace",

apps/remix-ide/src/app/tabs/locales/en/settings.json

@@ -1,16 +1,18 @@
 {
   "settings.displayName": "Settings",
   "settings.reset": "Reset to Default settings",
-  "settings.general": "General settings",
+  "settings.general": "General",
-  "settings.generateContractMetadataText": "Generate contract metadata. Generate a JSON file in the contract folder. Allows to specify library addresses the contract depends on. If nothing is specified, Remix deploys libraries automatically.",
+  "settings.generateContractMetadataText": "Generate contract metadata",
+  "settings.generateContractMetadataTooltip": "Generate a JSON file in the contract folder. Allows to specify library addresses the contract depends on. If nothing is specified, Remix deploys libraries automatically.",
   "settings.ethereunVMText": "Always use the Remix VM at load",
   "settings.wordWrapText": "Word wrap in editor",
-  "settings.useAutoCompleteText": "Enable code completion in editor.",
+  "settings.useAutoCompleteText": "Enable code completion in editor",
-  "settings.useShowGasInEditorText": "Display gas estimates in editor.",
+  "settings.useShowGasInEditorText": "Display gas estimates in editor",
-  "settings.displayErrorsText": "Display errors in editor while typing.",
+  "settings.displayErrorsText": "Display errors in editor while typing",
-  "settings.matomoAnalytics": "Enable Matomo Analytics. We do not collect personally identifiable information (PII). The info is used to improve the site’s UX & UI. See more about ",
+  "settings.matomoAnalytics": "Enable Matomo Analytics. See",
-  "settings.enablePersonalModeText": " Enable Personal Mode for web3 provider. Transaction sent over Web3 will use the web3.personal API.\n",
+  "settings.matomoAnalyticsTooltip": "We do not collect personally identifiable information (PII). The info is used to improve the site’s UX & UI.",
-  "settings.warnText": "Be sure the endpoint is opened before enabling it.  This mode allows a user to provide a passphrase in the Remix interface without having to unlock the account. Although this is very convenient, you should completely trust the backend you are connected to (Geth, Parity, ...). Remix never persists any passphrase",
+  "settings.enablePersonalModeText": " Enable Personal Mode for web3 provider",
+  "settings.enablePersonalModeTooltip": "Transaction sent over Web3 will use the web3.personal API. Be sure the endpoint is opened before enabling it.  This mode allows a user to provide a passphrase in the Remix interface without having to unlock the account. Although this is very convenient, you should completely trust the backend you are connected to (Geth, Parity, ...). Remix never persists any passphrase",
   "settings.gitAccessTokenTitle": "Github Credentials",
   "settings.gitAccessTokenText": "The access token is used to publish a Gist and retrieve GitHub contents. You may need to input username/email.",
   "settings.gitAccessTokenText2":"Go to github token page (link below) to create a new token and save it in Remix. Make sure this token has only 'create gist' permission",

libs/remix-ui/grid-view/src/lib/remix-ui-grid-section.css

@@ -21,6 +21,6 @@
 }
 
 * {
-  scrollbar-width: thin;
+  scrollbar-width: 0.5rem;
   scrollbar-color: var(--bg-dark) var(--bg-light);
-}
+}

libs/remix-ui/settings/src/lib/remix-ui-settings.tsx

@@ -249,6 +249,13 @@ export const RemixUiSettings = (props: RemixUiSettingsProps) => {
               htmlFor="generatecontractmetadata"
             >
               <FormattedMessage id="settings.generateContractMetadataText" />
+              <CustomTooltip
+                placement="auto"
+                tooltipId="settings-tooltip-metadata"
+                tooltipText={intl.formatMessage({ id: 'settings.generateContractMetadataTooltip' })}
+              >
+                <i className="ml-1 far fa-info-circle"></i>
+              </CustomTooltip>
             </label>
           </div>
           <div className="mt-2 custom-control custom-checkbox mb-1">
@@ -296,11 +303,14 @@ export const RemixUiSettings = (props: RemixUiSettingsProps) => {
           <div className="custom-control custom-checkbox mb-1">
             <input onChange={onchangePersonal} id="personal" type="checkbox" className="custom-control-input" checked={isPersonalChecked} />
             <label className={`form-check-label custom-control-label align-middle ${getTextClass('settings/personal-mode')}`} htmlFor="personal">
-              <i className="fas fa-exclamation-triangle text-warning" aria-hidden="true"></i> <span> </span>
-              <span> </span>
               <FormattedMessage id="settings.enablePersonalModeText" />
-              &nbsp;
+              <CustomTooltip
-              <FormattedMessage id="settings.warnText" />
+                placement="auto"
+                tooltipId="settings-tooltip-personalMode"
+                tooltipText={intl.formatMessage({ id: 'settings.enablePersonalModeTooltip' })}
+              >
+                <i className="ml-1 fas fa-exclamation-triangle text-warning" aria-hidden="true"></i>
+              </CustomTooltip>
             </label>
           </div>
           <div className="custom-control custom-checkbox mb-1">
@@ -309,7 +319,7 @@ export const RemixUiSettings = (props: RemixUiSettingsProps) => {
               <span>
                 <FormattedMessage id="settings.matomoAnalytics" />
               </span>
-              <a href="https://medium.com/p/66ef69e14931/" target="_blank">
+              <a href="https://medium.com/remix-ide/help-us-improve-remix-ide-66ef69e14931" target="_blank">
                 {' '}
                 <FormattedMessage id="settings.analyticsInRemix" />
               </a>{' '}
@@ -317,6 +327,13 @@ export const RemixUiSettings = (props: RemixUiSettingsProps) => {
               <a target="_blank" href="https://matomo.org/free-software">
                 Matomo
               </a>
+              <CustomTooltip
+                placement="auto"
+                tooltipId="settings-tooltip-matomo"
+                tooltipText={intl.formatMessage({ id: 'settings.matomoAnalyticsTooltip' })}
+              >
+                <i className="ml-1 far fa-info-circle"></i>
+              </CustomTooltip>
             </label>
           </div>
           <div className="custom-control custom-checkbox mb-1">

libs/remix-ui/workspace/src/lib/components/createModal.tsx

@@ -0,0 +1,51 @@
+import React from 'react'
+import { FormattedMessage } from 'react-intl'
+
+export const createModalMessage = async (
+  defaultName: string,
+  gitConfigNotSet: boolean,
+  onChangeTemplateName: (name: string) => void,
+  onChangeInitGit: (name: string) => void) => {
+
+  return (
+    <>
+      <label id="wsName" className="form-check-label" style={{ fontWeight: 'bolder' }}>
+        <FormattedMessage id="filePanel.workspaceName" />
+      </label>
+      <input
+        type="text"
+        data-id="modalDialogCustomPromptTextCreate"
+        defaultValue={defaultName}
+        className="form-control"
+        onChange={(e) => onChangeTemplateName(e.target.value)}
+        onInput={(e) => onChangeTemplateName((e.target as any).value)}
+      />
+      <div className="d-flex py-2 align-items-center custom-control custom-checkbox">
+        <input
+          id="initGitRepository"
+          data-id="initGitRepository"
+          className="form-check-input custom-control-input"
+          type="checkbox"
+          disabled={gitConfigNotSet}
+          onChange={(e) => onChangeInitGit(e.target.value)}
+          onInput={(e) => onChangeInitGit((e.target as any).value)}
+        />
+        <label
+          htmlFor="initGitRepository"
+          data-id="initGitRepositoryLabel"
+          className="m-0 form-check-label custom-control-label udapp_checkboxAlign"
+          title={window._intl.formatMessage({ id: 'filePanel.initGitRepoTitle' })}
+        >
+          <FormattedMessage id="filePanel.initGitRepositoryLabel" />
+        </label>
+      </div>
+      {gitConfigNotSet ? (
+        <div className="text-warning">
+          <FormattedMessage id="filePanel.initGitRepositoryWarning" />
+        </div>
+      ) : (
+        <></>
+      )}
+    </>
+  )
+}

libs/remix-ui/workspace/src/lib/components/workspace-hamburger-item.tsx

@@ -32,7 +32,7 @@ export function HamburgerMenuItem(props: HamburgerMenuItemProps) {
             >
               <span hidden={hideOption} id={uid} data-id={uid} className={props.fa + ' pl-2'} style={{ width: '1.4rem' }}></span>
               <span className="px-2">
-                <FormattedMessage id={'filePanel.' + props.kind} />
+                {props.kind === 'create' ? <FormattedMessage id={'filePanel.createLabel'} /> :<FormattedMessage id={'filePanel.' + props.kind} />}
               </span>
             </div>
           </CustomTooltip>

libs/remix-ui/workspace/src/lib/components/workspace-hamburger.tsx

@@ -7,6 +7,7 @@ import { WorkspaceMetadata } from '../types'
 export interface HamburgerMenuProps {
   selectedWorkspace: WorkspaceMetadata
   createWorkspace: () => void
+  createBlankWorkspace: () => Promise<void>
   renameCurrentWorkspace: () => void
   downloadCurrentWorkspace: () => void
   deleteCurrentWorkspace: () => void
@@ -26,6 +27,16 @@ export function HamburgerMenu(props: HamburgerMenuProps) {
   const { showIconsMenu, hideWorkspaceOptions, hideLocalhostOptions, hideFileOperations, selectedWorkspace } = props
   return (
     <>
+      <HamburgerMenuItem
+        kind="createBlank"
+        fa="far fa-plus"
+        hideOption={hideWorkspaceOptions}
+        actionOnClick={() => {
+          props.createBlankWorkspace()
+          props.hideIconsMenu(!showIconsMenu)
+        }}
+        platforms={[appPlatformTypes.web]}
+      ></HamburgerMenuItem>
       <HamburgerMenuItem
         kind="create"
         fa="far fa-plus"

libs/remix-ui/workspace/src/lib/remix-ui-workspace.tsx

@@ -18,6 +18,7 @@ import { AppContext, appPlatformTypes, platformContext } from '@remix-ui/app'
 import { ElectronMenu } from './components/electron-menu'
 import { ElectronWorkspaceName } from './components/electron-workspace-name'
 import { branch, GitHubUser, gitUIPanels, userEmails } from '@remix-ui/git'
+import { createModalMessage } from './components/createModal'
 
 const _paq = (window._paq = window._paq || [])
 
@@ -335,6 +336,26 @@ export function Workspace() {
     )
   }
 
+  const [counter, setCounter] = useState(1)
+  const createBlankWorkspace = async () => {
+    const username = await global.plugin.call('settings', 'get', 'settings/github-user-name')
+    const email = await global.plugin.call('settings', 'get', 'settings/github-email')
+    const gitNotSet = !username || !email
+    const defaultName = await global.plugin.call('filePanel', 'getAvailableWorkspaceName', 'blank')
+    let workspace = defaultName
+    let gitInit = false
+    setCounter((previous) => {
+      return previous + 1
+    })
+    global.modal(
+      intl.formatMessage({ id: 'filePanel.workspace.createBlank' }),
+      await createModalMessage(`blank - ${counter}`, gitNotSet, (value) => { workspace = value }, (value) => gitInit = false),
+      intl.formatMessage({ id: 'filePanel.ok' }),
+      () => global.dispatchCreateWorkspace(`blank - ${counter}`, 'blank', false),
+      intl.formatMessage({ id: 'filePanel.cancel' })
+    )
+  }
+
   const saveSampleCodeWorkspace = () => {
     const workspaceName = global.plugin.getAvailableWorkspaceName('code-sample')
     global.modal(
@@ -926,6 +947,7 @@ export function Workspace() {
                           <HamburgerMenu
                             selectedWorkspace={selectedWorkspace}
                             createWorkspace={createWorkspace}
+                            createBlankWorkspace={createBlankWorkspace}
                             renameCurrentWorkspace={renameCurrentWorkspace}
                             downloadCurrentWorkspace={downloadCurrentWorkspace}
                             deleteCurrentWorkspace={deleteCurrentWorkspace}

releaseDetails.json

@@ -1,11 +1,13 @@
 {
-    "version": "v0.53.0",
+    "version": "v0.54.0",
     "title": "RELEASE HIGHLIGHTS",
-    "highlight1": "Keyboard shortcut for Cut-Copy-Paste files and folder",
+    "highlight1": "Login to GitHub from 'File Explorer'",
-    "highlight2": "Interface to generate proof in Circom compiler plugin",
+    "highlight2": "Added Cookbook workspace templates",
-    "highlight3": "Publish multi-selected files to Gist",
+    "highlight3": "Added 'sendRawTransaction' API to remix-simulator",
     "highlight4": "",
     "more": "Read More",
-    "moreLink": "https://medium.com/remix-ide/remix-release-v0-53-0-615d9e7c6c58?source=friends_link&sk=35e918e8487aaab02e79ea4dc557a7e7"
+    "moreLink": "https://medium.com/remix-ide/remix-release-v0-54-0-021575d54849?source=friends_link&sk=e3960ba90994b63993987b007ee3ac63"
   }
   
+
+  

yarn.lock

@@ -14104,9 +14104,9 @@ dotignore@~0.1.2:
     minimatch "^3.0.4"
 
 dset@^3.1.2:
-  version "3.1.3"
+  version "3.1.4"
-  resolved "https://registry.yarnpkg.com/dset/-/dset-3.1.3.tgz#c194147f159841148e8e34ca41f638556d9542d2"
+  resolved "https://registry.yarnpkg.com/dset/-/dset-3.1.4.tgz#f8eaf5f023f068a036d08cd07dc9ffb7d0065248"
-  integrity sha512-20TuZZHCEZ2O71q9/+8BwKwZ0QtD9D8ObhrihJPr+vLLYlSuAU3/zL4cSlgbfeoGHTjCSJBa7NGcrF9/Bx/WJQ==
+  integrity sha512-2QF/g9/zTaPDc3BjNcVTGoBbXBgYfMTTceLaYcFJ/W9kggFUkhxD/hMEeuLKbugyef9SqAx8cpgwlIP/jinUTA==
 
 duplexer2@^0.1.2, duplexer2@~0.1.0, duplexer2@~0.1.2:
   version "0.1.4"