@kolkrabbi/kol-workshop 0.1.1 → 0.1.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kolkrabbi/kol-workshop",
-  "version": "0.1.1",
+  "version": "0.1.3",
   "private": false,
   "description": "KOL workshop/docs system — a handrolled markdown engine, search, tag system (incl. a d3 tag graph), docs viewer, and docs shell. Sits above @kolkrabbi/kol-{theme,icons,component,framework}; content is consumer-injected (the package never globs docs).",
   "license": "MIT",
@@ -13,10 +13,10 @@
   },
   "dependencies": {
     "d3": "^7.9.0",
+    "@kolkrabbi/kol-brand": "^0.1.2",
     "@kolkrabbi/kol-component": "0.7.0",
-    "@kolkrabbi/kol-brand": "0.1.0",
-    "@kolkrabbi/kol-icons": "0.5.0",
     "@kolkrabbi/kol-theme": "0.7.1",
+    "@kolkrabbi/kol-icons": "0.5.0",
     "@kolkrabbi/kol-framework": "0.3.2"
   },
   "peerDependencies": {

package/src/engine/parse-markdown.js

@@ -36,6 +36,20 @@ const processInlineMarkdown = (text) => {
       continue
     }
 
+    // Wikilink: [[target]] / [[target|display]] / [[target#anchor|display]] (Obsidian).
+    // Emitted as a .md link so it routes through the same resolveDocLink cross-link path.
+    const wikiMatch = remaining.match(/^\[\[([^\]|#]+)(?:#([^\]|]+))?(?:\|([^\]]+))?\]\]/)
+    if (wikiMatch) {
+      const target = wikiMatch[1].trim().replace(/\.md$/, '')
+      const anchor = wikiMatch[2]
+        ? wikiMatch[2].trim().toLowerCase().replace(/\s+/g, '-').replace(/[^a-z0-9-]/g, '')
+        : ''
+      const display = wikiMatch[3] ? wikiMatch[3].trim() : (wikiMatch[1].trim().split('/').pop())
+      tokens.push({ type: 'link', text: display, url: `${target}.md${anchor ? `#${anchor}` : ''}` })
+      remaining = remaining.slice(wikiMatch[0].length)
+      continue
+    }
+
     // Link: [text](url)
     const linkMatch = remaining.match(/^\[([^\]]+)\]\(([^)]+)\)/)
     if (linkMatch) {

package/src/shell/ShellSidebar.jsx

@@ -67,14 +67,14 @@ const ShellSidebar = ({ routes = [], basePath = '/', onNavigate, label = 'Naviga
     <div className="space-y-4">
       <div className="shell-sidebar-toggle shell-sidebar-label" style={{ justifyContent: 'space-between', paddingRight: '4px' }}>
         {labelTo ? (
-          <Link to={labelTo} className="shell-sidebar-label" onClick={(e) => {
+          <Link to={labelTo} className="shell-sidebar-label kol-helper-14" onClick={(e) => {
             if (navCollapsed && handleToggle) handleToggle()
             if (onNavigate) onNavigate(e)
           }}>
             {label}
           </Link>
         ) : (
-          <button type="button" onClick={handleToggle}>{label}</button>
+          <button type="button" className="kol-helper-14" onClick={handleToggle}>{label}</button>
         )}
         <button
           type="button"
@@ -99,7 +99,7 @@ const ShellSidebar = ({ routes = [], basePath = '/', onNavigate, label = 'Naviga
             <div key={route.id} className="shell-nav-group">
               <button
                 type="button"
-                className="shell-nav-group-header w-full text-left"
+                className="shell-nav-group-header w-full text-left kol-helper-14"
                 onClick={() => handleSectionClick(route)}
               >
                 <span className="flex items-center gap-2">
@@ -111,7 +111,7 @@ const ShellSidebar = ({ routes = [], basePath = '/', onNavigate, label = 'Naviga
                   {route.label}
                 </span>
                 {route.children?.length > 0 && (
-                  <span className="shell-nav-group-count">({route.children.length})</span>
+                  <span className="shell-nav-group-count kol-helper-14">({route.children.length})</span>
                 )}
               </button>
 
@@ -129,7 +129,7 @@ const ShellSidebar = ({ routes = [], basePath = '/', onNavigate, label = 'Naviga
                         }
                         onClick={onNavigate}
                       >
-                        <span className="shell-nav-item-title">{child.label}</span>
+                        <span className="shell-nav-item-title kol-helper-14">{child.label}</span>
                       </NavLink>
                     )
                   })}

package/src/tags/TagModeContext.jsx

@@ -96,10 +96,26 @@ export const TagModeProvider = ({
   )
 }
 
-export const useTagMode = () => {
-  const ctx = useContext(TagModeContext)
-  if (!ctx) throw new Error('useTagMode must be used within TagModeProvider')
-  return ctx
+/**
+ * No-provider fallback: tag mode degrades to inert (tags render, clicks no-op)
+ * instead of crashing the reader. Wrap with TagModeProvider to enable it.
+ */
+const noop = () => {}
+const DEFAULT_TAG_MODE = {
+  isOpen: false,
+  activeTags: [],
+  activeTag: null,
+  openTagMode: noop,
+  closeTagMode: noop,
+  toggleTag: noop,
+  removeTag: noop,
+  clearTags: noop,
+  setActiveTag: noop,
+  inventory: [],
+  docHref: defaultDocHref,
+  tagHref: defaultTagHref
 }
 
+export const useTagMode = () => useContext(TagModeContext) ?? DEFAULT_TAG_MODE
+
 export default TagModeContext