@interactive-inc/docs-client 0.0.1

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

@@ -0,0 +1,123 @@
+/* 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

@@ -0,0 +1,117 @@
+/* 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

@@ -0,0 +1,117 @@
+/* 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

@@ -0,0 +1,99 @@
+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

@@ -0,0 +1,32 @@
+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

@@ -0,0 +1,96 @@
+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>
+  )
+}