hfs 0.26.8 → 0.27.2

package/admin/src/misc.ts

@@ -1,141 +0,0 @@
-// This file is part of HFS - Copyright 2021-2022, Massimo Melina <a@rejetto.com> - License https://www.gnu.org/licenses/gpl-3.0.txt
-
-import { createElement as h, FC, ReactNode } from 'react'
-import { Box, Breakpoint, CircularProgress, IconButton, Link, Tooltip, useMediaQuery } from '@mui/material'
-import { Link as RouterLink } from 'react-router-dom'
-import { SxProps } from '@mui/system'
-import { SvgIconComponent } from '@mui/icons-material'
-import { alertDialog, confirmDialog } from './dialog'
-import { apiCall } from './api'
-import { onlyTruthy, useStateMounted } from '@hfs/shared'
-export * from '@hfs/shared'
-
-export function spinner() {
-    return h(CircularProgress)
-}
-
-export function isWindowsDrive(s?: string) {
-    return s && /^[a-zA-Z]:$/.test(s)
-}
-
-export function isEqualLax(a: any,b: any): boolean {
-    return a == b //eslint-disable-line
-        || (a && b && typeof a === 'object' && typeof b === 'object'
-            && Object.entries(a).every(([k,v]) => isEqualLax(v, b[k])) )
-}
-
-export function modifiedSx(is: boolean) {
-    return is ? { outline: '2px solid' } : undefined
-}
-
-interface IconBtnProps {
-    title?: ReactNode
-    icon: SvgIconComponent
-    disabled?: boolean | string
-    progress?: boolean | number
-    link?: string
-    confirm?: string
-    [rest: string]: any
-}
-
-export function IconBtn({ title, icon, onClick, disabled, progress, link, tooltipProps, confirm, ...rest }: IconBtnProps) {
-    const [loading, setLoading] = useStateMounted(false)
-    if (typeof disabled === 'string')
-        title = disabled
-    if (link)
-        onClick = () => window.open(link)
-    let ret: ReturnType<FC> = h(IconButton, {
-        disabled: Boolean(loading || progress || disabled),
-        ...rest,
-        async onClick() {
-            if (confirm && !await confirmDialog(confirm)) return
-            const ret = onClick?.apply(this,arguments)
-            if (ret && ret instanceof Promise) {
-                setLoading(true)
-                ret.catch(alertDialog).finally(()=> setLoading(false))
-            }
-        }
-    }, h(icon))
-    if ((progress || loading) && progress !== false) // false is also useful to inhibit behavior with loading
-        ret = h(Box, { position:'relative', display: 'inline-block' },
-            h(CircularProgress, {
-                ...(typeof progress === 'number' ? { value: progress*100, variant: 'determinate' } : null),
-                style: { position:'absolute', top: 4, left: 4, width: 32, height: 32 }
-            }),
-            ret
-        )
-    if (title)
-        ret = h(Tooltip, { title, ...tooltipProps, children: h('span',{},ret) })
-    return ret
-}
-
-export function iconTooltip(icon: SvgIconComponent, tooltip: string, sx?: SxProps) {
-    return h(Tooltip, { title: tooltip, children: h(icon, { sx }) })
-}
-
-export function InLink(props:any) {
-    return h(Link, { component: RouterLink, ...props })
-}
-
-export function Center(props: any) {
-    return h(Box, { display:'flex', height:'100%', width:'100%', justifyContent:'center', alignItems:'center', ...props })
-}
-
-export async function manipulateConfig(k: string, work:(data:any) => any) {
-    const cfg = await apiCall('get_config', { only: [k] })
-    const was = cfg[k]
-    const will = await work(was)
-    if (JSON.stringify(was) !== JSON.stringify(will))
-        await apiCall('set_config', { values: { [k]: will } })
-}
-
-export function typedKeys<T extends {}>(o: T) {
-    return Object.keys(o) as (keyof T)[]
-}
-
-export function dirname(s: string) {
-    let i = s.lastIndexOf('/')
-    if (i < 0)
-        i = s.lastIndexOf('\\')
-    return i < 0 ? '' : s.slice(0, i)
-}
-
-export function isAbsolutePath(s: string) {
-    return s && (s[0] === '/' || isWindowsDrive(s.slice(0,2)))
-}
-
-export function pathJoin(...args: any[]) {
-    const delimiter = findFirst(args, x => /\\|\//.exec('\\a/b')?.[0])
-    const good = onlyTruthy(args.map(x => x == null ? '' : String(x)))
-    return good.map((x, i) => i === good.length-1 || x.endsWith('\\') || x.endsWith('/') ? x : x + delimiter)
-        .join('')
-}
-
-export function findFirst<I=any, O=any>(a: I[], cb:(v:I)=>O): any {
-    for (const x of a) {
-        const ret = cb(x)
-        if (ret !== undefined)
-            return ret
-    }
-}
-
-export function xlate(input: any, table: Record<string, any>) {
-    return table[input] ?? input
-}
-
-// return true if same size or larger
-export function useBreakpoint(breakpoint: Breakpoint) {
-    return useMediaQuery((theme: any) => theme.breakpoints.up(breakpoint), { noSsr:true }) // without noSsr, first execution always returns false
-}
-
-export function err2msg(code: string) {
-    return {
-        ENOENT: "Not found",
-        ENOTDIR: "Not a folder",
-    }[code] || code
-}
-
-export function wantArray<T>(x?: void | T | T[]) {
-    return x == null ? [] : Array.isArray(x) ? x : [x]
-}
-

package/admin/src/react-app-env.d.ts

@@ -1 +0,0 @@
-/// <reference types="react-scripts" />

package/admin/src/reportWebVitals.ts

@@ -1,15 +0,0 @@
-import { ReportHandler } from 'web-vitals';
-
-const reportWebVitals = (onPerfEntry?: ReportHandler) => {
-  if (onPerfEntry && onPerfEntry instanceof Function) {
-    import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {
-      getCLS(onPerfEntry);
-      getFID(onPerfEntry);
-      getFCP(onPerfEntry);
-      getLCP(onPerfEntry);
-      getTTFB(onPerfEntry);
-    });
-  }
-};
-
-export default reportWebVitals;

