More robust on posts in subfolders

Author: jimjam-slam

README.md

@@ -29,11 +29,11 @@ This will install everything you need for your Svelte components to work to the
 Here's the short version of adding Svelte components to your Quarto docs:
 
 1. Add a list of Svelte components (eg. `Circles.svelte`) you want to add to your document frontmatter under `svelte`
-2. Add a magic placeholder div to your document using the `.svelteimport` class and a [Quarto include](https://quarto.org/docs/authoring/includes.html) to the path to your Quarto doc, prefixed with `.sverto/`. For example:
+2. Add a magic placeholder div to your document using the `.svelteimport` class and a [Quarto include](https://quarto.org/docs/authoring/includes.html) to the path to your Quarto doc, prefixed with `/.sverto/`. For example:
 
     ````
     :::{.svelteimport}
-    {{< include .sverto/example.qmd >}}
+    {{< include /.sverto/example.qmd >}}
     :::
     ````
 

_extensions/sverto/create-imports.lua

@@ -1,53 +1,89 @@
 -- ref: https://pandoc.org/lua-filters.html#pandoc-module
 
--- create .sverto
-os.execute("mkdir .sverto/")
+-- use mkdir (windows) or mkdir -p (*nix) to create directories
+-- from https://stackoverflow.com/a/14425862/3246758
+function get_path_sep()
+  return package.config:sub(1, 1)
+end
+
+function create_dir_recursively(path)
+  print("Creating " .. path)
+  local path_separator = get_path_sep()
+  if path_separator == "\\" or path_separator == "\"" then
+    -- windows
+    -- NOTE - there is one edge case where folders might not be made
+    -- recursively, https://www.robvanderwoude.com/cmdextmsg.php
+    os.execute("mkdir " .. path)
+  else
+    -- macos/linux
+    os.execute("mkdir -p " .. path)
+  end
+end
 
--- get the input files
+-- path_dir: extract the folder path from a file path
+-- from https://stackoverflow.com/a/9102300/3246758
+function path_dir(path)
+    return path:match("(.*".. get_path_sep() ..")") or ""
+end
 
+-- create .sverto
+create_dir_recursively(".sverto/")
+
+-- get the input files as a table
 in_file_string = os.getenv("QUARTO_PROJECT_INPUT_FILES")
 in_files = {}
 for in_file in string.gmatch(in_file_string,  "([^\n]+)") do
   table.insert(in_files, in_file)
 end
 
--- test case: single file (we want to do this for all files!)
-
-first_file_name = in_files[1]
-first_file = io.open(first_file_name, "r")
-first_file_contents = pandoc.read(io.output(first_file):read("a"))
-
--- check if there's svelte in the frontmatter
-
-svelte_key = first_file_contents.meta["svelte"]
+-- create_imports: given a quarto doc path, writes the svelte import
+-- declarations to .svelte/[path]
+function create_imports(quarto_doc_name)
+  local doc_handle = io.open(quarto_doc_name, "r")
+  local doc_content = pandoc.read(io.output(doc_handle):read("a"))
+  
+  -- check if there's svelte in the frontmatter
+  
+  local svelte_key = doc_content.meta["svelte"]
+  
+  if (svelte_key) then
+    local import_block = "```{ojs}\n"
 
-if (svelte_key) then
-  import_block = "```{ojs}\n"
-  for i, item in ipairs(svelte_key) do
-    -- TODO - assert item is a pandoc string
+    -- write each svelte file in this doc's  frontmatter out to
+    -- (a) the require block of this doc, and
+    -- (b) the global imports file going to the svelte compiler
+    for i, item in ipairs(svelte_key) do
+      -- TODO - assert item is a pandoc string
+      
+      local item_string = pandoc.utils.stringify(item)
+      local item_js = string.sub(item_string, 1, string.len(item_string) - 7)
+      
+      -- write the item out to .sverto/.svelte-imports
+      local import_list_file = io.open(".sverto/.sverto-imports", "a")
+      io.output(import_list_file):write(item_string .. "\n")
+      io.close(import_list_file)
+  
+      -- add the item to the require block
+      import_block = import_block ..
+        item_js .. " = import(\"/" .. item_js ..".js\")\n"
+  
+    end
 
-    item_string = pandoc.utils.stringify(item)
-    item_js = string.sub(item_string, 1, string.len(item_string) - 7)
-
-    -- write the item out to .sverto/.svelte-imports
-    import_list_file = io.open(".sverto/.sverto-imports", "a")
-    io.output(import_list_file):write(item_string .. "\n")
-    io.close(import_list_file)
-
-    -- add the item to the require block
-    import_block = import_block ..
-      item_js .. " = import(\"/" .. item_js ..".js\")\n"
-
+    -- write the import block (inc. the final backticks) out to .sverto/[path]
+    create_dir_recursively(".sverto/" .. path_dir(quarto_doc_name))
+    local import_block = import_block .. "```"
+    local import_file = io.open(".sverto/" .. quarto_doc_name, "w")
+    io.output(import_file):write(import_block .. "\n")
+    io.close(import_file)
   end
-  
-  -- write the import block out to .sverto/[path]
-  import_block = import_block .. "```"
-  import_file = io.open(".sverto/" .. first_file_name, "w")
-  io.output(import_file):write(import_block .. "\n")
-  io.close(import_file)
 end
 
--- write the output dir temporarily
+-- create the imports for each quarto doc
+for key, value in ipairs(in_files) do
+  create_imports(value)
+end
+
+-- write the output dir path temporarily (so rollup can use it)
 outdir_file = io.open(".sverto/.sverto-outdir", "w")
 io.output(outdir_file):write(
   os.getenv("QUARTO_PROJECT_OUTPUT_DIR"))

_extensions/sverto/refresh.ts

@@ -1,2 +1,6 @@
 // delete the temporary import block files and the temp render metadata
-Deno.remove(".sverto/",  { recursive: true })
+try {
+  await Deno.remove(".sverto/",  { recursive: true })
+} catch {
+
+}

example.qmd

@@ -26,14 +26,14 @@ Add a magic block anywhere in your document that looks like this:
 
 ````markdown
 :::{.svelteimport}
-{{< import .sverto/example.qmd >}}
+{{< import /.sverto/example.qmd >}}
 :::
 ````
 
 When this document renders, it'll turn into an OJS block with a series of statements like `X = import("X.js")`:
 
 :::{.svelteimport}
-{{< include .sverto/example.qmd >}}
+{{< include /.sverto/example.qmd >}}
 :::
 
 Replace `example.qmd` with the path to your Quarto doc within the project. For example: