[Bug]: Consultant-Polished theme does not work with the resumed CLI

[kjhosein]

Bug Description

As resumed is the recommended CLI tool on the JSONResume homepage, I was trying to use it, but getting the following error.

resumed -t  @jsonresume/jsonresume-theme-consultant-polished resume.json -o resume.html
file:///home/kjh/.nvm/versions/node/v20.16.0/lib/node_modules/resumed/dist/index.js:19
    throw new Error(
          ^

Error: Could not load theme @jsonresume/jsonresume-theme-consultant-polished. Is it installed?
    at y (file:///home/kjh/.nvm/versions/node/v20.16.0/lib/node_modules/resumed/dist/index.js:19:11)
    at async file:///home/kjh/.nvm/versions/node/v20.16.0/lib/node_modules/resumed/dist/index.js:33:31

I've detailed more of the issue and my attempts to use the theme here:
rbardini/resumed#25

However, this is a theme-specific issue, since resumed works with other themes.

Steps to Reproduce

Run the resumed -t command.

Expected Behavior

It builds the HTML version of the JSON resume using the theme.

Actual Behavior

Errors out.

Screenshots

No response

Severity

Low (minor issue)

Environment

Error Logs

Error: Could not load theme @jsonresume/jsonresume-theme-consultant-polished. Is it installed?
    at y (file:///home/kjh/.nvm/versions/node/v20.16.0/lib/node_modules/resumed/dist/index.js:19:11)
    at async file:///home/kjh/.nvm/versions/node/v20.16.0/lib/node_modules/resumed/dist/index.js:33:31

Additional Context

No response

[kjhosein]

rbardini kindly gave me some suggestions on how this could be fixed in this resumed issue thread. I attempted some of these locally and was able to get this theme to work with resumed.

Here are the patches:

diff --git a/packages/themes/jsonresume-theme-consultant-polished/package.json b/packages/themes/jsonresume-theme-consultant-polished/package.json
index d290628..8957442 100644
--- a/packages/themes/jsonresume-theme-consultant-polished/package.json
+++ b/packages/themes/jsonresume-theme-consultant-polished/package.json
@@ -21,7 +21,9 @@
     "vite": "^5.4.21"
   },
   "peerDependencies": {
-    "styled-components": "^6"
+    "styled-components": "^6",
+    "react": "^19.2.0",
+    "react-dom": "^19.2.0"
   },
   "scripts": {
     "lint": "eslint src || exit 0",
@@ -34,10 +36,6 @@
   },
   "exports": {
     ".": {
-      "import": "./src/index.jsx",
-      "default": "./src/index.jsx"
-    },
-    "./dist": {
       "import": "./dist/index.js",
       "default": "./dist/index.js"
     }

diff --git a/packages/themes/jsonresume-theme-consultant-polished/src/ui/Certificates.jsx b/packages/themes/jsonresume-theme-consultant-polished/src/ui/Certificates.jsx
index f85b53b..57a3594 100644
--- a/packages/themes/jsonresume-theme-consultant-polished/src/ui/Certificates.jsx
+++ b/packages/themes/jsonresume-theme-consultant-polished/src/ui/Certificates.jsx
@@ -20,7 +20,7 @@ const Name = styled.h3`
   margin: 0;
 `;

-const Date = styled.div`
+const DateDisplay = styled.div`
   font-size: 0.9rem;
   color: #666;
 `;
@@ -53,7 +53,7 @@ const Certificates = ({ certificates }) => {
                 cert.name
               )}
             </Name>
-            {cert.date && <Date>{formatDate(cert.date)}</Date>}
+            {cert.date && <DateDisplay>{formatDate(cert.date)}</DateDisplay>}
           </Header>
           {cert.issuer && <Issuer>{cert.issuer}</Issuer>}
         </CertificateItem>

diff --git a/packages/themes/jsonresume-theme-consultant-polished/src/ui/Publications.jsx b/packages/themes/jsonresume-theme-consultant-polished/src/ui/Publications.jsx
index 3da9b97..88265c2 100644
--- a/packages/themes/jsonresume-theme-consultant-polished/src/ui/Publications.jsx
+++ b/packages/themes/jsonresume-theme-consultant-polished/src/ui/Publications.jsx
@@ -21,7 +21,7 @@ const Name = styled.h3`
   font-style: italic;
 `;

-const Date = styled.div`
+const DateDisplay = styled.div`
   font-size: 0.9rem;
   color: #666;
 `;
@@ -61,7 +61,7 @@ const Publications = ({ publications }) => {
                 pub.name
               )}
             </Name>
-            {pub.releaseDate && <Date>{formatDate(pub.releaseDate)}</Date>}
+            {pub.releaseDate && <DateDisplay>{formatDate(pub.releaseDate)}</DateDisplay>}
           </Header>
           {pub.publisher && <Publisher>{pub.publisher}</Publisher>}
           {pub.summary && <Summary>{pub.summary}</Summary>}