package/admin/src/setupTests.ts

@@ -1,5 +0,0 @@
-// jest-dom adds custom jest matchers for asserting on DOM nodes.
-// allows you to do things like:
-// expect(element).toHaveTextContent(/react/i)
-// learn more: https://github.com/testing-library/jest-dom
-import '@testing-library/jest-dom';

package/admin/src/state.ts

@@ -1,40 +0,0 @@
-// This file is part of HFS - Copyright 2021-2022, Massimo Melina <a@rejetto.com> - License https://www.gnu.org/licenses/gpl-3.0.txt
-
-import { proxy, useSnapshot } from 'valtio'
-import { Dict } from './misc'
-import { VfsNode } from './VfsPage'
-import _ from 'lodash'
-import { subscribeKey } from 'valtio/utils'
-
-const STORAGE_KEY = 'admin_state'
-export const state = proxy<{
-    title: string
-    config: Dict
-    vfs: VfsNode | undefined
-    selectedFiles: VfsNode[]
-    loginRequired: boolean
-    username: string
-    onlinePluginsColumns: Dict<boolean>
-}>(Object.assign({
-    title: '',
-    config: {},
-    selectedFiles: [],
-    vfs: undefined,
-    loginRequired: false,
-    username: '',
-    onlinePluginsColumns: {
-        version: false,
-        pushed_at: false,
-        license: false,
-    }
-}, JSON.parse(localStorage[STORAGE_KEY]||null)))
-
-const SETTINGS_TO_STORE: (keyof typeof state)[] = ['onlinePluginsColumns']
-const storeSettings = _.debounce(() =>
-    localStorage[STORAGE_KEY] = JSON.stringify(_.pick(state, SETTINGS_TO_STORE)), 500, { maxWait: 1000 })
-for (const k of SETTINGS_TO_STORE)
-    subscribeKey(state, k, storeSettings)
-
-export function useSnapState() {
-    return useSnapshot(state)
-}

package/admin/src/theme.ts

@@ -1,37 +0,0 @@
-// This file is part of HFS - Copyright 2021-2022, Massimo Melina <a@rejetto.com> - License https://www.gnu.org/licenses/gpl-3.0.txt
-
-import { createTheme, useMediaQuery } from '@mui/material'
-import { useMemo } from 'react'
-
-const EMPTY = {}
-export function useMyTheme() {
-    const lightMode = useMediaQuery('(prefers-color-scheme: dark)') ? null : EMPTY
-    return useMemo(() => createTheme({
-        palette: lightMode || {
-            mode: 'dark',
-            text: { primary: '#bbb' },
-            primary: { main: '#469' },
-        },
-        typography: {
-            fontFamily: 'Roboto, "Noto sans", "Segoe UI", "San Francisco", "Helvetica Neue", Arial, sans-serif'
-        },
-        components: {
-            MuiTextField: {
-                defaultProps: { variant: 'filled' },
-                styleOverrides: lightMode || {
-                    root: { '& label.Mui-focused': { color: '#ccc' } } // our primary.main is too dark for mui's dark theme, and when input element is :-webkit-autofill it will make not enough contrast
-                }
-            },
-            MuiButton: {
-                defaultProps: { variant: 'outlined' },
-                styleOverrides: lightMode || {
-                    root({ ownerState }) {
-                        return ownerState.color === 'primary' && {
-                            color: ownerState.variant === 'contained' ? '#ddd' : '#68c'
-                        }
-                    }
-                }
-            }
-        }
-    }), [lightMode])
-}

package/admin/tsconfig.json

@@ -1,26 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "es2017",
-    "lib": [
-      "dom",
-      "dom.iterable",
-      "esnext"
-    ],
-    "allowJs": true,
-    "skipLibCheck": true,
-    "esModuleInterop": true,
-    "allowSyntheticDefaultImports": true,
-    "strict": true,
-    "forceConsistentCasingInFileNames": true,
-    "noFallthroughCasesInSwitch": true,
-    "module": "esnext",
-    "moduleResolution": "node",
-    "resolveJsonModule": true,
-    "isolatedModules": true,
-    "noEmit": true,
-    "jsx": "react-jsx"
-  },
-  "include": [
-    "src"
-  ]
-}

package/admin/vite.config.ts

@@ -1,32 +0,0 @@
-import { defineConfig } from 'vite'
-import vitePluginImport from 'vite-plugin-babel-import';
-
-// https://vitejs.dev/config/
-export default defineConfig({
-    build: {
-        outDir: '../dist/admin',
-        emptyOutDir: true,
-        target: "es2015",
-    },
-    plugins: [
-        vitePluginImport([] || [
-            { // this is (currently) speeding up build process, by bringing "modules transformed" from 11k+ down to 1.5k+
-                libraryName: '@mui/icons-material',
-                libraryDirectory: '',
-                libraryChangeCase: "camelCase",
-                ignoreStyles: [],
-            },
-        ])
-    ],
-    server: {
-        port: 3006,
-        proxy: {
-            '/~/': {
-                target: 'http://localhost',
-                proxyTimeout: 2000,
-                changeOrigin: true,
-                ws: true,
-            }
-        }
-    }
-})

package/frontend/.eslintrc

@@ -1,8 +0,0 @@
-{
-  "extends": "react-app",
-  "rules": {
-    "no-mixed-operators": 0,
-    "no-ex-assign": 0,
-	"no-throw-literal": 0
-  }
-}

package/frontend/.gitignore

@@ -1,23 +0,0 @@
-# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
-
-# dependencies
-/node_modules
-/.pnp
-.pnp.js
-
-# testing
-/coverage
-
-# production
-/build
-
-# misc
-.DS_Store
-.env.local
-.env.development.local
-.env.test.local
-.env.production.local
-
-npm-debug.log*
-yarn-debug.log*
-yarn-error.log*

