commit bff85c638b10eb112a6c3161913cd5cd964f9e52
parent 204270fa0db90b40decbd3daf97a793db9fc871f
Author: Ben Alpert <spicyjalapeno@gmail.com>
Date: Thu, 20 Mar 2014 20:22:07 -0700
Compile .less on demand for test page
Test Plan: Opened test page in Chrome and IE8, saw math.
Reviewers: emily
Reviewed By: emily
Differential Revision: http://phabricator.khanacademy.org/D7581
Diffstat:
4 files changed, 22 insertions(+), 15 deletions(-)
diff --git a/server.js b/server.js
@@ -1,7 +1,9 @@
+var fs = require("fs");
var path = require("path");
var browserify = require("browserify");
var express = require("express");
+var less = require("less");
var app = express();
@@ -22,6 +24,23 @@ app.get("/katex.js", function(req, res, next) {
});
});
+app.get("/katex.css", function(req, res, next) {
+ fs.readFile("static/katex.less", {encoding: "utf8"}, function(err, data) {
+ if (err) {
+ next(err);
+ return;
+ }
+ less.render(data, function(err, css) {
+ if (err) {
+ next(err);
+ return;
+ }
+ res.setHeader("Content-Type", "text/css");
+ res.send(css);
+ });
+ });
+});
+
app.get("/test/katex-tests.js", function(req, res, next) {
var b = browserify();
b.add("./test/katex-tests");
diff --git a/static/index.html b/static/index.html
@@ -5,14 +5,8 @@
<script src="katex.js" type="text/javascript"></script>
<script src="main.js" type="text/javascript"></script>
<link href="fonts/fonts.css" rel="stylesheet" type="text/css">
- <link href="katex.less" rel="stylesheet" type="text/less">
+ <link href="katex.css" rel="stylesheet" type="text/css">
<link href="main.css" rel="stylesheet" type="text/css">
- <!--[if gte IE 9]><!-->
- <script src="//cdnjs.cloudflare.com/ajax/libs/less.js/1.4.1/less.min.js"></script>
- <!--<![endif]-->
- <!--[if lt IE 9]>
- <link href="katex.less.css" rel="stylesheet" type="text/css">
- <![endif]-->
</head>
<body>
<input type="text" value="\blue\dfrac{\frac{\phi^2}{3}-G_a^{x^3}}{2\times3+4}+\orange\dfrac{(x^2+y^2)^\frac{1}{2}}{\tan\psi^\tau+2/3}" id="input" />
diff --git a/test/huxley/test.html b/test/huxley/test.html
@@ -4,7 +4,7 @@
<title>Huxley test</title>
<script src="/katex.js" type="text/javascript"></script>
<link href="/fonts/fonts.css" rel="stylesheet" type="text/css">
- <link href="/katex.less.css" rel="stylesheet" type="text/css">
+ <link href="/katex.css" rel="stylesheet" type="text/css">
<style type="text/css">
#math, #pre, #post {
font-size: 4em;
diff --git a/test/pdiff.html b/test/pdiff.html
@@ -30,13 +30,7 @@
};
</script>
<link href="../fonts/fonts.css" rel="stylesheet" type="text/css">
- <link href="../katex.less" rel="stylesheet" type="text/less">
- <!--[if gte IE 9]><!-->
- <script src="//cdnjs.cloudflare.com/ajax/libs/less.js/1.4.1/less.min.js"></script>
- <!--<![endif]-->
- <!--[if lt IE 9]>
- <link href="../katex.less.css" rel="stylesheet" type="text/css">
- <![endif]-->
+ <link href="../katex.css" rel="stylesheet" type="text/css">
</head>
<body>
<div><span>1\le2+2=4\ge3\ne\pi</span></div>
