https://discord.cloudflare.com logo
Join Discord
Powered by
# functions
  • k
    But what is 
    app
    - that's not a normal Worker, it's a framework.
  • k
    const app = new Hono();
  • k
    I had my app working as a raw worker without Hono using raw fetch(req, env) and that brought in the scope from my .toml
  • k
    What's the full code for that Worker?
  • k
    Other than the 
    getTpls
    stuff and whatnot
  • g
    too bad that even if you manually create a stream, the error is the same, for some reason the following will not work
    Copy code
    const stream = new ReadableStream({
    start(controller) {
        controller.enqueue('<div></div>');
    }
});
new HTMLRewriter()
    .on('div', { element: (element) => {
        element.setAttribute('id', 'test')
    },
}).transform(stream);
  • k
    I suspect it's calling 
    arg.body.pipeTo()
    rather than 
    arg.pipeTo()
  • k
    and 
    body
    is only on a request/response
  • k
    Copy code
    import { Hono } from "hono";

const Mustache = require('mustache');

const app = new Hono();

async function getTpls (env) {
    var object1 = await env.MY_BUCKET.get("templates/header.mustache");
    var object2 = await env.MY_BUCKET.get("templates/footer.mustache");
    var object3 = await env.MY_BUCKET.get("templates/index.mustache");
    var object4 = await env.MY_BUCKET.get("templates/sidebar.mustache");

    var newObj = {
        header: await object1.text(),
        footer: await object2.text(),
        index: await object3.text(),
        sidebar: await object4.text(),
        splash: ['party.png', 'asmb1337.png', 'entertainment.png']
    };

    return newObj;
}

app.get("/", async (c, next) => {
    var vdata = await getTpls(c.env);
    console.log('ENV: '+c.env);
    console.log('VDATA: '+vdata);

    return c.text(Mustache.render(vdata.index, vdata, vdata));
});

export default app;
  • k
    Routes work until I try to use env
  • k
    and what's the error you get?
  • g
    so, you kind of are forced to use some kind of a KV to store HTML rather than pulling it locally from the bundle
  • k
    Looks like it's dieing (on the _worker.js build output) on the
    Copy code
    await object.text()
    from the R2 results saying
    Copy code
    Trace: TypeError: Cannot read properties of null (reading 'text')
  • k
    That function was working when I was using raw and bringing in the env through fetch()
  • k
    I was digging using R2 for storage, when I change my templates in R2 the worker already has the updates which is super sweet
  • k
    Now I am transfering to "Pages" so I can also use the static hosting option
  • k
    Was able to console.log(c.env) and it has data but nothing for MY_BUCKET so that is the issue
    Copy code
    ENV: {"MY_BUCKET":{},"__STATIC_CONTENT":{},"__STATIC_CONTENT_MANIFEST":"{\"assets/css/foundation.css
  • k
    Too bad their example is typescript. Need to bind into Hono constructor still but R2Bucket wasn''t defined >_<
  • k
    That's not the issue - bindings have never stringified
  • k
    Ok
  • k
    As long as you see 
    MY_BUCKET
    , it's there
  • k
    text()
    only exists if the object exists though - are you sure all of those paths have an object?
  • k
    Yes these were working before in a normal standalone worker
  • k
    (before trying Hano when I was using fetch() and Response()
  • k
    console logging on my objects to make sure data is coming back
  • k
    Ok the R2 .get() is coming back null >_<
  • k
    Same exact code I had pulling the templates before wtf
  • k
    When I go do test dev build wrangler output I have it bound in the terminal:
    Copy code
    Your worker has access to the following bindings:
- R2 Buckets:
  - MY_BUCKET: hnwatemplates
⎔ Starting a local server...
  • k
    Hmmm, is it better if I just make a worker and include it in a service binding on Pages?
  • k
    Dunno if that would help since I want to use Hono for better coverage. Not sure if to blame Hono or "Pages" lol
1...360361362...392Latest