Fix chunk splitting (#351)

* Fix chunk splitting

* Remove CommunityPage

package.json

@@ -1,6 +1,6 @@
 {
   "name": "interslavic",
-  "version": "1.24.2",
+  "version": "1.24.3",
   "description": "Interslavic Dictionary",
   "license": "MIT",
   "author": {
@@ -12,7 +12,7 @@
     "build-storybook": "storybook build",
     "deploy-api": "wrangler deploy ./src/server/index.ts --name api --compatibility-date 2024-11-12",
     "dev": "cross-env NODE_ENV=development webpack serve --config webpack.config.dev.js --progress",
-    "generate-dictionary": "ts-node -r tsconfig-paths/register ./src/services/generateDictionary.ts",
+    "generate-dictionary": "tsx -r tsconfig-paths/register ./src/services/generateDictionary.ts",
     "lint": "eslint src/**/*.{ts,tsx}",
     "lint:fix": "eslint src/**/*.{ts,tsx} --fix",
     "stylelint": "stylelint \"**/*.scss\"",
@@ -101,8 +101,8 @@
     "stylelint-order": "^6.0.4",
     "ts-jest": "^29.2.5",
     "ts-loader": "^9.5.1",
-    "ts-node": "^10.9.2",
     "tsconfig-paths": "^4.2.0",
+    "tsx": "^4.19.2",
     "typescript": "^5.6.3",
     "webpack": "^5.96.1",
     "webpack-cli": "^5.1.4",

src/actions/actions.ts

@@ -24,7 +24,6 @@ export enum ActionTypes {
     CHANGE_CASE_QUESTIONS = 'CHANGE_CASE_QUESTIONS',
     DICTIONARY_LANGUAGES = 'DICTIONARY_LANGUAGES',
     TOGGLE_PAGE = 'TOGGLE_PAGE',
-    SET_COMMUNITY_LINKS = 'SET_COMMUNITY_LINKS',
     SET_BADGES = 'SET_BADGES',
     TOGGLE_THEME = 'TOGGLE_THEME',
 }
@@ -187,13 +186,6 @@ export function togglePage(data) {
     };
 }
 
-export function setCommunityLinks(data) {
-    return {
-        type: ActionTypes.SET_COMMUNITY_LINKS,
-        data,
-    };
-}
-
 export function setBadges(data) {
     return {
         type: ActionTypes.SET_BADGES,

src/components/Header/Header.tsx

@@ -56,15 +56,8 @@ export const Header =
         }, [navRef, logoRef, enabledPages, onResize]);
 
         const filteredPages = useMemo(() => (
-            pages
-                .filter(({ value }) => {
-                    if (value === 'community' && !IS_COM) {
-                        return false
-                    }
-
-                    return (defaultPages.includes(value) || enabledPages.includes(value))
-                })
-        ), [IS_COM, pages, enabledPages])
+            pages.filter(({ value }) => (defaultPages.includes(value) || enabledPages.includes(value)))
+        ), [pages, enabledPages])
 
         const showBadges = useMemo(() => (
             filteredPages.some(({ value }) => (badges.includes(value)))

src/components/Main/Main.tsx

@@ -1,10 +1,8 @@
 import { useEffect } from 'react';
 import { useDispatch } from 'react-redux';
 
-import { fetchCommunityLinks } from 'services/fetchCommunityLinks';
 import { fetchDictionary } from 'services/fetchDictionary';
 
-import { useCommunityLinks } from 'hooks/useCommunityLinks';
 import { useDarkTheme } from 'hooks/useDarkTheme';
 import { useDictionaryLanguages } from 'hooks/useDictionaryLanguages';
 
@@ -20,7 +18,6 @@ export const Main =
     () => {
         const dispatch = useDispatch();
         const dictionaryLanguages = useDictionaryLanguages();
-        const communityLinks = useCommunityLinks();
         const isDarkTheme = useDarkTheme();
         const theme = isDarkTheme ? 'dark' : 'light';
 
@@ -29,10 +26,6 @@ export const Main =
 
             (async () => {
                 await fetchDictionary(dispatch, dictionaryLanguages);
-
-                if (IS_COM) {
-                    await fetchCommunityLinks(dispatch, communityLinks);
-                }
             })()
         }, [dispatch, dictionaryLanguages, theme]);
 

src/components/Pages/Viewer/Viewer.scss

@@ -1,3 +1,6 @@
+@import '~@ag-grid-community/core/dist/styles/ag-grid.min.css';
+@import '~@ag-grid-community/core/dist/styles/ag-theme-balham.min.css';
+
 .viewer {
   position: relative;
   display: flex;

src/components/Pages/Viewer/Viewer.tsx

@@ -20,8 +20,6 @@ import { Button } from 'components/Button';
 import { OfflinePlaceholder } from 'components/OfflinePlaceholder';
 import { Spinner } from 'components/Spinner';
 
-import '@ag-grid-community/core/dist/styles/ag-grid.css';
-import '@ag-grid-community/core/dist/styles/ag-theme-balham.css';
 import './Viewer.scss';
 
 import { ViewerContextMenu } from './ViewerContextMenu';

src/components/Router/Router.tsx

@@ -1,4 +1,4 @@
-import { lazy, Suspense,useEffect, useState } from 'react';
+import { lazy, Suspense, useEffect, useState } from 'react';
 import { useDispatch } from 'react-redux';
 
 import { setPageAction } from 'actions';
@@ -15,7 +15,6 @@ import { Settings } from 'components/Pages/Settings';
 import './Router.scss';
 
 const Grammar = lazy(() => import(/* webpackChunkName: "grammarComponent" */'components/Pages/Grammar/Grammar'));
-const CommunityPage = lazy(() => import(/* webpackChunkName: "communityComponent" */'components/Pages/CommunityPage/CommunityPage'));
 const Viewer = lazy(() => import(/* webpackChunkName: "viewerComponent" */'components/Pages/Viewer/Viewer'));
 
 function renderPageContent(page: string) {
@@ -30,12 +29,6 @@ function renderPageContent(page: string) {
             return (
                 <DictionaryPage/>
             );
-        case 'community':
-            return (
-                <Suspense fallback={<div>&nbsp;</div>}>
-                    <CommunityPage/>
-                </Suspense>
-            );
         case 'viewer':
             return (
                 <Suspense fallback={<div>&nbsp;</div>}>

src/consts.ts

@@ -91,14 +91,6 @@ export const tablesData: ITableData[] = [
     },
 ];
 
-export const communityLinksTableHeader = ['link', 'text'];
-
-export const communityLinksTable: ITableData = {
-    spreadsheetId: '199XwtnfJEH2U41GG1-lFjc-s7snAdKlB9_VXwHVG2ZA',
-    sheetId: '0',
-    fields: communityLinksTableHeader,
-};
-
 export const tableColumnsLetters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ'.split('');
 
 export const wordErrorsTypes = [

src/index.html.ejs

@@ -1,7 +1,6 @@
 <!doctype html>
 <html lang="en" style="height: 100%">
 <head>
-  <script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v12.0" nonce="EM9STMex"></script>
   <script src="https://challenges.cloudflare.com/turnstile/v0/api.js?compat=recaptcha" async defer></script>
   <script src="is_com.js"></script>
   <meta charset="UTF-8">

src/reducers/reducers.ts

@@ -34,11 +34,6 @@ export interface INotification {
     type?: 'error' | 'valid';
 }
 
-export interface ICommunityLink {
-    link: string;
-    text?: string;
-}
-
 export interface IMainState {
     lang: ILang;
     interfaceLang: string;
@@ -69,7 +64,6 @@ export interface IMainState {
     orderOfCases: string[];
     enabledPages: string[];
     badges: string[];
-    communityLinks: ICommunityLink[];
 }
 
 export function mainReducer(state: IMainState, { type, data }) {
@@ -380,12 +374,6 @@ export function mainReducer(state: IMainState, { type, data }) {
                         [...enabledPages, data],
             };
         }
-        case ActionTypes.SET_COMMUNITY_LINKS: {
-            return {
-                ...state,
-                communityLinks: data,
-            };
-        }
         case ActionTypes.SET_BADGES: {
             return {
                 ...state,

src/routing/routing.ts

@@ -12,12 +12,6 @@ export const pages: IPage[] = [
         value: 'dictionary',
         path: '/',
     },
-    {
-        title: 'communityTitle',
-        value: 'community',
-        path: '/community',
-        online: true,
-    },
     {
         title: 'grammarTitle',
         value: 'grammar',
@@ -41,7 +35,7 @@ export const pages: IPage[] = [
     },
 ];
 
-export const defaultPages = ['dictionary', 'community', 'grammar', 'settings', 'about'];
+export const defaultPages = ['dictionary', 'grammar', 'settings', 'about'];
 
 export function goToPage(path: string) {
     window.history.pushState({}, document.title, `${path}`);