HTML Depends on TypeScript

[lishaduck]

Latest versions.

For which package is this issue?

HTML

Describe the issue in a sentence or two.

The HTML package depends on TypeScript, despite only using as a Dev Dep

Issue Type (Can be multiple)

• Build - Can’t install or import the SDK
• Performance - Performance issues
• Behaviour - Functions aren’t working as expected
• Documentation - Inconsistency between the docs and behaviour
• Incorrect Types
• Other (Install)

Steps to reproduce

https://www.npmjs.com/package/@cloudinary/html?activeTab=dependencies

Error screenshots

n/a

Browsers (if issue relates to UI, else ignore)

n/a

Versions and Libraries (fill in the version numbers)

package SDK version
Node - n/a (Deno)
NPM - n/a (Deno)

Config Files (Please paste the following files if possible)

package.json (n/a)

deno.json (trimmed for brevity):

{
  "nodeModulesDir": "auto",
  "imports": {
    "@biomejs/biome": "npm:@biomejs/biome@^1.9.4",
    "@cloudinary/react": "https://esm.sh/@cloudinary/react@1.14.0?external=*",
    "@cloudinary/url-gen": "npm:@cloudinary/url-gen@^1.21.0",
    "@fresh/plugin-tailwind": "jsr:@fresh/plugin-tailwind@^0.0.1-alpha.7",
    "@preact/signals": "npm:@preact/signals@^1.3.2",
    "fresh": "jsr:@fresh/core@^2.0.0-alpha.29",
    "preact": "npm:preact@^10.26.2",
    "tailwindcss": "npm:tailwindcss@^3.4.17"
  },
  "scopes": {
    "https://esm.sh/": {
      "@cloudinary/hrml": "npm:@cloudinary/html@",
      "@types/react": "npm:preact@10.26.2/compat",
      "client-only": "npm:client-only@0.0.1",
      "react": "npm:preact@10.26.2/compat",
      "react/jsx-runtime": "npm:preact@10.26.2/jsx-runtime",
      "react-dom": "npm:preact@10.26.2/compat",
      "react-dom/test-utils": "npm:preact@10.26.2/test-utils"
    }
  }
}

Repository

n/a

[lishaduck]

Also, isBrowser is based on window instead of document, which means it's incorrect while running on Deno (and other modern runtimes).

frontend-frameworks/packages/html/src/utils/isBrowser.ts

Lines 4 to 6 in fbb7d15

	export function isBrowser(): boolean{
	return typeof window !== 'undefined';
	}

[lishaduck]

And there's no exports field, so it can't get consumed as ESM and it doesn't use .mjs extension for ESM so it probably can't be imported even with an exports field.

I'd be happy to help clean it up in a month (project I'm using cloudinary for is very far behind).

[dannyv-cloudinary]

Hi @lishaduck.
Thanks for your comments. We will review this internally and get back to you.