hfs 0.26.8 → 0.26.9

package/admin/src/dialog.ts

@@ -1,203 +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 {
-    Box,
-    Button,
-    CircularProgress,
-    Dialog as MuiDialog,
-    DialogContent,
-    DialogProps,
-    DialogTitle,
-    IconButton
-} from '@mui/material'
-import {
-    createElement as h, Fragment,
-    isValidElement,
-    ReactElement,
-    useEffect,
-    useRef,
-    useState
-} from 'react'
-import { Check, Close, Error as ErrorIcon, Forward, Info, Warning } from '@mui/icons-material'
-import { newDialog, closeDialog, dialogsDefaults, DialogOptions } from '@hfs/shared'
-import { Form, FormProps } from '@hfs/mui-grid-form'
-import { useBreakpoint } from './misc'
-import { Flex } from '@hfs/frontend/src/components'
-export * from '@hfs/shared/lib/dialogs'
-
-dialogsDefaults.Container = function Container(d:DialogOptions) {
-    useEffect(()=>{
-        ref.current?.focus()
-    }, [])
-    const ref = useRef<HTMLElement>()
-    d = { ...dialogsDefaults, ...d }
-    const { sx, root, ...rest } = d.dialogProps||{}
-    const p = d.padding ? 2 : 0
-    return h(MuiDialog, {
-        open: true,
-        maxWidth: 'lg',
-        fullScreen: !useBreakpoint('sm'),
-        ...rest,
-        ...root,
-        onClose: ()=> closeDialog(),
-    },
-        d.title && h(DialogTitle, {}, d.title),
-        h(DialogContent, {
-            ref,
-            sx: { ...sx, px: p, pb: p, display: 'flex', flexDirection: 'column', }
-        }, h(d.Content) )
-    )
-}
-
-type AlertType = 'error' | 'warning' | 'info' | 'success'
-
-const type2ico = {
-    error: ErrorIcon,
-    warning: Warning,
-    info: Info,
-    success: Check,
-}
-export async function alertDialog(msg: ReactElement | string | Error, options?: AlertType | ({ type?:AlertType, icon?: ReactElement } & Partial<DialogOptions>)) {
-    return new Promise(resolve => {
-        const opt = typeof options === 'string' ? { type: options } : (options ?? {})
-        let { type='info', ...rest } = opt
-        if (msg instanceof Error) {
-            msg = msg.message || String(msg)
-            type = 'error'
-        }
-        const close = newDialog({
-            className: 'dialog-alert-' + type,
-            icon: '!',
-            onClose: resolve,
-            ...rest,
-            Content() {
-                return h(Box, { display: 'flex', flexDirection: 'column', alignItems: 'center', gap: 1 },
-                    h(IconButton, {
-                        onClick() {
-                            close()
-                        },
-                        size: 'small',
-                        sx: { position: 'absolute', right: 0, top: 0, opacity: .5 }
-                    }, h(Close)),
-                    opt.icon ?? h(type2ico[type], { color: type, fontSize: 'large' }),
-                    isValidElement(msg) ? msg
-                        : h(Box, { fontSize: 'large', mb: 1, lineHeight: '1.8em' }, String(msg)),
-                )
-            }
-        })
-    })
-}
-
-interface ConfirmOptions { href?: string }
-export async function confirmDialog(msg: string | ReactElement, { href }: ConfirmOptions={}) : Promise<boolean> {
-    return new Promise(resolve => newDialog({
-        className: 'dialog-confirm',
-        icon: '?',
-        onClose: resolve,
-        Content
-    }) )
-
-    function Content() {
-        return h(Fragment, {},
-            h(Box, { mb: 2 }, msg),
-            h(Flex, {},
-                h('a', {
-                    href,
-                    onClick: () => closeDialog(true),
-                }, h(Button, { variant: 'contained' }, "Confirm")),
-                h(Button, { onClick: () => closeDialog(false) }, "Don't"),
-            ),
-        )
-    }
-}
-
-type FormDialog<T> = Pick<DialogProps, 'fullScreen' | 'title'>
-    & Pick<DialogOptions, 'dialogProps'>
-    & Omit<FormProps<T>, 'values' | 'save' | 'set'>
-    & Partial<Pick<FormProps<T>, 'values' | 'save'>>
-    & {
-    onChange?: (values:Partial<T>, extra: { setValues: React.Dispatch<React.SetStateAction<Partial<T>>> }) => void,
-    before?: any
-}
-export async function formDialog<T>({ fullScreen, title, onChange, before, ...props }: FormDialog<T>) : Promise<T> {
-    return new Promise(resolve => newDialog({
-        className: 'dialog-confirm',
-        icon: '?',
-        onClose: resolve,
-        title,
-        Content
-    }) )
-
-    function Content() {
-        const [values, setValues] = useState<Partial<T>>(props.values||{})
-        return h(Fragment, {},
-            before,
-            h(Form, {
-                ...props,
-                values,
-                set(v, k) {
-                    const newV = { ...values, [k]: v }
-                    setValues(newV)
-                    onChange?.(newV, { setValues })
-                },
-                save: {
-                    ...props.save,
-                    onClick() {
-                        closeDialog(values)
-                    }
-                }
-            })
-        )
-    }
-}
-
-export async function promptDialog(msg: string, props:any={}) : Promise<string | undefined> {
-    return formDialog<{ text: string }>({
-        ...props,
-        fields: [
-            { k: 'text', label: null, autoFocus: true,
-                before: h(Box, { mb: 2 }, msg),
-                ...props.field
-            },
-        ],
-        save: {
-            children: "Continue",
-            startIcon: h(Forward),
-            ...props.save,
-        },
-        saveOnEnter: true,
-        barSx: { gap: 2 },
-        addToBar: [
-            h(Button, { onClick: closeDialog }, "Cancel"),
-            ...props.addToBar||[],
-        ]
-    }).then(values => values?.text)
-}
-
-export function waitDialog() {
-    return newDialog({ Content: CircularProgress, closable: false })
-}
-
-export function toast(msg: string | ReactElement, type: AlertType | ReactElement='info') {
-    const ms = 3000
-    const close = newDialog({
-        Content,
-        dialogProps: {
-            PaperProps: {
-                sx: { transition: `opacity ${ms}ms ease-in` },
-                ref(x: HTMLElement) { // we need to set opacity later, to trigger transition
-                    if (x)
-                        x.style.opacity = '0'
-                }
-            }
-        }
-    })
-    setTimeout(close, ms)
-
-    function Content(){
-        return h(Box, { display:'flex', flexDirection: 'column', alignItems: 'center', gap: 1 },
-            isValidElement(type) ? type : h(type2ico[type], { color:type }),
-            isValidElement(msg) ? msg : h('div', {}, String(msg))
-        )
-    }
-}

