mulmocast 1.2.30 → 1.2.31
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +46 -0
- package/lib/actions/html.js +16 -2
- package/lib/actions/image_agents.d.ts +3 -0
- package/lib/actions/image_agents.js +3 -0
- package/lib/actions/images.d.ts +5 -0
- package/lib/actions/images.js +2 -0
- package/lib/data/scriptTemplates.d.ts +79 -0
- package/lib/data/scriptTemplates.js +112 -0
- package/lib/methods/mulmo_beat.d.ts +1 -0
- package/lib/utils/image_plugins/html_tailwind.d.ts +1 -0
- package/lib/utils/image_plugins/html_tailwind.js +7 -0
- package/lib/utils/image_plugins/index.d.ts +1 -0
- package/lib/utils/image_plugins/markdown.d.ts +1 -0
- package/lib/utils/image_plugins/markdown.js +6 -0
- package/lib/utils/image_plugins/text_slide.d.ts +1 -0
- package/lib/utils/image_plugins/text_slide.js +6 -0
- package/lib/utils/image_plugins/vision.d.ts +1 -0
- package/lib/utils/image_plugins/vision.js +8 -0
- package/package.json +2 -2
- package/scripts/templates/html_sample.json +111 -0
- package/scripts/templates/html_sample.json~ +0 -0
package/README.md
CHANGED
|
@@ -283,6 +283,8 @@ Commands:
|
|
|
283
283
|
mulmo images <file> Generate image files
|
|
284
284
|
mulmo movie <file> Generate movie file
|
|
285
285
|
mulmo pdf <file> Generate PDF files
|
|
286
|
+
mulmo markdown <file> Generate markdown files
|
|
287
|
+
mulmo html <file> Generate html files
|
|
286
288
|
mulmo tool <command> Generate Mulmo script and other tools
|
|
287
289
|
|
|
288
290
|
Options:
|
|
@@ -396,6 +398,50 @@ Options:
|
|
|
396
398
|
[choices: "letter", "a4"] [default: "letter"]
|
|
397
399
|
```
|
|
398
400
|
|
|
401
|
+
```
|
|
402
|
+
mulmo markdown <file>
|
|
403
|
+
|
|
404
|
+
Generate markdown files
|
|
405
|
+
|
|
406
|
+
Positionals:
|
|
407
|
+
file Mulmo Script File [string] [required]
|
|
408
|
+
|
|
409
|
+
Options:
|
|
410
|
+
--version Show version number [boolean]
|
|
411
|
+
-v, --verbose verbose log [boolean] [required] [default: false]
|
|
412
|
+
-h, --help Show help [boolean]
|
|
413
|
+
-o, --outdir output dir [string]
|
|
414
|
+
-b, --basedir base dir [string]
|
|
415
|
+
-l, --lang target language
|
|
416
|
+
[string] [choices: "en", "ja", "fr", "es", "de", "zh-CN", "zh-TW", "ko", "it",
|
|
417
|
+
"pt", "ar", "hi"]
|
|
418
|
+
-f, --force Force regenerate [boolean] [default: false]
|
|
419
|
+
-p, --presentationStyle Presentation Style [string]
|
|
420
|
+
--image_width Image width (e.g., 400px, 50%, auto) [string]
|
|
421
|
+
```
|
|
422
|
+
|
|
423
|
+
```
|
|
424
|
+
mulmo html <file>
|
|
425
|
+
|
|
426
|
+
Generate html files
|
|
427
|
+
|
|
428
|
+
Positionals:
|
|
429
|
+
file Mulmo Script File [string] [required]
|
|
430
|
+
|
|
431
|
+
Options:
|
|
432
|
+
--version Show version number [boolean]
|
|
433
|
+
-v, --verbose verbose log [boolean] [required] [default: false]
|
|
434
|
+
-h, --help Show help [boolean]
|
|
435
|
+
-o, --outdir output dir [string]
|
|
436
|
+
-b, --basedir base dir [string]
|
|
437
|
+
-l, --lang target language
|
|
438
|
+
[string] [choices: "en", "ja", "fr", "es", "de", "zh-CN", "zh-TW", "ko", "it",
|
|
439
|
+
"pt", "ar", "hi"]
|
|
440
|
+
-f, --force Force regenerate [boolean] [default: false]
|
|
441
|
+
-p, --presentationStyle Presentation Style [string]
|
|
442
|
+
--image_width Image width (e.g., 400px, 50%, auto) [string]
|
|
443
|
+
```
|
|
444
|
+
|
|
399
445
|
```
|
|
400
446
|
mulmo tool <command>
|
|
401
447
|
|
package/lib/actions/html.js
CHANGED
|
@@ -8,7 +8,7 @@ const generateHtmlContent = (context, imageWidth) => {
|
|
|
8
8
|
const { studio, multiLingual, lang = "en" } = context;
|
|
9
9
|
const title = studio.script.title || "MulmoCast Content";
|
|
10
10
|
const description = studio.script.description || "";
|
|
11
|
-
let html =
|
|
11
|
+
let html = "";
|
|
12
12
|
if (description) {
|
|
13
13
|
html += `${description}\n\n`;
|
|
14
14
|
}
|
|
@@ -36,7 +36,21 @@ const generateHtmlContent = (context, imageWidth) => {
|
|
|
36
36
|
}
|
|
37
37
|
}
|
|
38
38
|
});
|
|
39
|
-
return
|
|
39
|
+
return `
|
|
40
|
+
<!doctype html>
|
|
41
|
+
<html lang="en">
|
|
42
|
+
<head>
|
|
43
|
+
<meta charset="UTF-8" />
|
|
44
|
+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
45
|
+
<title>${title}</title>
|
|
46
|
+
<!-- Tailwind CSS CDN -->
|
|
47
|
+
<script src="https://cdn.tailwindcss.com"></script>
|
|
48
|
+
</head>
|
|
49
|
+
<body class="min-h-screen flex flex-col">
|
|
50
|
+
${html}
|
|
51
|
+
</body>
|
|
52
|
+
</html>
|
|
53
|
+
`;
|
|
40
54
|
};
|
|
41
55
|
export const htmlFilePath = (context) => {
|
|
42
56
|
const { studio, fileDirs, lang = "en" } = context;
|
|
@@ -36,6 +36,7 @@ export declare const imagePreprocessAgent: (namedInputs: {
|
|
|
36
36
|
movieParams: MulmoMovieParams;
|
|
37
37
|
};
|
|
38
38
|
markdown?: string;
|
|
39
|
+
html?: string;
|
|
39
40
|
htmlPrompt?: undefined;
|
|
40
41
|
htmlImageFile?: undefined;
|
|
41
42
|
htmlPath?: undefined;
|
|
@@ -66,6 +67,7 @@ export declare const imagePreprocessAgent: (namedInputs: {
|
|
|
66
67
|
movieParams: MulmoMovieParams;
|
|
67
68
|
};
|
|
68
69
|
markdown?: string;
|
|
70
|
+
html?: string;
|
|
69
71
|
htmlPrompt?: undefined;
|
|
70
72
|
htmlImageFile?: undefined;
|
|
71
73
|
htmlPath?: undefined;
|
|
@@ -99,6 +101,7 @@ export declare const imagePreprocessAgent: (namedInputs: {
|
|
|
99
101
|
movieParams: MulmoMovieParams;
|
|
100
102
|
};
|
|
101
103
|
markdown?: string;
|
|
104
|
+
html?: string;
|
|
102
105
|
htmlPrompt?: undefined;
|
|
103
106
|
htmlImageFile?: undefined;
|
|
104
107
|
htmlPath?: undefined;
|
|
@@ -63,6 +63,9 @@ export const imagePreprocessAgent = async (namedInputs) => {
|
|
|
63
63
|
if (plugin.markdown) {
|
|
64
64
|
returnValue.markdown = plugin.markdown({ beat, context, imagePath, ...htmlStyle(context, beat) });
|
|
65
65
|
}
|
|
66
|
+
if (plugin.html) {
|
|
67
|
+
returnValue.html = await plugin.html({ beat, context, imagePath, ...htmlStyle(context, beat) });
|
|
68
|
+
}
|
|
66
69
|
const isTypeMovie = beat.image.type === "movie";
|
|
67
70
|
// undefined prompt indicates that image generation is not needed
|
|
68
71
|
return {
|
package/lib/actions/images.d.ts
CHANGED
|
@@ -59,6 +59,7 @@ export declare const beat_graph_data: {
|
|
|
59
59
|
movieParams: import("../types/type.js").MulmoMovieParams;
|
|
60
60
|
};
|
|
61
61
|
markdown?: string;
|
|
62
|
+
html?: string;
|
|
62
63
|
htmlPrompt?: undefined;
|
|
63
64
|
htmlImageFile?: undefined;
|
|
64
65
|
htmlPath?: undefined;
|
|
@@ -89,6 +90,7 @@ export declare const beat_graph_data: {
|
|
|
89
90
|
movieParams: import("../types/type.js").MulmoMovieParams;
|
|
90
91
|
};
|
|
91
92
|
markdown?: string;
|
|
93
|
+
html?: string;
|
|
92
94
|
htmlPrompt?: undefined;
|
|
93
95
|
htmlImageFile?: undefined;
|
|
94
96
|
htmlPath?: undefined;
|
|
@@ -122,6 +124,7 @@ export declare const beat_graph_data: {
|
|
|
122
124
|
movieParams: import("../types/type.js").MulmoMovieParams;
|
|
123
125
|
};
|
|
124
126
|
markdown?: string;
|
|
127
|
+
html?: string;
|
|
125
128
|
htmlPrompt?: undefined;
|
|
126
129
|
htmlImageFile?: undefined;
|
|
127
130
|
htmlPath?: undefined;
|
|
@@ -363,6 +366,7 @@ export declare const beat_graph_data: {
|
|
|
363
366
|
hasMovieAudio: string;
|
|
364
367
|
htmlImageFile: string;
|
|
365
368
|
markdown: string;
|
|
369
|
+
html: string;
|
|
366
370
|
};
|
|
367
371
|
output: {
|
|
368
372
|
imageFile: string;
|
|
@@ -372,6 +376,7 @@ export declare const beat_graph_data: {
|
|
|
372
376
|
hasMovieAudio: string;
|
|
373
377
|
htmlImageFile: string;
|
|
374
378
|
markdown: string;
|
|
379
|
+
html: string;
|
|
375
380
|
};
|
|
376
381
|
isResult: boolean;
|
|
377
382
|
};
|
package/lib/actions/images.js
CHANGED
|
@@ -286,6 +286,7 @@ export const beat_graph_data = {
|
|
|
286
286
|
hasMovieAudio: ":audioChecker.hasMovieAudio",
|
|
287
287
|
htmlImageFile: ":preprocessor.htmlImageFile",
|
|
288
288
|
markdown: ":preprocessor.markdown",
|
|
289
|
+
html: ":preprocessor.html",
|
|
289
290
|
},
|
|
290
291
|
output: {
|
|
291
292
|
imageFile: ".imageFile",
|
|
@@ -295,6 +296,7 @@ export const beat_graph_data = {
|
|
|
295
296
|
hasMovieAudio: ".hasMovieAudio",
|
|
296
297
|
htmlImageFile: ".htmlImageFile",
|
|
297
298
|
markdown: ".markdown",
|
|
299
|
+
html: ".html",
|
|
298
300
|
},
|
|
299
301
|
isResult: true,
|
|
300
302
|
},
|
|
@@ -381,6 +381,85 @@ export declare const scriptTemplates: ({
|
|
|
381
381
|
description?: undefined;
|
|
382
382
|
canvasSize?: undefined;
|
|
383
383
|
captionParams?: undefined;
|
|
384
|
+
} | {
|
|
385
|
+
$mulmocast: {
|
|
386
|
+
credit: string;
|
|
387
|
+
version: string;
|
|
388
|
+
};
|
|
389
|
+
beats: ({
|
|
390
|
+
image: {
|
|
391
|
+
html: string[];
|
|
392
|
+
type: string;
|
|
393
|
+
markdown?: undefined;
|
|
394
|
+
slide?: undefined;
|
|
395
|
+
data?: undefined;
|
|
396
|
+
style?: undefined;
|
|
397
|
+
};
|
|
398
|
+
text: string;
|
|
399
|
+
} | {
|
|
400
|
+
image: {
|
|
401
|
+
markdown: string[];
|
|
402
|
+
type: string;
|
|
403
|
+
html?: undefined;
|
|
404
|
+
slide?: undefined;
|
|
405
|
+
data?: undefined;
|
|
406
|
+
style?: undefined;
|
|
407
|
+
};
|
|
408
|
+
text: string;
|
|
409
|
+
} | {
|
|
410
|
+
image: {
|
|
411
|
+
slide: {
|
|
412
|
+
subtitle: string;
|
|
413
|
+
title: string;
|
|
414
|
+
};
|
|
415
|
+
type: string;
|
|
416
|
+
html?: undefined;
|
|
417
|
+
markdown?: undefined;
|
|
418
|
+
data?: undefined;
|
|
419
|
+
style?: undefined;
|
|
420
|
+
};
|
|
421
|
+
text: string;
|
|
422
|
+
} | {
|
|
423
|
+
image: {
|
|
424
|
+
data: {
|
|
425
|
+
heading: string;
|
|
426
|
+
subheading: string;
|
|
427
|
+
items?: undefined;
|
|
428
|
+
title?: undefined;
|
|
429
|
+
};
|
|
430
|
+
style: string;
|
|
431
|
+
type: string;
|
|
432
|
+
html?: undefined;
|
|
433
|
+
markdown?: undefined;
|
|
434
|
+
slide?: undefined;
|
|
435
|
+
};
|
|
436
|
+
text: string;
|
|
437
|
+
} | {
|
|
438
|
+
image: {
|
|
439
|
+
data: {
|
|
440
|
+
items: string[];
|
|
441
|
+
title: string;
|
|
442
|
+
heading?: undefined;
|
|
443
|
+
subheading?: undefined;
|
|
444
|
+
};
|
|
445
|
+
style: string;
|
|
446
|
+
type: string;
|
|
447
|
+
html?: undefined;
|
|
448
|
+
markdown?: undefined;
|
|
449
|
+
slide?: undefined;
|
|
450
|
+
};
|
|
451
|
+
text: string;
|
|
452
|
+
})[];
|
|
453
|
+
filename: string;
|
|
454
|
+
lang: string;
|
|
455
|
+
title: string;
|
|
456
|
+
references?: undefined;
|
|
457
|
+
htmlImageParams?: undefined;
|
|
458
|
+
imageParams?: undefined;
|
|
459
|
+
movieParams?: undefined;
|
|
460
|
+
description?: undefined;
|
|
461
|
+
canvasSize?: undefined;
|
|
462
|
+
captionParams?: undefined;
|
|
384
463
|
} | {
|
|
385
464
|
$mulmocast: {
|
|
386
465
|
credit: string;
|
|
@@ -497,6 +497,118 @@ export const scriptTemplates = [
|
|
|
497
497
|
],
|
|
498
498
|
title: "[TITLE: Brief, engaging title for the topic]",
|
|
499
499
|
},
|
|
500
|
+
{
|
|
501
|
+
$mulmocast: {
|
|
502
|
+
credit: "closing",
|
|
503
|
+
version: "1.1",
|
|
504
|
+
},
|
|
505
|
+
beats: [
|
|
506
|
+
{
|
|
507
|
+
image: {
|
|
508
|
+
html: [
|
|
509
|
+
'<main class="flex-grow">',
|
|
510
|
+
" <!-- Hero Section -->",
|
|
511
|
+
' <section class="bg-blue-600 text-white py-20">',
|
|
512
|
+
' <div class="container mx-auto px-6 text-center">',
|
|
513
|
+
' <h1 class="text-4xl md:text-5xl font-bold mb-4">Welcome to Mulmocast</h1>',
|
|
514
|
+
' <p class="text-lg md:text-xl mb-8">A modern web experience powered by Tailwind CSS</p>',
|
|
515
|
+
' <a href="#features" class="bg-white text-blue-600 px-6 py-3 rounded-lg font-semibold shadow hover:bg-gray-100 transition">',
|
|
516
|
+
" Learn More",
|
|
517
|
+
" </a>",
|
|
518
|
+
" </div>",
|
|
519
|
+
" </section>",
|
|
520
|
+
"",
|
|
521
|
+
" <!-- Features Section -->",
|
|
522
|
+
' <section id="features" class="py-16 bg-gray-100">',
|
|
523
|
+
' <div class="container mx-auto px-6">',
|
|
524
|
+
' <div class="grid grid-cols-1 md:grid-cols-3 gap-8 text-center">',
|
|
525
|
+
" <div>",
|
|
526
|
+
' <div class="text-blue-600 text-4xl mb-2">⚡</div>',
|
|
527
|
+
' <h3 class="text-xl font-semibold mb-2">Fast</h3>',
|
|
528
|
+
' <p class="text-gray-600">Built with performance in mind using modern tools.</p>',
|
|
529
|
+
" </div>",
|
|
530
|
+
" <div>",
|
|
531
|
+
' <div class="text-blue-600 text-4xl mb-2">🎨</div>',
|
|
532
|
+
' <h3 class="text-xl font-semibold mb-2">Beautiful</h3>',
|
|
533
|
+
' <p class="text-gray-600">Styled with Tailwind CSS for clean, responsive design.</p>',
|
|
534
|
+
" </div>",
|
|
535
|
+
" <div>",
|
|
536
|
+
' <div class="text-blue-600 text-4xl mb-2">🚀</div>',
|
|
537
|
+
' <h3 class="text-xl font-semibold mb-2">Launch Ready</h3>',
|
|
538
|
+
' <p class="text-gray-600">Easy to deploy and extend for your next big idea.</p>',
|
|
539
|
+
" </div>",
|
|
540
|
+
" </div>",
|
|
541
|
+
" </div>",
|
|
542
|
+
" </section>",
|
|
543
|
+
"</main>",
|
|
544
|
+
"",
|
|
545
|
+
"<!-- Footer -->",
|
|
546
|
+
'<footer class="bg-white text-gray-500 text-center py-6 border-t">',
|
|
547
|
+
" 2025 Mulmocast.",
|
|
548
|
+
"</footer>",
|
|
549
|
+
],
|
|
550
|
+
type: "html_tailwind",
|
|
551
|
+
},
|
|
552
|
+
text: "This is a tailwind html format.",
|
|
553
|
+
},
|
|
554
|
+
{
|
|
555
|
+
image: {
|
|
556
|
+
markdown: [
|
|
557
|
+
"# Markdown Table Example",
|
|
558
|
+
"| Item | In Stock | Price |",
|
|
559
|
+
"| :---------------- | :------: | ----: |",
|
|
560
|
+
"| Python Hat | True | 23.99 |",
|
|
561
|
+
"| SQL Hat | True | 23.99 |",
|
|
562
|
+
"| Codecademy Tee | False | 19.99 |",
|
|
563
|
+
"| Codecademy Hoodie | False | 42.99 |",
|
|
564
|
+
],
|
|
565
|
+
type: "markdown",
|
|
566
|
+
},
|
|
567
|
+
text: "This is a table of items in the store.",
|
|
568
|
+
},
|
|
569
|
+
{
|
|
570
|
+
image: {
|
|
571
|
+
slide: {
|
|
572
|
+
subtitle: "Tom Johnson",
|
|
573
|
+
title: "This is the title of the presentation",
|
|
574
|
+
},
|
|
575
|
+
type: "textSlide",
|
|
576
|
+
},
|
|
577
|
+
text: "This is a sample slide, which just displays the title and the presenter's name of this presentation.",
|
|
578
|
+
},
|
|
579
|
+
{
|
|
580
|
+
image: {
|
|
581
|
+
data: {
|
|
582
|
+
heading: "How AI Is Reshaping Referencing",
|
|
583
|
+
subheading: "From sources to systems: reliability, traceability, and credit in the age of models",
|
|
584
|
+
},
|
|
585
|
+
style: "sectionDividerSlide",
|
|
586
|
+
type: "vision",
|
|
587
|
+
},
|
|
588
|
+
text: "sectionDividerSlide",
|
|
589
|
+
},
|
|
590
|
+
{
|
|
591
|
+
image: {
|
|
592
|
+
data: {
|
|
593
|
+
items: [
|
|
594
|
+
"Executive summary",
|
|
595
|
+
"Reference reliability and hallucinations",
|
|
596
|
+
"Attribution and credit in AI workflows",
|
|
597
|
+
"Standards & compliance (academia, journalism, law)",
|
|
598
|
+
"Roadmap & recommendations",
|
|
599
|
+
],
|
|
600
|
+
title: "Agenda",
|
|
601
|
+
},
|
|
602
|
+
style: "agendaSlide",
|
|
603
|
+
type: "vision",
|
|
604
|
+
},
|
|
605
|
+
text: "agendaSlide",
|
|
606
|
+
},
|
|
607
|
+
],
|
|
608
|
+
filename: "html_sample",
|
|
609
|
+
lang: "en",
|
|
610
|
+
title: "[TITLE: Brief, engaging title for the topic]",
|
|
611
|
+
},
|
|
500
612
|
{
|
|
501
613
|
$mulmocast: {
|
|
502
614
|
credit: "closing",
|
|
@@ -6,6 +6,7 @@ export declare const MulmoBeatMethods: {
|
|
|
6
6
|
process: (params: import("../types/type.js").ImageProcessorParams) => Promise<string | undefined> | void;
|
|
7
7
|
path: (params: import("../types/type.js").ImageProcessorParams) => string | undefined;
|
|
8
8
|
markdown?: (params: import("../types/type.js").ImageProcessorParams) => string | undefined;
|
|
9
|
+
html?: (params: import("../types/type.js").ImageProcessorParams) => Promise<string | undefined>;
|
|
9
10
|
};
|
|
10
11
|
getImageReferenceForImageGenerator(beat: MulmoBeat, imageRefs: Record<string, string>): string[];
|
|
11
12
|
};
|
|
@@ -2,3 +2,4 @@ import { ImageProcessorParams } from "../../types/index.js";
|
|
|
2
2
|
export declare const imageType = "html_tailwind";
|
|
3
3
|
export declare const process: (params: ImageProcessorParams) => Promise<string | undefined>;
|
|
4
4
|
export declare const path: (params: ImageProcessorParams) => string;
|
|
5
|
+
export declare const html: (params: ImageProcessorParams) => Promise<string | undefined>;
|
|
@@ -16,5 +16,12 @@ const processHtmlTailwind = async (params) => {
|
|
|
16
16
|
await renderHTMLToImage(htmlData, imagePath, canvasSize.width, canvasSize.height);
|
|
17
17
|
return imagePath;
|
|
18
18
|
};
|
|
19
|
+
const dumpHtml = async (params) => {
|
|
20
|
+
const { beat } = params;
|
|
21
|
+
if (!beat.image || beat.image.type !== imageType)
|
|
22
|
+
return;
|
|
23
|
+
return Array.isArray(beat.image.html) ? beat.image.html.join("\n") : beat.image.html;
|
|
24
|
+
};
|
|
19
25
|
export const process = processHtmlTailwind;
|
|
20
26
|
export const path = parrotingImagePath;
|
|
27
|
+
export const html = dumpHtml;
|
|
@@ -4,4 +4,5 @@ export declare const findImagePlugin: (imageType?: string) => {
|
|
|
4
4
|
process: (params: ImageProcessorParams) => Promise<string | undefined> | void;
|
|
5
5
|
path: (params: ImageProcessorParams) => string | undefined;
|
|
6
6
|
markdown?: (params: ImageProcessorParams) => string | undefined;
|
|
7
|
+
html?: (params: ImageProcessorParams) => Promise<string | undefined>;
|
|
7
8
|
} | undefined;
|
|
@@ -3,3 +3,4 @@ export declare const imageType = "markdown";
|
|
|
3
3
|
export declare const process: (params: ImageProcessorParams) => Promise<string | undefined>;
|
|
4
4
|
export declare const path: (params: ImageProcessorParams) => string;
|
|
5
5
|
export declare const markdown: (params: ImageProcessorParams) => string | undefined;
|
|
6
|
+
export declare const html: (params: ImageProcessorParams) => Promise<string>;
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { renderMarkdownToImage } from "../markdown.js";
|
|
2
2
|
import { parrotingImagePath } from "./utils.js";
|
|
3
|
+
import { marked } from "marked";
|
|
3
4
|
export const imageType = "markdown";
|
|
4
5
|
const processMarkdown = async (params) => {
|
|
5
6
|
const { beat, imagePath, textSlideStyle, canvasSize } = params;
|
|
@@ -15,6 +16,11 @@ const dumpMarkdown = (params) => {
|
|
|
15
16
|
return;
|
|
16
17
|
return Array.isArray(beat.image.markdown) ? beat.image.markdown.join("\n") : beat.image.markdown;
|
|
17
18
|
};
|
|
19
|
+
const dumpHtml = async (params) => {
|
|
20
|
+
const markdown = dumpMarkdown(params);
|
|
21
|
+
return await marked.parse(markdown ?? "");
|
|
22
|
+
};
|
|
18
23
|
export const process = processMarkdown;
|
|
19
24
|
export const path = parrotingImagePath;
|
|
20
25
|
export const markdown = dumpMarkdown;
|
|
26
|
+
export const html = dumpHtml;
|
|
@@ -3,3 +3,4 @@ export declare const imageType = "textSlide";
|
|
|
3
3
|
export declare const process: (params: ImageProcessorParams) => Promise<string | undefined>;
|
|
4
4
|
export declare const path: (params: ImageProcessorParams) => string;
|
|
5
5
|
export declare const markdown: (params: ImageProcessorParams) => string | undefined;
|
|
6
|
+
export declare const html: (params: ImageProcessorParams) => Promise<string>;
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { renderMarkdownToImage } from "../markdown.js";
|
|
2
2
|
import { parrotingImagePath } from "./utils.js";
|
|
3
|
+
import { marked } from "marked";
|
|
3
4
|
export const imageType = "textSlide";
|
|
4
5
|
const processTextSlide = async (params) => {
|
|
5
6
|
const { beat, imagePath, textSlideStyle, canvasSize } = params;
|
|
@@ -27,6 +28,11 @@ const dumpMarkdown = (params) => {
|
|
|
27
28
|
const bulletsString = (slide.bullets ?? []).map((text) => `- ${text}`).join("\n");
|
|
28
29
|
return `${titleString}${subtitleString}${bulletsString}`;
|
|
29
30
|
};
|
|
31
|
+
const dumpHtml = async (params) => {
|
|
32
|
+
const markdown = dumpMarkdown(params);
|
|
33
|
+
return await marked.parse(markdown ?? "");
|
|
34
|
+
};
|
|
30
35
|
export const process = processTextSlide;
|
|
31
36
|
export const path = parrotingImagePath;
|
|
32
37
|
export const markdown = dumpMarkdown;
|
|
38
|
+
export const html = dumpHtml;
|
|
@@ -2,3 +2,4 @@ import { ImageProcessorParams } from "../../types/index.js";
|
|
|
2
2
|
export declare const imageType = "vision";
|
|
3
3
|
export declare const process: (params: ImageProcessorParams) => Promise<string | undefined>;
|
|
4
4
|
export declare const path: (params: ImageProcessorParams) => string;
|
|
5
|
+
export declare const html: (params: ImageProcessorParams) => Promise<string | undefined>;
|
|
@@ -15,5 +15,13 @@ const processVision = async (params) => {
|
|
|
15
15
|
});
|
|
16
16
|
return imagePath;
|
|
17
17
|
};
|
|
18
|
+
const dumpHtml = async (params) => {
|
|
19
|
+
const { beat } = params;
|
|
20
|
+
if (!beat.image || beat.image.type !== imageType)
|
|
21
|
+
return;
|
|
22
|
+
const handler = new htmlPlugin({});
|
|
23
|
+
return handler.getHtml(templateNameTofunctionName(beat.image.style), beat.image.data);
|
|
24
|
+
};
|
|
18
25
|
export const process = processVision;
|
|
19
26
|
export const path = parrotingImagePath;
|
|
27
|
+
export const html = dumpHtml;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "mulmocast",
|
|
3
|
-
"version": "1.2.
|
|
3
|
+
"version": "1.2.31",
|
|
4
4
|
"description": "",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "lib/index.node.js",
|
|
@@ -90,7 +90,7 @@
|
|
|
90
90
|
"graphai": "^2.0.14",
|
|
91
91
|
"jsdom": "^27.0.0",
|
|
92
92
|
"marked": "^16.3.0",
|
|
93
|
-
"mulmocast-vision": "^1.0.
|
|
93
|
+
"mulmocast-vision": "^1.0.3",
|
|
94
94
|
"ora": "^8.2.0",
|
|
95
95
|
"puppeteer": "^24.20.0",
|
|
96
96
|
"replicate": "^1.1.0",
|
|
@@ -0,0 +1,111 @@
|
|
|
1
|
+
{
|
|
2
|
+
"$mulmocast": {
|
|
3
|
+
"version": "1.1",
|
|
4
|
+
"credit": "closing"
|
|
5
|
+
},
|
|
6
|
+
"title": "[TITLE: Brief, engaging title for the topic]",
|
|
7
|
+
"lang": "en",
|
|
8
|
+
"beats": [
|
|
9
|
+
{
|
|
10
|
+
"text": "This is a tailwind html format.",
|
|
11
|
+
"image": {
|
|
12
|
+
"type": "html_tailwind",
|
|
13
|
+
"html": [
|
|
14
|
+
"<main class=\"flex-grow\">",
|
|
15
|
+
" <!-- Hero Section -->",
|
|
16
|
+
" <section class=\"bg-blue-600 text-white py-20\">",
|
|
17
|
+
" <div class=\"container mx-auto px-6 text-center\">",
|
|
18
|
+
" <h1 class=\"text-4xl md:text-5xl font-bold mb-4\">Welcome to Mulmocast</h1>",
|
|
19
|
+
" <p class=\"text-lg md:text-xl mb-8\">A modern web experience powered by Tailwind CSS</p>",
|
|
20
|
+
" <a href=\"#features\" class=\"bg-white text-blue-600 px-6 py-3 rounded-lg font-semibold shadow hover:bg-gray-100 transition\">",
|
|
21
|
+
" Learn More",
|
|
22
|
+
" </a>",
|
|
23
|
+
" </div>",
|
|
24
|
+
" </section>",
|
|
25
|
+
"",
|
|
26
|
+
" <!-- Features Section -->",
|
|
27
|
+
" <section id=\"features\" class=\"py-16 bg-gray-100\">",
|
|
28
|
+
" <div class=\"container mx-auto px-6\">",
|
|
29
|
+
" <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8 text-center\">",
|
|
30
|
+
" <div>",
|
|
31
|
+
" <div class=\"text-blue-600 text-4xl mb-2\">⚡</div>",
|
|
32
|
+
" <h3 class=\"text-xl font-semibold mb-2\">Fast</h3>",
|
|
33
|
+
" <p class=\"text-gray-600\">Built with performance in mind using modern tools.</p>",
|
|
34
|
+
" </div>",
|
|
35
|
+
" <div>",
|
|
36
|
+
" <div class=\"text-blue-600 text-4xl mb-2\">🎨</div>",
|
|
37
|
+
" <h3 class=\"text-xl font-semibold mb-2\">Beautiful</h3>",
|
|
38
|
+
" <p class=\"text-gray-600\">Styled with Tailwind CSS for clean, responsive design.</p>",
|
|
39
|
+
" </div>",
|
|
40
|
+
" <div>",
|
|
41
|
+
" <div class=\"text-blue-600 text-4xl mb-2\">🚀</div>",
|
|
42
|
+
" <h3 class=\"text-xl font-semibold mb-2\">Launch Ready</h3>",
|
|
43
|
+
" <p class=\"text-gray-600\">Easy to deploy and extend for your next big idea.</p>",
|
|
44
|
+
" </div>",
|
|
45
|
+
" </div>",
|
|
46
|
+
" </div>",
|
|
47
|
+
" </section>",
|
|
48
|
+
"</main>",
|
|
49
|
+
"",
|
|
50
|
+
"<!-- Footer -->",
|
|
51
|
+
"<footer class=\"bg-white text-gray-500 text-center py-6 border-t\">",
|
|
52
|
+
" 2025 Mulmocast.",
|
|
53
|
+
"</footer>"
|
|
54
|
+
]
|
|
55
|
+
}
|
|
56
|
+
},
|
|
57
|
+
{
|
|
58
|
+
"text": "This is a table of items in the store.",
|
|
59
|
+
"image": {
|
|
60
|
+
"type": "markdown",
|
|
61
|
+
"markdown": [
|
|
62
|
+
"# Markdown Table Example",
|
|
63
|
+
"| Item | In Stock | Price |",
|
|
64
|
+
"| :---------------- | :------: | ----: |",
|
|
65
|
+
"| Python Hat | True | 23.99 |",
|
|
66
|
+
"| SQL Hat | True | 23.99 |",
|
|
67
|
+
"| Codecademy Tee | False | 19.99 |",
|
|
68
|
+
"| Codecademy Hoodie | False | 42.99 |"
|
|
69
|
+
]
|
|
70
|
+
}
|
|
71
|
+
},
|
|
72
|
+
{
|
|
73
|
+
"text": "This is a sample slide, which just displays the title and the presenter's name of this presentation.",
|
|
74
|
+
"image": {
|
|
75
|
+
"type": "textSlide",
|
|
76
|
+
"slide": {
|
|
77
|
+
"title": "This is the title of the presentation",
|
|
78
|
+
"subtitle": "Tom Johnson"
|
|
79
|
+
}
|
|
80
|
+
}
|
|
81
|
+
},
|
|
82
|
+
{
|
|
83
|
+
"text": "sectionDividerSlide",
|
|
84
|
+
"image": {
|
|
85
|
+
"type": "vision",
|
|
86
|
+
"style": "sectionDividerSlide",
|
|
87
|
+
"data": {
|
|
88
|
+
"heading": "How AI Is Reshaping Referencing",
|
|
89
|
+
"subheading": "From sources to systems: reliability, traceability, and credit in the age of models"
|
|
90
|
+
}
|
|
91
|
+
}
|
|
92
|
+
},
|
|
93
|
+
{
|
|
94
|
+
"text": "agendaSlide",
|
|
95
|
+
"image": {
|
|
96
|
+
"type": "vision",
|
|
97
|
+
"style": "agendaSlide",
|
|
98
|
+
"data": {
|
|
99
|
+
"title": "Agenda",
|
|
100
|
+
"items": [
|
|
101
|
+
"Executive summary",
|
|
102
|
+
"Reference reliability and hallucinations",
|
|
103
|
+
"Attribution and credit in AI workflows",
|
|
104
|
+
"Standards & compliance (academia, journalism, law)",
|
|
105
|
+
"Roadmap & recommendations"
|
|
106
|
+
]
|
|
107
|
+
}
|
|
108
|
+
}
|
|
109
|
+
}
|
|
110
|
+
]
|
|
111
|
+
}
|
|
File without changes
|