use environment instead
This commit is contained in:
parent
bff8c77164
commit
19cd21f50f
|
@ -20,11 +20,6 @@ const configVariables: ConfigVariables = {
|
||||||
defaultValue: "http://localhost:3000",
|
defaultValue: "http://localhost:3000",
|
||||||
secret: false,
|
secret: false,
|
||||||
},
|
},
|
||||||
webroot: {
|
|
||||||
type: "string",
|
|
||||||
defaultValue: "",
|
|
||||||
secret: false,
|
|
||||||
},
|
|
||||||
showHomePage: {
|
showHomePage: {
|
||||||
type: "boolean",
|
type: "boolean",
|
||||||
defaultValue: "true",
|
defaultValue: "true",
|
||||||
|
|
|
@ -13,6 +13,8 @@ import { FormattedMessage } from "react-intl";
|
||||||
import useConfig from "../../../hooks/config.hook";
|
import useConfig from "../../../hooks/config.hook";
|
||||||
import Logo from "../../Logo";
|
import Logo from "../../Logo";
|
||||||
|
|
||||||
|
const webroot = process.env.WEBROOT || "";
|
||||||
|
|
||||||
const ConfigurationHeader = ({
|
const ConfigurationHeader = ({
|
||||||
isMobileNavBarOpened,
|
isMobileNavBarOpened,
|
||||||
setIsMobileNavBarOpened,
|
setIsMobileNavBarOpened,
|
||||||
|
@ -42,7 +44,7 @@ const ConfigurationHeader = ({
|
||||||
</Group>
|
</Group>
|
||||||
</Link>
|
</Link>
|
||||||
<MediaQuery smallerThan="sm" styles={{ display: "none" }}>
|
<MediaQuery smallerThan="sm" styles={{ display: "none" }}>
|
||||||
<Button variant="light" component={Link} href={config.get("general.webroot") + "/admin"}>
|
<Button variant="light" component={Link} href={webroot + "/admin"}>
|
||||||
<FormattedMessage id="common.button.go-back" />
|
<FormattedMessage id="common.button.go-back" />
|
||||||
</Button>
|
</Button>
|
||||||
</MediaQuery>
|
</MediaQuery>
|
||||||
|
|
|
@ -15,6 +15,8 @@ import { TbAt, TbMail, TbShare, TbSocial, TbSquare } from "react-icons/tb";
|
||||||
import { FormattedMessage } from "react-intl";
|
import { FormattedMessage } from "react-intl";
|
||||||
import useConfig from "../../../hooks/config.hook";
|
import useConfig from "../../../hooks/config.hook";
|
||||||
|
|
||||||
|
const webroot = process.env.WEBROOT || "";
|
||||||
|
|
||||||
const categories = [
|
const categories = [
|
||||||
{ name: "General", icon: <TbSquare /> },
|
{ name: "General", icon: <TbSquare /> },
|
||||||
{ name: "Email", icon: <TbMail /> },
|
{ name: "Email", icon: <TbMail /> },
|
||||||
|
@ -71,7 +73,7 @@ const ConfigurationNavBar = ({
|
||||||
: undefined
|
: undefined
|
||||||
}
|
}
|
||||||
key={category.name}
|
key={category.name}
|
||||||
href={`${config.get("general.webroot")}/admin/config/${category.name.toLowerCase()}`}
|
href={`${webroot}/admin/config/${category.name.toLowerCase()}`}
|
||||||
>
|
>
|
||||||
<Group>
|
<Group>
|
||||||
<ThemeIcon
|
<ThemeIcon
|
||||||
|
@ -94,7 +96,7 @@ const ConfigurationNavBar = ({
|
||||||
</Stack>
|
</Stack>
|
||||||
</Navbar.Section>
|
</Navbar.Section>
|
||||||
<MediaQuery largerThan="sm" styles={{ display: "none" }}>
|
<MediaQuery largerThan="sm" styles={{ display: "none" }}>
|
||||||
<Button mt="xl" variant="light" component={Link} href={config.get("general.webroot") + "/admin"}>
|
<Button mt="xl" variant="light" component={Link} href={webroot + "/admin"}>
|
||||||
<FormattedMessage id="common.button.go-back" />
|
<FormattedMessage id="common.button.go-back" />
|
||||||
</Button>
|
</Button>
|
||||||
</MediaQuery>
|
</MediaQuery>
|
||||||
|
|
|
@ -26,6 +26,8 @@ import authService from "../../services/auth.service";
|
||||||
import { getOAuthIcon, getOAuthUrl } from "../../utils/oauth.util";
|
import { getOAuthIcon, getOAuthUrl } from "../../utils/oauth.util";
|
||||||
import toast from "../../utils/toast.util";
|
import toast from "../../utils/toast.util";
|
||||||
|
|
||||||
|
const webroot = process.env.WEBROOT || "";
|
||||||
|
|
||||||
const useStyles = createStyles((theme) => ({
|
const useStyles = createStyles((theme) => ({
|
||||||
or: {
|
or: {
|
||||||
"&:before": {
|
"&:before": {
|
||||||
|
@ -145,7 +147,7 @@ const SignInForm = ({ redirectPath }: { redirectPath: string }) => {
|
||||||
/>
|
/>
|
||||||
{config.get("smtp.enabled") && (
|
{config.get("smtp.enabled") && (
|
||||||
<Group position="right" mt="xs">
|
<Group position="right" mt="xs">
|
||||||
<Anchor component={Link} href={config.get("general.webroot") + "/auth/resetPassword"} size="xs">
|
<Anchor component={Link} href={webroot + "/auth/resetPassword"} size="xs">
|
||||||
<FormattedMessage id="resetPassword.title" />
|
<FormattedMessage id="resetPassword.title" />
|
||||||
</Anchor>
|
</Anchor>
|
||||||
</Group>
|
</Group>
|
||||||
|
|
|
@ -6,6 +6,8 @@ import authService from "../../services/auth.service";
|
||||||
import { FormattedMessage, useIntl } from "react-intl";
|
import { FormattedMessage, useIntl } from "react-intl";
|
||||||
import useConfig from "../../hooks/config.hook";
|
import useConfig from "../../hooks/config.hook";
|
||||||
|
|
||||||
|
const webroot = process.env.WEBROOT || "";
|
||||||
|
|
||||||
const ActionAvatar = () => {
|
const ActionAvatar = () => {
|
||||||
const { user } = useUser();
|
const { user } = useUser();
|
||||||
const config = useConfig();
|
const config = useConfig();
|
||||||
|
@ -18,13 +20,13 @@ const ActionAvatar = () => {
|
||||||
</ActionIcon>
|
</ActionIcon>
|
||||||
</Menu.Target>
|
</Menu.Target>
|
||||||
<Menu.Dropdown>
|
<Menu.Dropdown>
|
||||||
<Menu.Item component={Link} href={config.get("general.webroot") + "/account"} icon={<TbUser size={14} />}>
|
<Menu.Item component={Link} href={webroot + "/account"} icon={<TbUser size={14} />}>
|
||||||
<FormattedMessage id="navbar.avatar.account" />
|
<FormattedMessage id="navbar.avatar.account" />
|
||||||
</Menu.Item>
|
</Menu.Item>
|
||||||
{user!.isAdmin && (
|
{user!.isAdmin && (
|
||||||
<Menu.Item
|
<Menu.Item
|
||||||
component={Link}
|
component={Link}
|
||||||
href={config.get("general.webroot") + "/admin"}
|
href={webroot + "/admin"}
|
||||||
icon={<TbSettings size={14} />}
|
icon={<TbSettings size={14} />}
|
||||||
>
|
>
|
||||||
<FormattedMessage id="navbar.avatar.admin" />
|
<FormattedMessage id="navbar.avatar.admin" />
|
||||||
|
|
|
@ -22,6 +22,7 @@ import ActionAvatar from "./ActionAvatar";
|
||||||
import NavbarShareMenu from "./NavbarShareMenu";
|
import NavbarShareMenu from "./NavbarShareMenu";
|
||||||
|
|
||||||
const HEADER_HEIGHT = 60;
|
const HEADER_HEIGHT = 60;
|
||||||
|
const webroot = process.env.WEBROOT || "";
|
||||||
|
|
||||||
type NavLink = {
|
type NavLink = {
|
||||||
link?: string;
|
link?: string;
|
||||||
|
@ -125,7 +126,7 @@ const Header = () => {
|
||||||
|
|
||||||
const authenticatedLinks: NavLink[] = [
|
const authenticatedLinks: NavLink[] = [
|
||||||
{
|
{
|
||||||
link: config.get("general.webroot") + "/upload",
|
link: webroot + "/upload",
|
||||||
label: t("navbar.upload"),
|
label: t("navbar.upload"),
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
|
@ -138,27 +139,27 @@ const Header = () => {
|
||||||
|
|
||||||
let unauthenticatedLinks: NavLink[] = [
|
let unauthenticatedLinks: NavLink[] = [
|
||||||
{
|
{
|
||||||
link: config.get("general.webroot") + "/auth/signIn",
|
link: webroot + "/auth/signIn",
|
||||||
label: t("navbar.signin"),
|
label: t("navbar.signin"),
|
||||||
},
|
},
|
||||||
];
|
];
|
||||||
|
|
||||||
if (config.get("share.allowUnauthenticatedShares")) {
|
if (config.get("share.allowUnauthenticatedShares")) {
|
||||||
unauthenticatedLinks.unshift({
|
unauthenticatedLinks.unshift({
|
||||||
link: config.get("general.webroot") + "/upload",
|
link: webroot + "/upload",
|
||||||
label: t("navbar.upload"),
|
label: t("navbar.upload"),
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
if (config.get("general.showHomePage"))
|
if (config.get("general.showHomePage"))
|
||||||
unauthenticatedLinks.unshift({
|
unauthenticatedLinks.unshift({
|
||||||
link: config.get("general.webroot") + "/",
|
link: webroot + "/",
|
||||||
label: t("navbar.home"),
|
label: t("navbar.home"),
|
||||||
});
|
});
|
||||||
|
|
||||||
if (config.get("share.allowRegistration"))
|
if (config.get("share.allowRegistration"))
|
||||||
unauthenticatedLinks.push({
|
unauthenticatedLinks.push({
|
||||||
link: config.get("general.webroot") + "/auth/signUp",
|
link: webroot + "/auth/signUp",
|
||||||
label: t("navbar.signup"),
|
label: t("navbar.signup"),
|
||||||
});
|
});
|
||||||
|
|
||||||
|
@ -191,7 +192,7 @@ const Header = () => {
|
||||||
return (
|
return (
|
||||||
<MantineHeader height={HEADER_HEIGHT} mb={40} className={classes.root}>
|
<MantineHeader height={HEADER_HEIGHT} mb={40} className={classes.root}>
|
||||||
<Container className={classes.header}>
|
<Container className={classes.header}>
|
||||||
<Link href={config.get("general.webroot")+"/"} passHref>
|
<Link href={webroot + "/"} passHref>
|
||||||
<Group>
|
<Group>
|
||||||
<Logo height={35} width={35} />
|
<Logo height={35} width={35} />
|
||||||
<Text weight={600}>{config.get("general.appName")}</Text>
|
<Text weight={600}>{config.get("general.appName")}</Text>
|
||||||
|
|
|
@ -4,6 +4,8 @@ import { TbArrowLoopLeft, TbLink } from "react-icons/tb";
|
||||||
import { FormattedMessage } from "react-intl";
|
import { FormattedMessage } from "react-intl";
|
||||||
import useConfig from "../../hooks/config.hook";
|
import useConfig from "../../hooks/config.hook";
|
||||||
|
|
||||||
|
const webroot = process.env.WEBROOT || "";
|
||||||
|
|
||||||
const NavbarShareMneu = () => {
|
const NavbarShareMneu = () => {
|
||||||
const config = useConfig();
|
const config = useConfig();
|
||||||
return (
|
return (
|
||||||
|
@ -14,12 +16,12 @@ const NavbarShareMneu = () => {
|
||||||
</ActionIcon>
|
</ActionIcon>
|
||||||
</Menu.Target>
|
</Menu.Target>
|
||||||
<Menu.Dropdown>
|
<Menu.Dropdown>
|
||||||
<Menu.Item component={Link} href={config.get("general.webroot") + "/account/shares"} icon={<TbLink />}>
|
<Menu.Item component={Link} href={webroot + "/account/shares"} icon={<TbLink />}>
|
||||||
<FormattedMessage id="navbar.links.shares" />
|
<FormattedMessage id="navbar.links.shares" />
|
||||||
</Menu.Item>
|
</Menu.Item>
|
||||||
<Menu.Item
|
<Menu.Item
|
||||||
component={Link}
|
component={Link}
|
||||||
href={config.get("general.webroot") + "/account/reverseShares"}
|
href={webroot + "/account/reverseShares"}
|
||||||
icon={<TbArrowLoopLeft />}
|
icon={<TbArrowLoopLeft />}
|
||||||
>
|
>
|
||||||
<FormattedMessage id="navbar.links.reverse" />
|
<FormattedMessage id="navbar.links.reverse" />
|
||||||
|
|
|
@ -14,6 +14,7 @@ import api from "../../services/api.service";
|
||||||
import Markdown from "markdown-to-jsx";
|
import Markdown from "markdown-to-jsx";
|
||||||
import useConfig from "../../hooks/config.hook";
|
import useConfig from "../../hooks/config.hook";
|
||||||
|
|
||||||
|
const webroot = process.env.WEBROOT || "";
|
||||||
|
|
||||||
const FilePreviewContext = React.createContext<{
|
const FilePreviewContext = React.createContext<{
|
||||||
shareId: string;
|
shareId: string;
|
||||||
|
@ -51,7 +52,7 @@ const FilePreview = ({
|
||||||
component={Link}
|
component={Link}
|
||||||
onClick={() => modals.closeAll()}
|
onClick={() => modals.closeAll()}
|
||||||
target="_blank"
|
target="_blank"
|
||||||
href={`${config.get("general.webroot")}/api/shares/${shareId}/files/${fileId}?download=false`}
|
href={`${webroot}/api/shares/${shareId}/files/${fileId}?download=false`}
|
||||||
>
|
>
|
||||||
View original file
|
View original file
|
||||||
{/* Add translation? */}
|
{/* Add translation? */}
|
||||||
|
|
|
@ -11,6 +11,8 @@ import Meta from "../components/Meta";
|
||||||
import { FormattedMessage } from "react-intl";
|
import { FormattedMessage } from "react-intl";
|
||||||
import useConfig from "../hooks/config.hook";
|
import useConfig from "../hooks/config.hook";
|
||||||
|
|
||||||
|
const webroot = process.env.WEBROOT || "";
|
||||||
|
|
||||||
const useStyles = createStyles((theme) => ({
|
const useStyles = createStyles((theme) => ({
|
||||||
root: {
|
root: {
|
||||||
paddingTop: 80,
|
paddingTop: 80,
|
||||||
|
@ -54,7 +56,7 @@ const ErrorNotFound = () => {
|
||||||
className={classes.description}
|
className={classes.description}
|
||||||
></Text>
|
></Text>
|
||||||
<Group position="center">
|
<Group position="center">
|
||||||
<Button component={Link} href={config.get("general.webroot") + "/"} variant="light">
|
<Button component={Link} href={webroot + "/"} variant="light">
|
||||||
<FormattedMessage id="404.button.home" />
|
<FormattedMessage id="404.button.home" />
|
||||||
</Button>
|
</Button>
|
||||||
</Group>
|
</Group>
|
||||||
|
|
|
@ -28,6 +28,8 @@ import shareService from "../../services/share.service";
|
||||||
import { MyShare } from "../../types/share.type";
|
import { MyShare } from "../../types/share.type";
|
||||||
import toast from "../../utils/toast.util";
|
import toast from "../../utils/toast.util";
|
||||||
|
|
||||||
|
const webroot = process.env.WEBROOT || "";
|
||||||
|
|
||||||
const MyShares = () => {
|
const MyShares = () => {
|
||||||
const modals = useModals();
|
const modals = useModals();
|
||||||
const clipboard = useClipboard();
|
const clipboard = useClipboard();
|
||||||
|
@ -58,7 +60,7 @@ const MyShares = () => {
|
||||||
<FormattedMessage id="account.shares.description.empty" />
|
<FormattedMessage id="account.shares.description.empty" />
|
||||||
</Text>
|
</Text>
|
||||||
<Space h={5} />
|
<Space h={5} />
|
||||||
<Button component={Link} href={config.get("general.webroot") + "/upload"} variant="light">
|
<Button component={Link} href={webroot + "/upload"} variant="light">
|
||||||
<FormattedMessage id="account.shares.button.create" />
|
<FormattedMessage id="account.shares.button.create" />
|
||||||
</Button>
|
</Button>
|
||||||
</Stack>
|
</Stack>
|
||||||
|
|
|
@ -12,6 +12,8 @@ import Logo from "../../components/Logo";
|
||||||
import Meta from "../../components/Meta";
|
import Meta from "../../components/Meta";
|
||||||
import useConfig from "../../hooks/config.hook";
|
import useConfig from "../../hooks/config.hook";
|
||||||
|
|
||||||
|
const webroot = process.env.WEBROOT || "";
|
||||||
|
|
||||||
const Intro = () => {
|
const Intro = () => {
|
||||||
const config = useConfig();
|
const config = useConfig();
|
||||||
return (
|
return (
|
||||||
|
@ -45,10 +47,10 @@ const Intro = () => {
|
||||||
<Text>Enough talked, have fun with Pingvin Share!</Text>
|
<Text>Enough talked, have fun with Pingvin Share!</Text>
|
||||||
<Text mt="lg">How to you want to continue?</Text>
|
<Text mt="lg">How to you want to continue?</Text>
|
||||||
<Stack>
|
<Stack>
|
||||||
<Button href={config.get("general.webroot") + "/admin/config/general"} component={Link}>
|
<Button href={webroot + "/admin/config/general"} component={Link}>
|
||||||
Customize configuration
|
Customize configuration
|
||||||
</Button>
|
</Button>
|
||||||
<Button href={config.get("general.webroot") + "/"} component={Link} variant="light">
|
<Button href={webroot + "/"} component={Link} variant="light">
|
||||||
Explore Pingvin Share
|
Explore Pingvin Share
|
||||||
</Button>
|
</Button>
|
||||||
</Stack>
|
</Stack>
|
||||||
|
|
|
@ -22,6 +22,8 @@ import authService from "../../../services/auth.service";
|
||||||
import toast from "../../../utils/toast.util";
|
import toast from "../../../utils/toast.util";
|
||||||
import useConfig from "../../../hooks/config.hook";
|
import useConfig from "../../../hooks/config.hook";
|
||||||
|
|
||||||
|
const webroot = process.env.WEBROOT || "";
|
||||||
|
|
||||||
const useStyles = createStyles((theme) => ({
|
const useStyles = createStyles((theme) => ({
|
||||||
title: {
|
title: {
|
||||||
fontSize: 26,
|
fontSize: 26,
|
||||||
|
@ -95,7 +97,7 @@ const ResetPassword = () => {
|
||||||
color="dimmed"
|
color="dimmed"
|
||||||
size="sm"
|
size="sm"
|
||||||
className={classes.control}
|
className={classes.control}
|
||||||
href={config.get("general.webroot") + "/auth/signIn"}
|
href={webroot + "/auth/signIn"}
|
||||||
>
|
>
|
||||||
<Center inline>
|
<Center inline>
|
||||||
<TbArrowLeft size={12} />
|
<TbArrowLeft size={12} />
|
||||||
|
|
|
@ -18,6 +18,8 @@ import Meta from "../components/Meta";
|
||||||
import useUser from "../hooks/user.hook";
|
import useUser from "../hooks/user.hook";
|
||||||
import useConfig from "../hooks/config.hook";
|
import useConfig from "../hooks/config.hook";
|
||||||
|
|
||||||
|
const webroot = process.env.WEBROOT || "";
|
||||||
|
|
||||||
const useStyles = createStyles((theme) => ({
|
const useStyles = createStyles((theme) => ({
|
||||||
inner: {
|
inner: {
|
||||||
display: "flex",
|
display: "flex",
|
||||||
|
@ -80,7 +82,7 @@ export default function Home() {
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
refreshUser().then((user) => {
|
refreshUser().then((user) => {
|
||||||
if (user) {
|
if (user) {
|
||||||
router.replace(config.get("general.webroot") + "/upload");
|
router.replace(webroot + "/upload");
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
}, []);
|
}, []);
|
||||||
|
@ -144,7 +146,7 @@ export default function Home() {
|
||||||
<Group mt={30}>
|
<Group mt={30}>
|
||||||
<Button
|
<Button
|
||||||
component={Link}
|
component={Link}
|
||||||
href={config.get("general.webroot") + "/auth/signUp"}
|
href={webroot + "/auth/signUp"}
|
||||||
radius="xl"
|
radius="xl"
|
||||||
size="md"
|
size="md"
|
||||||
className={classes.control}
|
className={classes.control}
|
||||||
|
|
Loading…
Reference in New Issue