package/frontend/package.json

@@ -1,51 +0,0 @@
-{
-  "name": "@hfs/frontend",
-  "private": true,
-  "proxy": "http://localhost",
-  "scripts": {
-    "start": "vite",
-    "build": "tsc && vite build",
-    "preview": "vite preview",
-    "test-dep": "npm audit --production"
-  },
-  "dependencies": {
-    "@hfs/shared": "*",
-    "js-sha512": "^0.8.0",
-    "lodash": "^4.17.21",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "react-router-dom": "^6.1.1",
-    "tssrp6a": "^3.0.0",
-    "use-debounce": "^7.0.1",
-    "usehooks-ts": "^2.6.0",
-    "valtio": "^1.2.7",
-    "web-vitals": "^2.1.4"
-  },
-  "devDependencies": {
-    "@types/lodash": "^4.14.178",
-    "@types/node": "^16.11.21",
-    "@types/react": "^18.0.15",
-    "@types/react-dom": "^18.0.6",
-    "cross-env": "^7.0.3",
-    "sass": "^1.54.5",
-    "vite": "^3.0.0"
-  },
-  "eslintConfig": {
-    "extends": [
-      "react-app",
-      "react-app/jest"
-    ]
-  },
-  "browserslist": {
-    "production": [
-      ">0.2%",
-      "not dead",
-      "not op_mini all"
-    ],
-    "development": [
-      "last 1 chrome version",
-      "last 1 firefox version",
-      "last 1 safari version"
-    ]
-  }
-}

package/frontend/src/App.ts

@@ -1,25 +0,0 @@
-// This file is part of HFS - Copyright 2021-2022, Massimo Melina <a@rejetto.com> - License https://www.gnu.org/licenses/gpl-3.0.txt
-
-import { BrowserRouter, Route, Routes } from "react-router-dom"
-import { createElement as h, Fragment } from 'react'
-import { BrowseFiles } from "./BrowseFiles"
-import { Dialogs } from './dialog'
-import useTheme from "./useTheme"
-import { useSnapState } from './state'
-
-function App() {
-    useTheme()
-    const { messageOnly } = useSnapState()
-    if (messageOnly)
-        return h('h1', { style: { textAlign: 'center'} }, messageOnly)
-    return h(Fragment, {},
-        h(BrowserRouter, {},
-            h(Routes, {},
-                h(Route, { path:'*', element: h(BrowseFiles) })
-            )
-        ),
-        h(Dialogs)
-    )
-}
-
-export default App;

package/frontend/src/Breadcrumbs.ts

@@ -1,43 +0,0 @@
-// This file is part of HFS - Copyright 2021-2022, Massimo Melina <a@rejetto.com> - License https://www.gnu.org/licenses/gpl-3.0.txt
-
-import { Link, useLocation } from 'react-router-dom'
-import { createElement as h, Fragment, ReactElement } from 'react'
-import { hIcon } from './misc'
-import { state } from './state'
-import { reloadList } from './useFetchList'
-
-export function Breadcrumbs() {
-    const currentPath = useLocation().pathname.slice(1,-1)
-    let prev = ''
-    const parent = currentPath.split('/').slice(0,-1).join('/')+'/'
-    const breadcrumbs = currentPath ? currentPath.split('/').map(x => [prev = prev + x + '/', decodeURIComponent(x)]) : []
-    return h(Fragment, {},
-        h(Breadcrumb, { label: hIcon('parent', { alt:'parent folder' }), path: parent }),
-        h(Breadcrumb, { current: !currentPath, label: hIcon('home', { alt:'home' }) }),
-        breadcrumbs.map(([path,label]) =>
-            h(Breadcrumb, {
-                key: path,
-                path,
-                label,
-                current: path === currentPath+'/',
-            }) )
-    )
-}
-
-function Breadcrumb({ path, label, current }:{ current?: boolean, path?: string, label?: string | ReactElement }) {
-    const PAD = '\u00A0\u00A0' // make small elements easier to tap. Don't use min-width 'cause it requires display-inline that breaks word-wrapping
-    if (typeof label === 'string' && label.length < 3)
-        label = PAD+label+PAD
-    return h(Link, {
-        className: 'breadcrumb',
-        to: path || '/',
-        async onClick() {
-            if (current) {
-                state.remoteSearch = ''
-                state.stopSearch?.()
-                reloadList()
-            }
-        }
-    }, label)
-}
-

