No JS, No CSS, No HTML: online "clubs" celebrate plainer websites

[raldone01@lemmy.world]

Hahahah. Awesome. Have fun! You just need a simple webserver. The builtin one will do and then you use the ota functions of the ESP IDF.

[raldone01@lemmy.world]

I don't think the promise chain is really needed here.

I used this script:

import Axios from 'axios'
import OldFS from 'fs'
import { PromiseChain } from '@feather-ink/ts-utils'

const fs = OldFS.promises

const image = process.argv[2]
const destination = `http://${process.argv[3]}/vfs/ota`
const now = process.argv[4] === 'now'
const once = process.argv[4] === 'once'

async function triggerUpdate(): Promise<void> {
  console.log('Uploading new binary')
  const file = await fs.readFile(image)

  await Axios({
    method: 'POST',
    url: destination,
    headers: {
      'Content-Type': 'application/octet-stream',
      'Content-Length': file.byteLength
    },
    data: file
  })
  console.log('Finished uploading')
}

(async () => {
  const updateChain = new PromiseChain()
  console.log(`Watching file '${image}' for changes\nWill upload to '${destination}'!`)
  if (once) {
    await triggerUpdate()
    return
  }
  if (now)
    await updateChain.enqueue(triggerUpdate)
  OldFS.watch(image, async (eventType) => {
    if (eventType !== 'change')
      return
    let succ = false
    do {
      try {
        console.log('Change detected')
        await updateChain.enqueue(triggerUpdate)
        succ = true
      } catch (e) {
        console.error(e)
        console.log('Retrying upload')
      }
    } while (!succ)
    console.log('Upload finished')
  })
})()

Relevent code on the esp:

You can ignore my cpp stuff and just put this in the handler of the stock webserver.

auto ota = vfs->addHandler(makeDirectory("ota"));
        {
          ota->addHandler(makeDirect([](auto &con) {
            if (con.req->method != HTTP_POST)
              return HandlerReturn::UNHANDLED;

            // https://github.com/espressif/esp-idf/tree/master/examples/system/ota/native_ota_example/main
            // https://docs.espressif.com/projects/esp-idf/en/latest/esp32/api-reference/system/ota.html
            auto updatePartition = esp_ota_get_next_update_partition(nullptr);
            if (updatePartition == nullptr)
              return sendError(con,500, "No free ota partition found!");
            esp_ota_handle_t otaHandle;
            auto err = esp_ota_begin(updatePartition, con.req->content_len, &otaHandle);
            if (err != ESP_OK)
              return sendError(con, 500, std::string{"Can't start ota update: "} + esp_err_to_name(err), true);

            int receivedBytes = 0;
            do {
              auto end = httpd_req_recv(con.req, buf.data(), buf.size());
              // ESP_LOGE(TAG, "Received %d", receivedBytes);
              // hexDump("RECV:", buf.data(), end);
              if (end <= 0) {
                esp_ota_abort(otaHandle);
                return sendError(con, 500, "Error receiving", true);
              }
              err = esp_ota_write(otaHandle, buf.data(), end);
              if (err != ESP_OK) {
                esp_ota_abort(otaHandle);
                return sendError(con, 500, std::string{"Error writing: "} + esp_err_to_name(err), true);
              }
              receivedBytes += end;
            } while (receivedBytes < con.req->content_len);

            err = esp_ota_end(otaHandle);
            if (err != ESP_OK)
              return sendError(con, 500, std::string{"Failed to end: "} + esp_err_to_name(err), true);

            err = esp_ota_set_boot_partition(updatePartition);
            if (err != ESP_OK)
              return sendError(con, 500, std::string{"esp_ota_set_boot_partition failed: "} + esp_err_to_name(err), true);
            auto ret = sendOK(con);
            FactoryResetServiceCon().reboot(1000 / portTICK_PERIOD_MS);
            return ret;
          }));
        }

I also used a custom partition table for 2 partitions so that when my program crashes it can just go back to boot the previous version.

Here it is for reference:

partitions.csv

# Name,   Type, SubType, Offset,  Size, Flags
# Note: if you change the phy_init or app partition offset, make sure to change the offset in Kconfig.projbuild
nvs,      data, nvs,     0x011000, 0x006000,
otadata,  data, ota,     0x017000, 0x002000,
phy_init, data, phy,     0x019000, 0x001000,
ota_0,    app,  ota_0,   0x020000, 0x1F0000,
ota_1,    app,  ota_1,   0x210000, 0x1F0000,

Note: This partition table is for a special model of the ESP32 though.

Also another disclaimer: This code does not represent my current coding abilities and may be outdated - it worked well though.

