Support for custom output directory structure

[NullVoxPopuli]

Search terms

Cloudflare pages

Expected Behavior

Visiting a link for a function works

Actual Behavior

Cloudflare pages reverts to the /index.html
because /functions is used for Cloudflare-specific stuff.

Steps to reproduce the bug

1. Deploy any typedoc output to Cloudflare pages.
2. Click any function on any of the docs pages.

Example:

I have this output:

Permissions Size User          Date Modified Name
.rw-rw-r--   143 nullvoxpopuli  8 Dec 13:23  .nojekyll
drwxrwxr-x     - nullvoxpopuli  8 Dec 13:23  assets
drwxrwxr-x     - nullvoxpopuli  8 Dec 13:23  classes
drwxrwxr-x     - nullvoxpopuli  8 Dec 13:23  functions
.rw-rw-r--   23k nullvoxpopuli  8 Dec 13:23  index.html
drwxrwxr-x     - nullvoxpopuli  8 Dec 13:23  interfaces
drwxrwxr-x     - nullvoxpopuli  8 Dec 13:23  modules
.rw-rw-r--  9.1k nullvoxpopuli  8 Dec 13:23  modules.html
drwxrwxr-x     - nullvoxpopuli  8 Dec 13:23  types
drwxrwxr-x     - nullvoxpopuli  8 Dec 13:23  variables

Which is deployed to: ember-resources.pages.dev/
On any page, such as: https://ember-resources.pages.dev/modules/util_cell
I click the available functions, such as: https://ember-resources.pages.dev/functions/util_cell.cell.html, but I am redirected to a poorly rendered version of https://ember-resources.pages.dev

My config:

{
  "tsconfig": "../ember-resources/tsconfig.json",
  "entryPoints": [
    "../ember-resources/src/index.ts",
    "../ember-resources/src/util/"
  ],
  "entryPointStrategy": "expand",
  "readme": "../README.md",
  "exclude": [],
  "json": "./docs.json",
  "out": "dist",
  "pretty": true,
  "excludePrivate": true,
  "excludeProtected": false,
  "excludeExternals": true,
  "disableSources": true,
  "searchInComments": true,
  "categorizeByGroup": false,
  "plugin": [
  ]
}

Environment

typedoc 0.23.14
typescript 4.8.3

❯ node -v
v16.15.1

❯ lsb_release -a
No LSB modules are available.
Distributor ID:	Ubuntu
Description:	Ubuntu 22.04.1 LTS
Release:	22.04
Codename:	jammy

---

I guess, what I'd like to see is a way to have customization over the file/folder structure.
Maybe functions can be nested under their modules?

[Cherry]

Looks like the same issue as in cloudflare/workers-sdk#2240

[amochkin]

Temporary solution:
cloudflare/workers-sdk#2240 (comment)

[Gerrit0]

Wow, cloudflare, talk about a terrible design decision...

[mogelbrod]

I encountered this today, and unfortunately it seems like the workaround is not working 😞

Temporary solution: cloudflare/workers-sdk#2240 (comment)

I adapted it to work specifically for typedoc:

typedoc && mv docs/functions docs/funcs && find docs -name '*.html' -exec sed -i '' -E 's:(href="[^"]*)functions:\1funcs:g' {} +

With the above in place it works fine when JS is disabled, but typedoc generates links via JS when enabled using the gzip encoded data in window.navigationData. This data isn't easily modified via sed, so I'm currently stuck without any viable workaround other than perhaps manually patching the typedoc codebase 😬

typedoc/src/lib/output/themes/default/assets/typedoc/Navigation.ts

Lines 30 to 34 in f2d2abe

	const res = await fetch(window.navigationData);
	const data = await res.arrayBuffer();
	const json = new Blob([data])
	.stream()
	.pipeThrough(new DecompressionStream("gzip"));

[NikolaRHristov]

I made a custom theme that overrides the default mappings and outputs to different directories, you can see an example in:

https://github.com/NikolaRHristov/TypeScriptESBuild/blob/main/Source/Variable/Load.ts
https://github.com/NikolaRHristov/TypeScriptESBuild/blob/main/Source/Class/Theme.ts

And here is how it works: https://typescript-esbuild.nikolahristov.tech/Function/Build.Build

This is hosted on Cloudflare Pages, so no issues there. That's the output of the file structure: