@skspwork/config-doc 2.0.4 → 2.0.5

package/packages/web/.next/standalone/components/PropertyEditor.tsx

@@ -1,102 +0,0 @@
-'use client';
-
-import { SaveIcon, FileTextIcon } from 'lucide-react';
-import { PropertyDoc } from '@/types';
-import { TagEditor } from '@/components/TagEditor';
-import { FieldsEditor } from '@/components/FieldsEditor';
-
-interface PropertyEditorProps {
-  selectedPath: string;
-  editingDoc: PropertyDoc | null;
-  hasUnsavedChanges: boolean;
-  availableTags: string[];
-  projectFields: Record<string, string>;
-  onEditingDocChange: (doc: PropertyDoc) => void;
-  onAvailableTagsChange: (tags: string[]) => void;
-  onProjectFieldsChange: (fields: Record<string, string>) => void;
-  onSave: () => void;
-}
-
-export function PropertyEditor({
-  selectedPath,
-  editingDoc,
-  hasUnsavedChanges,
-  availableTags,
-  projectFields,
-  onEditingDocChange,
-  onAvailableTagsChange,
-  onProjectFieldsChange,
-  onSave
-}: PropertyEditorProps) {
-  return (
-    <div className="bg-white/90 backdrop-blur-sm rounded-2xl shadow-xl border border-gray-100 p-6 flex flex-col max-h-[calc(100vh-190px)] hover:shadow-2xl transition-shadow duration-300">
-      <div className="flex items-center gap-2 mb-4">
-        <div className="w-8 h-8 bg-gradient-to-br from-indigo-500 to-indigo-600 rounded-lg flex items-center justify-center">
-          <SaveIcon className="w-5 h-5 text-white" />
-        </div>
-        <h2 className="text-xl font-bold text-gray-800">プロパティ詳細</h2>
-      </div>
-
-      {selectedPath && editingDoc ? (
-        <div className="flex flex-col flex-1 min-h-0">
-          {/* パス（上部固定） */}
-          <div className="flex-shrink-0 pb-4 border-b border-gray-200">
-            <label className="block text-sm font-semibold text-gray-700 mb-2">
-              パス
-            </label>
-            <div className="text-sm text-gray-700 bg-gradient-to-r from-blue-50 to-indigo-50 p-3 rounded-lg font-mono border border-blue-200 shadow-sm">
-              {selectedPath}
-            </div>
-          </div>
-
-          {/* スクロール可能なフォーム部分 */}
-          <div className="flex-1 overflow-y-auto py-4 space-y-6 min-h-0">
-            {/* タグ */}
-            <TagEditor
-              selectedTags={editingDoc.tags || []}
-              availableTags={availableTags}
-              onSelectedTagsChange={(tags) => {
-                onEditingDocChange({ ...editingDoc, tags });
-              }}
-              onAvailableTagsChange={onAvailableTagsChange}
-            />
-
-            {/* フィールド */}
-            <FieldsEditor
-              fields={editingDoc.fields || {}}
-              projectFields={projectFields}
-              onFieldsChange={(fields) => {
-                onEditingDocChange({ ...editingDoc, fields });
-              }}
-              onUpdateProjectFields={onProjectFieldsChange}
-            />
-          </div>
-
-          {/* 保存ボタン（下部固定） */}
-          <div className="flex-shrink-0 pt-4 border-t border-gray-200">
-            <button
-              onClick={onSave}
-              disabled={!hasUnsavedChanges}
-              className={`w-full flex items-center justify-center gap-2 px-4 py-3 rounded-lg shadow-md transition-all duration-200 transform ${
-                hasUnsavedChanges
-                  ? 'bg-gradient-to-r from-green-500 to-emerald-600 text-white hover:from-green-600 hover:to-emerald-700 hover:shadow-lg cursor-pointer'
-                  : 'bg-gray-300 text-gray-500 cursor-not-allowed'
-              }`}
-            >
-              <SaveIcon className="w-5 h-5" />
-              <span className="font-medium">保存</span>
-            </button>
-          </div>
-        </div>
-      ) : (
-        <div className="flex flex-col items-center justify-center flex-1">
-          <div className="w-20 h-20 bg-gradient-to-br from-gray-100 to-gray-200 rounded-full flex items-center justify-center mb-4">
-            <FileTextIcon className="w-10 h-10 text-gray-400" />
-          </div>
-          <p className="text-sm text-gray-600 font-medium">プロパティを選択してください</p>
-          <p className="text-xs text-gray-500 mt-1">左側のツリーから項目を選択</p>
-        </div>
-      )}
-    </div>
-  );
-}

package/packages/web/.next/standalone/components/TagEditor.tsx