package/admin/src/index.css

@@ -1,21 +0,0 @@
-body {
-  margin: 0;
-  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
-    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
-    sans-serif;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  height: 100vh;
-}
-#root { min-height: 100%; display:flex; }
-
-code {
-  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
-    monospace;
-}
-
-.MuiTreeItem-content {
-  box-sizing: border-box; /* avoid unwanted scrolling caused by its width:100% + padding */
-}
-
-ol, ul { margin-top: .2em }

package/admin/src/index.ts

@@ -1,10 +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, StrictMode } from 'react'
-import { createRoot } from 'react-dom/client'
-import './index.css'
-import '@hfs/shared/src/min-crypto-polyfill'
-import App from './App'
-
-createRoot(document.getElementById('root')!)
-  .render( h(StrictMode, {}, h(App)) )

package/admin/src/md.ts

@@ -1,31 +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, Fragment } from 'react'
-
-// markdown inspired syntax to transform text into react elements: * for bold, / for italic, _ for underline, ` for code
-export default function md(text: string | TemplateStringsArray) {
-    if (typeof text !== 'string')
-        text = text[0]
-    const re = /([`*/_])(.+)\1|(\n)/g
-    const res = []
-    let last = 0
-    let match
-    while (match = re.exec(text)) { //eslint-disable-line no-cond-assign
-        res.push( text.slice(last, match.index) )
-        if (match[3])
-            res.push(h('br'))
-        else {
-            const tag = ({
-                '`': 'code',
-                '*': 'b',
-                '/': 'i',
-                '_': 'u',
-            })[ match[1] ]
-            if (!tag)
-                throw Error("should never happen")
-            res.push( h(tag,{}, match[2]) )
-        }
-        last = match.index + match[0].length
-    }
-    return h(Fragment, {}, ...res, text.slice(last, Infinity))
-}

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"
-    ]
-  }
-}