+
+ )
+ }
+}
diff --git a/apps/remix-ide/src/app/panels/file-panel.js b/apps/remix-ide/src/app/panels/file-panel.js
index d8f55573f5..a709692452 100644
--- a/apps/remix-ide/src/app/panels/file-panel.js
+++ b/apps/remix-ide/src/app/panels/file-panel.js
@@ -34,6 +34,7 @@ const profile = {
methods: [
'createNewFile',
'uploadFile',
+ 'echoCall',
'getCurrentWorkspace',
'getAvailableWorkspaceName',
'getWorkspaces',
@@ -43,7 +44,7 @@ const profile = {
'registerContextMenuItem',
'renameWorkspace',
'deleteWorkspace',
- 'loadTemplate',
+ 'loadTemplate',
'clone',
'isExpanded',
'isGist'
@@ -154,10 +155,10 @@ module.exports = class Filepanel extends ViewPlugin {
return this.workspaces
}
- getAvailableWorkspaceName(name) {
+ getAvailableWorkspaceName(name) {
if (!this.workspaces) return name
let index = 1
- let workspace = this.workspaces.find((workspace) => workspace.name === name + ' - ' + index)
+ let workspace = this.workspaces.find((workspace) => workspace.name === name + ' - ' + index)
while (workspace) {
index++
workspace = this.workspaces.find((workspace) => workspace.name === name + ' - ' + index)
diff --git a/apps/remix-ide/src/app/tabs/locales/en/home.json b/apps/remix-ide/src/app/tabs/locales/en/home.json
index be2804d909..9d78937c91 100644
--- a/apps/remix-ide/src/app/tabs/locales/en/home.json
+++ b/apps/remix-ide/src/app/tabs/locales/en/home.json
@@ -29,7 +29,7 @@
"home.dgitPluginDesc": "Add source control to your projects.",
"home.oneClickDappDesc": "Quickly generate smart contract interfaces",
"home.getStarted": "Get Started",
- "home.projectTemplates": "Project Templates",
+ "home.projectTemplates": "Explore. Prototype. Create.",
"home.blankTemplateDesc": "Create an empty workspace.",
"home.remixDefaultTemplateDesc": "Create a workspace with sample files.",
"home.ozerc20TemplateDesc": "Create an ERC20 token by importing OpenZeppelin library.",
@@ -39,7 +39,7 @@
"home.zeroxErc20TemplateDesc": "Create an ERC20 token by importing 0xProject contract.",
"home.learn": "Learn",
"home.learnEth1": "Remix Basics",
- "home.learnEth1Desc":"An introduction to Remix's interface and basic operations.",
+ "home.learnEth1Desc": "An introduction to Remix's interface and basic operations.",
"home.learnEth2": "Intro to Solidity",
"home.learnEth2Desc": "Interactively learn Solidity beginner concepts.",
"home.remixAdvanced": "Deploying with Libraries",
@@ -56,15 +56,16 @@
"home.remixDesktop": "Remix Desktop",
"home.searchDocumentation": "Search Documentation",
"home.files": "Files",
- "home.newFile": "New File",
+ "home.newFile": "New",
"home.startCoding": "Start Coding",
"home.startCodingPlayground": "Open a playground for prototyping and simple learning",
- "home.openFile": "Open File",
+ "home.openFile": "Open",
"home.openFileTooltip": "Open a File from your File System",
- "home.accessFileSystem": "Access File System",
+ "home.accessFileSystem": "Connect to Local Filesystem",
"home.loadFrom": "Load from",
"home.resources": "Resources",
"home.connectToLocalhost": "Connect to Localhost",
"home.seeAllTutorials": "See all tutorials",
"home.maintainedByRemix": "Maintained by Remix"
}
+
diff --git a/apps/remix-ide/src/app/tabs/settings-tab.tsx b/apps/remix-ide/src/app/tabs/settings-tab.tsx
index 49571922eb..3878b29e89 100644
--- a/apps/remix-ide/src/app/tabs/settings-tab.tsx
+++ b/apps/remix-ide/src/app/tabs/settings-tab.tsx
@@ -97,6 +97,7 @@ module.exports = class SettingsTab extends ViewPlugin {
updateCopilotChoice(isChecked) {
this.config.set('settings/copilot/suggest/activate', isChecked)
this.useCopilot = isChecked
+ this.emit('copilotChoiceUpdated', isChecked)
this.dispatch({
...this
})
diff --git a/apps/remix-ide/src/remixAppManager.js b/apps/remix-ide/src/remixAppManager.js
index c52b50c081..07958b4491 100644
--- a/apps/remix-ide/src/remixAppManager.js
+++ b/apps/remix-ide/src/remixAppManager.js
@@ -31,6 +31,7 @@ let requiredModules = [ // services + layout views + system views
'menuicons',
'filePanel',
'terminal',
+ 'statusBar',
'settings',
'pluginManager',
'tabs',
@@ -103,7 +104,7 @@ const isVM = (name) => {
}
export function isNative(name) {
-
+
// nativePlugin allows to bypass the permission request
const nativePlugins = [
'vyper',
@@ -117,6 +118,7 @@ export function isNative(name) {
'solhint',
'solidityUnitTesting',
'layout',
+ 'statusBar',
'notification',
'hardhat-provider',
'ganache-provider',
diff --git a/apps/remix-ide/src/types/index.d.ts b/apps/remix-ide/src/types/index.d.ts
new file mode 100644
index 0000000000..f45c485c3c
--- /dev/null
+++ b/apps/remix-ide/src/types/index.d.ts
@@ -0,0 +1,19 @@
+export interface PluginProfile {
+ name: string
+ displayName: string
+ description: string
+ keywords?: string[]
+ icon?: string
+ url?: string
+ methods?: string[]
+ events?: string[]
+ version?: string
+}
+
+export interface StatusBarInterface {
+ htmlElement: HTMLDivElement
+ events: EventEmitter
+ filePanelPlugin: FilePanelType
+ dispatch: React.Dispatch{props.app.hiddenPanel.render()}
+
+ {props.app.statusBar.render()}
+
- {props.app.hiddenPanel.render()}
-
-
-
+
+
+
-
+
- 
+
-
+
{releaseDetails.version} {releaseDetails.title}
@@ -65,9 +62,9 @@ function HomeTabFeatured() {
+
- 
+
-
+
@@ -86,9 +83,9 @@ function HomeTabFeatured() {
+
- 
+
-
+
@@ -110,9 +107,9 @@ function HomeTabFeatured() {
+
- 
+
diff --git a/libs/remix-ui/home-tab/src/lib/components/homeTabFeaturedPlugins.tsx b/libs/remix-ui/home-tab/src/lib/components/homeTabFeaturedPlugins.tsx
index 51dc041cc7..017caea368 100644
--- a/libs/remix-ui/home-tab/src/lib/components/homeTabFeaturedPlugins.tsx
+++ b/libs/remix-ui/home-tab/src/lib/components/homeTabFeaturedPlugins.tsx
@@ -84,7 +84,7 @@ function HomeTabFeaturedPlugins({ plugin }: HomeTabFeaturedPluginsProps) {
}
return (
-
+
diff --git a/libs/remix-ui/home-tab/src/lib/components/homeTabFeaturedPlugins.tsx b/libs/remix-ui/home-tab/src/lib/components/homeTabFeaturedPlugins.tsx
index 51dc041cc7..017caea368 100644
--- a/libs/remix-ui/home-tab/src/lib/components/homeTabFeaturedPlugins.tsx
+++ b/libs/remix-ui/home-tab/src/lib/components/homeTabFeaturedPlugins.tsx
@@ -84,7 +84,7 @@ function HomeTabFeaturedPlugins({ plugin }: HomeTabFeaturedPluginsProps) {
}
return (
-
+
diff --git a/libs/remix-ui/home-tab/src/lib/components/homeTabFile.tsx b/libs/remix-ui/home-tab/src/lib/components/homeTabFile.tsx
index ef07b97aaa..2e277f395e 100644
--- a/libs/remix-ui/home-tab/src/lib/components/homeTabFile.tsx
+++ b/libs/remix-ui/home-tab/src/lib/components/homeTabFile.tsx
@@ -1,8 +1,8 @@
/* eslint-disable @typescript-eslint/no-unused-vars */
import React, { useState, useRef, useReducer, useEffect } from 'react'
import { FormattedMessage } from 'react-intl'
-import { ModalDialog } from '@remix-ui/modal-dialog' // eslint-disable-line
-import { Toaster } from '@remix-ui/toaster' // eslint-disable-line
+import {ModalDialog} from '@remix-ui/modal-dialog' // eslint-disable-line
+import {Toaster} from '@remix-ui/toaster' // eslint-disable-line
const _paq = (window._paq = window._paq || []) // eslint-disable-line
import { CustomTooltip } from '@remix-ui/helper'
import { TEMPLATE_NAMES } from '@remix-ui/workspace'
@@ -14,7 +14,7 @@ interface HomeTabFileProps {
const loadingInitialState = {
tooltip: '',
showModalDialog: false,
- importSource: ''
+ importSource: '',
}
const loadingReducer = (state = loadingInitialState, action) => {
@@ -22,7 +22,7 @@ const loadingReducer = (state = loadingInitialState, action) => {
...state,
tooltip: action.tooltip,
showModalDialog: false,
- importSource: ''
+ importSource: '',
}
}
@@ -45,7 +45,7 @@ function HomeTabFile({ plugin }: HomeTabFileProps) {
modalInfo: { title: '', loadItem: '', examples: [], prefix: '' },
importSource: '',
toasterMsg: '',
- recentWorkspaces: []
+ recentWorkspaces: [],
})
const [, dispatch] = useReducer(loadingReducer, loadingInitialState)
@@ -71,7 +71,9 @@ function HomeTabFile({ plugin }: HomeTabFileProps) {
if (!recents) {
newRecents = []
} else {
- newRecents = recents.filter((el) => { return el !== name})
+ newRecents = recents.filter((el) => {
+ return el !== name
+ })
localStorage.setItem('recentWorkspaces', JSON.stringify(newRecents))
}
setState((prevState) => {
@@ -85,8 +87,7 @@ function HomeTabFile({ plugin }: HomeTabFileProps) {
try {
plugin.off('filePanel', 'setWorkspace')
plugin.off('filePanel', 'workspaceDeleted')
- } catch (e) {
- }
+ } catch (e) {}
}
}, [plugin])
@@ -162,7 +163,6 @@ contract HelloWorld {
} else {
await plugin.call('fileManager', 'open', '/contracts/HelloWorld.sol')
}
-
}
const uploadFile = async (target) => {
@@ -216,14 +216,7 @@ contract HelloWorld {
return (
<>
- hideFullMessage()}
- okFn={() => processLoading(state.modalInfo.title)}
- >
+ hideFullMessage()} okFn={() => processLoading(state.modalInfo.title)}>
{state.modalInfo.loadItem !== '' && Enter the {state.modalInfo.loadItem} you would like to load.}
{state.modalInfo.examples.length !== 0 && (
@@ -236,9 +229,9 @@ contract HelloWorld {
{state.modalInfo.prefix && ipfs://}
({})
const carouselRefDiv = useRef(null)
- const intl = useIntl()
useEffect(() => {
document.addEventListener('wheel', handleScroll)
@@ -61,8 +113,7 @@ function HomeTabGetStarted({ plugin }: HomeTabGetStartedProps) {
}
const createWorkspace = async (templateName) => {
-
- if (platform === appPlatformTypes.desktop){
+ if (platform === appPlatformTypes.desktop) {
await plugin.call('remix-templates', 'loadTemplateInNewWindow', templateName)
return
}
@@ -92,90 +143,45 @@ function HomeTabGetStarted({ plugin }: HomeTabGetStartedProps) {
return (
-
-
+
+
+ ))}
@@ -149,27 +139,19 @@ function HomeTabTitle() {
_paq.push(['trackEvent', 'hometab', 'header', 'webSite'])} target="__blank" href="https://remix-project.org">
()
@@ -24,7 +25,10 @@ export function LanguageOptions({ plugin }: { plugin: any }) {
return (
<>
-
+
+
{langOptions}
diff --git a/libs/remix-ui/home-tab/src/lib/remix-ui-home-tab.css b/libs/remix-ui/home-tab/src/lib/remix-ui-home-tab.css
index 4ceded21fc..efdb012c7d 100644
--- a/libs/remix-ui/home-tab/src/lib/remix-ui-home-tab.css
+++ b/libs/remix-ui/home-tab/src/lib/remix-ui-home-tab.css
@@ -76,7 +76,7 @@
text-align: left;
}
.remixui_home_cursorStyle {
- cursor: pointer;
+ cursor: pointer;
font-weight: 900;
}
.remixui_home_envButton {
@@ -114,3 +114,36 @@
background-color: var(--body-bg);
color: var(--text);
}
+
+.remixui_recentworkspace {
+ height: 2.4rem;
+}
+
+.remixui_carouselImage {
+ flex: 1;
+ height: 20rem;
+ width: 20rem;
+}
+
+.remixui_carouselbox {
+ min-height: 25.12rem;
+}
+
+.remix_ui-carousel-container {
+ container: remix_ui-carousel-container / inline-size;
+}
+
+@container remix_ui-carousel-container (inline-size < 700px) {
+ .remix_ui-carouselbox {
+ min-height: 20rem;
+ margin-right: 10rem;
+ }
+ .remixui_carouselImage {
+ height: 12.5rem;
+ width: 12.5rem;
+ }
+
+ .remixui_recentworkspace {
+ height: 0.2rem;
+ }
+}
diff --git a/libs/remix-ui/home-tab/src/lib/remix-ui-home-tab.tsx b/libs/remix-ui/home-tab/src/lib/remix-ui-home-tab.tsx
index 2373659001..fac0ec5bab 100644
--- a/libs/remix-ui/home-tab/src/lib/remix-ui-home-tab.tsx
+++ b/libs/remix-ui/home-tab/src/lib/remix-ui-home-tab.tsx
@@ -32,6 +32,7 @@ export const RemixUiHomeTab = (props: RemixUiHomeTabProps) => {
}>({
themeQuality: themes.light
})
+ const [carouselWidth, setCarouselWidth] = useState(65)
useEffect(() => {
plugin.call('theme', 'currentTheme').then((theme) => {
@@ -54,23 +55,39 @@ export const RemixUiHomeTab = (props: RemixUiHomeTabProps) => {
})
}, [])
+ useEffect(() => {
+ const checkResolution = () => {
+ const width = window.innerWidth
+ const height = window.innerHeight
+
+ if (height < 781 && width < 1150) {
+ setCarouselWidth(75)
+ }
+ }
+ checkResolution()
+
+ return () => {
+ checkResolution()
+ }
+ }, [])
+
+ // border-right
return (
-
+
-
-
+
+
diff --git a/libs/remix-ui/panel/src/index.ts b/libs/remix-ui/panel/src/index.ts
index 11b5ef7c67..5cb90eecc4 100644
--- a/libs/remix-ui/panel/src/index.ts
+++ b/libs/remix-ui/panel/src/index.ts
@@ -1,4 +1,4 @@
export { default as RemixPluginPanel } from './lib/plugins/remix-ui-panel'
export { default as RemixUIMainPanel } from './lib/main/main-panel'
export { PluginRecord } from './lib/types'
-export { default as RemixUIPanelHeader } from './lib/plugins/panel-header'
\ No newline at end of file
+export { default as RemixUIPanelHeader } from './lib/plugins/panel-header'
diff --git a/libs/remix-ui/panel/src/lib/plugins/panel.css b/libs/remix-ui/panel/src/lib/plugins/panel.css
index b872ff1ada..119b8cfa32 100644
--- a/libs/remix-ui/panel/src/lib/plugins/panel.css
+++ b/libs/remix-ui/panel/src/lib/plugins/panel.css
@@ -110,3 +110,7 @@ iframe {
.highlight {
animation: highlight 2s forwards;
}
+
+.remixui_height {
+ height: 97vh;
+}
diff --git a/libs/remix-ui/panel/src/lib/types/index.ts b/libs/remix-ui/panel/src/lib/types/index.ts
index c3913340cc..4deccc1dbd 100644
--- a/libs/remix-ui/panel/src/lib/types/index.ts
+++ b/libs/remix-ui/panel/src/lib/types/index.ts
@@ -1,4 +1,5 @@
import { Profile } from '@remixproject/plugin-utils'
+import EventEmitter from 'events'
export type PluginRecord = {
profile: Profile
@@ -8,3 +9,22 @@ export type PluginRecord = {
class?: string
minimized?: boolean
}
+
+export interface PluginProfile {
+ name: string
+ displayName: string
+ description: string
+ keywords?: string[]
+ icon?: string
+ url?: string
+ methods?: string[]
+ events?: string[]
+ version?: string
+}
+
+export interface StatusBarInterface extends Plugin {
+ htmlElement: HTMLDivElement
+ events: EventEmitter
+ dispatch: React.Dispatch
+ setDispatch(dispatch: React.Dispatch): void
+}
diff --git a/libs/remix-ui/statusbar/src/css/statusbar.css b/libs/remix-ui/statusbar/src/css/statusbar.css
new file mode 100644
index 0000000000..15976801a2
--- /dev/null
+++ b/libs/remix-ui/statusbar/src/css/statusbar.css
@@ -0,0 +1,23 @@
+
+remixui_statusbar:hover {
+ cursor: pointer;
+}
+
+.remixui_statusbar_gitstatus
+.remixui_statusbar_gitstatus:hover {
+ cursor: pointer;
+}
+
+/**
+ * approximately same height with vscode statusbar
+ **/
+.remixui_statusbar_height {
+ height: 21px;
+}
+
+.remixui_statusbar_activelink {
+ text-decoration: none;
+}
+.remixui_statusbar_activelink:active {
+ color: var(--danger);
+}
diff --git a/libs/remix-ui/statusbar/src/index.ts b/libs/remix-ui/statusbar/src/index.ts
new file mode 100644
index 0000000000..9c8a70edde
--- /dev/null
+++ b/libs/remix-ui/statusbar/src/index.ts
@@ -0,0 +1,2 @@
+export * from './lib/remixui-statusbar-panel'
+export { StatusBarInterface } from './lib/types'
diff --git a/libs/remix-ui/statusbar/src/lib/components/aiStatus.tsx b/libs/remix-ui/statusbar/src/lib/components/aiStatus.tsx
new file mode 100644
index 0000000000..5490d5f9d9
--- /dev/null
+++ b/libs/remix-ui/statusbar/src/lib/components/aiStatus.tsx
@@ -0,0 +1,44 @@
+// eslint-disable-next-line @nrwl/nx/enforce-module-boundaries
+import { StatusBar } from 'apps/remix-ide/src/app/components/status-bar'
+import { CustomTooltip } from '@remix-ui/helper'
+import React, { useEffect, useState } from 'react'
+
+interface AIStatusProps {
+ plugin: StatusBar
+ isAiActive: boolean
+ setIsAiActive: (isAiActive: boolean) => void
+ aiActive: () => Promise
+}
+
+export default function AIStatus(props: AIStatusProps) {
+ const [copilotActive, setCopilotActive] = useState(false)
+ useEffect(() => {
+ const run = async () => {
+ props.plugin.on('fileManager', 'currentFileChanged', async (isAiActive) => {
+ const aiActivate = await props.plugin.call('settings', 'get', 'settings/copilot/suggest/activate')
+ setCopilotActive(aiActivate)
+ })
+ }
+ run()
+ }, [props.plugin.isAiActive, props.isAiActive])
+
+ useEffect(() => {
+ const run = async () => {
+ props.plugin.on('settings', 'copilotChoiceUpdated', async (isChecked) => {
+ await props.plugin.isAIActive()
+ setCopilotActive(isChecked)
+ })
+ }
+ run()
+ }, [props.plugin.isAiActive])
+ return (
+
+
+
+ Remix Copilot
+
+
+ )
+}
diff --git a/libs/remix-ui/statusbar/src/lib/components/gitStatus.tsx b/libs/remix-ui/statusbar/src/lib/components/gitStatus.tsx
new file mode 100644
index 0000000000..4f579e2982
--- /dev/null
+++ b/libs/remix-ui/statusbar/src/lib/components/gitStatus.tsx
@@ -0,0 +1,88 @@
+import React, { useEffect, Dispatch } from 'react'
+// eslint-disable-next-line @nrwl/nx/enforce-module-boundaries
+import { StatusBar } from 'apps/remix-ide/src/app/components/status-bar'
+import '../../css/statusbar.css'
+import { CustomTooltip } from '@remix-ui/helper'
+
+export interface GitStatusProps {
+ plugin: StatusBar
+ gitBranchName: string
+ setGitBranchName: Dispatch>
+}
+
+export default function GitStatus({ plugin, gitBranchName, setGitBranchName }: GitStatusProps) {
+
+ useEffect(() => {
+ const run = async () => {
+ plugin.on('filePanel', 'setWorkspace', async (workspace) => {
+ const isGit = await plugin.call('fileManager', 'isGitRepo')
+ if (isGit) {
+ setGitBranchName(workspace.name)
+ } else {
+ setGitBranchName('Not a git repo')
+ }
+ })
+ }
+ run()
+ }, [gitBranchName, plugin.isGitRepo])
+
+ useEffect(() => {
+ const run = async () => {
+ plugin.on('filePanel', 'workspaceInitializationCompleted', async () => {
+ const isGit = await plugin.call('fileManager', 'isGitRepo')
+ if (isGit) {
+ const workspace = localStorage.getItem('currentWorkspace')
+ setGitBranchName(workspace)
+ } else {
+ setGitBranchName('Not a git repo')
+ }
+ })
+ }
+ run()
+ }, [gitBranchName, plugin.isGitRepo])
+
+ useEffect(() => {
+ const run = async () => {
+ plugin.on('dGitProvider', 'init', async () => {
+ const isGit = await plugin.call('fileManager', 'isGitRepo')
+ if (isGit) {
+ const workspace = localStorage.getItem('currentWorkspace')
+ setGitBranchName(workspace)
+ }
+ })
+ }
+ run()
+ }, [gitBranchName, plugin.isGitRepo])
+
+ const lightDgitUp = async () => {
+ const isActive = await plugin.call('manager', 'isActive', 'dgit')
+ const isGit = await plugin.call('fileManager', 'isGitRepo')
+ if (!isActive) await plugin.call('manager', 'activatePlugin', 'dgit')
+ if (gitBranchName.length > 0 && isGit) {
+ plugin.verticalIcons.select('dgit')
+ }
+ }
+
+ const initializeNewGitRepo = async () => {
+ await plugin.call('dGitProvider', 'init')
+ const isActive = await plugin.call('manager', 'isActive', 'dgit')
+ if (!isActive) await plugin.call('manager', 'activatePlugin', 'dgit')
+ // plugin.verticalIcons.select('dgit')
+ }
+
+ return (
+
+ await lightDgitUp()}
+ >
+ {gitBranchName.length > 0 && gitBranchName !== 'Not a git repo' ?
+ : Initialize as git repo}
+ {gitBranchName.length > 0 && gitBranchName !== 'Not a git repo' && {gitBranchName}}
+ {gitBranchName.length > 0 && gitBranchName !== 'Not a git repo' && }
+
+
+ )
+}
diff --git a/libs/remix-ui/statusbar/src/lib/components/scamAlertStatus.tsx b/libs/remix-ui/statusbar/src/lib/components/scamAlertStatus.tsx
new file mode 100644
index 0000000000..2fe18b909f
--- /dev/null
+++ b/libs/remix-ui/statusbar/src/lib/components/scamAlertStatus.tsx
@@ -0,0 +1,27 @@
+import React from 'react'
+import { FormattedMessage } from 'react-intl'
+import { ExtendedRefs, ReferenceType } from '@floating-ui/react'
+import { CustomTooltip } from '@remix-ui/helper'
+
+export interface ScamAlertStatusProps {
+ refs: ExtendedRefs
+ getReferenceProps: (userProps?: React.HTMLProps | undefined) => Record
+}
+
+export default function ScamAlertStatus ({ refs, getReferenceProps }: ScamAlertStatusProps) {
+
+ return (
+ <>
+
+
+
+
+
+
+ )
+}
diff --git a/libs/remix-ui/statusbar/src/lib/components/scamDetails.tsx b/libs/remix-ui/statusbar/src/lib/components/scamDetails.tsx
new file mode 100644
index 0000000000..1f971f72ac
--- /dev/null
+++ b/libs/remix-ui/statusbar/src/lib/components/scamDetails.tsx
@@ -0,0 +1,48 @@
+import { ExtendedRefs, ReferenceType } from '@floating-ui/react'
+import React, { CSSProperties } from 'react'
+import { FormattedMessage } from 'react-intl'
+import { ScamAlert } from '../remixui-statusbar-panel'
+import '../../css/statusbar.css'
+
+const _paq = (window._paq = window._paq || []) // eslint-disable-line
+
+export interface ScamDetailsProps {
+ refs: ExtendedRefs
+ floatStyle: CSSProperties
+ getFloatingProps: (userProps?: React.HTMLProps | undefined) => Record
+ scamAlerts: ScamAlert[]
+}
+
+export default function ScamDetails ({ refs, floatStyle, scamAlerts }: ScamDetailsProps) {
+
+ return (
+
+
+
+
+
+ {scamAlerts && scamAlerts.map((alert, index) => (
+
+ {alert.url.length < 1 ? ([])
+ const [gitBranchName, setGitBranchName] = useState('')
+ const [isAiActive, setIsAiActive] = useState(false)
+ const { refs, context, floatingStyles } = useFloating({
+ open: showScamDetails,
+ onOpenChange: setShowScamDetails,
+ middleware: [offset(10), flip({ fallbackAxisSideDirection: 'end' }), shift({
+ mainAxis: true, padding: 10
+ }), size({
+ apply({ availableWidth, availableHeight, elements, ...state }) {
+ console.log(state)
+ Object.assign(elements.floating.style, {
+ maxWidth: `${availableWidth}`,
+ maxHeight: `auto`
+ })
+ }
+ })],
+ whileElementsMounted: autoUpdate,
+ })
+ const click = useClick(context)
+ const dismiss = useDismiss(context)
+ const role = useRole(context)
+ const { getReferenceProps, getFloatingProps } = useInteractions([click, dismiss, role])
+
+ useEffect(() => {
+ const abortController = new AbortController()
+ const signal = abortController.signal
+ async function getScamAlerts() {
+ const response = await axios.get('https://raw.githubusercontent.com/remix-project-org/remix-dynamics/main/ide/scam-alerts.json', { signal })
+ if (signal.aborted) return
+ setScamAlerts(response.data.alerts)
+ }
+ getScamAlerts()
+ return () => {
+ abortController.abort()
+ }
+ }, [])
+
+ const lightAiUp = async () => {
+ const aiActive = await statusBarPlugin.call('settings', 'get', 'settings/copilot/suggest/activate')
+ if (!aiActive) return
+ setIsAiActive(aiActive)
+ return aiActive
+ }
+
+ return (
+ <>
+ {showScamDetails && (
+
+
+ )}
+
+
+
+ filePanel: FilePanelType
+ verticalIcons: VerticalIcons
+ setDispatch(dispatch: React.Dispatch): void
+ getGitBranchName: () => Promise
+ currentWorkspaceName: string
+}
diff --git a/libs/remix-ui/terminal/src/lib/remix-ui-terminal.tsx b/libs/remix-ui/terminal/src/lib/remix-ui-terminal.tsx
index 7936cda55e..9304f56d3d 100644
--- a/libs/remix-ui/terminal/src/lib/remix-ui-terminal.tsx
+++ b/libs/remix-ui/terminal/src/lib/remix-ui-terminal.tsx
@@ -597,7 +597,7 @@ export const RemixUiTerminal = (props: RemixUiTerminalProps) => {
return (
( props.visible &&
-
+
{handleAutoComplete()}
diff --git a/libs/remix-ui/toaster/src/lib/toaster.tsx b/libs/remix-ui/toaster/src/lib/toaster.tsx
index 32a68e005e..baca48b9d2 100644
--- a/libs/remix-ui/toaster/src/lib/toaster.tsx
+++ b/libs/remix-ui/toaster/src/lib/toaster.tsx
@@ -131,7 +131,7 @@ export const Toaster = (props: ToasterProps) => {
{!state.hide && (
diff --git a/libs/remix-ui/vertical-icons-panel/src/lib/remix-ui-vertical-icons-panel.css b/libs/remix-ui/vertical-icons-panel/src/lib/remix-ui-vertical-icons-panel.css
index 6fbe1b6fd8..cdfacf1752 100644
--- a/libs/remix-ui/vertical-icons-panel/src/lib/remix-ui-vertical-icons-panel.css
+++ b/libs/remix-ui/vertical-icons-panel/src/lib/remix-ui-vertical-icons-panel.css
@@ -84,7 +84,7 @@
padding-left: 5px;
padding-right: 5px;
}
-
+
.remixui_verticalIconContextcontainer {
display: block;
position: fixed;
@@ -105,7 +105,7 @@
.remixui_liitem:hover {
background-color: var(--secondary);
}
-
+
.remixui_scrollbar {
overflow-y: scroll;
scrollbar-width: none; /* Firefox hide scrollbar */
@@ -141,6 +141,10 @@
flex-basis: 50px;
}
+ .remixui_icons_height {
+ height: 97vh;
+ }
+
#menuitems {
list-style: none;
margin: 0px;
diff --git a/libs/remix-ui/vertical-icons-panel/src/lib/remix-ui-vertical-icons-panel.tsx b/libs/remix-ui/vertical-icons-panel/src/lib/remix-ui-vertical-icons-panel.tsx
index ffb7d3bae5..108052d482 100644
--- a/libs/remix-ui/vertical-icons-panel/src/lib/remix-ui-vertical-icons-panel.tsx
+++ b/libs/remix-ui/vertical-icons-panel/src/lib/remix-ui-vertical-icons-panel.tsx
@@ -69,7 +69,7 @@ const RemixUiVerticalIconsPanel = ({ verticalIconsPlugin, icons }: RemixUiVertic
return (
-
+
diff --git a/libs/remix-ui/home-tab/src/lib/components/homeTabFile.tsx b/libs/remix-ui/home-tab/src/lib/components/homeTabFile.tsx
index ef07b97aaa..2e277f395e 100644
--- a/libs/remix-ui/home-tab/src/lib/components/homeTabFile.tsx
+++ b/libs/remix-ui/home-tab/src/lib/components/homeTabFile.tsx
@@ -1,8 +1,8 @@
/* eslint-disable @typescript-eslint/no-unused-vars */
import React, { useState, useRef, useReducer, useEffect } from 'react'
import { FormattedMessage } from 'react-intl'
-import { ModalDialog } from '@remix-ui/modal-dialog' // eslint-disable-line
-import { Toaster } from '@remix-ui/toaster' // eslint-disable-line
+import {ModalDialog} from '@remix-ui/modal-dialog' // eslint-disable-line
+import {Toaster} from '@remix-ui/toaster' // eslint-disable-line
const _paq = (window._paq = window._paq || []) // eslint-disable-line
import { CustomTooltip } from '@remix-ui/helper'
import { TEMPLATE_NAMES } from '@remix-ui/workspace'
@@ -14,7 +14,7 @@ interface HomeTabFileProps {
const loadingInitialState = {
tooltip: '',
showModalDialog: false,
- importSource: ''
+ importSource: '',
}
const loadingReducer = (state = loadingInitialState, action) => {
@@ -22,7 +22,7 @@ const loadingReducer = (state = loadingInitialState, action) => {
...state,
tooltip: action.tooltip,
showModalDialog: false,
- importSource: ''
+ importSource: '',
}
}
@@ -45,7 +45,7 @@ function HomeTabFile({ plugin }: HomeTabFileProps) {
modalInfo: { title: '', loadItem: '', examples: [], prefix: '' },
importSource: '',
toasterMsg: '',
- recentWorkspaces: []
+ recentWorkspaces: [],
})
const [, dispatch] = useReducer(loadingReducer, loadingInitialState)
@@ -71,7 +71,9 @@ function HomeTabFile({ plugin }: HomeTabFileProps) {
if (!recents) {
newRecents = []
} else {
- newRecents = recents.filter((el) => { return el !== name})
+ newRecents = recents.filter((el) => {
+ return el !== name
+ })
localStorage.setItem('recentWorkspaces', JSON.stringify(newRecents))
}
setState((prevState) => {
@@ -85,8 +87,7 @@ function HomeTabFile({ plugin }: HomeTabFileProps) {
try {
plugin.off('filePanel', 'setWorkspace')
plugin.off('filePanel', 'workspaceDeleted')
- } catch (e) {
- }
+ } catch (e) {}
}
}, [plugin])
@@ -162,7 +163,6 @@ contract HelloWorld {
} else {
await plugin.call('fileManager', 'open', '/contracts/HelloWorld.sol')
}
-
}
const uploadFile = async (target) => {
@@ -216,14 +216,7 @@ contract HelloWorld {
return (
<>
- hideFullMessage()}
- okFn={() => processLoading(state.modalInfo.title)}
- >
+ hideFullMessage()} okFn={() => processLoading(state.modalInfo.title)}>
{state.modalInfo.loadItem !== '' && Enter the {state.modalInfo.loadItem} you would like to load.}
{state.modalInfo.examples.length !== 0 && (
@@ -236,9 +229,9 @@ contract HelloWorld {
{state.modalInfo.prefix && ipfs://}
-
- ()
@@ -24,7 +25,10 @@ export function LanguageOptions({ plugin }: { plugin: any }) {
return (
<>
-
-
+
+
+ ))}
@@ -149,27 +139,19 @@ function HomeTabTitle() {
_paq.push(['trackEvent', 'hometab', 'header', 'webSite'])} target="__blank" href="https://remix-project.org">
-
+
{(state.recentWorkspaces[0] || state.recentWorkspaces[1] || state.recentWorkspaces[2]) && (
- ({})
const carouselRefDiv = useRef(null)
- const intl = useIntl()
useEffect(() => {
document.addEventListener('wheel', handleScroll)
@@ -61,8 +113,7 @@ function HomeTabGetStarted({ plugin }: HomeTabGetStartedProps) {
}
const createWorkspace = async (templateName) => {
-
- if (platform === appPlatformTypes.desktop){
+ if (platform === appPlatformTypes.desktop) {
await plugin.call('remix-templates', 'loadTemplateInNewWindow', templateName)
return
}
@@ -92,90 +143,45 @@ function HomeTabGetStarted({ plugin }: HomeTabGetStartedProps) {
return (
-
+
-
-
{state.recentWorkspaces[0] && state.recentWorkspaces[0] !== '' && (
handleSwichToRecentWorkspace(e, state.recentWorkspaces[0])}>
@@ -328,36 +270,63 @@ contract HelloWorld {
)}
-
-
diff --git a/libs/remix-ui/home-tab/src/lib/components/homeTabGetStarted.tsx b/libs/remix-ui/home-tab/src/lib/components/homeTabGetStarted.tsx
index e7629edea1..a986cebbfb 100644
--- a/libs/remix-ui/home-tab/src/lib/components/homeTabGetStarted.tsx
+++ b/libs/remix-ui/home-tab/src/lib/components/homeTabGetStarted.tsx
@@ -1,13 +1,12 @@
/* eslint-disable @typescript-eslint/no-unused-vars */
-import React, { useEffect, useRef, useContext } from 'react'
+import React, { useEffect, useRef, useContext, SyntheticEvent, useState } from 'react'
import { useIntl, FormattedMessage } from 'react-intl'
-import { TEMPLATE_NAMES,TEMPLATE_METADATA } from '@remix-ui/workspace'
+import { TEMPLATE_NAMES, TEMPLATE_METADATA } from '@remix-ui/workspace'
import { ThemeContext } from '../themeContext'
-import Carousel from 'react-multi-carousel'
import WorkspaceTemplate from './workspaceTemplate'
import 'react-multi-carousel/lib/styles.css'
-import CustomNavButtons from './customNavButtons'
import { appPlatformTypes, platformContext } from '@remix-ui/app'
+import { CustomTooltip } from '@remix-ui/helper'
declare global {
interface Window {
@@ -19,12 +18,65 @@ interface HomeTabGetStartedProps {
plugin: any
}
+type WorkspaceTemplate = {
+ gsID: string
+ workspaceTitle: string
+ description: string
+ projectLogo: string
+ templateName: string
+}
+
+const workspaceTemplates: WorkspaceTemplate[] = [
+ {
+ gsID: 'sUTLogo',
+ workspaceTitle: 'Start Coding',
+ description: 'Create a new project using this template.',
+ projectLogo: 'assets/img/remixverticaltextLogo.png',
+ templateName: 'remixDefault',
+ },
+ {
+ gsID: 'sUTLogo',
+ workspaceTitle: 'Circom',
+ description: 'Create a new ZK Project with Circom using this template.',
+ projectLogo: 'assets/img/circom.webp',
+ templateName: 'semaphore',
+ },
+ {
+ gsID: 'sUTLogo',
+ workspaceTitle: 'Uniswap',
+ description: 'Create a new MultiSig wallet using this template.',
+ projectLogo: 'assets/img/gnosissafeLogo.png',
+ templateName: 'uniswapV4Template',
+ },
+ {
+ gsID: 'sUTLogo',
+ workspaceTitle: 'ERC20',
+ description: 'Create a new ERC20 token using this template.',
+ projectLogo: 'assets/img/oxprojectLogo.png',
+ templateName: 'ozerc20',
+ },
+ {
+ gsID: 'sUTLogo',
+ workspaceTitle: 'NFT / ERC721',
+ description: 'Create a new ERC721 token using this template.',
+ projectLogo: 'assets/img/openzeppelinLogo.png',
+ templateName: 'ozerc721',
+ },
+ {
+ gsID: 'sUTLogo',
+ workspaceTitle: 'MultiSig',
+ description: 'Create a new MultiSig wallet using this template.',
+ projectLogo: 'assets/img/gnosissafeLogo.png',
+ templateName: 'gnosisSafeMultisig',
+ },
+]
+
function HomeTabGetStarted({ plugin }: HomeTabGetStartedProps) {
const platform = useContext(platformContext)
const themeFilter = useContext(ThemeContext)
+ const intl = useIntl()
const carouselRef = useRef
-
+
+
{langOptions}
diff --git a/libs/remix-ui/home-tab/src/lib/remix-ui-home-tab.css b/libs/remix-ui/home-tab/src/lib/remix-ui-home-tab.css
index 4ceded21fc..efdb012c7d 100644
--- a/libs/remix-ui/home-tab/src/lib/remix-ui-home-tab.css
+++ b/libs/remix-ui/home-tab/src/lib/remix-ui-home-tab.css
@@ -76,7 +76,7 @@
text-align: left;
}
.remixui_home_cursorStyle {
- cursor: pointer;
+ cursor: pointer;
font-weight: 900;
}
.remixui_home_envButton {
@@ -114,3 +114,36 @@
background-color: var(--body-bg);
color: var(--text);
}
+
+.remixui_recentworkspace {
+ height: 2.4rem;
+}
+
+.remixui_carouselImage {
+ flex: 1;
+ height: 20rem;
+ width: 20rem;
+}
+
+.remixui_carouselbox {
+ min-height: 25.12rem;
+}
+
+.remix_ui-carousel-container {
+ container: remix_ui-carousel-container / inline-size;
+}
+
+@container remix_ui-carousel-container (inline-size < 700px) {
+ .remix_ui-carouselbox {
+ min-height: 20rem;
+ margin-right: 10rem;
+ }
+ .remixui_carouselImage {
+ height: 12.5rem;
+ width: 12.5rem;
+ }
+
+ .remixui_recentworkspace {
+ height: 0.2rem;
+ }
+}
diff --git a/libs/remix-ui/home-tab/src/lib/remix-ui-home-tab.tsx b/libs/remix-ui/home-tab/src/lib/remix-ui-home-tab.tsx
index 2373659001..fac0ec5bab 100644
--- a/libs/remix-ui/home-tab/src/lib/remix-ui-home-tab.tsx
+++ b/libs/remix-ui/home-tab/src/lib/remix-ui-home-tab.tsx
@@ -32,6 +32,7 @@ export const RemixUiHomeTab = (props: RemixUiHomeTabProps) => {
}>({
themeQuality: themes.light
})
+ const [carouselWidth, setCarouselWidth] = useState(65)
useEffect(() => {
plugin.call('theme', 'currentTheme').then((theme) => {
@@ -54,23 +55,39 @@ export const RemixUiHomeTab = (props: RemixUiHomeTabProps) => {
})
}, [])
+ useEffect(() => {
+ const checkResolution = () => {
+ const width = window.innerWidth
+ const height = window.innerHeight
+
+ if (height < 781 && width < 1150) {
+ setCarouselWidth(75)
+ }
+ }
+ checkResolution()
+
+ return () => {
+ checkResolution()
+ }
+ }, [])
+
+ // border-right
return (
-
+
-
-
+
+
+ setDispatch(dispatch: React.Dispatch): void
+}
diff --git a/libs/remix-ui/statusbar/src/css/statusbar.css b/libs/remix-ui/statusbar/src/css/statusbar.css
new file mode 100644
index 0000000000..15976801a2
--- /dev/null
+++ b/libs/remix-ui/statusbar/src/css/statusbar.css
@@ -0,0 +1,23 @@
+
+remixui_statusbar:hover {
+ cursor: pointer;
+}
+
+.remixui_statusbar_gitstatus
+.remixui_statusbar_gitstatus:hover {
+ cursor: pointer;
+}
+
+/**
+ * approximately same height with vscode statusbar
+ **/
+.remixui_statusbar_height {
+ height: 21px;
+}
+
+.remixui_statusbar_activelink {
+ text-decoration: none;
+}
+.remixui_statusbar_activelink:active {
+ color: var(--danger);
+}
diff --git a/libs/remix-ui/statusbar/src/index.ts b/libs/remix-ui/statusbar/src/index.ts
new file mode 100644
index 0000000000..9c8a70edde
--- /dev/null
+++ b/libs/remix-ui/statusbar/src/index.ts
@@ -0,0 +1,2 @@
+export * from './lib/remixui-statusbar-panel'
+export { StatusBarInterface } from './lib/types'
diff --git a/libs/remix-ui/statusbar/src/lib/components/aiStatus.tsx b/libs/remix-ui/statusbar/src/lib/components/aiStatus.tsx
new file mode 100644
index 0000000000..5490d5f9d9
--- /dev/null
+++ b/libs/remix-ui/statusbar/src/lib/components/aiStatus.tsx
@@ -0,0 +1,44 @@
+// eslint-disable-next-line @nrwl/nx/enforce-module-boundaries
+import { StatusBar } from 'apps/remix-ide/src/app/components/status-bar'
+import { CustomTooltip } from '@remix-ui/helper'
+import React, { useEffect, useState } from 'react'
+
+interface AIStatusProps {
+ plugin: StatusBar
+ isAiActive: boolean
+ setIsAiActive: (isAiActive: boolean) => void
+ aiActive: () => Promise
+}
+
+export default function AIStatus(props: AIStatusProps) {
+ const [copilotActive, setCopilotActive] = useState(false)
+ useEffect(() => {
+ const run = async () => {
+ props.plugin.on('fileManager', 'currentFileChanged', async (isAiActive) => {
+ const aiActivate = await props.plugin.call('settings', 'get', 'settings/copilot/suggest/activate')
+ setCopilotActive(aiActivate)
+ })
+ }
+ run()
+ }, [props.plugin.isAiActive, props.isAiActive])
+
+ useEffect(() => {
+ const run = async () => {
+ props.plugin.on('settings', 'copilotChoiceUpdated', async (isChecked) => {
+ await props.plugin.isAIActive()
+ setCopilotActive(isChecked)
+ })
+ }
+ run()
+ }, [props.plugin.isAiActive])
+ return (
+
+
+ )
+}
diff --git a/libs/remix-ui/statusbar/src/lib/components/gitStatus.tsx b/libs/remix-ui/statusbar/src/lib/components/gitStatus.tsx
new file mode 100644
index 0000000000..4f579e2982
--- /dev/null
+++ b/libs/remix-ui/statusbar/src/lib/components/gitStatus.tsx
@@ -0,0 +1,88 @@
+import React, { useEffect, Dispatch } from 'react'
+// eslint-disable-next-line @nrwl/nx/enforce-module-boundaries
+import { StatusBar } from 'apps/remix-ide/src/app/components/status-bar'
+import '../../css/statusbar.css'
+import { CustomTooltip } from '@remix-ui/helper'
+
+export interface GitStatusProps {
+ plugin: StatusBar
+ gitBranchName: string
+ setGitBranchName: Dispatch>
+}
+
+export default function GitStatus({ plugin, gitBranchName, setGitBranchName }: GitStatusProps) {
+
+ useEffect(() => {
+ const run = async () => {
+ plugin.on('filePanel', 'setWorkspace', async (workspace) => {
+ const isGit = await plugin.call('fileManager', 'isGitRepo')
+ if (isGit) {
+ setGitBranchName(workspace.name)
+ } else {
+ setGitBranchName('Not a git repo')
+ }
+ })
+ }
+ run()
+ }, [gitBranchName, plugin.isGitRepo])
+
+ useEffect(() => {
+ const run = async () => {
+ plugin.on('filePanel', 'workspaceInitializationCompleted', async () => {
+ const isGit = await plugin.call('fileManager', 'isGitRepo')
+ if (isGit) {
+ const workspace = localStorage.getItem('currentWorkspace')
+ setGitBranchName(workspace)
+ } else {
+ setGitBranchName('Not a git repo')
+ }
+ })
+ }
+ run()
+ }, [gitBranchName, plugin.isGitRepo])
+
+ useEffect(() => {
+ const run = async () => {
+ plugin.on('dGitProvider', 'init', async () => {
+ const isGit = await plugin.call('fileManager', 'isGitRepo')
+ if (isGit) {
+ const workspace = localStorage.getItem('currentWorkspace')
+ setGitBranchName(workspace)
+ }
+ })
+ }
+ run()
+ }, [gitBranchName, plugin.isGitRepo])
+
+ const lightDgitUp = async () => {
+ const isActive = await plugin.call('manager', 'isActive', 'dgit')
+ const isGit = await plugin.call('fileManager', 'isGitRepo')
+ if (!isActive) await plugin.call('manager', 'activatePlugin', 'dgit')
+ if (gitBranchName.length > 0 && isGit) {
+ plugin.verticalIcons.select('dgit')
+ }
+ }
+
+ const initializeNewGitRepo = async () => {
+ await plugin.call('dGitProvider', 'init')
+ const isActive = await plugin.call('manager', 'isActive', 'dgit')
+ if (!isActive) await plugin.call('manager', 'activatePlugin', 'dgit')
+ // plugin.verticalIcons.select('dgit')
+ }
+
+ return (
+
+
+ )
+}
diff --git a/libs/remix-ui/statusbar/src/lib/components/scamAlertStatus.tsx b/libs/remix-ui/statusbar/src/lib/components/scamAlertStatus.tsx
new file mode 100644
index 0000000000..2fe18b909f
--- /dev/null
+++ b/libs/remix-ui/statusbar/src/lib/components/scamAlertStatus.tsx
@@ -0,0 +1,27 @@
+import React from 'react'
+import { FormattedMessage } from 'react-intl'
+import { ExtendedRefs, ReferenceType } from '@floating-ui/react'
+import { CustomTooltip } from '@remix-ui/helper'
+
+export interface ScamAlertStatusProps {
+ refs: ExtendedRefs
+ getReferenceProps: (userProps?: React.HTMLProps | undefined) => Record
+}
+
+export default function ScamAlertStatus ({ refs, getReferenceProps }: ScamAlertStatusProps) {
+
+ return (
+ <>
+
+
+
+ )
+}
diff --git a/libs/remix-ui/statusbar/src/lib/components/scamDetails.tsx b/libs/remix-ui/statusbar/src/lib/components/scamDetails.tsx
new file mode 100644
index 0000000000..1f971f72ac
--- /dev/null
+++ b/libs/remix-ui/statusbar/src/lib/components/scamDetails.tsx
@@ -0,0 +1,48 @@
+import { ExtendedRefs, ReferenceType } from '@floating-ui/react'
+import React, { CSSProperties } from 'react'
+import { FormattedMessage } from 'react-intl'
+import { ScamAlert } from '../remixui-statusbar-panel'
+import '../../css/statusbar.css'
+
+const _paq = (window._paq = window._paq || []) // eslint-disable-line
+
+export interface ScamDetailsProps {
+ refs: ExtendedRefs
+ floatStyle: CSSProperties
+ getFloatingProps: (userProps?: React.HTMLProps | undefined) => Record
+ scamAlerts: ScamAlert[]
+}
+
+export default function ScamDetails ({ refs, floatStyle, scamAlerts }: ScamDetailsProps) {
+
+ return (
+ ([])
+ const [gitBranchName, setGitBranchName] = useState('')
+ const [isAiActive, setIsAiActive] = useState(false)
+ const { refs, context, floatingStyles } = useFloating({
+ open: showScamDetails,
+ onOpenChange: setShowScamDetails,
+ middleware: [offset(10), flip({ fallbackAxisSideDirection: 'end' }), shift({
+ mainAxis: true, padding: 10
+ }), size({
+ apply({ availableWidth, availableHeight, elements, ...state }) {
+ console.log(state)
+ Object.assign(elements.floating.style, {
+ maxWidth: `${availableWidth}`,
+ maxHeight: `auto`
+ })
+ }
+ })],
+ whileElementsMounted: autoUpdate,
+ })
+ const click = useClick(context)
+ const dismiss = useDismiss(context)
+ const role = useRole(context)
+ const { getReferenceProps, getFloatingProps } = useInteractions([click, dismiss, role])
+
+ useEffect(() => {
+ const abortController = new AbortController()
+ const signal = abortController.signal
+ async function getScamAlerts() {
+ const response = await axios.get('https://raw.githubusercontent.com/remix-project-org/remix-dynamics/main/ide/scam-alerts.json', { signal })
+ if (signal.aborted) return
+ setScamAlerts(response.data.alerts)
+ }
+ getScamAlerts()
+ return () => {
+ abortController.abort()
+ }
+ }, [])
+
+ const lightAiUp = async () => {
+ const aiActive = await statusBarPlugin.call('settings', 'get', 'settings/copilot/suggest/activate')
+ if (!aiActive) return
+ setIsAiActive(aiActive)
+ return aiActive
+ }
+
+ return (
+ <>
+ {showScamDetails && (
+
+
+ )}
+
+ filePanel: FilePanelType
+ verticalIcons: VerticalIcons
+ setDispatch(dispatch: React.Dispatch): void
+ getGitBranchName: () => Promise
+ currentWorkspaceName: string
+}
diff --git a/libs/remix-ui/terminal/src/lib/remix-ui-terminal.tsx b/libs/remix-ui/terminal/src/lib/remix-ui-terminal.tsx
index 7936cda55e..9304f56d3d 100644
--- a/libs/remix-ui/terminal/src/lib/remix-ui-terminal.tsx
+++ b/libs/remix-ui/terminal/src/lib/remix-ui-terminal.tsx
@@ -597,7 +597,7 @@ export const RemixUiTerminal = (props: RemixUiTerminalProps) => {
return (
( props.visible &&
-
+
diff --git a/libs/remix-ui/panel/src/index.ts b/libs/remix-ui/panel/src/index.ts
index 11b5ef7c67..5cb90eecc4 100644
--- a/libs/remix-ui/panel/src/index.ts
+++ b/libs/remix-ui/panel/src/index.ts
@@ -1,4 +1,4 @@
export { default as RemixPluginPanel } from './lib/plugins/remix-ui-panel'
export { default as RemixUIMainPanel } from './lib/main/main-panel'
export { PluginRecord } from './lib/types'
-export { default as RemixUIPanelHeader } from './lib/plugins/panel-header'
\ No newline at end of file
+export { default as RemixUIPanelHeader } from './lib/plugins/panel-header'
diff --git a/libs/remix-ui/panel/src/lib/plugins/panel.css b/libs/remix-ui/panel/src/lib/plugins/panel.css
index b872ff1ada..119b8cfa32 100644
--- a/libs/remix-ui/panel/src/lib/plugins/panel.css
+++ b/libs/remix-ui/panel/src/lib/plugins/panel.css
@@ -110,3 +110,7 @@ iframe {
.highlight {
animation: highlight 2s forwards;
}
+
+.remixui_height {
+ height: 97vh;
+}
diff --git a/libs/remix-ui/panel/src/lib/types/index.ts b/libs/remix-ui/panel/src/lib/types/index.ts
index c3913340cc..4deccc1dbd 100644
--- a/libs/remix-ui/panel/src/lib/types/index.ts
+++ b/libs/remix-ui/panel/src/lib/types/index.ts
@@ -1,4 +1,5 @@
import { Profile } from '@remixproject/plugin-utils'
+import EventEmitter from 'events'
export type PluginRecord = {
profile: Profile
@@ -8,3 +9,22 @@ export type PluginRecord = {
class?: string
minimized?: boolean
}
+
+export interface PluginProfile {
+ name: string
+ displayName: string
+ description: string
+ keywords?: string[]
+ icon?: string
+ url?: string
+ methods?: string[]
+ events?: string[]
+ version?: string
+}
+
+export interface StatusBarInterface extends Plugin {
+ htmlElement: HTMLDivElement
+ events: EventEmitter
+ dispatch: React.Dispatch
+
+ Remix Copilot
+
+ await lightDgitUp()}
+ >
+ {gitBranchName.length > 0 && gitBranchName !== 'Not a git repo' ?
+ : Initialize as git repo}
+ {gitBranchName.length > 0 && gitBranchName !== 'Not a git repo' && {gitBranchName}}
+ {gitBranchName.length > 0 && gitBranchName !== 'Not a git repo' && }
+
+
+
+
+
+
+
+
+
+
+ )
+}
diff --git a/libs/remix-ui/statusbar/src/lib/remixui-statusbar-panel.tsx b/libs/remix-ui/statusbar/src/lib/remixui-statusbar-panel.tsx
new file mode 100644
index 0000000000..77e8f3cc50
--- /dev/null
+++ b/libs/remix-ui/statusbar/src/lib/remixui-statusbar-panel.tsx
@@ -0,0 +1,86 @@
+import React, { useEffect, useState } from 'react'
+import GitStatus from './components/gitStatus'
+import AIStatus from './components/aiStatus'
+import ScamAlertStatus from './components/scamAlertStatus'
+import ScamDetails from './components/scamDetails'
+import { FloatingFocusManager, autoUpdate, flip, offset, shift, size, useClick, useDismiss, useFloating, useInteractions, useRole } from '@floating-ui/react'
+import axios from 'axios'
+// eslint-disable-next-line @nrwl/nx/enforce-module-boundaries
+import { StatusBar } from 'apps/remix-ide/src/app/components/status-bar'
+
+export interface RemixUIStatusBarProps {
+ statusBarPlugin: StatusBar
+}
+
+export type ScamAlert = {
+ message: string
+ url: string
+}
+
+export function RemixUIStatusBar({ statusBarPlugin }: RemixUIStatusBarProps) {
+ const [showScamDetails, setShowScamDetails] = useState(false)
+ const [scamAlerts, setScamAlerts] = useState
+ {scamAlerts && scamAlerts.map((alert, index) => (
+
+ {alert.url.length < 1 ?
+
+
+
+ )
+}
diff --git a/libs/remix-ui/statusbar/src/lib/types/index.ts b/libs/remix-ui/statusbar/src/lib/types/index.ts
new file mode 100644
index 0000000000..19a4db6163
--- /dev/null
+++ b/libs/remix-ui/statusbar/src/lib/types/index.ts
@@ -0,0 +1,27 @@
+import EventEmitter from 'events'
+import { Plugin } from '@remixproject/engine'
+import { FilePanelType } from '@remix-ui/workspace'
+// eslint-disable-next-line @nrwl/nx/enforce-module-boundaries
+import { VerticalIcons } from 'apps/remix-ide/src/app/components/vertical-icons'
+export interface PluginProfile {
+ name: string
+ displayName: string
+ description: string
+ keywords?: string[]
+ icon?: string
+ url?: string
+ methods?: string[]
+ events?: string[]
+ version?: string
+}
+
+export interface StatusBarInterface extends Plugin {
+ htmlElement: HTMLDivElement
+ events: EventEmitter
+ dispatch: React.Dispatch
+
+
+
+
+
+
{handleAutoComplete()}
diff --git a/libs/remix-ui/toaster/src/lib/toaster.tsx b/libs/remix-ui/toaster/src/lib/toaster.tsx
index 32a68e005e..baca48b9d2 100644
--- a/libs/remix-ui/toaster/src/lib/toaster.tsx
+++ b/libs/remix-ui/toaster/src/lib/toaster.tsx
@@ -131,7 +131,7 @@ export const Toaster = (props: ToasterProps) => {
{!state.hide && (
diff --git a/libs/remix-ui/vertical-icons-panel/src/lib/remix-ui-vertical-icons-panel.css b/libs/remix-ui/vertical-icons-panel/src/lib/remix-ui-vertical-icons-panel.css
index 6fbe1b6fd8..cdfacf1752 100644
--- a/libs/remix-ui/vertical-icons-panel/src/lib/remix-ui-vertical-icons-panel.css
+++ b/libs/remix-ui/vertical-icons-panel/src/lib/remix-ui-vertical-icons-panel.css
@@ -84,7 +84,7 @@
padding-left: 5px;
padding-right: 5px;
}
-
+
.remixui_verticalIconContextcontainer {
display: block;
position: fixed;
@@ -105,7 +105,7 @@
.remixui_liitem:hover {
background-color: var(--secondary);
}
-
+
.remixui_scrollbar {
overflow-y: scroll;
scrollbar-width: none; /* Firefox hide scrollbar */
@@ -141,6 +141,10 @@
flex-basis: 50px;
}
+ .remixui_icons_height {
+ height: 97vh;
+ }
+
#menuitems {
list-style: none;
margin: 0px;
diff --git a/libs/remix-ui/vertical-icons-panel/src/lib/remix-ui-vertical-icons-panel.tsx b/libs/remix-ui/vertical-icons-panel/src/lib/remix-ui-vertical-icons-panel.tsx
index ffb7d3bae5..108052d482 100644
--- a/libs/remix-ui/vertical-icons-panel/src/lib/remix-ui-vertical-icons-panel.tsx
+++ b/libs/remix-ui/vertical-icons-panel/src/lib/remix-ui-vertical-icons-panel.tsx
@@ -69,7 +69,7 @@ const RemixUiVerticalIconsPanel = ({ verticalIconsPlugin, icons }: RemixUiVertic
return (
-
+