Hacker News Reader

Comment by ezequiel-garzon | Hacker News Reader

Apologies for such a basic question. I have node installed on my machine, but clearly no idea how a JS library is included anymore (among other things...). I created an HTML file, included a div ``a div with id "my-div-id"`` as instructed, and even added type="module" in the script tag, but I get in Chrome ``Uncaught TypeError: Failed to resolve module specifier "facesjs". Relative references must start with either "/", "./", or "../".``

Any pointers on all the steps to running this? Should I expect node to create a js file that could be served together with the HTML file? Or would my hosting server need to have node, and run it every time there is a request? Thanks in advance, I'm sorry for the confusion.

View on HN

not a basic question at all— front end has jumped the shark.

you can bypass node, npm install, etc for a prototype entirely in an html file leveraging an import map.

this is the importmap i load for all my pages: https://github.com/tylerchilds/plan98/blob/6120e6a80a3d48438...

to support faces, i’d add an entry: “facesjs”: “https://esm.sh/facesjs@4.0.0”

which should get rid of the import path issue, and to support legacy browsers that still might have that error:

https://github.com/guybedford/es-module-shims

That is 10x more complicated and unorthodox than simply running "$ npm install --save facesjs".

That's not enough to get it to load in a browser. Which bundler will you use? Shark jumped.

One command: npx.

yeah, i thought about asking if OP was using vite, webpack, snowpack or babel, but based on the context of the question, it seemed like vanilla web, so i answered vanilla web.

Thank you very much for your help, just upvoting feels rude! I have not quite gotten there, but thank you for pointing me in the right direction. Clearly I'm an enthusiast at best, but "back in my day" you could put all the needed libraries in the script tag and the CSS under link... sigh... The moment nodejs, supposedly a back end, started being used pervasively for the front end, I lost whatever conceptual map I had. Just as a personal challenge, I'm planning to _study_ [1], which I see referenced a lot, and see if I can "get it", albeit partially. Any other such references would be welcome.

Thanks again! Great website and projects, by the way.

[1] https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guid...

for an easier way to import, download the module you want to import, put it next to the js file you will import it from, and use "import foo from './foo'". You might need to serve it from a local http server.

thank you!

if it helps, my last commit touches the primary aspects of modules.

overall, i’m integrating a test payment flow on https://thelanding.page

this commit[0] i export two functions from my payment debugger module (i am intentionally overloading the word module to additionally bind a view; this is a personal hot take and not general guidance, just in case you see how i use ‘@sillonious/module’).

so i expose payment-debugger.js in the index.html file import map as @sillonious/payments.

i import that module in the message-pay component.

when the user clicks buy now, i call the newPayment function (which ultimately lands in client.js, after traversing the network; in case you’re curious about the full route). i also set a timer that’ll check the payment status every five seconds for 15 minutes. displaying a timeout message is a not yet implemented edge case.

[0]: https://github.com/tylerchilds/plan98/commit/db3c037345077fe...

> jumped the shark

Genuine question - what does that phrase mean to you?

I've only ever heard it in the context of television shows (meaning "has been renewed for so many seasons that the writers have run out of ideas and have started forcing the characters into ever wackier situations to generate novelty") - and while it's intuitivve to map from that meaning to a more generic "has gone on for too long and thus become bad", the translation is fascinating. When you said this, were you intentionally using a term from another domain with a different meaning in the confidence that your audience could translate it appropriately, or does the phrase "jump the shark" really just mean "be old, and thus bad" to you?

(Asking from a purely non-prescriptivist non-judgemental perspective! I'm interested in understanding your thought process, not in judging or correcting you)

While I'm aware of the phrase's origins, I've never heard it used to describe a TV show, only an unrelated field just like in this example.

happy days was running out of ideas and wanted to continue to retain audience attention and had The Fonz water ski and jump over a shark.

silicon valley was running out of ideas, but steve ballmer famously delivered the Developers, developers, developers speech paving the way for capturing developer market share, for a platform with platform developers is no platform at all.

there’s tooling that solves technical problems and tooling that business problems.

a system has “jumped the shark” when there are at least five ways to accomplish the same thing and the audience was just trying to have some happy days on the tubes.

my core hunch is that the ecosystem is a compile target versus a respected platform and that’s where i believe the shark has been jumped.

the web is cool, if only we stopped trying to jump it and befriend the shark already.

the long answer is, i’ve got a bespoke markdown like syntax i’m using for both a web publishing and screenplay authoring. i feel no difference between telling stories in interactive web formats or printed pages.

maybe i’m jumping the shark.

i realize i’m making some claims here, so

server side multi page demo: https://sillyz.computer/sagas/sillyz.computer/en-us/000-000....

if you press esc in the top left, you can play with that in the repl.

if you visit: https://sillyz.computer, that same text based adventure wizard journey as an embedded widget is the lower post it note.

this is the folder i’m using for localizing that journey: https://github.com/tylerchilds/plan98/tree/plan98/client/pub...

any of the short hand web components dynamically load from: https://github.com/tylerchilds/plan98/tree/plan98/client/pub...

full circle— i’m very much playing across domains with the jumping the shark reference

Love the insight - thank you!

> Genuine question - what does that phrase mean to you?

Jumped the shark means roughly the same thing as "lost the plot". In that, the current state of affairs has entered into absurd territories.

I’ve never heard of importmaps before, thank you.

Reply on news.ycombinator.com