hmml_to_html.c: Begin single-pass rewrite
This commit is contained in:
Matt Mascarenhas
parent
af9f5a593b
commit
0adb9bf45a
|
|
@ -1,6 +1,6 @@
|
||||||
#if 0
|
#if 0
|
||||||
ctime -begin ${0%.*}.ctm
|
ctime -begin ${0%.*}.ctm
|
||||||
gcc -g -fsanitize=address $0 -o ${0%.*} hmml.a
|
gcc -g -Wall -Wno-unused-variable -fsanitize=address $0 -o ${0%.*} hmml.a
|
||||||
ctime -end ${0%.*}.ctm
|
ctime -end ${0%.*}.ctm
|
||||||
exit
|
exit
|
||||||
#endif
|
#endif
|
||||||
|
|
@ -111,6 +111,7 @@ CopyStringToBuffer(char *Src, buffer *Dest)
|
||||||
{
|
{
|
||||||
*Dest->Ptr++ = *Src++;
|
*Dest->Ptr++ = *Src++;
|
||||||
}
|
}
|
||||||
|
*Dest->Ptr = '\0';
|
||||||
}
|
}
|
||||||
|
|
||||||
int
|
int
|
||||||
|
|
@ -178,6 +179,252 @@ main(int ArgC, char **Args)
|
||||||
int ClaimedMemory = 0;
|
int ClaimedMemory = 0;
|
||||||
|
|
||||||
// NOTE(matt): Setup buffers and ptrs
|
// NOTE(matt): Setup buffers and ptrs
|
||||||
|
#if 1
|
||||||
|
char *InPtr;
|
||||||
|
|
||||||
|
buffer Title;
|
||||||
|
buffer QuoteMenu;
|
||||||
|
buffer ReferenceMenu;
|
||||||
|
|
||||||
|
buffer Player;
|
||||||
|
buffer Annotation;
|
||||||
|
buffer AnnotationHeader;
|
||||||
|
buffer AnnotationClass;
|
||||||
|
buffer AnnotationData;
|
||||||
|
buffer Text;
|
||||||
|
buffer Category;
|
||||||
|
|
||||||
|
buffer Master;
|
||||||
|
|
||||||
|
for(int FileIndex = 1; FileIndex < ArgC; ++FileIndex)
|
||||||
|
{
|
||||||
|
FILE *InFile;
|
||||||
|
if(!(InFile = fopen(Args[FileIndex], "r")))
|
||||||
|
{
|
||||||
|
perror(Args[0]);
|
||||||
|
free(MemoryArena);
|
||||||
|
return 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
HMML_Output HMML = hmml_parse_file(InFile);
|
||||||
|
fclose(InFile);
|
||||||
|
|
||||||
|
if(HMML.well_formed)
|
||||||
|
{
|
||||||
|
int PrintLength;
|
||||||
|
|
||||||
|
ClaimBuffer(MemoryArena, &ClaimedMemory, &Title, 1024 * 16);
|
||||||
|
ClaimBuffer(MemoryArena, &ClaimedMemory, &Player, 1024 * 256);
|
||||||
|
|
||||||
|
PrintLength = sprintf(Title.Ptr,
|
||||||
|
" <div class=\"title\">\n"
|
||||||
|
" <span class=\"episode_name\">%s</span>\n", HMML.metadata.title);
|
||||||
|
Title.Ptr += PrintLength;
|
||||||
|
|
||||||
|
PrintLength = sprintf(Player.Ptr,
|
||||||
|
" <div class=\"player_container\">\n"
|
||||||
|
" <div class=\"video_container\" data-videoId=\"%s\"></div>\n"
|
||||||
|
" <div class=\"markers_container\">\n", HMML.metadata.id);
|
||||||
|
Player.Ptr += PrintLength;
|
||||||
|
|
||||||
|
for(int AnnotationIndex = 0; AnnotationIndex < HMML.annotation_count; ++AnnotationIndex)
|
||||||
|
{
|
||||||
|
ClaimBuffer(MemoryArena, &ClaimedMemory, &AnnotationHeader, 256);
|
||||||
|
ClaimBuffer(MemoryArena, &ClaimedMemory, &AnnotationClass, 128);
|
||||||
|
ClaimBuffer(MemoryArena, &ClaimedMemory, &Text, 1024 * 4);
|
||||||
|
|
||||||
|
PrintLength = sprintf(AnnotationHeader.Ptr,
|
||||||
|
" <div data-timestamp=\"%d\"",
|
||||||
|
TimecodeToSeconds(HMML.annotations[AnnotationIndex].time));
|
||||||
|
AnnotationHeader.Ptr += PrintLength;
|
||||||
|
|
||||||
|
PrintLength = sprintf(AnnotationClass.Ptr,
|
||||||
|
" class=\"marker");
|
||||||
|
AnnotationClass.Ptr += PrintLength;
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
//TODO(matt): Replace this CopyStringToBuffer() with real stuff!
|
||||||
|
CopyStringToBuffer(HMML.annotations[AnnotationIndex].text,
|
||||||
|
&Text);
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
CopyStringToBuffer("\"", &AnnotationClass);
|
||||||
|
CopyBuffer(&AnnotationClass, &AnnotationHeader);
|
||||||
|
CopyStringToBuffer(">\n", &AnnotationHeader);
|
||||||
|
|
||||||
|
ClaimBuffer(MemoryArena, &ClaimedMemory, &Annotation, 1024 * 4);
|
||||||
|
|
||||||
|
CopyBuffer(&AnnotationHeader, &Annotation);
|
||||||
|
sprintf(AnnotationHeader.Location,
|
||||||
|
" <div class=\"content\"><span class=\"timecode\">%s</span>",
|
||||||
|
HMML.annotations[AnnotationIndex].time);
|
||||||
|
CopyBuffer(&AnnotationHeader, &Annotation);
|
||||||
|
|
||||||
|
CopyBuffer(&Text, &Annotation);
|
||||||
|
|
||||||
|
sprintf(AnnotationHeader.Location, "</div>\n"
|
||||||
|
" <div class=\"progress faded\">\n"
|
||||||
|
" <div class=\"content\"><span class=\"timecode\">%s</span>",
|
||||||
|
HMML.annotations[AnnotationIndex].time);
|
||||||
|
CopyBuffer(&AnnotationHeader, &Annotation);
|
||||||
|
|
||||||
|
CopyBuffer(&Text, &Annotation);
|
||||||
|
|
||||||
|
sprintf(AnnotationHeader.Location, "</div>\n"
|
||||||
|
" </div>\n"
|
||||||
|
" <div class=\"progress main\">\n"
|
||||||
|
" <div class=\"content\"><span class=\"timecode\">%s</span>",
|
||||||
|
HMML.annotations[AnnotationIndex].time);
|
||||||
|
CopyBuffer(&AnnotationHeader, &Annotation);
|
||||||
|
|
||||||
|
CopyBuffer(&Text, &Annotation);
|
||||||
|
|
||||||
|
CopyStringToBuffer("</div>\n"
|
||||||
|
" </div>\n"
|
||||||
|
" </div>\n", &Annotation);
|
||||||
|
|
||||||
|
CopyBuffer(&Annotation, &Player);
|
||||||
|
|
||||||
|
ClaimedMemory -= Text.Size;
|
||||||
|
ClaimedMemory -= AnnotationHeader.Size;
|
||||||
|
ClaimedMemory -= AnnotationClass.Size;
|
||||||
|
ClaimedMemory -= Annotation.Size;
|
||||||
|
}
|
||||||
|
|
||||||
|
sprintf(Title.Ptr,
|
||||||
|
" <span class=\"annotator_container\">Annotator: <span class=\"annotator\">%s</span></span>\n"
|
||||||
|
" </div>\n", HMML.metadata.annotator);
|
||||||
|
|
||||||
|
sprintf(Player.Ptr,
|
||||||
|
" </div>\n"
|
||||||
|
" </div>\n");
|
||||||
|
|
||||||
|
//NOTE(matt): Collate the buffers!
|
||||||
|
|
||||||
|
ClaimBuffer(MemoryArena, &ClaimedMemory, &Master, 1024 * 512);
|
||||||
|
PrintLength = sprintf(Master.Ptr,
|
||||||
|
"<!DOCTYPE html>\n"
|
||||||
|
" <head>\n"
|
||||||
|
" <meta charset=\"UTF-8\">\n"
|
||||||
|
"\n"
|
||||||
|
" <!-- Load the player -->\n"
|
||||||
|
" <script type=\"text/javascript\" src=\"player.js\"></script>\n"
|
||||||
|
" <link rel=\"stylesheet\" type=\"text/css\" href=\"style.css\">\n"
|
||||||
|
" </head>\n"
|
||||||
|
" <body>\n");
|
||||||
|
Master.Ptr += PrintLength;
|
||||||
|
|
||||||
|
//NOTE(matt): Here is where we do all our CopyBuffer() calls
|
||||||
|
CopyBuffer(&Title, &Master);
|
||||||
|
CopyBuffer(&Player, &Master);
|
||||||
|
//
|
||||||
|
|
||||||
|
PrintLength = sprintf(Master.Ptr,
|
||||||
|
" <script>\n"
|
||||||
|
" var player = new Player(document.querySelector(\".player_container\"), onRefChanged);\n"
|
||||||
|
" window.addEventListener(\"resize\", function() { player.updateSize(); });\n"
|
||||||
|
" document.addEventListener(\"keypress\", function(ev) {\n"
|
||||||
|
" switch (ev.key) {\n"
|
||||||
|
" case 'n':\n"
|
||||||
|
" case 'd':\n"
|
||||||
|
" case 's': {\n"
|
||||||
|
" player.jumpToNextMarker();\n"
|
||||||
|
" } break;\n"
|
||||||
|
"\n"
|
||||||
|
" case 'p':\n"
|
||||||
|
" case 'a':\n"
|
||||||
|
" case 'w': {\n"
|
||||||
|
" player.jumpToPrevMarker();\n"
|
||||||
|
" } break;\n"
|
||||||
|
" }\n"
|
||||||
|
"});\n"
|
||||||
|
"\n"
|
||||||
|
"var refTimecodes = document.querySelectorAll(\".refs .ref .timecode\");\n"
|
||||||
|
"for (var i = 0; i < refTimecodes.length; ++i) {\n"
|
||||||
|
" refTimecodes[i].addEventListener(\"click\", function(ev) {\n"
|
||||||
|
" if (player) {\n"
|
||||||
|
" var time = ev.currentTarget.getAttribute(\"data-timestamp\");\n"
|
||||||
|
" player.setTime(parseInt(time, 10));\n"
|
||||||
|
" player.play();\n"
|
||||||
|
" ev.preventDefault();\n"
|
||||||
|
" ev.stopPropagation();\n"
|
||||||
|
" return false;\n"
|
||||||
|
" }\n"
|
||||||
|
" });\n"
|
||||||
|
"}\n"
|
||||||
|
"\n"
|
||||||
|
"var refSources = document.querySelectorAll(\".refs .ref\");\n"
|
||||||
|
"for (var i = 0; i < refSources.length; ++i) {\n"
|
||||||
|
" refSources[i].addEventListener(\"click\", function(ev) {\n"
|
||||||
|
" if (player) {\n"
|
||||||
|
" player.pause();\n"
|
||||||
|
" }\n"
|
||||||
|
" });\n"
|
||||||
|
"}\n"
|
||||||
|
"\n"
|
||||||
|
"function onRefChanged(ref) {\n"
|
||||||
|
" var sourceMenus = document.querySelectorAll(\".refs_container\");\n"
|
||||||
|
" for (var MenuIndex = 0; MenuIndex < sourceMenus.length; ++MenuIndex)\n"
|
||||||
|
" {\n"
|
||||||
|
" var SetMenu = 0;\n"
|
||||||
|
" if (ref !== undefined && ref !== null) {\n"
|
||||||
|
" var refElements = sourceMenus[MenuIndex].querySelectorAll(\".refs .ref\");\n"
|
||||||
|
" var refs = ref.split(\",\");\n"
|
||||||
|
"\n"
|
||||||
|
" for (var i = 0; i < refElements.length; ++i) {\n"
|
||||||
|
" if (refs.includes(refElements[i].getAttribute(\"data-id\"))) {\n"
|
||||||
|
" refElements[i].classList.add(\"current\");\n"
|
||||||
|
" SetMenu = 1;\n"
|
||||||
|
" } else {\n"
|
||||||
|
" refElements[i].classList.remove(\"current\");\n"
|
||||||
|
" }\n"
|
||||||
|
" }\n"
|
||||||
|
" if(SetMenu) {\n"
|
||||||
|
" sourceMenus[MenuIndex].classList.add(\"current\");\n"
|
||||||
|
" } else {\n"
|
||||||
|
" sourceMenus[MenuIndex].classList.remove(\"current\");\n"
|
||||||
|
" }\n"
|
||||||
|
"\n"
|
||||||
|
" } else {\n"
|
||||||
|
" sourceMenus[MenuIndex].classList.remove(\"current\");\n"
|
||||||
|
" var refs = sourceMenus[MenuIndex].querySelectorAll(\".refs .ref\");\n"
|
||||||
|
" for (var i = 0; i < refs.length; ++i) {\n"
|
||||||
|
" refs[i].classList.remove(\"current\");\n"
|
||||||
|
" }\n"
|
||||||
|
" }\n"
|
||||||
|
" }\n"
|
||||||
|
"}\n"
|
||||||
|
" </script>\n"
|
||||||
|
" </body>\n"
|
||||||
|
"</html>\n");
|
||||||
|
|
||||||
|
Master.Ptr += PrintLength;
|
||||||
|
|
||||||
|
FILE *OutFile;
|
||||||
|
if(!(OutFile = fopen("out.html", "w")))
|
||||||
|
{
|
||||||
|
perror(Args[0]);
|
||||||
|
return 1;
|
||||||
|
}
|
||||||
|
fwrite(Master.Location, Master.Ptr - Master.Location, 1, OutFile);
|
||||||
|
fclose(OutFile);
|
||||||
|
|
||||||
|
ClaimedMemory -= Title.Size;
|
||||||
|
ClaimedMemory -= Master.Size;
|
||||||
|
}
|
||||||
|
else
|
||||||
|
{
|
||||||
|
fprintf(stderr, "%s:%d: %s\n", Args[FileIndex], HMML.error.line, HMML.error.message);
|
||||||
|
}
|
||||||
|
hmml_free(&HMML);
|
||||||
|
}
|
||||||
|
#else
|
||||||
char *InPtr;
|
char *InPtr;
|
||||||
buffer Working;
|
buffer Working;
|
||||||
buffer Text;
|
buffer Text;
|
||||||
|
|
@ -436,27 +683,37 @@ HMML.annotations[AnnotationIndex].time);
|
||||||
"}\n"
|
"}\n"
|
||||||
"\n"
|
"\n"
|
||||||
"function onRefChanged(ref) {\n"
|
"function onRefChanged(ref) {\n"
|
||||||
|
" var sourceMenus = document.querySelectorAll(\".refs_container\");\n"
|
||||||
|
" for (var MenuIndex = 0; MenuIndex < sourceMenus.length; ++MenuIndex)\n"
|
||||||
|
" {\n"
|
||||||
|
" var SetMenu = 0;\n"
|
||||||
" if (ref !== undefined && ref !== null) {\n"
|
" if (ref !== undefined && ref !== null) {\n"
|
||||||
" document.querySelector(\".refs_container\").classList.add(\"current\");\n"
|
" var refElements = sourceMenus[MenuIndex].querySelectorAll(\".refs .ref\");\n"
|
||||||
" var refElements = document.querySelectorAll(\".refs .ref\");\n"
|
|
||||||
" var refs = ref.split(\",\");\n"
|
" var refs = ref.split(\",\");\n"
|
||||||
"\n"
|
"\n"
|
||||||
" for (var i = 0; i < refElements.length; ++i) {\n"
|
" for (var i = 0; i < refElements.length; ++i) {\n"
|
||||||
" if (refs.includes(refElements[i].getAttribute(\"data-id\"))) {\n"
|
" if (refs.includes(refElements[i].getAttribute(\"data-id\"))) {\n"
|
||||||
" refElements[i].classList.add(\"current\");\n"
|
" refElements[i].classList.add(\"current\");\n"
|
||||||
|
" SetMenu = 1;\n"
|
||||||
" } else {\n"
|
" } else {\n"
|
||||||
" refElements[i].classList.remove(\"current\");\n"
|
" refElements[i].classList.remove(\"current\");\n"
|
||||||
" }\n"
|
" }\n"
|
||||||
" }\n"
|
" }\n"
|
||||||
|
" if(SetMenu) {\n"
|
||||||
|
" sourceMenus[MenuIndex].classList.add(\"current\");\n"
|
||||||
" } else {\n"
|
" } else {\n"
|
||||||
" document.querySelector(\".refs_container\").classList.remove(\"current\");\n"
|
" sourceMenus[MenuIndex].classList.remove(\"current\");\n"
|
||||||
" var refs = document.querySelectorAll(\".refs .ref\");\n"
|
" }\n"
|
||||||
|
"\n"
|
||||||
|
" } else {\n"
|
||||||
|
" sourceMenus[MenuIndex].classList.remove(\"current\");\n"
|
||||||
|
" var refs = sourceMenus[MenuIndex].querySelectorAll(\".refs .ref\");\n"
|
||||||
" for (var i = 0; i < refs.length; ++i) {\n"
|
" for (var i = 0; i < refs.length; ++i) {\n"
|
||||||
" refs[i].classList.remove(\"current\");\n"
|
" refs[i].classList.remove(\"current\");\n"
|
||||||
" }\n"
|
" }\n"
|
||||||
" }\n"
|
" }\n"
|
||||||
" }\n"
|
" }\n"
|
||||||
"\n"
|
"}\n"
|
||||||
" </script>\n"
|
" </script>\n"
|
||||||
" </body>\n"
|
" </body>\n"
|
||||||
"</html>\n");
|
"</html>\n");
|
||||||
|
|
@ -480,5 +737,6 @@ HMML.annotations[AnnotationIndex].time);
|
||||||
}
|
}
|
||||||
hmml_free(&HMML);
|
hmml_free(&HMML);
|
||||||
}
|
}
|
||||||
|
#endif
|
||||||
free(MemoryArena);
|
free(MemoryArena);
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -63,7 +63,7 @@
|
||||||
<div class="player_container">
|
<div class="player_container">
|
||||||
<div class="video_container" data-videoId="ug5WkCROkOk"></div>
|
<div class="video_container" data-videoId="ug5WkCROkOk"></div>
|
||||||
<div class="markers_container">
|
<div class="markers_container">
|
||||||
<div class="marker authored" data-timestamp="60" data-ref="0,1">
|
<div class="marker authored cat_rendering cat_research" data-timestamp="60" data-ref="0,1">
|
||||||
<div class="content"><span class="timecode">1:00</span><span class="author" style="color: #69D036;">insofaras</span> Some text referring to <a href="https://handmade.network/m/Zilarrezko" target="blank" style="color: #8624DC; text-decoration: none">Zilarrezko</a> about this thing<sup>1</sup> regarding triangle intersections he saw in the <a href="https://milton.handmade.network/" target="blank" style="color: #8369CF; text-decoration: none">milton</a> forums<sup>2</sup><span class="categories"><div class="category rendering"></div><div class="category research"></div></span></div>
|
<div class="content"><span class="timecode">1:00</span><span class="author" style="color: #69D036;">insofaras</span> Some text referring to <a href="https://handmade.network/m/Zilarrezko" target="blank" style="color: #8624DC; text-decoration: none">Zilarrezko</a> about this thing<sup>1</sup> regarding triangle intersections he saw in the <a href="https://milton.handmade.network/" target="blank" style="color: #8369CF; text-decoration: none">milton</a> forums<sup>2</sup><span class="categories"><div class="category rendering"></div><div class="category research"></div></span></div>
|
||||||
<div class="progress faded">
|
<div class="progress faded">
|
||||||
<div class="content"><span class="timecode">1:00</span><span class="author" style="color: #69D036;">insofaras</span> Some text referring to <a href="https://handmade.network/m/Zilarrezko" target="blank" style="color: #8624DC; text-decoration: none">Zilarrezko</a> about this thing<sup>1</sup> regarding triangle intersections he saw in the <a href="https://milton.handmade.network/" target="blank" style="color: #8369CF; text-decoration: none">milton</a> forums<sup>2</sup><span class="categories"><div class="category rendering"></div><div class="category research"></div></span></div>
|
<div class="content"><span class="timecode">1:00</span><span class="author" style="color: #69D036;">insofaras</span> Some text referring to <a href="https://handmade.network/m/Zilarrezko" target="blank" style="color: #8624DC; text-decoration: none">Zilarrezko</a> about this thing<sup>1</sup> regarding triangle intersections he saw in the <a href="https://milton.handmade.network/" target="blank" style="color: #8369CF; text-decoration: none">milton</a> forums<sup>2</sup><span class="categories"><div class="category rendering"></div><div class="category research"></div></span></div>
|
||||||
|
|
@ -176,7 +176,6 @@ function onRefChanged(ref) {
|
||||||
}
|
}
|
||||||
|
|
||||||
} else {
|
} else {
|
||||||
console.log("%s should deselect, outer loop!", MenuIndex);
|
|
||||||
sourceMenus[MenuIndex].classList.remove("current");
|
sourceMenus[MenuIndex].classList.remove("current");
|
||||||
var refs = sourceMenus[MenuIndex].querySelectorAll(".refs .ref");
|
var refs = sourceMenus[MenuIndex].querySelectorAll(".refs .ref");
|
||||||
for (var i = 0; i < refs.length; ++i) {
|
for (var i = 0; i < refs.length; ++i) {
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue