doxla 0.7.1 → 0.7.3

package/README.md

@@ -36,6 +36,14 @@ This creates a GitHub Actions workflow that builds and deploys your docs on ever
 2. Under **Source**, select **GitHub Actions**
 3. Commit and push — the workflow handles the rest
 
+### One-click install with Kerex
+
+Install Doxla into any GitHub repository — no local setup required:
+
+**[Kerex it!](https://install.kerex.app/doxla)**
+
+Paste your repo URL and Kerex will open a pull request with the Doxla workflow and config. Works with public and private repositories.
+
 ### Build locally
 
 ```bash

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "doxla",
-  "version": "0.7.1",
+  "version": "0.7.3",
   "description": "Improve documentation discoverability within repos",
   "type": "module",
   "bin": {

package/src/app/src/components/FileTree.tsx

@@ -103,9 +103,17 @@ function TreeItem({
 export function FileTree({ docs }: { docs: DocFile[] }) {
   const tree = buildTree(docs);
 
+  const sortedRoots = Array.from(tree.children.values()).sort((a, b) => {
+    const aIsFolder = a.children.size > 0 && !a.doc;
+    const bIsFolder = b.children.size > 0 && !b.doc;
+    if (aIsFolder && !bIsFolder) return -1;
+    if (!aIsFolder && bIsFolder) return 1;
+    return a.name.localeCompare(b.name);
+  });
+
   return (
     <nav className="space-y-0.5">
-      {Array.from(tree.children.values()).map((node) => (
+      {sortedRoots.map((node) => (
         <TreeItem key={node.path} node={node} depth={0} />
       ))}
     </nav>

package/src/app/src/components/MarkdownRenderer.tsx

@@ -22,7 +22,7 @@ export function MarkdownRenderer({ content, theme, docPath }: MarkdownRendererPr
       code(props) {
         const { children, className, ...rest } = props;
         const match = /language-(\w+)/.exec(className || "");
-        const isInline = !match;
+        const isInline = !match && !String(children).endsWith('\n');
 
         if (isInline) {
           return (
@@ -38,7 +38,7 @@ export function MarkdownRenderer({ content, theme, docPath }: MarkdownRendererPr
         return (
           <SyntaxHighlighter
             style={syntaxStyle}
-            language={match[1]}
+            language={match?.[1] ?? "text"}
             PreTag="div"
             className="rounded-md text-sm"
           >

package/src/app/src/components/MdxRenderer.tsx

@@ -62,7 +62,7 @@ export function MdxRenderer({ content, theme, docPath }: MdxRendererProps) {
     code(props: Record<string, unknown>) {
       const { children, className, ...rest } = props;
       const match = /language-(\w+)/.exec((className as string) || "");
-      const isInline = !match;
+      const isInline = !match && !String(children).endsWith('\n');
 
       if (isInline) {
         return (
@@ -78,7 +78,7 @@ export function MdxRenderer({ content, theme, docPath }: MdxRendererProps) {
       return (
         <SyntaxHighlighter
           style={syntaxStyle}
-          language={match[1]}
+          language={match?.[1] ?? "text"}
           PreTag="div"
           className="rounded-md text-sm"
         >