core: add no color print style

Author: pandadtdyy

packages/server/client/printer.ts

@@ -14,9 +14,9 @@ const logger = new Logger('printer');
 
 let timer = null;
 
-export async function ConvertCodeToPDF(code, lang, filename, team, location) {
+export async function ConvertCodeToPDF(code, lang, filename, team, location, codeColor = false) {
     compiler ||= await createTypstCompiler();
-    const typst = generateTypst(team, location, filename, lang);
+    const typst = generateTypst(team, location, filename, lang, codeColor);
     compiler.addSource('/main.typst', typst);
     compiler.addSource(`/${filename}`, code);
     const docs = await compiler.compile({
@@ -32,7 +32,7 @@ export async function printFile(doc) {
         _id, tid, code, lang, filename, team, location,
     } = doc;
     try {
-        const docs = await ConvertCodeToPDF(code || 'empty file', lang, filename, team, location);
+        const docs = await ConvertCodeToPDF(code || 'empty file', lang, filename, team, location, config.printColor);
         fs.writeFileSync(path.resolve(process.cwd(), `data${path.sep}${tid}#${_id}.pdf`), docs);
         if (config.printers.length) {
             // eslint-disable-next-line no-constant-condition

packages/server/client/typst.ts

@@ -65,7 +65,7 @@ export async function createTypstCompiler() {
     return compiler;
 }
 
-export function generateTypst(team: string, location: string, filename: string, lang: string) {
+export function generateTypst(team: string, location: string, filename: string, lang: string, codeColor: boolean) {
     return `
 #let print(
     team: "",
@@ -92,7 +92,7 @@ export function generateTypst(team: string, location: string, filename: string,
         ]
     )
 
-    raw(read(filename), lang: lang)
+    raw(read(filename), lang: lang, block: true${codeColor ? '' : ', theme: "BW.tmtheme"'})
     body
 }
 

packages/server/handler/printer.ts

@@ -24,7 +24,7 @@ class PrintAdminHandler extends AuthHandler {
         }
         fs.ensureDirSync(path.resolve(process.cwd(), 'data/.pdf'));
         code.code = fs.readFileSync(path.resolve(process.cwd(), 'data/codes', `${code.tid}#${code._id}`)).toString();
-        const doc = await ConvertCodeToPDF(code.code || 'empty file', code.lang, code.filename, code.team, code.location);
+        const doc = await ConvertCodeToPDF(code.code || 'empty file', code.lang, code.filename, code.team, code.location, params.color ?? true);
         this.response.type = 'application/pdf';
         this.response.disposition = 'attachment; filename="code.pdf"';
         this.response.body = Buffer.from(doc);

packages/ui/app/components/PrintTasksTable.tsx

@@ -10,15 +10,15 @@ import {
   IconCheck, IconEye, IconHourglassEmpty, IconPrinter, IconRefresh, IconX,
 } from '@tabler/icons-react';
 
-function PrintTaskRow({ task, refresh }) {
+function PrintTaskRow({ colorCode, task, refresh }) {
   const [loading, setLoading] = React.useState(false);
 
   const codeActions = async (_id, operation) => {
     setLoading(true);
     const post = () => fetch('/print', {
       method: 'POST',
       headers: { 'Content-Type': 'application/json' },
-      body: JSON.stringify({ _id, operation }),
+      body: JSON.stringify({ _id, operation, color: colorCode }),
     });
     if (operation === 'view') {
       const pdf = await (await post()).blob();
@@ -93,7 +93,7 @@ function PrintTaskRow({ task, refresh }) {
   );
 }
 
-export function PrintTasksTable({ codes, refresh }) {
+export function PrintTasksTable({ colorCode, codes, refresh }) {
   return (
     <Table
       horizontalSpacing="md" verticalSpacing="xs" miw={700}
@@ -108,7 +108,7 @@ export function PrintTasksTable({ codes, refresh }) {
           <Table.Th>Actions</Table.Th>
         </Table.Tr>
       </Table.Thead>
-      <Table.Tbody>{ codes.map((task) => <PrintTaskRow key={task._id} task={task} refresh={refresh} />) }</Table.Tbody>
+      <Table.Tbody>{ codes.map((task) => <PrintTaskRow key={task._id} task={task} colorCode={colorCode} refresh={refresh} />) }</Table.Tbody>
     </Table>
   );
 }

packages/ui/app/pages/Print.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import {
-  Card, Center, Grid, Group, LoadingOverlay, Text, Title,
+  Card, Center, Grid, Group, LoadingOverlay, Switch, Text, Title,
 } from '@mantine/core';
 import { useQuery } from '@tanstack/react-query';
 import { PrintClientAdd, PrintTaskAdd } from '../components/PrintAdd';
@@ -16,6 +16,8 @@ export default function Print() {
 
   const load = query.isLoading || query.isFetching || query.isRefetching;
 
+  const [colorCode, setColorCode] = React.useState(false);
+
   return (
     <>
       <Grid>
@@ -24,13 +26,17 @@ export default function Print() {
             <LoadingOverlay visible={load} zIndex={1000} />
             <Group justify="space-between" mb="xs">
               <Title order={3}>Print Tasks</Title>
-              <PrintTaskAdd refresh={query.refetch} />
+              <Group mb="xs">
+                Color Code
+                <Switch checked={colorCode} onChange={(ev) => setColorCode(ev.currentTarget.checked)} />
+                <PrintTaskAdd refresh={query.refetch} />
+              </Group>
             </Group>
             {(!(query.isLoading || query.isFetching) && (!(query.data?.codes || []).length) ? (
               <Center mt="md">
                 <Text c="dimmed">No tasks found</Text>
               </Center>
-            ) : (<PrintTasksTable codes={query.data?.codes || []} refresh={query.refetch} />))}
+            ) : (<PrintTasksTable colorCode={colorCode} codes={query.data?.codes || []} refresh={query.refetch} />))}
           </Card>
         </Grid.Col>
         <Grid.Col span={3}>