At the moment, the trending packages are loaded in the server and rendered. But it's kind of blocking all requests. So, let's move to client and let the page load after hydration and let other parts of the page be ssr.

https://github.com/jspm/jspm-packages/blob/main/server.js#L20

Just writing it here, so we can track this in future. Looks like, we are not even loading prism.js on client side.

https://github.com/jspm/jspm-packages/blob/main/server.js#L112

And secondary, we don't need to load this, since the Prism renderer is working on server side. And we just need to load .css on client for syntax highlighting. We can remove the script tag loading here.

Current page with syntax highlighting
https://jspm-packages.deno.dev/package/[email protected]

Apart from being cool I suppose it will have good bandwidth savings. Also, a good dog fooding of JSPM generator in browser.

Source design file
https://www.figma.com/file/F1kFa7WhNyqPFdafGdjGTj/design?node-id=0%3A1

Probably use this tool or manually using API

Navigating to https://jspm-packages.deno.dev/package/nano-jsx redirects to https://jspm-packages.deno.dev/package/[email protected] but response is internal server error.

https://ga.jspm.io/npm:nano-jsx returns [email protected] which is not published to npm.

Add option to select/change different version from package detail page

Automatically detect readmes and have a link next to each readme code snippet to instantly execute it in the sandbox
(say using jspm.dev instead of the generator)

currently only versioned package URLs are supported, i.e. https://jspm-packages.deno.dev/package/[email protected].
Navigating to unversioned URL results in 500 error.
i.e. https://jspm-packages.deno.dev/package/preact

• reduce client side JS
• @import is not supported, so need to plan accordingly WICG/webcomponents#870

At the moment there is no search integration to search packages from NPM or auto complete/suggest the search term. The search feature expects exact search term to be entered and takes to latest version.

Implement search integration using one of these https://typesense.org/typesense-vs-algolia-vs-elasticsearch-vs-meilisearch/

• algolia
• typesense
• meilisearch

Instead of:

https://jspm-packages.deno.dev/package/[email protected]

The URLs should match the main CDN:

https://jspm-packages.deno.dev/npm:[email protected]

./chomp --watch still doesn't cause dev server to reload.
REF https://discord.com/channels/570400367884501026/910942905848459275/934691763585708074

• fixed in #64

• Use https://github.com/guybedford/chomp-action
• Figure out the best integration with Deno Deploy, so far git integration is best but how to deal with built files?

Just in time https://github.com/denoland/deployctl/blob/main/action/README.md

REF #17

Not working
https://jspm-packages.deno.dev/package/@babel/[email protected]

Working
https://jspm-packages.deno.dev/package/[email protected]

Investigation

• Does it get fixed by passing different config to JSPM generator?
• REPL https://replit.com/@fusionstrings/jspm-packages-pull-23

• #17 (comment)
• #17 (comment)

implemented here #25