hmml_to_html.c: Begin single-pass rewrite

This commit is contained in:
Matt Mascarenhas 2017-03-22 02:18:31 +00:00
parent af9f5a593b
commit 0adb9bf45a
2 changed files with 276 additions and 19 deletions

View File

@ -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);
} }

View File

@ -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) {