[jsomae@lemmy.ml]

Passing information between two simultaneously existing entities? Get outta here! All cultures use the Jung collective unconscious to store knowledge!

[lovablesidekick@lemmy.world]

I'll say one thing for the No CSS philosophy - at least it eliminates light-colored text on a light-colored background using the thinnest possible font, which is probably the stupidest stylistic trend since the web began.

[zloubida@sh.itjust.works]

In a perfect world, these would be decided not server-side, but client-side by choices made by the browser users.

But our world is not perfect.

[heythisisnttheymca@lemmy.world]

(ó﹏ò｡) oh no my internet cred

[heythisisnttheymca@lemmy.world]

I photocopied my screen (those all in one printers are heavy) and I cannot find the glue little help?

[stepan@lemmy.cafe]

you can’t be tracked via css

https://github.com/jbtronics/CrookedStyleSheets

[victorz@lemmy.world]

Alright man, I didn't mean for it to hit so hard. I'm just trying to help. I assumed you were English-speaking because they are honestly the ones to most often make that kind of mistake. Sorry if I offended you.

Anyway, I edited my first comment there, before you replied last. So the correct thing is there now. (It should be "than".)

Love ya.

[b_tr3e@feddit.org]

That's not even convincing pedantery. Nobody would assune that a browser's standard style might be an RFC, IETF- or in any way official standard,

[vantablack@lemmy.blahaj.zone]

https://bestestmotherfucking.website/

[impshum@lemmy.world]

WORDS???? The cheek of it!

[anachrohack@lemmy.world]

Oh neat! I'm working on a forum that doesn't use any javascript

[paradoxseahorse@lemmy.world]

I meant it’s not standardised across browsers, so it doesn’t really matter if you change them within certain bounds. You can certainly set up something akin to some basic nice typesetting, get your default margins, padding, fonts, bg color sorted. They’re all reset in basically all websites anyway.

[b_tr3e@feddit.org]

Yes. I think we're missing each other pinpointing details while meaning the same. Every browser has it's defaut or "standard" style, nowadays even adapting to the system theme and trying to guess if to use day or night settings etc. Nevertheless it won't break lines in a reasonable way, won't deal with footnotes in an acceptable way and either break the layout of pure text pages or the layout of illustrated pages. HTML5 makes these specific things somewhat better as it allows realtively advanced document structure but nevertheless, a few lines of CSS to reflect at least the prinipial character of the document are unlikely to hurt anyone in a worse way than a one-style-fits-all layout for everything will hurt tha vast majority.

[alansuspect@aussie.zone]

JavaScript, the powerful but sometimes overused code

now there's an understatement.

[lmr0x61@lemmy.ml]

I host my own website, and I decided to rewrite the JS portions in React, in order to learn the framework. Boy was it a learning experience: To do the same thing required 2-4 times the amount of code—and that’s just in the scripts, let alone the all the bloat from the packages and the bundler.

I know this is a bit more radical than cutting out frameworks, but working with the JS ecosystem was such a pain, largely because there’s you need to piece together different software to make a stack work, which may or may not go together well. And since your stack is likely unique, good luck getting help on your problems. It made me miss Rust (albeit most languages do)—in Rust, you have Cargo for everything, and it’s beautiful. Rust has its own difficulties, but they actually feel surmountable compared to the dependency hell of JS.

[alteredego@lemmy.ml]

That is just stupid. How about a slighly more complex markdown.

What I really want is a P2P archive of all the relevant news articles of the last decades in markdown like in firefox "reader view". And some super advanced LLM powered text compression so you can easily store a copy of 20% of them on your PC to share P2P.

Much of the information on the internet could vanish within months if we face some global economic crisis.

[x0x7@lemmy.world]

The dependency hell of JS is caused by React. It's an ironic turn because node gained popularity in part because it was one of the first to have a coupled package manager with a massive public contribution model, full of a billion packages that follow the unix philosophy of "everything should do only one thing, and do it well" Dependency hell would disappear if people stopped popularizing competing swiss army knives. It's made worse by people trying to mash these swiss army knives together just to improve portfolio.

We've gotten to the point where you aren't considered a real professional unless you start even the smallest projects with maximum technical debt.

It should never be impressive that you used a tool. If the tool made programming it easier then it's not a mental feat. If the tool made programming it harder, then people should think you are kind of slow for using a tool that made development harder. This is why brag culture over what tools are used makes no sense. Just use tools that make life easier. If it doesn't make life easier, stop using it.

[lililliliiillililii@lemmy.zip]

I know some some communities using WhatsApp. Too difficult to get in. I miss the old days of irc and small php forums.