@interactive-inc/docs-client 0.0.1 → 0.0.3

package/package.json

@@ -1,16 +1,17 @@
 {
   "name": "@interactive-inc/docs-client",
-  "version": "0.0.1",
+  "version": "0.0.3",
   "type": "module",
   "scripts": {
     "check": "tsgo --noEmit",
     "dev": "bun --bun vite",
     "build:app": "vite build",
-    "build": "vite build && tsgo -p tsconfig.index.json"
+    "build:lib": "bun build lib/index.ts --target=node --outfile=build/index.js",
+    "build": "bun run build:app && bun run build:lib"
   },
   "dependencies": {
-    "@hono/node-server": "^1.14.4",
-    "hono": "^4.8.3"
+    "@hono/node-server": "^1.15.0",
+    "hono": "^4.8.4"
   },
   "devDependencies": {
     "@dnd-kit/core": "^6.3.1",
@@ -19,8 +20,8 @@
     "@dnd-kit/utilities": "^3.2.2",
     "@tanstack/react-query": "^5.76.1",
     "@tanstack/react-router": "^1.121.21",
-    "@interactive-inc/docs": "0.0.4",
-    "@interactive-inc/docs-router": "0.0.1",
+    "@interactive-inc/docs": "workspace:*",
+    "@interactive-inc/docs-router": "workspace:*",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "github-markdown-css": "^5.8.1",
@@ -50,5 +51,11 @@
   "module": "build/index.js",
   "exports": {
     ".": "./build/index.js"
+  },
+  "files": [
+    "build/"
+  ],
+  "bin": {
+    "docs": "bin/docs.js"
   }
 }

package/.tanstack/tmp/router-generator-Eq20Yx/50b11a0f488e61cf92364a7e585c1448

@@ -1,123 +0,0 @@
-/* eslint-disable */
-
-// @ts-nocheck
-
-// noinspection JSUnusedGlobalSymbols
-
-// This file was automatically generated by TanStack Router.
-// You should NOT make any changes in this file as it will be overwritten.
-// Additionally, you should also exclude this file from your linter and/or formatter to prevent it from being checked or modified.
-
-import { createRootRoute } from '@tanstack/react-router'
-
-import { Route as SplatRouteImport } from './../routes/$'
-import { Route as IndexRouteImport } from './../routes/index'
-import { Route as SplatIndexRouteImport } from './../routes/$.index'
-import { Route as AppClientPageRouteImport } from './../routes/app.client.page'
-
-const rootRouteImport = createRootRoute()
-
-const SplatRoute = SplatRouteImport.update({
-  id: '/$',
-  path: '/$',
-  getParentRoute: () => rootRouteImport,
-} as any)
-const IndexRoute = IndexRouteImport.update({
-  id: '/',
-  path: '/',
-  getParentRoute: () => rootRouteImport,
-} as any)
-const SplatIndexRoute = SplatIndexRouteImport.update({
-  id: '/',
-  path: '/',
-  getParentRoute: () => SplatRoute,
-} as any)
-const AppClientPageRoute = AppClientPageRouteImport.update({
-  id: '/app/client/page',
-  path: '/app/client/page',
-  getParentRoute: () => rootRouteImport,
-} as any)
-
-export interface FileRoutesByFullPath {
-  '/': typeof IndexRoute
-  '/$': typeof SplatRouteWithChildren
-  '/$/': typeof SplatIndexRoute
-  '/app/client/page': typeof AppClientPageRoute
-}
-export interface FileRoutesByTo {
-  '/': typeof IndexRoute
-  '/$': typeof SplatIndexRoute
-  '/app/client/page': typeof AppClientPageRoute
-}
-export interface FileRoutesById {
-  __root__: typeof rootRouteImport
-  '/': typeof IndexRoute
-  '/$': typeof SplatRouteWithChildren
-  '/$/': typeof SplatIndexRoute
-  '/app/client/page': typeof AppClientPageRoute
-}
-export interface FileRouteTypes {
-  fileRoutesByFullPath: FileRoutesByFullPath
-  fullPaths: '/' | '/$' | '/$/' | '/app/client/page'
-  fileRoutesByTo: FileRoutesByTo
-  to: '/' | '/$' | '/app/client/page'
-  id: '__root__' | '/' | '/$' | '/$/' | '/app/client/page'
-  fileRoutesById: FileRoutesById
-}
-export interface RootRouteChildren {
-  IndexRoute: typeof IndexRoute
-  SplatRoute: typeof SplatRouteWithChildren
-  AppClientPageRoute: typeof AppClientPageRoute
-}
-
-declare module '@tanstack/react-router' {
-  interface FileRoutesByPath {
-    '/$': {
-      id: '/$'
-      path: '/$'
-      fullPath: '/$'
-      preLoaderRoute: typeof SplatRouteImport
-      parentRoute: typeof rootRouteImport
-    }
-    '/': {
-      id: '/'
-      path: '/'
-      fullPath: '/'
-      preLoaderRoute: typeof IndexRouteImport
-      parentRoute: typeof rootRouteImport
-    }
-    '/$/': {
-      id: '/$/'
-      path: '/'
-      fullPath: '/$/'
-      preLoaderRoute: typeof SplatIndexRouteImport
-      parentRoute: typeof SplatRoute
-    }
-    '/app/client/page': {
-      id: '/app/client/page'
-      path: '/app/client/page'
-      fullPath: '/app/client/page'
-      preLoaderRoute: typeof AppClientPageRouteImport
-      parentRoute: typeof rootRouteImport
-    }
-  }
-}
-
-interface SplatRouteChildren {
-  SplatIndexRoute: typeof SplatIndexRoute
-}
-
-const SplatRouteChildren: SplatRouteChildren = {
-  SplatIndexRoute: SplatIndexRoute,
-}
-
-const SplatRouteWithChildren = SplatRoute._addFileChildren(SplatRouteChildren)
-
-const rootRouteChildren: RootRouteChildren = {
-  IndexRoute: IndexRoute,
-  SplatRoute: SplatRouteWithChildren,
-  AppClientPageRoute: AppClientPageRoute,
-}
-export const routeTree = rootRouteImport
-  ._addFileChildren(rootRouteChildren)
-  ._addFileTypes<FileRouteTypes>()

package/.tanstack/tmp/router-generator-KQIYSa/aecb094e4891f9475b91de590abc8809

@@ -1,117 +0,0 @@
-/* eslint-disable */
-
-// @ts-nocheck
-
-// noinspection JSUnusedGlobalSymbols
-
-// This file was automatically generated by TanStack Router.
-// You should NOT make any changes in this file as it will be overwritten.
-// Additionally, you should also exclude this file from your linter and/or formatter to prevent it from being checked or modified.
-
-import { Route as rootRouteImport } from './../routes/__root'
-import { Route as IndexRouteImport } from './../routes/_index'
-import { Route as SplatRouteImport } from './../routes/$'
-import { Route as SplatIndexRouteImport } from './../routes/$.index'
-import { Route as AppClientPageRouteImport } from './../routes/app.client.page'
-
-const IndexRoute = IndexRouteImport.update({
-  id: '/_index',
-  getParentRoute: () => rootRouteImport,
-} as any)
-const SplatRoute = SplatRouteImport.update({
-  id: '/$',
-  path: '/$',
-  getParentRoute: () => rootRouteImport,
-} as any)
-const SplatIndexRoute = SplatIndexRouteImport.update({
-  id: '/',
-  path: '/',
-  getParentRoute: () => SplatRoute,
-} as any)
-const AppClientPageRoute = AppClientPageRouteImport.update({
-  id: '/app/client/page',
-  path: '/app/client/page',
-  getParentRoute: () => rootRouteImport,
-} as any)
-
-export interface FileRoutesByFullPath {
-  '/$': typeof SplatRouteWithChildren
-  '/$/': typeof SplatIndexRoute
-  '/app/client/page': typeof AppClientPageRoute
-}
-export interface FileRoutesByTo {
-  '/$': typeof SplatIndexRoute
-  '/app/client/page': typeof AppClientPageRoute
-}
-export interface FileRoutesById {
-  __root__: typeof rootRouteImport
-  '/$': typeof SplatRouteWithChildren
-  '/_index': typeof IndexRoute
-  '/$/': typeof SplatIndexRoute
-  '/app/client/page': typeof AppClientPageRoute
-}
-export interface FileRouteTypes {
-  fileRoutesByFullPath: FileRoutesByFullPath
-  fullPaths: '/$' | '/$/' | '/app/client/page'
-  fileRoutesByTo: FileRoutesByTo
-  to: '/$' | '/app/client/page'
-  id: '__root__' | '/$' | '/_index' | '/$/' | '/app/client/page'
-  fileRoutesById: FileRoutesById
-}
-export interface RootRouteChildren {
-  SplatRoute: typeof SplatRouteWithChildren
-  IndexRoute: typeof IndexRoute
-  AppClientPageRoute: typeof AppClientPageRoute
-}
-
-declare module '@tanstack/react-router' {
-  interface FileRoutesByPath {
-    '/_index': {
-      id: '/_index'
-      path: ''
-      fullPath: ''
-      preLoaderRoute: typeof IndexRouteImport
-      parentRoute: typeof rootRouteImport
-    }
-    '/$': {
-      id: '/$'
-      path: '/$'
-      fullPath: '/$'
-      preLoaderRoute: typeof SplatRouteImport
-      parentRoute: typeof rootRouteImport
-    }
-    '/$/': {
-      id: '/$/'
-      path: '/'
-      fullPath: '/$/'
-      preLoaderRoute: typeof SplatIndexRouteImport
-      parentRoute: typeof SplatRoute
-    }
-    '/app/client/page': {
-      id: '/app/client/page'
-      path: '/app/client/page'
-      fullPath: '/app/client/page'
-      preLoaderRoute: typeof AppClientPageRouteImport
-      parentRoute: typeof rootRouteImport
-    }
-  }
-}
-
-interface SplatRouteChildren {
-  SplatIndexRoute: typeof SplatIndexRoute
-}
-
-const SplatRouteChildren: SplatRouteChildren = {
-  SplatIndexRoute: SplatIndexRoute,
-}
-
-const SplatRouteWithChildren = SplatRoute._addFileChildren(SplatRouteChildren)
-
-const rootRouteChildren: RootRouteChildren = {
-  SplatRoute: SplatRouteWithChildren,
-  IndexRoute: IndexRoute,
-  AppClientPageRoute: AppClientPageRoute,
-}
-export const routeTree = rootRouteImport
-  ._addFileChildren(rootRouteChildren)
-  ._addFileTypes<FileRouteTypes>()

package/.tanstack/tmp/router-generator-ekW2pI/aecb094e4891f9475b91de590abc8809

@@ -1,117 +0,0 @@
-/* eslint-disable */
-
-// @ts-nocheck
-
-// noinspection JSUnusedGlobalSymbols
-
-// This file was automatically generated by TanStack Router.
-// You should NOT make any changes in this file as it will be overwritten.
-// Additionally, you should also exclude this file from your linter and/or formatter to prevent it from being checked or modified.
-
-import { Route as rootRouteImport } from './../routes/__root'
-import { Route as IndexRouteImport } from './../routes/_index'
-import { Route as SplatRouteImport } from './../routes/$'
-import { Route as SplatIndexRouteImport } from './../routes/$.index'
-import { Route as AppClientPageRouteImport } from './../routes/app.client.page'
-
-const IndexRoute = IndexRouteImport.update({
-  id: '/_index',
-  getParentRoute: () => rootRouteImport,
-} as any)
-const SplatRoute = SplatRouteImport.update({
-  id: '/$',
-  path: '/$',
-  getParentRoute: () => rootRouteImport,
-} as any)
-const SplatIndexRoute = SplatIndexRouteImport.update({
-  id: '/',
-  path: '/',
-  getParentRoute: () => SplatRoute,
-} as any)
-const AppClientPageRoute = AppClientPageRouteImport.update({
-  id: '/app/client/page',
-  path: '/app/client/page',
-  getParentRoute: () => rootRouteImport,
-} as any)
-
-export interface FileRoutesByFullPath {
-  '/$': typeof SplatRouteWithChildren
-  '/$/': typeof SplatIndexRoute
-  '/app/client/page': typeof AppClientPageRoute
-}
-export interface FileRoutesByTo {
-  '/$': typeof SplatIndexRoute
-  '/app/client/page': typeof AppClientPageRoute
-}
-export interface FileRoutesById {
-  __root__: typeof rootRouteImport
-  '/$': typeof SplatRouteWithChildren
-  '/_index': typeof IndexRoute
-  '/$/': typeof SplatIndexRoute
-  '/app/client/page': typeof AppClientPageRoute
-}
-export interface FileRouteTypes {
-  fileRoutesByFullPath: FileRoutesByFullPath
-  fullPaths: '/$' | '/$/' | '/app/client/page'
-  fileRoutesByTo: FileRoutesByTo
-  to: '/$' | '/app/client/page'
-  id: '__root__' | '/$' | '/_index' | '/$/' | '/app/client/page'
-  fileRoutesById: FileRoutesById
-}
-export interface RootRouteChildren {
-  SplatRoute: typeof SplatRouteWithChildren
-  IndexRoute: typeof IndexRoute
-  AppClientPageRoute: typeof AppClientPageRoute
-}
-
-declare module '@tanstack/react-router' {
-  interface FileRoutesByPath {
-    '/_index': {
-      id: '/_index'
-      path: ''
-      fullPath: ''
-      preLoaderRoute: typeof IndexRouteImport
-      parentRoute: typeof rootRouteImport
-    }
-    '/$': {
-      id: '/$'
-      path: '/$'
-      fullPath: '/$'
-      preLoaderRoute: typeof SplatRouteImport
-      parentRoute: typeof rootRouteImport
-    }
-    '/$/': {
-      id: '/$/'
-      path: '/'
-      fullPath: '/$/'
-      preLoaderRoute: typeof SplatIndexRouteImport
-      parentRoute: typeof SplatRoute
-    }
-    '/app/client/page': {
-      id: '/app/client/page'
-      path: '/app/client/page'
-      fullPath: '/app/client/page'
-      preLoaderRoute: typeof AppClientPageRouteImport
-      parentRoute: typeof rootRouteImport
-    }
-  }
-}
-
-interface SplatRouteChildren {
-  SplatIndexRoute: typeof SplatIndexRoute
-}
-
-const SplatRouteChildren: SplatRouteChildren = {
-  SplatIndexRoute: SplatIndexRoute,
-}
-
-const SplatRouteWithChildren = SplatRoute._addFileChildren(SplatRouteChildren)
-
-const rootRouteChildren: RootRouteChildren = {
-  SplatRoute: SplatRouteWithChildren,
-  IndexRoute: IndexRoute,
-  AppClientPageRoute: AppClientPageRoute,
-}
-export const routeTree = rootRouteImport
-  ._addFileChildren(rootRouteChildren)
-  ._addFileTypes<FileRouteTypes>()

package/app/components/archived-file-list-view.tsx

@@ -1,99 +0,0 @@
-import { useMutation } from "@tanstack/react-query"
-import { Link } from "@tanstack/react-router"
-import { useState } from "react"
-import { Button } from "@/components/ui/button"
-import { Card } from "@/components/ui/card"
-import { apiClient } from "@/lib/api-client"
-import { normalizePath } from "@/lib/path-utils"
-import type { DocFile, DocFileMd } from "@/lib/types"
-
-function isDocFileMd(file: DocFile): file is DocFileMd {
-  return 'frontMatter' in file && 'title' in file
-}
-
-type Props = {
-  files: DocFile[]
-  directoryPath: string
-  refetch: () => void
-}
-
-export function ArchivedFileListView(props: Props) {
-  const [isExpanded, setIsExpanded] = useState(false)
-
-  const restoreFileMutation = useMutation({
-    async mutationFn(filePath: string) {
-      const endpoint = apiClient.api.files[":path{.+}"]
-      const resp = await endpoint.$put({
-        param: { path: normalizePath(filePath) },
-        json: {
-          properties: null,
-          content: null,
-          title: null,
-          description: null,
-          isArchived: false,
-        },
-      })
-      return resp.json()
-    },
-    onSuccess() {
-      props.refetch()
-    },
-  })
-
-  if (!props.files || props.files.length === 0) {
-    return null
-  }
-
-  const handleRestore = (filePath: string) => {
-    restoreFileMutation.mutate(filePath)
-  }
-
-  return (
-    <div className="space-y-2">
-      <Button
-        onClick={() => setIsExpanded(!isExpanded)}
-        className="flex items-center gap-2"
-        variant={"secondary"}
-      >
-        <span>📦</span>
-        <span>{props.files.filter(isDocFileMd).length}件のファイルが整理されています。</span>
-        <span className="text-xs">{isExpanded ? "▼" : "▶"}</span>
-      </Button>
-      {isExpanded && (
-        <Card className="gap-0 rounded-md p-0">
-          <div className="divide-y">
-            {props.files.filter(isDocFileMd).map((file) => (
-              <div
-                key={file.path.path}
-                className="flex items-center justify-between p-2"
-              >
-                <div className="flex-1">
-                  <div className="font-medium text-sm">
-                    <Link
-                      to="/$"
-                      params={{ _splat: normalizePath(file.path.path) }}
-                      className="text-blue-600 hover:underline"
-                    >
-                      {file.content.title || file.path.name}
-                    </Link>
-                  </div>
-                  {file.content.description && (
-                    <div className="text-xs">{file.content.description}</div>
-                  )}
-                </div>
-                <Button
-                  variant={"outline"}
-                  size={"sm"}
-                  onClick={() => handleRestore(file.path.path)}
-                  disabled={restoreFileMutation.isPending}
-                >
-                  {"復元"}
-                </Button>
-              </div>
-            ))}
-          </div>
-        </Card>
-      )}
-    </div>
-  )
-}

package/app/components/directory-file-list-view.tsx

@@ -1,32 +0,0 @@
-import { Card } from "@/components/ui/card"
-import type { DocFile, DocFileUnknown } from "@/lib/types"
-import { FileCard } from "./file-card"
-
-function isDocFileUnknown(file: DocFile): file is DocFileUnknown {
-  return 'extension' in file
-}
-
-type Props = {
-  files: DocFile[]
-  onDataChanged?: () => void
-}
-
-export function DirectoryFileListView(props: Props) {
-  if (!props.files || props.files.length === 0) {
-    return null
-  }
-
-  return (
-    <Card className="rounded-md p-2">
-      <div className="space-y-2">
-        {props.files.filter(isDocFileUnknown).map((file) => (
-          <FileCard
-            key={file.path.path}
-            file={file}
-            onDataChanged={props.onDataChanged}
-          />
-        ))}
-      </div>
-    </Card>
-  )
-}

package/app/components/directory-file-tree-node.tsx

@@ -1,96 +0,0 @@
-import { Link } from "@tanstack/react-router"
-import { SidebarMenuButton, SidebarMenuItem } from "@/components/ui/sidebar"
-import type { DocFileNode } from "@/lib/types"
-import { normalizePath, getDirectoryPath } from "@/lib/path-utils"
-import { FileTreeIcon } from "./file-tree-icon"
-
-type Props = {
-  node: {
-    type: 'file' | 'directory'
-    name: string
-    path: string
-    icon?: string
-    title?: string
-    children?: unknown[]
-  }
-  depth?: number
-  currentPath?: string
-  onSelectDirectory?: (path: string) => void
-  openPaths?: Set<string>
-  onToggleOpen?: (path: string) => void
-  selectedDirectory?: string
-}
-
-export function DirectoryFileTreeNode(props: Props) {
-  const node = props.node
-  const isDirectory = node.type === "directory"
-
-
-  const depth = props.depth || 0
-  const isOpen = props.openPaths?.has(normalizePath(node.path)) ?? false
-
-  if (isDirectory) {
-    const isSelected = props.selectedDirectory === normalizePath(node.path)
-    const handleClick = (e: React.MouseEvent) => {
-      if (props.onSelectDirectory) {
-        e.preventDefault()
-        props.onSelectDirectory(normalizePath(node.path))
-      }
-    }
-
-    return (
-      <>
-        <SidebarMenuItem>
-          <SidebarMenuButton
-            style={{ paddingLeft: 8 + depth * 8 }}
-            className={isSelected ? "bg-sidebar-accent font-medium" : ""}
-            onClick={handleClick}
-          >
-            {node.icon && (
-              <span className="text-base">{node.icon}</span>
-            )}
-            <span>{node.title}</span>
-          </SidebarMenuButton>
-        </SidebarMenuItem>
-        {isOpen &&
-          node.children &&
-          node.children
-            .filter((child: unknown): child is typeof node => 
-              typeof child === 'object' && 
-              child !== null && 
-              'type' in child && 
-              (child as typeof node).type === "directory"
-            )
-            .map((child) => (
-              <DirectoryFileTreeNode
-                key={child.path}
-                node={child}
-                depth={depth + 1}
-                currentPath={props.currentPath}
-                onSelectDirectory={props.onSelectDirectory}
-                openPaths={props.openPaths}
-                onToggleOpen={props.onToggleOpen}
-                selectedDirectory={props.selectedDirectory}
-              />
-            ))}
-      </>
-    )
-  }
-
-  const formattedParentPath = getDirectoryPath(node.path)
-
-  if (props.selectedDirectory !== formattedParentPath) {
-    return null
-  }
-
-  return (
-    <Link to="/$" params={{ _splat: normalizePath(node.path) }}>
-      <SidebarMenuItem>
-        <SidebarMenuButton style={{ paddingLeft: 8 + depth * 8 }}>
-          <FileTreeIcon fileName={node.name} />
-          {node.title !== node.name ? `${node.title} | ${node.name}` : node.name}
-        </SidebarMenuButton>
-      </SidebarMenuItem>
-    </Link>
-  )
-}