@@ -1,86 +0,0 @@
-'use client';
-
-import { CheckIcon } from 'lucide-react';
-import { EditableListWrapper } from './EditableList';
-
-interface TagEditorProps {
-  selectedTags: string[];
-  availableTags: string[];
-  onSelectedTagsChange: (tags: string[]) => void;
-  onAvailableTagsChange: (tags: string[]) => void;
-}
-
-export function TagEditor({
-  selectedTags,
-  availableTags,
-  onSelectedTagsChange,
-  onAvailableTagsChange
-}: TagEditorProps) {
-  const handleToggleTag = (tag: string) => {
-    if (selectedTags.includes(tag)) {
-      onSelectedTagsChange(selectedTags.filter(t => t !== tag));
-    } else {
-      onSelectedTagsChange([...selectedTags, tag]);
-    }
-  };
-
-  // 名前変更時に選択中のタグも更新
-  const handleRename = (renamedMap: Record<string, string>) => {
-    const updatedSelectedTags = selectedTags.map(tag => renamedMap[tag] || tag);
-    if (JSON.stringify(updatedSelectedTags) !== JSON.stringify(selectedTags)) {
-      onSelectedTagsChange(updatedSelectedTags);
-    }
-  };
-
-  // 削除されたタグを選択から除外
-  const handleTagsChange = (newTags: string[]) => {
-    const updatedSelectedTags = selectedTags.filter(tag => newTags.includes(tag));
-    if (updatedSelectedTags.length !== selectedTags.length) {
-      onSelectedTagsChange(updatedSelectedTags);
-    }
-    onAvailableTagsChange(newTags);
-  };
-
-  return (
-    <EditableListWrapper
-      label="タグ"
-      items={availableTags}
-      onItemsChange={handleTagsChange}
-      editButtonTitle="タグを編集"
-      editModeDescription="タグの追加・削除・名前変更"
-      inputPlaceholder="タグ名"
-      newItemPlaceholder="新しいタグ名を入力"
-      deleteButtonTitle="タグを削除"
-      addButtonTitle="タグを追加"
-      duplicateErrorMessage="同じ名前のタグがあります"
-      onRename={handleRename}
-    >
-      {/* 通常モード（タグの選択） */}
-      <div className="flex flex-wrap gap-2">
-        {availableTags.length === 0 ? (
-          <div className="text-sm text-gray-500">
-            タグがありません。鉛筆アイコンをクリックして追加してください。
-          </div>
-        ) : (
-          availableTags.map((tag) => {
-            const isSelected = selectedTags.includes(tag);
-            return (
-              <button
-                key={tag}
-                onClick={() => handleToggleTag(tag)}
-                className={`flex items-center gap-2 px-3 py-1.5 rounded-lg text-sm font-medium border-2 transition-all duration-200 ${
-                  isSelected
-                    ? 'bg-blue-500 text-white border-blue-600 shadow-md'
-                    : 'bg-white text-gray-700 border-gray-200 hover:border-blue-300 hover:bg-blue-50'
-                }`}
-              >
-                {isSelected && <CheckIcon className="w-3 h-3" />}
-                <span>{tag}</span>
-              </button>
-            );
-          })
-        )}
-      </div>
-    </EditableListWrapper>
-  );
-}

package/packages/web/.next/standalone/components/Toast.tsx

@@ -1,91 +0,0 @@
-'use client';
-
-import { useEffect, useState } from 'react';
-import { CheckCircleIcon, XCircleIcon, AlertCircleIcon, XIcon } from 'lucide-react';
-
-export type ToastType = 'success' | 'error' | 'warning';
-
-interface ToastProps {
-  message: string;
-  type: ToastType;
-  duration?: number;
-  onClose: () => void;
-}
-
-export function Toast({ message, type, duration = 3000, onClose }: ToastProps) {
-  const [isVisible, setIsVisible] = useState(false);
-
-  useEffect(() => {
-    // マウント時にフェードイン
-    setTimeout(() => setIsVisible(true), 10);
-
-    // duration後にフェードアウト
-    const timer = setTimeout(() => {
-      setIsVisible(false);
-      setTimeout(onClose, 300); // フェードアウトアニメーション完了後にクローズ
-    }, duration);
-
-    return () => clearTimeout(timer);
-  }, [duration, onClose]);
-
-  const icons = {
-    success: <CheckCircleIcon className="w-5 h-5 text-green-500" />,
-    error: <XCircleIcon className="w-5 h-5 text-red-500" />,
-    warning: <AlertCircleIcon className="w-5 h-5 text-yellow-500" />
-  };
-
-  const bgColors = {
-    success: 'bg-green-50 border-green-200',
-    error: 'bg-red-50 border-red-200',
-    warning: 'bg-yellow-50 border-yellow-200'
-  };
-
-  return (
-    <div
-      className={`fixed bottom-4 left-4 z-50 transition-all duration-300 ${
-        isVisible ? 'opacity-100 translate-y-0' : 'opacity-0 translate-y-2'
-      }`}
-    >
-      <div
-        className={`flex items-center gap-3 px-4 py-3 rounded-lg shadow-lg border ${bgColors[type]} min-w-[300px] max-w-[500px]`}
-      >
-        {icons[type]}
-        <span className="flex-1 text-sm text-gray-800">{message}</span>
-        <button
-          onClick={() => {
-            setIsVisible(false);
-            setTimeout(onClose, 300);
-          }}
-          className="text-gray-400 hover:text-gray-600 transition-colors"
-        >
-          <XIcon className="w-4 h-4" />
-        </button>
-      </div>
-    </div>
-  );
-}
-
-interface ToastContainerProps {
-  toasts: Array<{ id: string; message: string; type: ToastType }>;
-  onRemove: (id: string) => void;
-}
-
-export function ToastContainer({ toasts, onRemove }: ToastContainerProps) {
-  return (
-    <>
-      {toasts.map((toast, index) => (
-        <div
-          key={toast.id}
-          style={{ bottom: `${16 + index * 80}px` }}
-          className="fixed left-4 z-50"
-        >
-          <Toast
-            message={toast.message}
-            type={toast.type}
-            onClose={() => onRemove(toast.id)}
-          />
-        </div>
-      ))}
-    </>
-  );
-}

package/packages/web/.next/standalone/eslint.config.mjs

@@ -1,18 +0,0 @@
-import { defineConfig, globalIgnores } from "eslint/config";
-import nextVitals from "eslint-config-next/core-web-vitals";
-import nextTs from "eslint-config-next/typescript";
-
-const eslintConfig = defineConfig([
-  ...nextVitals,
-  ...nextTs,
-  // Override default ignores of eslint-config-next.
-  globalIgnores([
-    // Default ignores of eslint-config-next:
-    ".next/**",
-    "out/**",
-    "build/**",
-    "next-env.d.ts",
-  ]),
-]);
-
-export default eslintConfig;