Doesn't serve error stylesheet

[Munter]

• Read a .scss file
• Add a syntax error to the file
• Read file again

Expected: It should serve a CSS error stylesheet with the error message in content
Actual: Serves cached content, but the amount of bytes served is different than original

Seems like the cache should either be busted when the file is updated (see #21) or there is a missing compile promise rejection handler that should bust the cache before continuing.

[unwitting]

I'll look at this as a way of getting into the code, assign it my way if you'd like.

[Munter]

Awesome. I've given you push access as well :)

[Munter]

I think I'll need to go through the code and comment a bit more. There are a few places where I've skipped explanations that might be needed to understand the problems that are solved

[unwitting]

That would be great - I'd been thinking about doing the same myself as I
went.

On Wed, 30 Sep 2015 12:11 Peter Müller [email protected] wrote:

I think I'll need to go through the code and comment a bit more. There are
a few places where I've skipped explanations that might be needed to
understand the problems that are solved

—
Reply to this email directly or view it on GitHub
#15 (comment).

[unwitting]

Do you have objections to some quite a lot more extensive logging in verbose mode?

[unwitting]

Reproduced case, css output is:

body {
  background-color: red; }

/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy9qYWNrL3RtcC9zcmMvdGVzdC5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVBO0VBRlEsc0JBQUEsRUFBQSIsImZpbGUiOiJ0by5jc3MifQ== */er: 4px dashed red;
  margin-bottom: 10px;
  content: "Transpiler error: \00002fUsers\00002fjack\00002ftmp\00002fsrc\00002ftest\00002escss:4:30\00000aproperty \000022asasa\000022 must be followed by a \000027:\000027";
}

Output from my new logging in 13ae910 is:

getattr /
getattr /test.css
getattr /test.css
open /test.css
read pathname /test.css len 65536 offset 0
tolkPromise exists
success from tolkPromise { result: 'body {\n  background-color: red; }\n\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9Vc2Vycy9qYWNrL3RtcC9zcmMvdGVzdC5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVBO0VBRlEsc0JBQUEsRUFBQSIsImZpbGUiOiJ0by5jc3MifQ== */',
  imports: [],
  meta:
   { entry: '/Users/jack/tmp/src/test.scss',
     start: 1443622370089,
     end: 1443622370090,
     duration: 1 },
  sourcemap:
   { version: 3,
     file: 'test.css',
     sources: [ '/Users/jack/tmp/src/test.scss' ],
     sourcesContent: [ '$color: red;\n\nbody {\n    background-color: $color;\n}\n' ],
     mappings: 'AAEA;EACI,AAHI',
     names: [] } }
writing slice body {
  background-color: red; }

/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjo
calling back with length 248
read pathname /test.css len 65536 offset 248
tolkPromise exists
Transpiler error: /Users/jack/tmp/src/test.scss:4:30
property "asasa" must be followed by a ':'
success from tolkPromise { result: 'body * {\n  display: none !important;\n}\n\nbody:before {\n  line-height: 1.5;\n  display: block;\n  z-index: 99999999;\n  white-space: pre;\n  font-family: "Courier New", monospace;\n  font-size: 20px;\n  color: black;\n  margin: 10px;\n  padding: 10px;\n  border: 4px dashed red;\n  margin-bottom: 10px;\n  content: "Transpiler error: \\00002fUsers\\00002fjack\\00002ftmp\\00002fsrc\\00002ftest\\00002escss:4:30\\00000aproperty \\000022asasa\\000022 must be followed by a \\000027:\\000027";\n}\n' }
writing slice er: 4px dashed red;
  margin-bottom: 10px;
  content: "Transpiler error: \00002fUsers\00002fjack\000
calling back with length 221
read pathname /test.css len 65536 offset 469
tolkPromise exists
success from tolkPromise { result: 'body * {\n  display: none !important;\n}\n\nbody:before {\n  line-height: 1.5;\n  display: block;\n  z-index: 99999999;\n  white-space: pre;\n  font-family: "Courier New", monospace;\n  font-size: 20px;\n  color: black;\n  margin: 10px;\n  padding: 10px;\n  border: 4px dashed red;\n  margin-bottom: 10px;\n  content: "Transpiler error: \\00002fUsers\\00002fjack\\00002ftmp\\00002fsrc\\00002ftest\\00002escss:4:30\\00000aproperty \\000022asasa\\000022 must be followed by a \\000027:\\000027";\n}\n' }
writing slice
calling back with length 0
release /test.css

So what happens is that the cached content of N bytes gets returned, and then on the next read at offset N we get the error CSS and whack it into the buffer as well, which is what ends us up with the concatenated output above.

[Munter]

In verbose mode we should have all the logging we need right now to get the show on the road. I'll refactor later to have it emit instead of logging directly, and then make up some more detailed verbosity levels to expose through the cli

[Munter]

Nice reproduction. Seems like my structuring of the compiler error handling might be wrong. Might make sense to move the compiler fail handling to somewhere closer to the read function to be able to determine success or not.

[unwitting]

Coming back to this after a little time off - I'm still a little unsure of the structure here but I'm not sure this is to do with error handling - the error happens after the first read is entirely finished and the output written to buffer already. The problem is that that first read is given a cached version from the previous read when it shouldn't surely?

[Munter]

Yeah, there's something with the caching handling the change from success to error wrong, making the length beign reported wrong. This is one of the tricky ones. I've had to deal a lot with the concept of reported length from the stat operation, which is what defines how much content to read. But the length is unknown at the time of statting, since the file hasn't been compiled yet.

If we can just construct a test case that fails here then I'm sure we can start poking around to fix it more easily