Template Explorer Modal #6378

joeizang · 2025-09-15T17:01:42Z

No description provided.

netlify · 2025-09-15T17:01:47Z

✅ Deploy Preview for reliable-cocada-166884 ready!

Name	Link
🔨 Latest commit	`fc403c3`
🔍 Latest deploy log	https://app.netlify.com/projects/reliable-cocada-166884/deploys/69173e25d2b1df00089c5da1
😎 Deploy Preview	https://deploy-preview-6378--reliable-cocada-166884.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

yann300 · 2025-11-13T12:08:35Z

apps/remix-ide/src/app/components/top-bar.tsx

  version: packageJson.version,
  icon: '',
+  location: 'none',
  methods: ['getWorkspaces', 'createWorkspace', 'renameWorkspace', 'deleteWorkspace', 'getCurrentWorkspace', 'setWorkspace'],


can you explain this change?

the plugin doesn't fit in either mainpanel, sidePanel so I used none like remixAIPlugin for example

yann300 · 2025-11-13T12:09:42Z

apps/remix-ide/src/app/plugins/remixGuide.tsx

            >
              { section.cells.map((cell, index) => {
                return <RemixUIGridCell
-                  plugin={this}


is that change related?

yes see comment below. tldr is plugin is not used in the component

yann300 · 2025-11-13T12:09:59Z

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

    }
-
+    console.log('templates', templates(window._intl, this))
    return (


yann300 · 2025-11-13T12:10:25Z

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

                    <RemixUIGridCell
-                      plugin={this}
+                      // plugin={this}
                      title={item.displayName}


yann300 · 2025-11-13T12:12:11Z

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

      <platformContext.Provider value={props.app.platform}>
        <onLineContext.Provider value={online}>
          <AppProvider value={value}>
+            {isAiWorkspaceBeingGenerated && <AiWorkspaceGeneration></AiWorkspaceGeneration>}


are you still using this? AiWorkspaceGeneration

this is now removed

yann300 · 2025-11-13T12:12:56Z

libs/remix-ui/environment-explorer/src/lib/components/environment-explorer-ui.tsx

              {section.providers.map(provider => (
                <RemixUIGridCell
-                  plugin={this}
+                  // plugin={this}


why this change?

plugin is not used in the GridCell component. I found it confusing when I was reading the code and commented it out so I would understand that it isn't being used. see

remix-project/libs/remix-ui/grid-view/src/lib/remix-ui-grid-cell.tsx

Line 69 in e537849

props.plugin.on(props.plugin.name, 'expandGridCell', listenOnExpand)

apps/remix-ide/src/app/plugins/notification.tsx

apps/remix-ide/src/app/plugins/remix-ai-assistant.tsx

apps/remix-ide/src/app/plugins/remix-template-explorer-modal.tsx

apps/remix-ide/src/app/plugins/template-explorer-modal.tsx

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

libs/remix-ui/home-tab/src/lib/remix-ui-home-tab.tsx

Aniket-Engg · 2025-11-13T12:45:41Z

libs/remix-ui/template-explorer-modal/context/template-explorer-context.tsx

+  }, [])
+
+  useEffect(() => {
+    console.log('state', state)


Aniket-Engg · 2025-11-13T12:46:17Z

libs/remix-ui/template-explorer-modal/context/template-explorer-context.tsx

+  const facade = new TemplateExplorerModalFacade(plugin, appContext, dispatch, state)
+  const templateCategoryStrategy = new TemplateCategoryStrategy()
+
+  useEffect(() => {


can we merge code in some UseEffects here?

Aniket-Engg · 2025-11-13T12:49:12Z

libs/remix-ui/template-explorer-modal/src/components/contract-wizard.tsx

+  }, [strategy.contractType, strategy.contractOptions, strategy.contractAccessControl, strategy.contractUpgradability, strategy.contractName, strategy.contractTag])
+
+  useEffect(() => {
+    console.log('strategy', strategy)


Aniket-Engg · 2025-11-13T12:49:35Z

libs/remix-ui/template-explorer-modal/src/components/contract-wizard.tsx

+  }, [strategy])
+
+  const switching = (value: 'erc20' | 'erc721' | 'erc1155') => {
+    console.log('switching', value)


Aniket-Engg · 2025-11-13T12:52:59Z

libs/remix-ui/template-explorer-modal/src/components/genericWorkspaceTemplate.tsx

+  useEffect(() => {
+    const run = async () => {
+      const readMe = await facade.getTemplateReadMeFile(state.workspaceTemplateChosen.value)
+      console.log('readMe', readMe)


libs/remix-ui/template-explorer-modal/src/components/genericWorkspaceTemplate.tsx

Aniket-Engg · 2025-11-13T13:04:39Z

libs/remix-ui/template-explorer-modal/src/components/miniFileExplorer.tsx

@@ -0,0 +1,162 @@
+import React, { useState } from 'react'


name of this file is not very well signifying the usage of it. Either update the name or add comment on the top of file to explain its usage

added comments to the component

Aniket-Engg · 2025-11-13T13:06:53Z

libs/remix-ui/template-explorer-modal/src/components/template-explorer.tsx

+      {dedupedTemplates?.map((template: TemplateCategory, templateIndex) => (
+        <div key={template.name} className="template-category mb-4" data-id={`template-category-${template.name}`}>
+          <h4 className="category-title mb-3 text-dark" style={{
+            color: '#667',


if possible, avoid this much inline styling. Use built-in classed when possible

some most of these there are no bootstrap classes for them, hover states and the like. I have cleaned this up and added them to the css file for the react library.

Aniket-Engg · 2025-11-13T13:07:17Z

libs/remix-ui/template-explorer-modal/src/components/template-explorer.tsx

+                  data-id={`template-card-${item.value}-${itemIndex}`}
+                  key={`${templateIndex}-${itemIndex}`}
+                  className="template-card bg-light border-0"
+                  style={{


same here & below at multiple places in this file

Aniket-Engg · 2025-11-13T13:12:54Z

libs/remix-ui/template-explorer-modal/src/components/topCards.tsx

+              if (!remixconfigExists) {
+                await plugin.call('fileManager', 'writeFile', '/remix.config.json', JSON.stringify({ project: targetFolder, version: '1.0.0', IDE: window.location.hostname }, null, 2))
+              }
+              if (!remixconfigExists1) {


you check if file doesn't exist then remove it. This logic is weird. This implementation needs improvement.

This has since been fixed.

Aniket-Engg · 2025-11-14T08:35:39Z

libs/remix-ui/template-explorer-modal/src/components/contract-wizard.tsx

+    dispatch({ type: ContractWizardAction.CONTRACT_TYPE_UPDATED, payload: value })
+    dispatch({ type: ContractWizardAction.CONTRACT_TAG_UPDATE, payload: value.toUpperCase() })
+    dispatch({ type: TemplateExplorerWizardAction.SET_WORKSPACE_NAME, payload: value === 'erc20' ? 'ERC20' : value === 'erc721' ? 'ERC721' : 'ERC1155' })
+    dispatch({ type: TemplateExplorerWizardAction.SET_WORKSPACE_TEMPLATE, payload: value === 'erc20' ? { value: 'ozerc20', displayName: 'ERC20', tagList: ["ERC20", "Solidity"], description: 'A customizable fungible token contract' } : value === 'erc721' ? { value: 'ozerc721', displayName: 'ERC721', tagList: ["ERC721", "Solidity"], description: 'A customizable non-fungible token (NFT) contract' } : { value: 'ozerc1155', displayName: 'ERC1155', tagList: ["ERC1155", "Solidity"], description: 'A customizable multi token contract' } })


this much code in one line using tertiary operator should be avoided

Aniket-Engg · 2025-11-14T08:43:55Z

libs/remix-ui/template-explorer-modal/src/components/genericWorkspaceTemplate.tsx

+      }
+
+      if (rule.type === 'exactMatch') {
+        if (rule.field === 'displayName' && displayName === rule.value) {


these two if statements can be merged in one

Aniket-Engg

Creating a workspacce more than once doesn't show the right name on the modal but only after modal closing

joeizang · 2025-11-14T09:01:17Z

Creating a workspacce more than once doesn't show the right name on the modal but only after modal closing

can you explain a bit more. Not sure what you mean

joeizang self-assigned this Sep 15, 2025

joeizang added the WIP label Sep 15, 2025

joeizang force-pushed the extend-modal branch from 0d1cdf1 to a393474 Compare September 23, 2025 22:09

joeizang marked this pull request as draft September 29, 2025 13:04

ci-bot added 19 commits October 17, 2025 15:48

Add plumbing for template explorer to modal plugin

a85c16d

setup and state changes for template explorer modal

cba3241

create template explorer modal. modify app context.

ddeb1ac

rename plugin files appropriately.

b978a39

rename plugin file. Add ts compiler option

07e8dbe

fix styles. add logo update helpers.tsx

8f79174

fix search to filter and filter by tag. fix order of components

70855e8

finished contract wizard screen

6b1803a

update types. Working on miniFile Explorer and workspace details

e3dde7a

fix dom element nesting error

52509fc

styling icons

791aa0b

fix styling of editor. fix styling of miniexplorer

52db1e7

connect screens statefully. update zeppelin wizard code

575e2dd

update types and the reducer

b625fcc

consolidate reducer and state. Add logic for workspace creation.

ef98b46

contract file changes

b976769

light up topcards. add behaviour to facade

e475c0b

load readme for template

9102942

reusable markdown component

d4386ee

joeizang force-pushed the extend-modal branch from dd34dec to d4386ee Compare October 17, 2025 14:54

ci-bot added 2 commits October 20, 2025 09:52

final screen in wizard.

3d554e0

finish fixing workspace generation bug. Looking at tests

1b32f29

joeizang marked this pull request as ready for review October 24, 2025 09:44

joeizang and others added 2 commits October 24, 2025 10:44

Merge branch 'master' into extend-modal

47041e1

cleanup and fix imports

d29fb1c

ci-bot added 10 commits November 12, 2025 14:25

fix the search logic

c4bc847

fixed ai autocomplete errors in generated code.

8aee63f

fix import project to not flatten structure.

93ec7d3

fix upload to exclude root folder

3226391

cleanup

3b29c6f

cleanup

f607b8f

remove unwanted readme in upload project

841ee0f

change text in script related tamplates

ec2f115

cleanup and fix

b3e9503

update behaviour

4f3095b

yann300 reviewed Nov 13, 2025

View reviewed changes

cleanup

c5c3c70

Aniket-Engg reviewed Nov 13, 2025

View reviewed changes

ci-bot added 3 commits November 13, 2025 14:31

fix project import

7fbb96f

responding to comments by @Aniket-Engg

5fae389

cleanup

69f664c

joeizang requested a review from Aniket-Engg November 13, 2025 21:42

Merge branch 'master' into extend-modal

f725e24

Aniket-Engg reviewed Nov 14, 2025

View reviewed changes

refactor as per @Aniket-Engg

14d0c33

ci-bot added 2 commits November 14, 2025 14:46

finish cleanup and refactors.

93acce2

finish adding Matomo tracking

fc403c3

Template Explorer Modal #6378

Are you sure you want to change the base?

Template Explorer Modal #6378

Uh oh!

Conversation

joeizang commented Sep 15, 2025

Uh oh!

netlify bot commented Sep 15, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

✅ Deploy Preview for reliable-cocada-166884 ready!

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Uh oh!

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Aniket-Engg left a comment

Choose a reason for hiding this comment

Uh oh!

joeizang commented Nov 14, 2025

Uh oh!

Reviewers

Assignees

netlify bot commented Sep 15, 2025 •

edited

Loading