48924688c7
* init * add: vite dev build working * fix: href serving from public * feat: add ejs plugin * feat: migrated env files and ejs templating * chore: add types related to envs * chore: add vite-env types * feat: support vite pwa * chore: upgrade vite pwa * chore: pin node version to 16.18.1 * chore: preserve use of nodejs 14 * refactor: preserve REACT_APP as env prefix * chore: support esm environment variables * fix ts config * use VITE prefix and remove vite-plugin-env-compatible * introduce import-meta-loader for building pacakge as webpack isn't compatible with import.meta syntax * lint * remove import.meta.env in main.js * set debug flag to false * migrate to vitest and use jest-canvas-mock 2.4.0 so its comp atible with vite * integrate vitest-ui * fix most of teh test * snaps * Add script for testing with vite ui * fix all tests related to mocking * fix more test * fix more * fix flip.test.tsx * fix contentxmenu snaps * fix regression snaps * fix excalidraw.test.tsx and this makes all tests finally pass :) * use node 16 * specify node version * use node 16 in lint as well * fix mobile.test.tsx * use node 16 * add style-loader * upgrade to node 18 * fix lint package.json * support eslint with vite * fix lint * fix lint * fix ts * remove pwa/sw stuff * use env vars in EJS the vite way * fix lint * move remainig jest mock/spy to vite * don't cache locales * fix regex * add fonts cache * tweak * add custom service worker * upgrade vite and create font cache again * cache fonts.css and locales * tweak * use manifestTransforms for filtering locales * use assets js pattern for locales * add font.css to globIgnore so its pushed to fonts cache * create a separate chunk for locales with rollup * remove manifestTransforms and fix glob pattern for locales to filter from workbox pre-cache * push sourcemaps in production * add comments in config * lint * use node 18 * disable pwa in dev * fix * fix * increase limit of bundle * upgrade vite-pwa to latest * remove public/workbox so workbox assets are not precached * fon't club en.json and percentages.json with manual locales chunk to fix first load+offline mode * tweak regex * remove happy-dom as its not used * add comment * use any instead of ts-ignore * cleanup * remove jest-canvas-mock resolution as vite-canvas-mock was patched locking deps at 2.4.0 * use same theme color present in entry point * remove vite-plugin-eslint as it improves DX significantly * integrate vite-plugin-checker for ts errors * add nabla/vite-plugin-eslint * use eslint from checker only * add env variable VITE_APP_COLLAPSE_OVERLAY for collapsing the checker overlay * tweak vite checker overlay badge position * Enable eslint behind flag as its not working well with windows with non WSL * make port configurable * open the browser when server ready * enable eslint by default --------- Co-authored-by: Weslley Braga <weslley@bambee.com> Co-authored-by: dwelle <luzar.david@gmail.com>
71 lines
2.3 KiB
TypeScript
71 lines
2.3 KiB
TypeScript
import React from "react";
|
|
import { PlusPromoIcon } from "../../components/icons";
|
|
import { useI18n } from "../../i18n";
|
|
import { WelcomeScreen } from "../../packages/excalidraw/index";
|
|
import { isExcalidrawPlusSignedUser } from "../app_constants";
|
|
|
|
export const AppWelcomeScreen: React.FC<{
|
|
setCollabDialogShown: (toggle: boolean) => any;
|
|
isCollabEnabled: boolean;
|
|
}> = React.memo((props) => {
|
|
const { t } = useI18n();
|
|
let headingContent;
|
|
|
|
if (isExcalidrawPlusSignedUser) {
|
|
headingContent = t("welcomeScreen.app.center_heading_plus")
|
|
.split(/(Excalidraw\+)/)
|
|
.map((bit, idx) => {
|
|
if (bit === "Excalidraw+") {
|
|
return (
|
|
<a
|
|
style={{ pointerEvents: "all" }}
|
|
href={`${
|
|
import.meta.env.VITE_APP_PLUS_APP
|
|
}?utm_source=excalidraw&utm_medium=app&utm_content=welcomeScreenSignedInUser`}
|
|
key={idx}
|
|
>
|
|
Excalidraw+
|
|
</a>
|
|
);
|
|
}
|
|
return bit;
|
|
});
|
|
} else {
|
|
headingContent = t("welcomeScreen.app.center_heading");
|
|
}
|
|
|
|
return (
|
|
<WelcomeScreen>
|
|
<WelcomeScreen.Hints.MenuHint>
|
|
{t("welcomeScreen.app.menuHint")}
|
|
</WelcomeScreen.Hints.MenuHint>
|
|
<WelcomeScreen.Hints.ToolbarHint />
|
|
<WelcomeScreen.Hints.HelpHint />
|
|
<WelcomeScreen.Center>
|
|
<WelcomeScreen.Center.Logo />
|
|
<WelcomeScreen.Center.Heading>
|
|
{headingContent}
|
|
</WelcomeScreen.Center.Heading>
|
|
<WelcomeScreen.Center.Menu>
|
|
<WelcomeScreen.Center.MenuItemLoadScene />
|
|
<WelcomeScreen.Center.MenuItemHelp />
|
|
{props.isCollabEnabled && (
|
|
<WelcomeScreen.Center.MenuItemLiveCollaborationTrigger
|
|
onSelect={() => props.setCollabDialogShown(true)}
|
|
/>
|
|
)}
|
|
{!isExcalidrawPlusSignedUser && (
|
|
<WelcomeScreen.Center.MenuItemLink
|
|
href="https://plus.excalidraw.com/plus?utm_source=excalidraw&utm_medium=app&utm_content=welcomeScreenGuest"
|
|
shortcut={null}
|
|
icon={PlusPromoIcon}
|
|
>
|
|
Try Excalidraw Plus!
|
|
</WelcomeScreen.Center.MenuItemLink>
|
|
)}
|
|
</WelcomeScreen.Center.Menu>
|
|
</WelcomeScreen.Center>
|
|
</WelcomeScreen>
|
|
);
|
|
});
|