package/frontend/src/BrowseFiles.ts

@@ -1,141 +0,0 @@
-// This file is part of HFS - Copyright 2021-2022, Massimo Melina <a@rejetto.com> - License https://www.gnu.org/licenses/gpl-3.0.txt
-
-import { Link, useLocation } from 'react-router-dom'
-import { createElement as h, Fragment, memo, useEffect, useMemo, useState } from 'react'
-import { formatBytes, hError, hfsEvent, hIcon, isMobile } from './misc'
-import { Checkbox, Html, Spinner } from './components'
-import { Head } from './Head'
-import { state, useSnapState } from './state'
-import { alertDialog } from './dialog'
-import useFetchList from './useFetchList'
-import useAuthorized from './useAuthorized'
-
-export function usePath() {
-    return decodeURI(useLocation().pathname)
-}
-
-export interface DirEntry { n:string, s?:number, m?:string, c?:string,
-    ext:string, isFolder:boolean, t?:Date } // we memoize these value for speed
-export type DirList = DirEntry[]
-
-export function BrowseFiles() {
-    useFetchList()
-    const { error, list, serverConfig } = useSnapState()
-    return useAuthorized() && h(Fragment, {},
-        h(Html, { code: serverConfig?.custom_header }),
-        h(Head),
-        hError(error)
-        || h(list ? FilesList : Spinner))
-}
-
-function FilesList() {
-    const { filteredList, list, loading, stoppedSearch } = useSnapState()
-    const midnight = useMidnight() // as an optimization we calculate this only once per list and pass it down
-    const pageSize = 100
-    const [page, setPage] = useState(0)
-    const offset = page * pageSize
-    const theList = filteredList || list
-    const total = theList.length
-
-    useEffect(() => setPage(0), [theList])
-    useEffect(() => document.scrollingElement?.scrollTo(0,0), [page])
-
-    return h(Fragment, {},
-        h('ul', { className: 'dir' },
-            !list.length ? (!loading && (stoppedSearch ? "Stopped before finding anything" : "Nothing here"))
-                : filteredList && !filteredList.length ? "No match for this filter"
-                    : theList.slice(offset, offset + pageSize).map((entry: DirEntry) =>
-                        h(Entry, { key: entry.n, midnight, ...entry })),
-            loading && h(Spinner),
-        ),
-        total > pageSize && h(Paging, { total, current:page, pageSize, pageChange:setPage })
-    )
-}
-
-interface PagingProps {
-    total: number
-    current: number
-    pageSize: number
-    pageChange:(newPage:number) => void
-}
-function Paging({ total, current, pageSize, pageChange }: PagingProps) {
-    const nPages = Math.ceil(total / pageSize)
-    const pages = []
-    for (let i=0; i<nPages; i++)
-        pages.push(h('button', {
-            ...i===current && { className:'toggled' },
-            onClick(){
-                pageChange(i)
-            }
-        }, i*pageSize || 1))
-    return h('div', { id:'paging' }, ...pages)
-}
-
-function useMidnight() {
-    const [midnight, setMidnight] = useState(calcMidnight)
-    useEffect(() => {
-        setTimeout(()=> setMidnight(calcMidnight()), 10 * 60_000) // refresh every 10 minutes
-    }, [])
-    return midnight
-
-    function calcMidnight() {
-        const recent = new Date()
-        recent.setHours(recent.getHours() - 6)
-        const midnight = new Date()
-        midnight.setHours(0,0,0,0)
-        return recent < midnight ? recent : midnight
-    }
-}
-
-const Entry = memo(function(entry: DirEntry & { midnight: Date }) {
-    let { n: relativePath, isFolder } = entry
-    const base = usePath()
-    const { showFilter, selected } = useSnapState()
-    const href = fixUrl(relativePath)
-    const containerDir = isFolder ? '' : relativePath.substring(0, relativePath.lastIndexOf('/')+1)
-    const name = relativePath.substring(containerDir.length)
-    return h('li', { className: isFolder ? 'folder' : 'file' },
-        showFilter && h(Checkbox, {
-            value: selected[relativePath],
-            onChange(v){
-                if (v)
-                    return state.selected[relativePath] = true
-                delete state.selected[relativePath]
-            },
-        }),
-        isFolder ? h(Link, { to: base+href }, hIcon('folder'), relativePath)
-            : h(Fragment, {},
-                containerDir && h(Link, { to: base+fixUrl(containerDir), className:'container-folder' }, hIcon('file'), containerDir ),
-                h('a', { href }, !containerDir && hIcon('file'),  name)
-            ),
-        h(EntryProps, entry),
-        h('div', { style:{ clear:'both' } })
-    )
-})
-
-function fixUrl(s:string) {
-    return s.replace(/#/g, encodeURIComponent)
-}
-
-const EntryProps = memo(function(entry: DirEntry & { midnight: Date }) {
-    const { t, s } = entry
-    const today = t && t > entry.midnight
-    const shortTs = isMobile()
-    const code = useMemo(()=> hfsEvent('additionalEntryProps', { entry }).join(''),
-        [entry])
-    return h('div', { className:'entry-props' },
-        h(Html, { code, className:'add-props' }),
-        s !== undefined && h(Fragment, {},
-            h('span', { className:'entry-size' }, formatBytes(s)),
-            " — ",
-        ),
-        t && h('span', {
-            className: 'entry-ts',
-            title: today || !shortTs ? null : t.toLocaleString(),
-            onClick() { // mobile has no hover
-                if (shortTs)
-                    alertDialog("Full timestamp:\n" + t.toLocaleString()).then()
-            }
-        }, !shortTs ? t.toLocaleString() : today ? t.toLocaleTimeString() : t.toLocaleDateString()),
-    )
-})

package/frontend/src/Head.ts

@@ -1,45 +0,0 @@
-// This file is part of HFS - Copyright 2021-2022, Massimo Melina <a@rejetto.com> - License https://www.gnu.org/licenses/gpl-3.0.txt
-
-import { createElement as h, useMemo} from 'react'
-import { formatBytes, hIcon, prefix } from './misc'
-import { Spinner } from './components'
-import { useSnapState } from './state'
-import { MenuPanel } from './menu'
-import { Breadcrumbs } from './Breadcrumbs'
-
-export function Head() {
-    return h('header', {},
-        h(MenuPanel),
-        h(Breadcrumbs),
-        h(FolderStats),
-        h('div', { style:{ clear:'both' }}),
-    )
-}
-
-function FolderStats() {
-    const { list, loading, filteredList, selected, stoppedSearch } = useSnapState()
-    const stats = useMemo(() =>{
-        let files = 0, folders = 0, size = 0
-        for (const x of list) {
-            if (x.isFolder)
-                ++folders
-            else
-                ++files
-            size += x.s||0
-        }
-        return { files, folders, size }
-    }, [list])
-    const sel = Object.keys(selected).length
-    const fil = filteredList?.length
-    return h('div', { id:'folder-stats' },
-        stoppedSearch ? hIcon('interrupted', { title:'Search was interrupted' })
-            : list.length>0 && loading && h(Spinner),
-        [
-            prefix('', stats.files,' file(s)'),
-            prefix('', stats.folders, ' folder(s)'),
-            stats.size ? formatBytes(stats.size) : '',
-            sel && sel+' selected',
-            fil !== undefined && fil < list.length && fil+' displayed',
-        ].filter(Boolean).join(', ')
-    )
-}