"use strict";
(() => {
var exports = {};
exports.id = 5990;
exports.ids = [5990,2438,7206];
exports.modules = {

/***/ 51992:
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({"src":"/_next/static/media/cocalc-latex-editor-2019.26d56713.png","height":1219,"width":1946,"blurDataURL":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAFCAMAAABPT11nAAAADFBMVEXy8/P8/Pzt7e3Z5exbuyVeAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIUlEQVQImSWIsQ0AAAyCQP//uTFlAigtI6joyzz/w8biAAOkACSXuAjkAAAAAElFTkSuQmCC"});

/***/ }),

/***/ 14277:
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

/* harmony export */ __webpack_require__.d(__webpack_exports__, {
/* harmony export */   "Z": () => (__WEBPACK_DEFAULT_EXPORT__)
/* harmony export */ });
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = ({"src":"/_next/static/media/latex-logo.eef52440.svg","height":500,"width":1200});

/***/ }),

/***/ 161046:
/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {

// ESM COMPAT FLAG
__webpack_require__.r(__webpack_exports__);

// EXPORTS
__webpack_require__.d(__webpack_exports__, {
  "default": () => (/* binding */ LatexEditor),
  "getServerSideProps": () => (/* binding */ getServerSideProps)
});

// EXTERNAL MODULE: external "react/jsx-runtime"
var jsx_runtime_ = __webpack_require__(920997);
// EXTERNAL MODULE: external "antd"
var external_antd_ = __webpack_require__(545725);
// EXTERNAL MODULE: ./components/landing/footer.tsx + 1 modules
var footer = __webpack_require__(920691);
// EXTERNAL MODULE: ./components/misc/A.tsx
var A = __webpack_require__(617637);
// EXTERNAL MODULE: ./components/landing/header.tsx + 2 modules
var header = __webpack_require__(113680);
// EXTERNAL MODULE: ./components/landing/content.tsx
var content = __webpack_require__(113684);
// EXTERNAL MODULE: ./lib/with-customize.ts
var with_customize = __webpack_require__(422638);
// EXTERNAL MODULE: ./lib/customize.ts
var lib_customize = __webpack_require__(481617);
// EXTERNAL MODULE: ./components/landing/sign-in.tsx
var sign_in = __webpack_require__(39646);
// EXTERNAL MODULE: ./components/landing/info.tsx
var info = __webpack_require__(59737);
// EXTERNAL MODULE: ./components/landing/pitch.tsx
var pitch = __webpack_require__(252181);
// EXTERNAL MODULE: ./components/landing/publishing.tsx + 1 modules
var publishing = __webpack_require__(521681);
// EXTERNAL MODULE: ./components/landing/head.tsx
var head = __webpack_require__(422004);
// EXTERNAL MODULE: ./components/landing/latex.tsx
var latex = __webpack_require__(992756);
// EXTERNAL MODULE: ./components/landing/backups.tsx + 1 modules
var backups = __webpack_require__(971796);
// EXTERNAL MODULE: ./components/landing/collaboration.tsx
var collaboration = __webpack_require__(31143);
// EXTERNAL MODULE: ./components/landing/code.tsx
var code = __webpack_require__(683068);
// EXTERNAL MODULE: ./components/landing/compare.tsx + 1 modules
var compare = __webpack_require__(180728);
// EXTERNAL MODULE: ../frontend/dist/components/icon.js
var icon = __webpack_require__(807772);
// EXTERNAL MODULE: ./public/features/latex-logo.svg
var latex_logo = __webpack_require__(14277);
// EXTERNAL MODULE: ./public/features/cocalc-latex-editor-2019.png
var cocalc_latex_editor_2019 = __webpack_require__(51992);
;// CONCATENATED MODULE: ./public/features/latex-custom-command-02.png
/* harmony default export */ const latex_custom_command_02 = ({"src":"/_next/static/media/latex-custom-command-02.e636a8e4.png","height":547,"width":1274,"blurDataURL":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAADCAMAAACZFr56AAAAElBMVEXFxcK9vbrZ2dnd3d3m5ua2trLstJPyAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAH0lEQVQImRXFwREAMAzCMGPo/iv3oo9Qa1fyAmzkBj4CvQAn0gRRNgAAAABJRU5ErkJggg=="});
;// CONCATENATED MODULE: ./public/features/cocalc-sagetex.png
/* harmony default export */ const cocalc_sagetex = ({"src":"/_next/static/media/cocalc-sagetex.9575fc66.png","height":548,"width":1026,"blurDataURL":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAECAMAAACEE47CAAAADFBMVEX4+Pjw8PD9/f3k4+PFDzPxAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAH0lEQVQImUXJsQ0AAAiAMMD/fzZObk2Ko0I4wqPwploCiAAku2opDgAAAABJRU5ErkJggg=="});
;// CONCATENATED MODULE: ./public/features/cocalc-pythontex.png
/* harmony default export */ const cocalc_pythontex = ({"src":"/_next/static/media/cocalc-pythontex.ecffde6c.png","height":455,"width":820,"blurDataURL":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAECAMAAACEE47CAAAADFBMVEX+/v739/fx8fHm5+f8+zH6AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIElEQVQImS3GAQoAAAiDQOf+/+coAuHENgmgumJ/yMUAAw4AIazVkC8AAAAASUVORK5CYII="});
;// CONCATENATED MODULE: ./public/features/latex-editor-rnw-01.png
/* harmony default export */ const latex_editor_rnw_01 = ({"src":"/_next/static/media/latex-editor-rnw-01.08ef5154.png","height":1247,"width":2559,"blurDataURL":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAECAMAAACEE47CAAAAD1BMVEX4+Pj9/f3z8/Pq7e7J2+FezqkMAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIElEQVQImTXGsQEAMAyDMDD5/+ZO1STqYhtNAWkI/uADA+kAK+78L+cAAAAASUVORK5CYII="});
;// CONCATENATED MODULE: ./public/features/latex-editor-timetravel-01.png
/* harmony default export */ const latex_editor_timetravel_01 = ({"src":"/_next/static/media/latex-editor-timetravel-01.8e773c9e.png","height":929,"width":1520,"blurDataURL":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAFCAMAAABPT11nAAAAHlBMVEX9/v72+Pfy8/Pn5uPw7ObV5e2+0+X89+/y5MzW0MKl/apKAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAKUlEQVQImSXGuQ0AMAzDQEqy8+y/cAK44IHY7nNX46RqIyqxJBDT8OcBCr8AUmxshzAAAAAASUVORK5CYII="});
;// CONCATENATED MODULE: ./public/features/cocalc-latex-side-chat-v2.png
/* harmony default export */ const cocalc_latex_side_chat_v2 = ({"src":"/_next/static/media/cocalc-latex-side-chat-v2.749afff4.png","height":1270,"width":2559,"blurDataURL":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAECAMAAACEE47CAAAAHlBMVEWqqqqjo6Ourq6zs7Py9vW9vb2swMuqxda63/aq2/pSOhSDAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAJElEQVQImQXBhwEAIAzDMGeUwv8PIyFAOotwPPchJ54WYkj7AQXNAFe/xdEIAAAAAElFTkSuQmCC"});
;// CONCATENATED MODULE: ./public/features/cocalc-latex-concurrent-editing.png
/* harmony default export */ const cocalc_latex_concurrent_editing = ({"src":"/_next/static/media/cocalc-latex-concurrent-editing.c907e4c3.png","height":758,"width":1495,"blurDataURL":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAECAMAAACEE47CAAAAD1BMVEW8vLzDw8PNzc6xsbGoqKg/lSrPAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIUlEQVQImR3IyQ0AAAiEQHDtv2YPPpOAkNjNpVUHPAp7BgLEACIHrMRJAAAAAElFTkSuQmCC"});
;// CONCATENATED MODULE: ./pages/features/latex-editor.tsx




























function LatexEditor({ customize  }) {
    return /*#__PURE__*/ (0,jsx_runtime_.jsxs)(lib_customize/* Customize */.l, {
        value: customize,
        children: [
            /*#__PURE__*/ jsx_runtime_.jsx(head/* default */.Z, {
                title: "Online LaTeX Editor"
            }),
            /*#__PURE__*/ (0,jsx_runtime_.jsxs)(external_antd_.Layout, {
                children: [
                    /*#__PURE__*/ jsx_runtime_.jsx(header/* default */.Z, {
                        page: "features",
                        subPage: "latex-editor"
                    }),
                    /*#__PURE__*/ (0,jsx_runtime_.jsxs)(external_antd_.Layout.Content, {
                        children: [
                            /*#__PURE__*/ jsx_runtime_.jsx("div", {
                                style: {
                                    backgroundColor: "#c7d9f5"
                                },
                                children: /*#__PURE__*/ jsx_runtime_.jsx(content/* default */.Z, {
                                    startup: /*#__PURE__*/ jsx_runtime_.jsx(latex/* default */.Z, {}),
                                    logo: latex_logo/* default */.Z,
                                    title: "Online LaTeX Editor",
                                    subtitle: "Focus on writing LaTeX.  CoCalc takes care of everything else.",
                                    image: cocalc_latex_editor_2019/* default */.Z
                                })
                            }),
                            /*#__PURE__*/ jsx_runtime_.jsx(pitch/* default */.Z, {
                                col1: /*#__PURE__*/ (0,jsx_runtime_.jsxs)("div", {
                                    children: [
                                        /*#__PURE__*/ (0,jsx_runtime_.jsxs)("h2", {
                                            children: [
                                                "No software install required: ",
                                                /*#__PURE__*/ jsx_runtime_.jsx("small", {
                                                    children: "100% online"
                                                })
                                            ]
                                        }),
                                        /*#__PURE__*/ (0,jsx_runtime_.jsxs)("p", {
                                            children: [
                                                "CoCalc",
                                                "'",
                                                "s",
                                                " ",
                                                /*#__PURE__*/ (0,jsx_runtime_.jsxs)(A/* default */.Z, {
                                                    href: "https://doc.cocalc.com/latex.html",
                                                    children: [
                                                        /*#__PURE__*/ jsx_runtime_.jsx(latex/* default */.Z, {}),
                                                        " editor"
                                                    ]
                                                }),
                                                " ",
                                                "supports"
                                            ]
                                        }),
                                        /*#__PURE__*/ (0,jsx_runtime_.jsxs)("ul", {
                                            children: [
                                                /*#__PURE__*/ (0,jsx_runtime_.jsxs)("li", {
                                                    children: [
                                                        /*#__PURE__*/ jsx_runtime_.jsx("strong", {
                                                            children: "side-by-side preview"
                                                        }),
                                                        " with",
                                                        " ",
                                                        /*#__PURE__*/ jsx_runtime_.jsx("strong", {
                                                            children: "forward and inverse search"
                                                        }),
                                                        ","
                                                    ]
                                                }),
                                                /*#__PURE__*/ jsx_runtime_.jsx("li", {
                                                    children: "compiles upon saving and marks errors in the source file,"
                                                }),
                                                /*#__PURE__*/ (0,jsx_runtime_.jsxs)("li", {
                                                    children: [
                                                        "periodically ",
                                                        /*#__PURE__*/ jsx_runtime_.jsx("a", {
                                                            href: "#a-backups",
                                                            children: "backups"
                                                        }),
                                                        " all your files,"
                                                    ]
                                                }),
                                                /*#__PURE__*/ (0,jsx_runtime_.jsxs)("li", {
                                                    children: [
                                                        /*#__PURE__*/ jsx_runtime_.jsx("strong", {
                                                            children: /*#__PURE__*/ jsx_runtime_.jsx("a", {
                                                                href: "#a-calculations",
                                                                children: "runs embedded calculations"
                                                            })
                                                        }),
                                                        " ",
                                                        "right inside your document,"
                                                    ]
                                                }),
                                                /*#__PURE__*/ (0,jsx_runtime_.jsxs)("li", {
                                                    children: [
                                                        /*#__PURE__*/ jsx_runtime_.jsx("strong", {
                                                            children: /*#__PURE__*/ jsx_runtime_.jsx(A/* default */.Z, {
                                                                href: "https://doc.cocalc.com/latex-features.html#latex-multi-file-support",
                                                                children: "multi-file support"
                                                            })
                                                        }),
                                                        " ",
                                                        "that discovers included files automatically, and"
                                                    ]
                                                }),
                                                /*#__PURE__*/ (0,jsx_runtime_.jsxs)("li", {
                                                    children: [
                                                        "every",
                                                        " ",
                                                        /*#__PURE__*/ jsx_runtime_.jsx("strong", {
                                                            children: /*#__PURE__*/ jsx_runtime_.jsx("a", {
                                                                href: "#a-timetravel",
                                                                children: "change is recorded"
                                                            })
                                                        }),
                                                        " ",
                                                        "while you type."
                                                    ]
                                                })
                                            ]
                                        })
                                    ]
                                }),
                                col2: /*#__PURE__*/ (0,jsx_runtime_.jsxs)("div", {
                                    children: [
                                        /*#__PURE__*/ (0,jsx_runtime_.jsxs)("h2", {
                                            children: [
                                                "Working with ",
                                                /*#__PURE__*/ jsx_runtime_.jsx(latex/* default */.Z, {}),
                                                " made easy"
                                            ]
                                        }),
                                        /*#__PURE__*/ (0,jsx_runtime_.jsxs)("dl", {
                                            children: [
                                                /*#__PURE__*/ jsx_runtime_.jsx("dt", {
                                                    children: "Tired of sending changes back and forth with your colleagues?"
                                                }),
                                                /*#__PURE__*/ (0,jsx_runtime_.jsxs)("dd", {
                                                    children: [
                                                        /*#__PURE__*/ jsx_runtime_.jsx("strong", {
                                                            children: /*#__PURE__*/ jsx_runtime_.jsx("a", {
                                                                href: "#a-realtimesync",
                                                                children: "Collaborate online"
                                                            })
                                                        }),
                                                        " ",
                                                        "without any limits!"
                                                    ]
                                                }),
                                                /*#__PURE__*/ jsx_runtime_.jsx("dt", {
                                                    children: "Scared of breaking a document?"
                                                }),
                                                /*#__PURE__*/ (0,jsx_runtime_.jsxs)("dd", {
                                                    children: [
                                                        "Revert recent changes using",
                                                        " ",
                                                        /*#__PURE__*/ jsx_runtime_.jsx("a", {
                                                            href: "#a-timetravel",
                                                            children: "TimeTravel"
                                                        }),
                                                        "."
                                                    ]
                                                }),
                                                /*#__PURE__*/ (0,jsx_runtime_.jsxs)("dt", {
                                                    children: [
                                                        "Worried about maintaining your ",
                                                        /*#__PURE__*/ jsx_runtime_.jsx(latex/* default */.Z, {}),
                                                        " environment?"
                                                    ]
                                                }),
                                                /*#__PURE__*/ jsx_runtime_.jsx("dd", {
                                                    children: "CoCalc takes care of everything."
                                                }),
                                                /*#__PURE__*/ jsx_runtime_.jsx("dt", {
                                                    children: "Want to work from anywhere?"
                                                }),
                                                /*#__PURE__*/ (0,jsx_runtime_.jsxs)("dd", {
                                                    children: [
                                                        "You only need a web browser and Internet access, or you can",
                                                        " ",
                                                        /*#__PURE__*/ jsx_runtime_.jsx(A/* default */.Z, {
                                                            href: "/pricing/onprem",
                                                            children: "run your own server."
                                                        })
                                                    ]
                                                })
                                            ]
                                        })
                                    ]
                                }),
                                ext: "tex"
                            }),
                            /*#__PURE__*/ jsx_runtime_.jsx(sign_in/* default */.Z, {
                                startup: /*#__PURE__*/ jsx_runtime_.jsx(latex/* default */.Z, {})
                            }),
                            /*#__PURE__*/ (0,jsx_runtime_.jsxs)(info/* default */.Z, {
                                anchor: "a-environments",
                                icon: "tex-file",
                                title: /*#__PURE__*/ (0,jsx_runtime_.jsxs)(jsx_runtime_.Fragment, {
                                    children: [
                                        "Managed ",
                                        /*#__PURE__*/ jsx_runtime_.jsx(latex/* default */.Z, {}),
                                        " environments"
                                    ]
                                }),
                                image: latex_custom_command_02,
                                alt: "Menu showing the different LaTeX engines in CoCalc",
                                children: [
                                    /*#__PURE__*/ (0,jsx_runtime_.jsxs)("p", {
                                        children: [
                                            "CoCalc makes sure that your desired ",
                                            /*#__PURE__*/ jsx_runtime_.jsx(latex/* default */.Z, {}),
                                            " engine is available and ready to use. You can choose between",
                                            " ",
                                            /*#__PURE__*/ jsx_runtime_.jsx("strong", {
                                                children: /*#__PURE__*/ jsx_runtime_.jsx(A/* default */.Z, {
                                                    href: "http://www.tug.org/applications/pdftex/",
                                                    children: "PDF Latex"
                                                })
                                            }),
                                            ",",
                                            " ",
                                            /*#__PURE__*/ jsx_runtime_.jsx("strong", {
                                                children: /*#__PURE__*/ jsx_runtime_.jsx(A/* default */.Z, {
                                                    href: "http://xetex.sourceforge.net/",
                                                    children: "XeLaTeX"
                                                })
                                            }),
                                            " ",
                                            "or",
                                            " ",
                                            /*#__PURE__*/ jsx_runtime_.jsx("strong", {
                                                children: /*#__PURE__*/ jsx_runtime_.jsx(A/* default */.Z, {
                                                    href: "http://www.luatex.org/",
                                                    children: "LuaTeX"
                                                })
                                            }),
                                            "."
                                        ]
                                    }),
                                    /*#__PURE__*/ (0,jsx_runtime_.jsxs)("p", {
                                        children: [
                                            "Many packages and utilities like",
                                            " ",
                                            /*#__PURE__*/ jsx_runtime_.jsx(A/* default */.Z, {
                                                href: "https://sourceforge.net/projects/pgf/",
                                                children: "PGF and TikZ"
                                            }),
                                            " ",
                                            "are pre-installed."
                                        ]
                                    }),
                                    /*#__PURE__*/ (0,jsx_runtime_.jsxs)("p", {
                                        children: [
                                            "Behind the scenes,",
                                            " ",
                                            /*#__PURE__*/ jsx_runtime_.jsx(A/* default */.Z, {
                                                href: "http://mg.readthedocs.io/latexmk.html",
                                                children: "LatexMK"
                                            }),
                                            " is configured to manage the compilation process."
                                        ]
                                    }),
                                    /*#__PURE__*/ (0,jsx_runtime_.jsxs)("p", {
                                        children: [
                                            "It is also possible to",
                                            " ",
                                            /*#__PURE__*/ jsx_runtime_.jsx("strong", {
                                                children: "fully customize the compilation command"
                                            }),
                                            ", so you can bring your own shell script or even use a Makefile!"
                                        ]
                                    })
                                ]
                            }),
                            /*#__PURE__*/ jsx_runtime_.jsx(collaboration/* default */.Z, {
                                image: cocalc_latex_concurrent_editing
                            }),
                            /*#__PURE__*/ (0,jsx_runtime_.jsxs)(info/* default */.Z, {
                                anchor: "a-computational",
                                icon: "laptop",
                                title: "Full computational environment",
                                image: cocalc_latex_editor_2019/* default */.Z,
                                alt: "Two browser windows editing the same LaTeX file",
                                wide: true,
                                children: [
                                    /*#__PURE__*/ (0,jsx_runtime_.jsxs)("p", {
                                        children: [
                                            "One thing that sets CoCalc apart from other online ",
                                            /*#__PURE__*/ jsx_runtime_.jsx(latex/* default */.Z, {}),
                                            " ",
                                            "editors is ",
                                            /*#__PURE__*/ jsx_runtime_.jsx("strong", {
                                                children: "full access to computational software"
                                            }),
                                            ". This means you can seamlessly transition from ",
                                            /*#__PURE__*/ jsx_runtime_.jsx("em", {
                                                children: "computing"
                                            }),
                                            " ",
                                            "your results to ",
                                            /*#__PURE__*/ jsx_runtime_.jsx("em", {
                                                children: "publishing"
                                            }),
                                            " them."
                                        ]
                                    }),
                                    /*#__PURE__*/ (0,jsx_runtime_.jsxs)("p", {
                                        children: [
                                            "CoCalc supports running ",
                                            /*#__PURE__*/ jsx_runtime_.jsx(A/* default */.Z, {
                                                href: "/features/python",
                                                children: "Python"
                                            }),
                                            ",",
                                            " ",
                                            /*#__PURE__*/ jsx_runtime_.jsx(A/* default */.Z, {
                                                href: "http://www.sagemath.org/",
                                                children: "SageMath"
                                            }),
                                            ",",
                                            " ",
                                            /*#__PURE__*/ jsx_runtime_.jsx(A/* default */.Z, {
                                                href: "/features/r-statistical-software",
                                                children: "R Statistical Software"
                                            }),
                                            ", ",
                                            /*#__PURE__*/ jsx_runtime_.jsx(A/* default */.Z, {
                                                href: "/features/julia",
                                                children: "Julia"
                                            }),
                                            ", and more in the same project as your ",
                                            /*#__PURE__*/ jsx_runtime_.jsx(latex/* default */.Z, {}),
                                            " document."
                                        ]
                                    }),
                                    /*#__PURE__*/ (0,jsx_runtime_.jsxs)("p", {
                                        children: [
                                            "Consult the ",
                                            /*#__PURE__*/ jsx_runtime_.jsx(A/* default */.Z, {
                                                href: "/software",
                                                children: "Available Software page"
                                            }),
                                            " or look at our",
                                            " ",
                                            /*#__PURE__*/ jsx_runtime_.jsx(A/* default */.Z, {
                                                href: "/features/jupyter-notebook",
                                                children: "Jupyter Notebook page"
                                            }),
                                            " for more information.",
                                            " "
                                        ]
                                    })
                                ]
                            }),
                            /*#__PURE__*/ (0,jsx_runtime_.jsxs)(info/* default */.Z, {
                                anchor: "a-calculations",
                                textStyleExtra: {
                                    background: "inherit"
                                },
                                title: /*#__PURE__*/ (0,jsx_runtime_.jsxs)(jsx_runtime_.Fragment, {
                                    children: [
                                        "Run SageMath, Python, or R in ",
                                        /*#__PURE__*/ jsx_runtime_.jsx(latex/* default */.Z, {})
                                    ]
                                }),
                                alt: "A LaTeX document with embedded SageMath code",
                                children: [
                                    "You can run calculations inside your ",
                                    /*#__PURE__*/ jsx_runtime_.jsx(latex/* default */.Z, {}),
                                    " documents! It's possible to embed Sage, R, or Python code in your document to automatically generate text, plots, formulas or tables. The code is evaluated as part of the compilation process and the output will be included in the generated document."
                                ]
                            }),
                            /*#__PURE__*/ (0,jsx_runtime_.jsxs)(info/* default */.Z, {
                                anchor: "a-sagetex",
                                title: "SageTex",
                                icon: "sagemath",
                                image: cocalc_sagetex,
                                alt: "Editing LaTeX with SageTex code",
                                children: [
                                    /*#__PURE__*/ jsx_runtime_.jsx("p", {
                                        children: /*#__PURE__*/ (0,jsx_runtime_.jsxs)("strong", {
                                            children: [
                                                /*#__PURE__*/ jsx_runtime_.jsx(A/* default */.Z, {
                                                    href: "http://doc.sagemath.org/html/en/tutorial/sagetex.html",
                                                    children: "SageTeX"
                                                }),
                                                " ",
                                                "lets you embed ",
                                                /*#__PURE__*/ jsx_runtime_.jsx(A/* default */.Z, {
                                                    href: "https://www.sagemath.org/",
                                                    children: "SageMath"
                                                }),
                                                " ",
                                                "in your document!"
                                            ]
                                        })
                                    }),
                                    /*#__PURE__*/ (0,jsx_runtime_.jsxs)("p", {
                                        children: [
                                            "Write Sage commands like",
                                            " ",
                                            /*#__PURE__*/ (0,jsx_runtime_.jsxs)(code/* default */.Z, {
                                                children: [
                                                    "\\sage",
                                                    "{",
                                                    "2 + 3",
                                                    "}"
                                                ]
                                            }),
                                            " ",
                                            "in ",
                                            /*#__PURE__*/ jsx_runtime_.jsx(latex/* default */.Z, {}),
                                            ' and the document will contain "5",',
                                            " ",
                                            /*#__PURE__*/ (0,jsx_runtime_.jsxs)(code/* default */.Z, {
                                                children: [
                                                    "\\sage",
                                                    "{",
                                                    "f.taylor(x, 0, 10)",
                                                    "}"
                                                ]
                                            }),
                                            " ",
                                            "for the Taylor expansion of a function ",
                                            /*#__PURE__*/ jsx_runtime_.jsx("em", {
                                                children: "f"
                                            }),
                                            ", and drawing graphs becomes as simple as",
                                            " ",
                                            /*#__PURE__*/ (0,jsx_runtime_.jsxs)(code/* default */.Z, {
                                                children: [
                                                    "\\sageplot",
                                                    "{",
                                                    "sin(x^2)",
                                                    "}"
                                                ]
                                            }),
                                            "."
                                        ]
                                    }),
                                    /*#__PURE__*/ jsx_runtime_.jsx("p", {
                                        children: /*#__PURE__*/ jsx_runtime_.jsx("strong", {
                                            children: "CoCalc deals with all the underlying details for you:"
                                        })
                                    }),
                                    /*#__PURE__*/ (0,jsx_runtime_.jsxs)("ul", {
                                        children: [
                                            /*#__PURE__*/ jsx_runtime_.jsx("li", {
                                                children: "It runs the initial compilation pass,"
                                            }),
                                            /*#__PURE__*/ (0,jsx_runtime_.jsxs)("li", {
                                                children: [
                                                    "uses ",
                                                    /*#__PURE__*/ jsx_runtime_.jsx(A/* default */.Z, {
                                                        href: "https://www.sagemath.org/",
                                                        children: "SageMath"
                                                    }),
                                                    " to compute the text output, graphs and images,"
                                                ]
                                            }),
                                            /*#__PURE__*/ jsx_runtime_.jsx("li", {
                                                children: "and then runs a second compilation pass to produce the final PDF output."
                                            })
                                        ]
                                    })
                                ]
                            }),
                            /*#__PURE__*/ (0,jsx_runtime_.jsxs)(info/* default */.Z, {
                                anchor: "a-pythontex",
                                title: "PythonTex",
                                icon: "python",
                                image: cocalc_pythontex,
                                alt: "Editing LaTeX with PythonTex code",
                                children: [
                                    /*#__PURE__*/ jsx_runtime_.jsx("p", {
                                        children: /*#__PURE__*/ (0,jsx_runtime_.jsxs)("strong", {
                                            children: [
                                                /*#__PURE__*/ jsx_runtime_.jsx(A/* default */.Z, {
                                                    href: "https://ctan.org/pkg/pythontex",
                                                    children: "PythonTeX"
                                                }),
                                                " allows you to run Python from within a document and typeset the results."
                                            ]
                                        })
                                    }),
                                    /*#__PURE__*/ (0,jsx_runtime_.jsxs)("p", {
                                        children: [
                                            "For example,",
                                            " ",
                                            /*#__PURE__*/ (0,jsx_runtime_.jsxs)(code/* default */.Z, {
                                                children: [
                                                    "\\py",
                                                    "{",
                                                    "2 + 4**2",
                                                    "}"
                                                ]
                                            }),
                                            " ",
                                            'produces "18". You can use all',
                                            " ",
                                            /*#__PURE__*/ jsx_runtime_.jsx(A/* default */.Z, {
                                                href: "/software/python",
                                                children: "available python libraries"
                                            }),
                                            " for Python 3, drawing plots via ",
                                            /*#__PURE__*/ jsx_runtime_.jsx("code", {
                                                children: "pylab"
                                            }),
                                            ", and use PythonTeX's SymPy support."
                                        ]
                                    }),
                                    /*#__PURE__*/ (0,jsx_runtime_.jsxs)("p", {
                                        children: [
                                            "Again, CoCalc automatically detects that you want to run PythonTeX and handles all the details for you.",
                                            " "
                                        ]
                                    })
                                ]
                            }),
                            /*#__PURE__*/ (0,jsx_runtime_.jsxs)(info/* default */.Z, {
                                anchor: "a-knitr",
                                title: "R/Knitr",
                                icon: "r",
                                image: latex_editor_rnw_01,
                                alt: "Editing LaTeX with R/Knitr code",
                                children: [
                                    /*#__PURE__*/ (0,jsx_runtime_.jsxs)("p", {
                                        children: [
                                            "CoCalc's ",
                                            /*#__PURE__*/ jsx_runtime_.jsx(latex/* default */.Z, {}),
                                            " editor also supports",
                                            " ",
                                            /*#__PURE__*/ jsx_runtime_.jsx("strong", {
                                                children: /*#__PURE__*/ jsx_runtime_.jsx(A/* default */.Z, {
                                                    href: "https://yihui.name/knitr/",
                                                    children: "Knitr"
                                                })
                                            }),
                                            " ",
                                            "documents (with filename extension ",
                                            /*#__PURE__*/ jsx_runtime_.jsx("code", {
                                                children: ".Rnw"
                                            }),
                                            "). This gives you the ability to embed arbitrary",
                                            " ",
                                            /*#__PURE__*/ jsx_runtime_.jsx(A/* default */.Z, {
                                                href: "https://www.r-project.org/",
                                                children: "R Software"
                                            }),
                                            " commands and plots in your ",
                                            /*#__PURE__*/ jsx_runtime_.jsx(latex/* default */.Z, {}),
                                            " file."
                                        ]
                                    }),
                                    /*#__PURE__*/ jsx_runtime_.jsx("p", {
                                        children: "Behind the scenes, CoCalc deals with all underlying details for you:"
                                    }),
                                    /*#__PURE__*/ (0,jsx_runtime_.jsxs)("ul", {
                                        children: [
                                            /*#__PURE__*/ (0,jsx_runtime_.jsxs)("li", {
                                                children: [
                                                    "installation and management of",
                                                    " ",
                                                    /*#__PURE__*/ jsx_runtime_.jsx(A/* default */.Z, {
                                                        href: "/software/r",
                                                        children: "all R packages"
                                                    }),
                                                    ","
                                                ]
                                            }),
                                            /*#__PURE__*/ (0,jsx_runtime_.jsxs)("li", {
                                                children: [
                                                    "orchestrates the full compilation pipeline for ",
                                                    /*#__PURE__*/ jsx_runtime_.jsx(latex/* default */.Z, {}),
                                                    " and running R, and"
                                                ]
                                            }),
                                            /*#__PURE__*/ (0,jsx_runtime_.jsxs)("li", {
                                                children: [
                                                    "reconciles the line numbers of the .Rnw file with the corresponding .tex document for correct",
                                                    " ",
                                                    /*#__PURE__*/ jsx_runtime_.jsx(A/* default */.Z, {
                                                        href: "#a-forwardinverse",
                                                        children: /*#__PURE__*/ jsx_runtime_.jsx("strong", {
                                                            children: "forward and inverse search"
                                                        })
                                                    }),
                                                    ".",
                                                    " "
                                                ]
                                            })
                                        ]
                                    })
                                ]
                            }),
                            /*#__PURE__*/ (0,jsx_runtime_.jsxs)(info/* default.Heading */.Z.Heading, {
                                description: /*#__PURE__*/ (0,jsx_runtime_.jsxs)(jsx_runtime_.Fragment, {
                                    children: [
                                        "The following are some specific features of editing ",
                                        /*#__PURE__*/ jsx_runtime_.jsx(latex/* default */.Z, {}),
                                        " in CoCalc.",
                                        /*#__PURE__*/ jsx_runtime_.jsx("br", {}),
                                        "There is also more",
                                        " ",
                                        /*#__PURE__*/ jsx_runtime_.jsx(A/* default */.Z, {
                                            href: "https://doc.cocalc.com/latex.html",
                                            children: "comprehensive documentation"
                                        }),
                                        "."
                                    ]
                                }),
                                children: [
                                    /*#__PURE__*/ jsx_runtime_.jsx(latex/* default */.Z, {}),
                                    " Editing Features"
                                ]
                            }),
                            /*#__PURE__*/ (0,jsx_runtime_.jsxs)(info/* default */.Z, {
                                anchor: "a-forwardinverse",
                                title: "Forward and Inverse search",
                                icon: "sync",
                                video: [
                                    "features/latex-forward-inverse-02.webm",
                                    "features/latex-forward-inverse-02.mp4", 
                                ],
                                wide: true,
                                alt: "Video showing forward and inverse search in a LaTeX document",
                                children: [
                                    /*#__PURE__*/ jsx_runtime_.jsx("p", {
                                        children: "Let CoCalc help you find your way around in large documents!"
                                    }),
                                    /*#__PURE__*/ (0,jsx_runtime_.jsxs)("p", {
                                        children: [
                                            /*#__PURE__*/ jsx_runtime_.jsx("strong", {
                                                children: "Forward Search"
                                            }),
                                            " lets you jump from the ",
                                            /*#__PURE__*/ jsx_runtime_.jsx(latex/* default */.Z, {}),
                                            " ",
                                            "source to the corresponding part in the rendered preview. This saves you time looking for the output."
                                        ]
                                    }),
                                    /*#__PURE__*/ (0,jsx_runtime_.jsxs)("p", {
                                        children: [
                                            /*#__PURE__*/ jsx_runtime_.jsx("strong", {
                                                children: "Inverse search"
                                            }),
                                            " does the opposite: double click on the output and your cursor jumps to the line in the source file for that output."
                                        ]
                                    }),
                                    /*#__PURE__*/ (0,jsx_runtime_.jsxs)("p", {
                                        children: [
                                            "Under the hood, CoCalc uses",
                                            " ",
                                            /*#__PURE__*/ jsx_runtime_.jsx(A/* default */.Z, {
                                                href: "https://github.com/jlaurens/synctex",
                                                children: "SyncTeX"
                                            }),
                                            " ",
                                            "seamlessly."
                                        ]
                                    })
                                ]
                            }),
                            /*#__PURE__*/ (0,jsx_runtime_.jsxs)(info/* default */.Z, {
                                anchor: "a-timetravel",
                                title: "TimeTravel",
                                icon: "history",
                                image: latex_editor_timetravel_01,
                                alt: "Using the TimeTravel slider to see what changed in a LaTeX document",
                                children: [
                                    /*#__PURE__*/ (0,jsx_runtime_.jsxs)("p", {
                                        children: [
                                            "The ",
                                            /*#__PURE__*/ jsx_runtime_.jsx("strong", {
                                                children: "TimeTravel feature"
                                            }),
                                            " is specific to the CoCalc platform. It records all changes in the document in fine detail. You can go back and forth in time using a slider across thousands of changes to recover your previous edits."
                                        ]
                                    }),
                                    /*#__PURE__*/ (0,jsx_runtime_.jsxs)("p", {
                                        children: [
                                            "This is especially helpful for pinpointing which of the recent changes caused a ",
                                            /*#__PURE__*/ jsx_runtime_.jsx("strong", {
                                                children: "compilation error"
                                            }),
                                            ". You can see the recent changes and exactly where the modifications happened, and who made them."
                                        ]
                                    })
                                ]
                            }),
                            /*#__PURE__*/ (0,jsx_runtime_.jsxs)(info/* default */.Z, {
                                anchor: "a-chat",
                                title: "Side Chat",
                                icon: "comment",
                                image: cocalc_latex_side_chat_v2,
                                alt: "Chatting about a LaTeX document right next to that document",
                                children: [
                                    /*#__PURE__*/ (0,jsx_runtime_.jsxs)("p", {
                                        children: [
                                            "A",
                                            " ",
                                            /*#__PURE__*/ jsx_runtime_.jsx("strong", {
                                                children: /*#__PURE__*/ jsx_runtime_.jsx(A/* default */.Z, {
                                                    href: "https://doc.cocalc.com/chat.html",
                                                    children: "side-by-side chat"
                                                })
                                            }),
                                            " ",
                                            "for each ",
                                            /*#__PURE__*/ jsx_runtime_.jsx(latex/* default */.Z, {}),
                                            " file lets you discuss your content with collaborators or give feedback to your students while they are working on their assignments."
                                        ]
                                    }),
                                    /*#__PURE__*/ jsx_runtime_.jsx("p", {
                                        children: "Collaborators who are offline will be notified about new messages the next time they sign in. If you @mention them, they receive an email notification."
                                    }),
                                    /*#__PURE__*/ (0,jsx_runtime_.jsxs)("p", {
                                        children: [
                                            "Chat messages also support",
                                            " ",
                                            /*#__PURE__*/ jsx_runtime_.jsx(A/* default */.Z, {
                                                href: "https://en.wikipedia.org/wiki/Markdown",
                                                children: "Markdown"
                                            }),
                                            " ",
                                            "formatting with ",
                                            /*#__PURE__*/ jsx_runtime_.jsx(latex/* default */.Z, {}),
                                            " formulas.",
                                            " "
                                        ]
                                    })
                                ]
                            }),
                            /*#__PURE__*/ jsx_runtime_.jsx(backups/* default */.Z, {}),
                            /*#__PURE__*/ jsx_runtime_.jsx(publishing/* default */.Z, {}),
                            /*#__PURE__*/ jsx_runtime_.jsx(compare/* default */.Z, {
                                name: "latex",
                                disclaimer: true,
                                title: /*#__PURE__*/ (0,jsx_runtime_.jsxs)("h2", {
                                    style: {
                                        textAlign: "center"
                                    },
                                    children: [
                                        /*#__PURE__*/ jsx_runtime_.jsx(icon.Icon, {
                                            name: "bolt"
                                        }),
                                        " ",
                                        /*#__PURE__*/ jsx_runtime_.jsx(latex/* default */.Z, {}),
                                        " in CoCalc versus the competition"
                                    ]
                                })
                            }),
                            /*#__PURE__*/ jsx_runtime_.jsx(sign_in/* default */.Z, {
                                startup: /*#__PURE__*/ jsx_runtime_.jsx(latex/* default */.Z, {})
                            })
                        ]
                    }),
                    /*#__PURE__*/ jsx_runtime_.jsx(footer/* default */.Z, {})
                ]
            })
        ]
    });
};
async function getServerSideProps(context) {
    return await (0,with_customize/* default */.Z)({
        context
    });
}


/***/ }),

/***/ 545725:
/***/ ((module) => {

module.exports = require("antd");

/***/ }),

/***/ 770640:
/***/ ((module) => {

module.exports = require("cookies");

/***/ }),

/***/ 65680:
/***/ ((module) => {

module.exports = require("lru-cache");

/***/ }),

/***/ 492796:
/***/ ((module) => {

module.exports = require("next/dist/shared/lib/head-manager-context.js");

/***/ }),

/***/ 294957:
/***/ ((module) => {

module.exports = require("next/dist/shared/lib/head.js");

/***/ }),

/***/ 703539:
/***/ ((module) => {

module.exports = require("next/dist/shared/lib/i18n/detect-domain-locale.js");

/***/ }),

/***/ 734014:
/***/ ((module) => {

module.exports = require("next/dist/shared/lib/i18n/normalize-locale-path.js");

/***/ }),

/***/ 450744:
/***/ ((module) => {

module.exports = require("next/dist/shared/lib/image-config-context.js");

/***/ }),

/***/ 435843:
/***/ ((module) => {

module.exports = require("next/dist/shared/lib/image-config.js");

/***/ }),

/***/ 278524:
/***/ ((module) => {

module.exports = require("next/dist/shared/lib/is-plain-object.js");

/***/ }),

/***/ 878020:
/***/ ((module) => {

module.exports = require("next/dist/shared/lib/mitt.js");

/***/ }),

/***/ 664406:
/***/ ((module) => {

module.exports = require("next/dist/shared/lib/page-path/denormalize-page-path.js");

/***/ }),

/***/ 424964:
/***/ ((module) => {

module.exports = require("next/dist/shared/lib/router-context.js");

/***/ }),

/***/ 623938:
/***/ ((module) => {

module.exports = require("next/dist/shared/lib/router/utils/format-url.js");

/***/ }),

/***/ 329565:
/***/ ((module) => {

module.exports = require("next/dist/shared/lib/router/utils/get-asset-path-from-route.js");

/***/ }),

/***/ 264365:
/***/ ((module) => {

module.exports = require("next/dist/shared/lib/router/utils/get-middleware-regex.js");

/***/ }),

/***/ 901428:
/***/ ((module) => {

module.exports = require("next/dist/shared/lib/router/utils/is-dynamic.js");

/***/ }),

/***/ 491292:
/***/ ((module) => {

module.exports = require("next/dist/shared/lib/router/utils/parse-relative-url.js");

/***/ }),

/***/ 980979:
/***/ ((module) => {

module.exports = require("next/dist/shared/lib/router/utils/querystring.js");

/***/ }),

/***/ 836052:
/***/ ((module) => {

module.exports = require("next/dist/shared/lib/router/utils/resolve-rewrites.js");

/***/ }),

/***/ 584226:
/***/ ((module) => {

module.exports = require("next/dist/shared/lib/router/utils/route-matcher.js");

/***/ }),

/***/ 95052:
/***/ ((module) => {

module.exports = require("next/dist/shared/lib/router/utils/route-regex.js");

/***/ }),

/***/ 359232:
/***/ ((module) => {

module.exports = require("next/dist/shared/lib/utils.js");

/***/ }),

/***/ 40968:
/***/ ((module) => {

module.exports = require("next/head");

/***/ }),

/***/ 371853:
/***/ ((module) => {

module.exports = require("next/router");

/***/ }),

/***/ 616689:
/***/ ((module) => {

module.exports = require("react");

/***/ }),

/***/ 566405:
/***/ ((module) => {

module.exports = require("react-dom");

/***/ }),

/***/ 920997:
/***/ ((module) => {

module.exports = require("react/jsx-runtime");

/***/ }),

/***/ 439491:
/***/ ((module) => {

module.exports = require("assert");

/***/ }),

/***/ 714300:
/***/ ((module) => {

module.exports = require("buffer");

/***/ }),

/***/ 706113:
/***/ ((module) => {

module.exports = require("crypto");

/***/ }),

/***/ 809523:
/***/ ((module) => {

module.exports = require("dns");

/***/ }),

/***/ 582361:
/***/ ((module) => {

module.exports = require("events");

/***/ }),

/***/ 657147:
/***/ ((module) => {

module.exports = require("fs");

/***/ }),

/***/ 241808:
/***/ ((module) => {

module.exports = require("net");

/***/ }),

/***/ 822037:
/***/ ((module) => {

module.exports = require("os");

/***/ }),

/***/ 371017:
/***/ ((module) => {

module.exports = require("path");

/***/ }),

/***/ 677282:
/***/ ((module) => {

module.exports = require("process");

/***/ }),

/***/ 285477:
/***/ ((module) => {

module.exports = require("punycode");

/***/ }),

/***/ 12781:
/***/ ((module) => {

module.exports = require("stream");

/***/ }),

/***/ 371576:
/***/ ((module) => {

module.exports = require("string_decoder");

/***/ }),

/***/ 924404:
/***/ ((module) => {

module.exports = require("tls");

/***/ }),

/***/ 76224:
/***/ ((module) => {

module.exports = require("tty");

/***/ }),

/***/ 257310:
/***/ ((module) => {

module.exports = require("url");

/***/ }),

/***/ 473837:
/***/ ((module) => {

module.exports = require("util");

/***/ })

};
;

// load runtime
var __webpack_require__ = require("../../webpack-runtime.js");
__webpack_require__.C(exports);
var __webpack_exec__ = (moduleId) => (__webpack_require__(__webpack_require__.s = moduleId))
var __webpack_exports__ = __webpack_require__.X(0, [549,6918,3429,1746,9505,1748,3734,2208,5654,5887,9715,2448,1107,9521,5114,722,3624,9924,5379,2240,3684,9737,2181,728,9999,1796,1143], () => (__webpack_exec__(161046)));
module.exports = __webpack_exports__;

})();