{"version":3,"file":"SnippetViewer-yG_0Kw3q.js","sources":["../../../resources/js/svgs/code-fork.svg?react","../../../resources/js/Components/ForkButton/ForkButton.tsx","../../../resources/js/Pages/Files/Partials/SnippetViewer.tsx"],"sourcesContent":["import * as React from \"react\";\nconst SvgCodeFork = (props) => /* @__PURE__ */ React.createElement(\"svg\", { height: 16, viewBox: \"0 0 16 16\", fill: \"none\", width: 16, xmlns: \"http://www.w3.org/2000/svg\", ...props }, /* @__PURE__ */ React.createElement(\"path\", { d: \"M5 5.372v.878c0 .414.336.75.75.75h4.5a.75.75 0 0 0 .75-.75v-.878a2.25 2.25 0 1 1 1.5 0v.878a2.25 2.25 0 0 1-2.25 2.25h-1.5v2.128a2.251 2.251 0 1 1-1.5 0V8.5h-1.5A2.25 2.25 0 0 1 3.5 6.25v-.878a2.25 2.25 0 1 1 1.5 0ZM5 3.25a.75.75 0 1 0-1.5 0 .75.75 0 0 0 1.5 0Zm6.75.75a.75.75 0 1 0 0-1.5.75.75 0 0 0 0 1.5Zm-3 8.75a.75.75 0 1 0-1.5 0 .75.75 0 0 0 1.5 0Z\", fill: \"currentColor\" }));\nexport default SvgCodeFork;\n","import React from 'react';\nimport useRoute from '@/Hooks/useRoute';\nimport IconFork from '@/svgs/code-fork.svg?react';\nimport useForceUrlDomain from '@/Hooks/useForceUrl';\n\ninterface Props {\n  file: App.Data.FileData;\n}\n\nexport default function ForkButton({ file }: Props) {\n  const route = useRoute();\n\n  let url = route('files.fork', { file: file.id });\n  url = useForceUrlDomain(url, 'app');\n\n  return (\n    <a href={url} className=\"flex items-center whitespace-nowrap\">\n      <IconFork className=\"mr-1\" />\n      Fork This\n    </a>\n  );\n}\n","import React, { useState } from 'react';\nimport useRoute from '@/Hooks/useRoute';\nimport FileNav from '@/Components/FileNav';\nimport { FileViewer } from './FileViewer';\nimport ButtonGroup from '@/Components/ButtonGroup';\nimport Button from '@/Components/Button'; // Base button component\nimport FavoriteButton from '@/Components/FavoriteButton';\nimport FileDownloadButton from '@/Components/FileDownloadButton';\nimport HoverableButton from '@/Components/HoverableButton';\nimport Download from '@/svgs/download.svg?react';\nimport IconDelete from '@/svgs/delete.svg?react';\nimport Star from '@/svgs/star.svg?react';\nimport IconEdit from '@/svgs/edit.svg?react';\nimport IconStars from '@/svgs/stars-lg.svg?react';\nimport IconTrash from '@/svgs/trash.svg?react';\nimport useTypedPage from '@/Hooks/useTypedPage';\nimport FileChangeName from './FileChangeName';\nimport { Tooltip } from '@/Components/Tooltip';\nimport { CursorPagination } from '@/types';\nimport ForkButton from '@/Components/ForkButton';\nimport Dialog from '@/Components/Dialog';\nimport { router } from '@inertiajs/react';\n\nexport interface SnippetViewerProps {\n  files: App.Data.FileData[];\n  file: App.Data.FileData;\n  comments: CursorPagination<App.Data.CommentData>;\n  package: App.Data.PackageData;\n  modes: App.Data.ModeData[];\n  canEdit: boolean;\n  short_url: string;\n}\n\nexport default function SnippetViewer({ file, files }: SnippetViewerProps) {\n  const page = useTypedPage<SnippetViewerProps>();\n  const route = useRoute();\n  const [editting, setEditting] = useState(false);\n\n  async function handleDeleteFile() {\n    router.delete(\n      route('files.destroy', { file: file.id }),\n      {\n        preserveState: false,\n      }\n    );\n  }\n\n  return (\n    <div className=\"h-full\">\n      {file ? (\n        <>\n          <FileNav>\n            <div className=\"flex items-center gap-1\">\n              <FileChangeName\n                name={file.path}\n                extension={file.extension}\n                id={file.id}\n              />\n              <HoverableButton>\n                <FileDownloadButton\n                  className=\"hover:dark:text-brand-light-100\"\n                  file={file}\n                >\n                  <Tooltip message=\"Download the snippet.\">\n                    <span>\n                      <Download className=\"h-5 w-5\" />\n                    </span>\n                  </Tooltip>\n                </FileDownloadButton>\n              </HoverableButton>\n              {page.props.auth.user?.id === page.props.file.owner?.id && (\n                <>\n                  <HoverableButton>\n                    <FavoriteButton\n                      url={route('files.favorite', file.id)}\n                      favorited={file.favorited}\n                      data={{ file_id: file.id }}\n                      type={\"file\"}\n                    >\n                      <Star className=\"h-5 w-5\" />\n                    </FavoriteButton>\n                  </HoverableButton>\n                  <Dialog\n                    title={'Confirm file deletion'}\n                    description={'Are you sure you want to delete this file?'}\n                    actionText={'Delete'}\n                    actionHandler={handleDeleteFile}\n                    trigger={\n                      <Tooltip message=\"Delete File\">\n                        <HoverableButton className=\"hover:dark:bg-red-300 hover:dark:text-red-800\">\n                          <IconTrash className=\"h-4 w-4\" />\n                        </HoverableButton>\n                      </Tooltip>\n                    }\n                  />\n                </>\n              )}\n            </div>\n\n            <ButtonGroup className=\"justify-end text-sm\">\n              {page.props.canEdit && (\n                <>\n                  <Button\n                    className=\"gap-2 bg-brand-dark-25/50 dark:bg-brand-dark-75 dark:text-brand-light-25\"\n                    onClick={() => setEditting(!editting)}\n                    type=\"button\"\n                  >\n                    {editting ? (\n                      <>\n                        <IconDelete className=\"h-4 w-4\" /> Cancel\n                      </>\n                    ) : (\n                      <>\n                        <IconEdit /> Edit Metadata\n                      </>\n                    )}\n                  </Button>\n                  <Button\n                    styleType=\"primary\"\n                    href={route('files.show', file.id)}\n                    forceUrlDomain=\"app\"\n                  >\n                    <IconStars className=\"h-4 w-4\" /> Generate changes\n                  </Button>\n                </>\n              )}\n              <HoverableButton>\n                <ForkButton file={file} />\n              </HoverableButton>\n            </ButtonGroup>\n          </FileNav>\n          <FileViewer\n            editting={editting}\n            onMetaSave={() => setEditting(false)}\n            file={file}\n          />\n        </>\n      ) : (\n        <div className=\"p-8 text-brand-light-25\">\n          <h1 className=\"text-4xl mb-12 font-bold\">Select a file</h1>\n          {files && (\n            <ul className=\"space-y-4\">\n              {files.map(file => (\n                <li key={file.id}>\n                  <Button\n                    href={route('snippet.show', file.id)}\n                    forceUrlDomain=\"app\"\n                    className=\"block rounded-lg border border-brand-dark-20 px-3 py-2\"\n                  >\n                    {file.path}\n                  </Button>\n                </li>\n              ))}\n            </ul>\n          )}\n        </div>\n      )}\n    </div>\n  );\n}\n"],"names":["SvgCodeFork","props","React.createElement","IconFork","ForkButton","file","url","useRoute","useForceUrlDomain","jsxs","jsx","SnippetViewer","files","page","useTypedPage","route","editting","setEditting","useState","handleDeleteFile","router","Fragment","FileNav","FileChangeName","HoverableButton","FileDownloadButton","Tooltip","Download","_a","_b","FavoriteButton","Star","Dialog","IconTrash","ButtonGroup","Button","IconDelete","IconEdit","IconStars","FileViewer"],"mappings":"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"}