{"version":3,"sources":["context/context.tsx","store/actions/action_types.tsx","store/reducers/auth_reducer.tsx","store/reducers/search_reducer.tsx","context/history.tsx","components/About.tsx","components/404.tsx","components/error/index.tsx","components/spinner/index.tsx","components/article-list/index.tsx","utils/date.tsx","components/article-detail/index.tsx","context/authcheck.tsx","components/edit-article-list/index.tsx","constants.tsx","utils/comm.tsx","components/edit-article-detail/index.tsx","components/new-article-detail/index.tsx","components/category-list/index.tsx","components/category-detail/index.tsx","components/header/index.tsx","components/login/index.tsx","components/empty/index.tsx","routes.tsx","components/tracking/index.tsx","components/login/auth.tsx","context/context_state_config.tsx","store/actions/index.tsx","components/App.tsx","reportWebVitals.ts","serviceWorker.ts","index.tsx","utils/apollo.tsx"],"names":["ContentContext","createContext","LOGIN_SUCCESS","LOGIN_FAILURE","SEARCH_INPUT_CHANGE","SEARCH_INPUT_SUBMIT","initialState","is_authenticated","profile","email","name","AuthReducer","state","action","console","log","type","ACTION_TYPES","search_textChange","search_textSubmit","SearchReducer","payload","Error","createBrowserHistory","About","useEffect","window","history","replaceState","Helmet","content","Page404","props","error","Spinner","className","GET_ARTICLES","gql","ArticleList","context","useContext","query","result","data","loading","category","match","params","articles","filter","item","title","concat","description","searchString","useContextChangeState","toLowerCase","foundByCategory","categories","some","c","url","search","map","article","articleIndex","id","articleId","to","path","onClick","location","href","icon","src","alt","categoryIndex","authState","timeDifferenceForDate","date","current","previous","milliSecondsPerMinute","milliSecondsPerHour","milliSecondsPerDay","milliSecondsPerMonth","milliSecondsPerYear","elapsed","Math","round","timeDifference","Date","getTime","GetDateTime","undefined","dt","Intl","DateTimeFormat","year","month","day","hour","minute","format","GET_ARTICLE","ArticleDetail","variables","parseInt","htmlAttributes","lang","meta","keywords","link","rel","dangerouslySetInnerHTML","__html","lastUpdated","publishDate","AuthCheck","Context","authObj","isAuthenticated","handleUserLogin","replace","handleUserLogout","EditArticleList","AUTH_TOKEN","requestOptions","mode","cache","credentials","headers","redirect","referrer","http","request","a","fetch","response","json","parsedBody","ok","statusText","post","body","args","method","JSON","stringify","Request","Authenticate","username","password","process","PersistArticle","formData","jsonToFormData","localStorage","getItem","buildFormData","parentKey","File","value","append","Object","keys","forEach","key","index","Array","FormData","modules","toolbar","formats","EditArticleDetail","useQuery","useState","mainCategory","categoryId","isDefault","setState","handleChange","e","target","_confirm","articleResponse","categoryList","htmlFor","placeholder","onChange","newList","newMain","push","handleMainCategoryChange","i","selected","length","checked","isFound","handleCategoryChange","text","delta","source","editor","disabled","toString","GET_CATEGORIES","NewArticleDetail","setcategoryList","CategoryList","GET_CATEGORY","CategoryDetail","articleCount","Header","isAuthorized","role","viewBox","width","height","rx","fill","y","event","useContextChange","logout","login","preserveAspectRatio","shapeRendering","d","xlinkHref","x","Login","redirectTo","prevState","handleAuth","Empty","ProtectedRoute","authenticationPath","routeProps","pathname","Routes","trackingId","setTimeout","_","GA4React","initialize","catch","err","initGA","exact","component","Auth","userProfile","user","token","setItem","expiresAt","getProfile","getAccessToken","removeItem","expires","parse","auth","ContextState","useReducer","stateAuthReducer","dispatchAuthReducer","handleLogin","handleLogout","stateSearchReducer","dispatchSearchReducer","handleFormChange","handleFormSubmit","preventDefault","persist","Provider","useContextSubmitState","useContextSubmit","profileState","hash","handleAuthentication","App","reportWebVitals","onPerfEntry","Function","then","getCLS","getFID","getFCP","getLCP","getTTFB","Boolean","hostname","client","httpLink","createHttpLink","uri","InMemoryCache","ApolloClient","makeApolloClient","ReactDOM","render","document","getElementById","navigator","serviceWorker","ready","registration","unregister"],"mappings":"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","file":"static/js/main.f70ff2e6.chunk.js","sourcesContent":["import { createContext } from 'react'\r\nimport Auth from '../components/login/auth'\r\nimport Profile from '../store/types/profile'\r\n\r\ninterface IContentContext {\r\n  searchString: string,\r\n\tuseContextChangeState: string;\r\n\tuseContextSubmitState: () => void;\r\n  useContextSubmit: (event: any) => void;\r\n  useContextChange: (event: any) => void;\r\n\r\n  authState: boolean;\r\n  profileState: Profile;\r\n\r\n  handleUserLogin: () => void;\r\n  handleUserLogout: () => void;\r\n\r\n  handleAuth: (props: any) => void;\r\n  authObj: Auth;\r\n}\r\n\r\n// const warningObject = {\r\n// \tget foo() {\r\n// \t\tthrow new Error('You probably forgot to put <MyProvider>.');\r\n// \t},\r\n// };\r\n\r\n//const ContentContext = createContext<Partial<IContentContext>>({})\r\nconst ContentContext = createContext({} as IContentContext)\r\n\r\nexport default ContentContext\r\n\r\n/*\r\n\r\nexport default ContentContext = createContext(warningObject)\r\n\r\n//export const ContentProvider = ContentContext.Provider\r\n\r\n\r\n*/\r\n","export const SUCCESS = \"SUCCESS\"\r\n\r\nexport const FAILURE = \"FAILURE\"\r\n\r\nexport const LOGIN_SUCCESS = \"LOGIN_SUCCESS\"\r\n\r\nexport const LOGIN_FAILURE = \"LOGIN_FAILURE\"\r\n\r\n// export const ADD_PROFILE = \"ADD_PROFILE\"\r\n\r\n// export const REMOVE_PROFILE = \"REMOVE_PROFILE\"\r\n\r\nexport const SEARCH_INPUT_CHANGE = \"SEARCH_INPUT_CHANGE\"\r\n\r\nexport const SEARCH_INPUT_SUBMIT = \"SEARCH_INPUT_SUBMIT\"","import * as ACTION_TYPES from '../actions/action_types'\r\n// import Profile from '../types/profile'\r\n\r\nexport const initialState = {\r\n  is_authenticated: false,\r\n  profile: {\r\n\t\temail: \"\",\r\n\t\tname: \"\"\r\n\t}\r\n}\r\n\r\nexport const AuthReducer = (state = initialState, action: any) => {\r\n  console.log('auth reduced')\r\n    switch(action.type) {\r\n      case ACTION_TYPES.LOGIN_SUCCESS:\r\n        return {\r\n          ...state,\r\n          is_authenticated: true\r\n        }\r\n      case ACTION_TYPES.LOGIN_FAILURE:\r\n        return {\r\n          ...state,\r\n          is_authenticated: false\r\n        }\r\n    //   case ACTION_TYPES.ADD_PROFILE:\r\n    //     return {\r\n    //       ...state,\r\n    //       profile: action.payload\r\n    //     }\r\n    //   case ACTION_TYPES.REMOVE_PROFILE:\r\n    //     return {\r\n    //       ...state,\r\n    //       profile: null\r\n    //     }\r\n      default:\r\n        return state\r\n    }\r\n}","import * as ACTION_TYPES from '../actions/action_types'\r\n\r\ninterface ISearchState {\r\n  search_textChange: string,\r\n  search_textSubmit: string,\r\n}\r\n\r\nexport const initialState: ISearchState = {\r\n  search_textChange: '',\r\n  search_textSubmit: ''\r\n}\r\n\r\nexport const SearchReducer = (state: ISearchState, action: any) => {\r\n    switch(action.type) {\r\n      case ACTION_TYPES.SEARCH_INPUT_CHANGE:\r\n        return {\r\n          ...state,\r\n          search_textChange: action.payload\r\n        }\r\n      case ACTION_TYPES.SEARCH_INPUT_SUBMIT:\r\n        return {\r\n          ...state,\r\n          search_textSubmit: action.payload\r\n        }\r\n      default:\r\n        throw new Error();\r\n    }\r\n}","import { createBrowserHistory } from 'history'\r\n\r\nexport default createBrowserHistory()","import { useEffect } from 'react';\r\nimport { Helmet } from 'react-helmet';\r\n\r\nfunction About () {\r\n  useEffect(() => {\r\n    window.history.replaceState(null, '', \"/about\");\r\n  }, []);\r\n\r\n  return (\r\n      <div>\r\n        <Helmet>\r\n          <title>.: cmiddelweerd | Over ...</title>\r\n          <meta name=\"description\" content=\"Over mijzelf en deze website\" />\r\n        </Helmet>\r\n\r\n        <h1>Over mij</h1>\r\n        <p>\r\n          Deze website is het resultaat van mijn achtegrond als software ontwikkelaar: \r\n          Ik ben een C#, Azure certified (web) developer met brede interesses. \r\n          Het ontbrak mij nog aan een (online) plek, waar ik mijn (opgedane) kennis kan uitproberen en ik beschrijf wat ik heb kunnen leren. \r\n          Het is enkel en alleen voor mijzelf bedoeld, maar wellicht dat jij toch net dat stukje informatie vind, om je verder te helpen bij jouw probleem.\r\n        </p>\r\n\r\n        <p>\r\n          Wat is mijn motiviatie en wat ik wil bereiken is dat: \r\n        </p>\r\n        <ul>\r\n          <li>Ik wil iedere dag een brug kunnen zijn tussen business en it</li>\r\n          <li>Een toegevoegde waarde zijn voor mensen en waarde toevoegen aan bedrijven</li>\r\n          <li>Een professional zijn in mijn werk</li>\r\n        </ul>\r\n\r\n        <p>\r\n          Wat vind ik (iedere dag weer) belangrijk:\r\n        </p>\r\n          <ul>\r\n            <li>Een agile mindset hebben, verbeter iedere dag (iets)</li>\r\n            <li>Proactief zijn maar wel blijven luister en observeren</li>\r\n            <li>Coachende lead zijn (lead by example, just do it)</li>\r\n            <li>Integer zijn</li>\r\n            <li>Plezier hebben/maken (een beetje ondeugend zijn)</li>\r\n          </ul>\r\n\r\n\r\n        <h1>Over deze website</h1>\r\n        <p>\r\n          Op deze website maakt gebruik van heel veel verschillende technieken, desing patters, overwegingen en een veelvoud van gebruikte oplossingen.\r\n          Op de back end maak ik gebruik van o.a. .Net Core, GraphQL, HATEOAS, CQRS, Dapper.Net en Entity Framework.\r\n          En de front is gerealiseerd met React.\r\n        </p>\r\n        <p>\r\n          Wat ik heb geleerd vind je in de artikelen die ik heb geschreven met verwijzingen waar ik het heb gevonden. \\\r\n          Op deze manier heb ik mijzelf heel wat kunnen leren.\r\n        </p>\r\n\r\n      </div>\r\n  )\r\n}\r\n\r\nexport default About","function Page404 () {\r\n    return (\r\n      <div>\r\n          <h1>Pagina niet gevonden</h1>\r\n          <span>De pagina waar je naar opzoek was, is niet gevonden!</span>\r\n      </div>\r\n    )\r\n}\r\n\r\nexport default Page404","interface ErrorProps {\r\n    error: any,\r\n  }\r\n  function Error (props: ErrorProps) {\r\n      return (\r\n        <div>\r\n            <span>{props.error}</span>\r\n        </div>\r\n      )\r\n  }\r\n  \r\n  export default Error","import './spinner.css';\r\n\r\nfunction Spinner() {\r\n  return (\r\n    <div className=\"custom-message\">\r\n      <div className=\"loader\"></div>\r\n      <div className=\"loaderText\">Fetching data ...</div>\r\n    </div>\r\n)}\r\n\r\nexport default Spinner","import { useContext } from 'react';\r\nimport { Query } from 'react-apollo';\r\nimport { Link, RouteComponentProps } from 'react-router-dom';\r\n\r\nimport { IArticle, ICategory } from '../../store/interfaces';\r\nimport { Event } from '../tracking';\r\nimport ContentContext from '../../context/context';\r\nimport Error from '../error';\r\nimport Spinner from '../spinner';\r\n\r\nimport './article-list.css';\r\n\r\nimport { gql } from \"apollo-boost\";\r\n\r\nconst GET_ARTICLES = gql`{\r\n    articles {\r\n      articleId\r\n      path\r\n      title\r\n      description\r\n      categories {\r\n        categoryId\r\n        name\r\n        icon\r\n        url\r\n      }\r\n    }\r\n}`; \r\n\r\ninterface ArticleListRoutingProps {\r\n    category: string,\r\n} \r\n\r\nfunction ArticleList(props: RouteComponentProps<ArticleListRoutingProps>) {\r\n    const context = useContext(ContentContext)\r\n        \r\n    return (\r\n        <Query query={GET_ARTICLES}>\r\n            {(result: any) => {\r\n                const { data, loading, error } = result;\r\n\r\n                if (loading) return <Spinner />\r\n                if (error) return <Error error={error} />\r\n\r\n                const category = props.match.params.category || '';\r\n\r\n                const articles = data.articles.filter((item: IArticle) => {\r\n                    let content = item.title.concat(item.description);\r\n                    let searchString = (context.useContextChangeState || '').toLowerCase();\r\n\r\n                    let foundByCategory = category === '' || item.categories.some((c: ICategory) => (c.url || '') === category);\r\n\r\n                    return content.toLowerCase().search(searchString) !== -1 && foundByCategory;\r\n                })\r\n\r\n                return  (\r\n                <div className=\"article_list\">\r\n                { articles.map((article: IArticle, articleIndex: number) => \r\n                    <div className={`article ${articleIndex === 0 ? 'tall_panel': 'panel'}`} \r\n                        id={`article_item_${article.articleId}`} key={`article_item_${article.articleId}`}>\r\n                        <div className={`title`}>\r\n                            <Link to={`/artikelen/${article.path}`}\r\n                            onClick={() => {\r\n                                Event(\r\n                                    `${article.categories[0].name}`, \r\n                                    `Title ${article.title}`, \r\n                                    `Article title ${article.title}`);\r\n                                window.location.href= `/artikelen/${article.path}`;\r\n                            }}>\r\n                                {article.title}</Link>\r\n                        </div>\r\n                        <div className={`description`}>\r\n                            { article.categories[0].icon !== null\r\n                                ? <Link to={`/artikelen/${article.path}`}\r\n                                    className={`link`}\r\n                                    onClick={() => {\r\n                                        Event(\r\n                                            `${article.categories[0].name}`, \r\n                                            `Image ${article.title}`, \r\n                                            `Article image ${article.title}`);\r\n                                        window.location.href= `/artikelen/${article.path}`;\r\n                                    }}>\r\n                                        <img src={`/icons/${article.categories[0].icon}`} \r\n                                            className=\"icon\" alt={`Categorie ${article.categories[0].name}`} />\r\n                                    </Link>\r\n                                : <></>}\r\n                            {article.description} \r\n                            <Link to={`/artikelen/${article.path}`}\r\n                                className={`link`} \r\n                                onClick={() => {\r\n                                    Event(\r\n                                        `${article.categories[0].name}`, \r\n                                        `More ${article.title}`, \r\n                                        `Article more ${article.title}`);\r\n                                    window.location.href= `/artikelen/${article.path}`;\r\n                                }}>\r\n                                .: verder lezen :.</Link>\r\n                        </div>\r\n                        <div className={`categories`}>{ \r\n                            article.categories.map((category: ICategory, categoryIndex: number) => \r\n                                <div className={categoryIndex === 0 ? 'category': 'keywords'} \r\n                                    key={`category_${articleIndex}_${categoryIndex}`}>{categoryIndex === 0 ? `` : ` | `}{category.name}</div> \r\n                            )}\r\n                        </div>\r\n                        { context.authState ?\r\n                            <div className=\"options\">\r\n                                <Link to={`/artikelen/admin/edit/${article.path}`}>bewerken</Link>\r\n                            </div>\r\n                        : null}\r\n                    </div>\r\n                )}\r\n                </div>)\r\n            }}\r\n        </Query>)\r\n}\r\n\r\nexport default ArticleList","function timeDifference(current: number, previous: number): string {\r\n    const milliSecondsPerMinute = 60 * 1000\r\n    const milliSecondsPerHour = milliSecondsPerMinute * 60\r\n    const milliSecondsPerDay = milliSecondsPerHour * 24\r\n    const milliSecondsPerMonth = milliSecondsPerDay * 30\r\n    const milliSecondsPerYear = milliSecondsPerDay * 365\r\n  \r\n    const elapsed = current - previous\r\n  \r\n    if (elapsed < milliSecondsPerMinute / 3) {\r\n      return 'just now'\r\n    }\r\n  \r\n    if (elapsed < milliSecondsPerMinute) {\r\n      return 'minder dan 1 minuut geleden'\r\n    } else if (elapsed < milliSecondsPerHour) {\r\n      return Math.round(elapsed / milliSecondsPerMinute) + ' minuten geleden'\r\n    } else if (elapsed < milliSecondsPerDay) {\r\n      return Math.round(elapsed / milliSecondsPerHour) + ' uur geleden'\r\n    } else if (elapsed < milliSecondsPerMonth) {\r\n      return Math.round(elapsed / milliSecondsPerDay) + ' dagen geleden'\r\n    } else if (elapsed < milliSecondsPerYear) {\r\n      return Math.round(elapsed / milliSecondsPerMonth) + ' maanden geleden'\r\n    } else {\r\n      return Math.round(elapsed / milliSecondsPerYear) + ' jaar geleden'\r\n    }\r\n  }\r\n  \r\n  export function timeDifferenceForDate(date: Date): string {\r\n    const now: number = new Date().getTime()\r\n    const updated: number = new Date(date).getTime()\r\n    return timeDifference(now, updated)\r\n  }\r\n\r\nexport function GetDateTime(date: Date | undefined): string {\r\n  if (date === undefined || date === null)\r\n    return '';\r\n\r\n  let dt = new Date(date);\r\n  return new Intl.DateTimeFormat('nl-NL', {year: 'numeric', month: '2-digit',day: '2-digit', hour: '2-digit', minute: '2-digit'}).format(dt);\r\n}","import { useContext } from 'react';\r\nimport { RouteComponentProps } from 'react-router';\r\nimport { Helmet } from 'react-helmet';\r\nimport { Query } from 'react-apollo';\r\nimport { gql } from 'apollo-boost';\r\n\r\nimport { timeDifferenceForDate } from '../../utils/date';\r\nimport Spinner from '../spinner';\r\nimport Error from '../error';\r\nimport ContentContext from '../../context/context';\r\nimport { Link } from 'react-router-dom';\r\n\r\n// import '../../styles/Category.css';\r\n\r\ninterface ArticleDetailProps {\r\n    category: string,\r\n    id: string,\r\n    name: string,\r\n    option: string,\r\n}\r\n\r\nconst GET_ARTICLE = gql`\r\nquery getArticle($id: Int!) {\r\n    articles(id: $id) {\r\n        articleId\r\n        title\r\n        description\r\n        content\r\n        keywords\r\n        publishDate\r\n        lastUpdated\r\n        path\r\n        categories {\r\n            categoryId\r\n            name\r\n            icon\r\n            isDefault\r\n        }\r\n    }\r\n    categories {\r\n        categoryId\r\n        name\r\n    }\r\n}`;\r\n\r\nfunction ArticleDetail(props: RouteComponentProps<ArticleDetailProps>) {\r\n    const context = useContext(ContentContext)\r\n    \r\n    return (\r\n        <Query query={GET_ARTICLE} variables={{id: parseInt(props.match.params.id) }}>\r\n        {(result: any) => {\r\n\r\n            const { data, loading, error } = result;\r\n\r\n            if (loading) return <Spinner />\r\n            if (error) return <Error error={error} />\r\n            \r\n            const article = data.articles[0];\r\n\r\n            function createMarkup() {\r\n                return {__html: article.content};\r\n            }\r\n\r\n            return (\r\n                <div className=\"tall_panel\">\r\n                    <Helmet \r\n                        htmlAttributes={{ lang: 'nl' }} \r\n                        title={`.: cmiddelweerd | ${article.title}`} \r\n                        meta={[\r\n                            {\r\n                                name: 'description',\r\n                                content: article.description,\r\n                            },\r\n                            {\r\n                                name: 'keywords',\r\n                                content: article.keywords,\r\n                            },\r\n                        ]} \r\n                        link={[\r\n                            {\r\n                                 rel: 'canonical',\r\n                                 href: 'www.ergens.nl',\r\n                            },\r\n                        ]} />\r\n                    <div className=\"title\">\r\n                        {article.title}\r\n                    </div>\r\n                    <div className=\"description\">\r\n                        {article.description} \r\n                    </div>\r\n                    <div className=\"description\" dangerouslySetInnerHTML={createMarkup()}>\r\n                    </div>\r\n                    <div className=\"description\">\r\n                        Laatste wijziging: {timeDifferenceForDate(article.lastUpdated)}<br />\r\n                        Gepubliceerd: {timeDifferenceForDate(article.publishDate)}\r\n                    </div>\r\n                    <div className=\"categories\">{ \r\n                        article.categories.map((category: { name: React.ReactNode; }, categoryIndex: number) => \r\n                            <div className={categoryIndex === 0 ? 'category': 'keywords'} \r\n                                key={`category_${categoryIndex}`}>{categoryIndex === 0 ? `` : ` | `}{category.name}</div> \r\n                        )}</div>\r\n                    {context.authState ?\r\n                    <div className=\"options\">\r\n                        <Link to={`/artikelen/admin/edit/${article.path}`}>bewerken</Link>\r\n                    </div>\r\n                    : null}\r\n\r\n                </div>\r\n\r\n            )\r\n        }}\r\n        </Query>)\r\n}\r\n\r\nexport default ArticleDetail","import { useEffect, useContext } from 'react';\r\nimport history from './history';\r\nimport Context from './context';\r\n\r\nconst AuthCheck = () => {\r\n  const context = useContext(Context)\r\n\r\n  useEffect(() => {\r\n\r\n    if(context.authObj.isAuthenticated()) {\r\n      context.handleUserLogin()\r\n//      context.handleUserAddProfile(context.authObj.userProfile)\r\n      history.replace('/')\r\n    }\r\n    else {\r\n      context.handleUserLogout()\r\n//      context.handleUserRemoveProfile()\r\n      history.replace('/')\r\n      }\r\n    }, [])\r\n\r\n    return(\r\n        <div></div>\r\n    )}\r\n\r\nexport default AuthCheck;","import { Query } from 'react-apollo';\r\nimport { Link } from 'react-router-dom';\r\n\r\nimport { IArticle } from '../../store/interfaces';\r\nimport { GetDateTime } from '../../utils/date';\r\n\r\nimport Error from '../error';\r\nimport Spinner from '../spinner';\r\nimport { gql } from \"apollo-boost\";\r\n\r\nconst GET_ARTICLES = gql`{\r\n    articles {\r\n      articleId\r\n      path\r\n      title\r\n      description\r\n      categories {\r\n        categoryId\r\n        name\r\n        icon\r\n        url\r\n      }\r\n    }\r\n}`; \r\n\r\nfunction EditArticleList() {//props: Route<EditArticleListRoutingProps>) {\r\n    console.log('Running EditArticleList()')\r\n\r\n    return (\r\n        <Query query={GET_ARTICLES}>\r\n            {(result: any) => {\r\n                const { data, loading, error } = result;\r\n\r\n                if (loading) return <Spinner />\r\n                if (error) return <Error error={error} />\r\n                \r\n                return  (\r\n                    <div>\r\n                        <Link to={`/artikelen/admin/new`}\r\n                            onClick={() => {\r\n                                window.location.href= `/artikelen/admin/new`;\r\n                            }}>Artikel toevoegen</Link>\r\n                        <table>\r\n                            <thead>\r\n                            <tr>\r\n                                <td>Id</td>\r\n                                <td>Titel</td>\r\n                                <td>Publicatie</td>\r\n                                <td>&nbsp;</td>\r\n                            </tr>\r\n                            </thead>\r\n                            <tbody>\r\n                            {data.articles.map((article: IArticle, articleIndex: number) => (\r\n                            <tr key={`article_row_${articleIndex}`}>\r\n                                <td>{article.articleId}</td>\r\n                                <td>{article.title}</td>\r\n                                <td>{GetDateTime(article.publishDate)}</td>\r\n                                <td>\r\n                                    <Link to={`/artikelen/admin/edit/${article.articleId}`}\r\n                                        onClick={() => {\r\n                                            window.location.href= `/artikelen/admin/edit/${article.articleId}`;\r\n                                          }}\r\n                                    >bewerk</Link>\r\n                                    { article.publishDate === null\r\n                                        ? <> | <a href=\"publiceer\">publiceer</a></>\r\n                                        : <></>\r\n                                    }                                \r\n                                </td>\r\n                            </tr>\r\n                            ))}\r\n                            </tbody>\r\n                        </table>\r\n                    </div>\r\n                )\r\n            }}\r\n        </Query>)\r\n}\r\n\r\nexport default EditArticleList","export const AUTH_TOKEN = 'access_token';\r\n","import { IArticleRequest } from \"../store/interfaces\";\r\nimport { AUTH_TOKEN } from \"../constants\";\r\n\r\ninterface HttpResponse<T> extends Response {\r\n    parsedBody?: T;\r\n}\r\n\r\nconst requestOptions: RequestInit = { \r\n  mode: \"cors\", // no-cors, cors, *same-origin\r\n  cache: \"no-cache\", // *default, no-cache, reload, force-cache, only-if-cached\r\n  credentials: \"omit\", // include, *same-origin, omit\r\n  headers: {\r\n      \"Content-Type\": \"application/json\",\r\n  },\r\n  redirect: \"follow\", // manual, *folslow, error\r\n  referrer: \"client\", // no-referrer, *client\r\n}\r\n\r\nexport async function http<T>(\r\n    request: RequestInfo\r\n  ): Promise<HttpResponse<T>> {\r\n    const response: HttpResponse<T> = await fetch(\r\n      request\r\n    );\r\n  \r\n    try {\r\n      // may error if there is no body\r\n      response.parsedBody = await response.json();\r\n    } catch (ex) {}\r\n  \r\n    if (!response.ok) {\r\n      throw new Error(response.statusText);\r\n    }\r\n    return response;\r\n}\r\n\r\nexport async function get<T>(\r\n    path: string,\r\n    args: RequestInit = { method: \"get\" }\r\n  ): Promise<HttpResponse<T>> {\r\n    return await http<T>(new Request(path, args));\r\n};\r\n  \r\nexport async function post<T>(\r\n    path: string,\r\n    body: any,\r\n    args: RequestInit = { \r\n      method: \"post\", \r\n      mode: \"cors\", // no-cors, cors, *same-origin\r\n      cache: \"no-cache\", // *default, no-cache, reload, force-cache, only-if-cached\r\n      credentials: \"omit\", // include, *same-origin, omit\r\n      headers: {\r\n          \"Content-Type\": \"application/json\",\r\n      },\r\n      redirect: \"follow\", // manual, *folslow, error\r\n      referrer: \"client\", // no-referrer, *client\r\n      body: JSON.stringify(body) }\r\n  ): Promise<HttpResponse<T>>  {\r\n    return await http<T>(new Request(path, args));\r\n};\r\n  \r\nexport async function put<T>(\r\n    path: string,\r\n    body: any,\r\n    args: RequestInit = { method: \"put\", body: JSON.stringify(body) }\r\n  ): Promise<HttpResponse<T>> {\r\n    return await http<T>(new Request(path, args));\r\n};\r\n\r\nexport interface IUser {\r\n  id: number\r\n  password: null\r\n  token: string\r\n  userName: string\r\n}\r\n\r\nexport async function Authenticate(username: string, password: string) : Promise<IUser> {\r\n  var url = `${process.env.REACT_APP_API_URL}/api/v1/users`;\r\n  var data = {username: username, password: password }\r\n\r\n  requestOptions.body = JSON.stringify(data);\r\n  requestOptions.method = \"POST\";\r\n\r\n  const response = await post(url, data, requestOptions);\r\n\r\n  console.log(response.parsedBody);\r\n\r\n  return response.parsedBody as IUser;\r\n}\r\n\r\nexport async function isAuthenticated() {\r\n  const token = localStorage.getItem(AUTH_TOKEN);\r\n  const url = `${process.env.REACT_APP_API_URL}/api/v1/users/isauthenticated?token=${token}`;\r\n\r\n  if (token === null) {\r\n    return false;\r\n  }\r\n\r\n  requestOptions.method = \"GET\";\r\n\r\n  await get(url, requestOptions)\r\n    .then((result) => {\r\n      if (!(result.parsedBody as boolean)) {\r\n        console.log(\"isAuthented logged out\");\r\n        localStorage.removeItem(AUTH_TOKEN);\r\n      }\r\n    })\r\n    .catch((error) => {\r\n      console.log(\"isAuthented error\", error);\r\n      localStorage.removeItem(AUTH_TOKEN);\r\n    });\r\n}\r\n\r\nexport async function PersistArticle(article: IArticleRequest) : Promise<boolean> {\r\n  let url = `${process.env.REACT_APP_API_URL}/api/v1/articles`;\r\n\r\n  let formData = jsonToFormData(article, 'article');\r\n\r\n  let requestOptions: RequestInit = { \r\n    method: \"post\", \r\n    mode: \"cors\", // no-cors, cors, *same-origin\r\n    cache: \"no-cache\", // *default, no-cache, reload, force-cache, only-if-cached\r\n    credentials: \"omit\", // include, *same-origin, omit\r\n    headers: {\r\n //       \"Content-Type\": \"application/json\",\r\n        \"Authorization\": \"Bearer \" + localStorage.getItem(AUTH_TOKEN)\r\n      },\r\n    redirect: \"follow\", // manual, *folslow, error\r\n    referrer: \"client\", // no-referrer, *client\r\n    body: formData,\r\n  }\r\n\r\n  const response = await post(url, null, requestOptions)\r\n\r\n  if (!response.ok) {\r\n    console.log(response.statusText);\r\n  }\r\n\r\n  return response.ok;\r\n}\r\n\r\nexport async function UploadFile(articleId: number, files: FileList) {\r\n  let url = `${process.env.REACT_APP_API_URL}/api/v1/articles/${articleId}/upload`;\r\n  let formData = new FormData();\r\n\r\n  for (let i=0; i < files.length; i++) {\r\n    formData.append(`files`, files[i]);\r\n  }\r\n\r\n  let requestOptions: RequestInit = { \r\n    method: \"post\", \r\n    mode: \"cors\", // no-cors, cors, *same-origin\r\n    cache: \"no-cache\", // *default, no-cache, reload, force-cache, only-if-cached\r\n    credentials: \"omit\", // include, *same-origin, omit\r\n    headers: {\r\n      //\"Content-Type\": \"application/octet-stream\",\r\n      //\"Content-Type\": \"multipart/form-data\",\r\n      \"Authorization\": \"Bearer \" + localStorage.getItem(AUTH_TOKEN)\r\n    },\r\n    redirect: \"follow\", // manual, *folslow, error\r\n    referrer: \"client\", // no-referrer, *client\r\n    body: formData,\r\n   }\r\n\r\n  const response = await post(url, null, requestOptions)\r\n\r\n  if (!response.ok) {\r\n    console.log(response.statusText);\r\n  }\r\n\r\n  return response.parsedBody as boolean;\r\n}\r\n\r\nfunction buildFormData(formData: FormData, data: any, parentKey: string) {\r\n  if (data && typeof data === 'object' && !(data instanceof Date) && !(data instanceof File)) {\r\n    Object.keys(data).forEach((key, index) => {\r\n      if (data instanceof Array) {\r\n        buildFormData(formData, data[key as any], \r\n          (parentKey ? `${parentKey}[${index}]` : key));\r\n      }\r\n      else {\r\n        buildFormData(formData, data[key], \r\n          (parentKey ? `${parentKey}.${key}` : key));\r\n      }\r\n    });\r\n  } else {\r\n    const value = data == null ? '' : data;\r\n\r\n    formData.append(parentKey, value);\r\n  }\r\n}\r\n\r\nfunction jsonToFormData(data: any, parentKey: string) : FormData {\r\n  const formData = new FormData();\r\n\r\n  buildFormData(formData, data, parentKey);\r\n\r\n  return formData;\r\n}","import { useEffect, useState } from 'react';\r\nimport { useQuery } from 'react-apollo';\r\nimport { RouteComponentProps } from 'react-router-dom';\r\nimport ReactQuill from 'react-quill';\r\n\r\nimport { IArticleRequest, ICategory } from '../../store/interfaces';\r\nimport { PersistArticle } from '../../utils/comm';\r\nimport Error from '../error';\r\nimport Spinner from '../spinner';\r\n\r\nimport 'react-quill/dist/quill.snow.css';\r\nimport './edit-article-detail.css'\r\nimport { gql } from \"apollo-boost\";\r\n\r\nconst GET_ARTICLE = gql`\r\nquery getArticle($id: Int!) {\r\n    articles(id: $id) {\r\n        articleId\r\n        title\r\n        description\r\n        content\r\n        keywords\r\n        publishDate\r\n        lastUpdated\r\n        path\r\n        categories {\r\n            categoryId\r\n            name\r\n            icon\r\n            isDefault\r\n        }\r\n    }\r\n    categories {\r\n        categoryId\r\n        name\r\n    }\r\n}`;\r\n\r\ninterface EditArticleDetailProps {\r\n    id: string,\r\n}\r\n\r\ninterface IArticleEditState {\r\n  articleId: number,\r\n  title: string,\r\n  description: string,\r\n  content: string,\r\n  keywords: string,\r\n  mainCategory: number,\r\n  categories: ICategory[]\r\n}\r\n\r\nfunction EditArticleDetail(props: RouteComponentProps<EditArticleDetailProps>) {\r\n  console.log('Running Edit article()')\r\n\r\n  const { loading, error, data } = useQuery(GET_ARTICLE, { variables: { id: parseInt(props.match.params.id) } });\r\n  const [ state, setState ] = useState<IArticleEditState>(\r\n  {\r\n    articleId: -1,\r\n    title: '',\r\n    description: '',\r\n    content: '',\r\n    mainCategory: -1,\r\n    categories: [ { categoryId: -1, name: '', icon: '', isDefault: false } ],\r\n    keywords: '',\r\n  });\r\n\r\n  const handleChange = (e: any) => {\r\n      const { name, value } = e.target;  \r\n      setState({\r\n        ...state,\r\n        [name]: value\r\n      });\r\n  };  \r\n\r\n  const handleCategoryChange = (id: number) => {\r\n    const isFound = state.categories.filter((item: ICategory, index) =>\r\n      item.categoryId === id\r\n    ).length > 0;\r\n\r\n    const newList = state.categories.filter((item: ICategory) => item.categoryId !== id);\r\n\r\n    if (!isFound)\r\n    {\r\n      newList.push({\r\n        categoryId: id, \r\n        isDefault: false})\r\n    }\r\n\r\n    setState({\r\n      ...state,\r\n      categories: newList\r\n    })\r\n  }\r\n\r\n  const handleMainCategoryChange = (id: number) => {\r\n    const newList = state.categories.filter((item: ICategory) => item.isDefault === false);\r\n\r\n    const newMain = categoryList.filter((item: ICategory, index) =>\r\n      item.categoryId === id\r\n    )[0];\r\n\r\n    newList.push({\r\n      categoryId: newMain.categoryId, \r\n      isDefault: true})\r\n    \r\n    setState({\r\n      ...state,\r\n      categories: newList\r\n    })\r\n  }\r\n\r\n  const _confirm = async () => {\r\n    const request: IArticleRequest = {\r\n      articleId: state.articleId,\r\n      title: state.title,\r\n      description: state.description,\r\n      content: state.content,\r\n      categories: state.categories,\r\n      keywords: state.keywords,\r\n   }\r\n\r\n    const articleResponse = await PersistArticle(request)\r\n\r\n    console.log(\"Response \", articleResponse);\r\n\r\n    if (articleResponse) {\r\n      window.location.href= \"/artikelen/admin\";\r\n    }\r\n  }\r\n\r\n  useEffect(() => {\r\n    if(loading === false && data){\r\n      setState(data.articles[0]);\r\n    }\r\n  }, [loading, data])\r\n\r\n  if (loading) return <Spinner />\r\n  if (error) return <Error error={error} />\r\n\r\n  const categoryList : ICategory[] = data.categories;\r\n\r\n  return (\r\n         <div>\r\n          <div>\r\n            <label htmlFor=\"title\">Title</label>\r\n            <input type=\"text\" id=\"title\" name=\"title\" placeholder=\"title\"\r\n              value={state.title}\r\n              onChange={handleChange} />\r\n          </div>\r\n\r\n          <div>\r\n            <label htmlFor=\"description\">Description</label>\r\n            <textarea id=\"description\" name=\"description\" placeholder=\"description\"\r\n              value={state.description} \r\n              onChange={handleChange} />\r\n          </div>\r\n\r\n          <div>\r\n            <label htmlFor=\"keywords\">Keywords</label>\r\n            <input type=\"text\" id=\"keywords\" name=\"keywords\" placeholder=\"keywords\"\r\n              value={state.keywords}\r\n              onChange={handleChange} />\r\n          </div>\r\n\r\n          <div>\r\n            <label htmlFor=\"mainCategory\">Main category</label>\r\n            <select name=\"main\" id=\"mainCategory\"\r\n              onChange={(e) => handleMainCategoryChange(parseInt(e.target.value))}>\r\n              {categoryList.map((item, i) => (\r\n                <option key={i} value={item.categoryId} \r\n                selected={ state.categories.filter((category : ICategory) => category.categoryId === item.categoryId && category.isDefault ).length > 0 }>\r\n                  {item.name}\r\n                </option>\r\n              ))}\r\n            </select>\r\n          </div>\r\n\r\n          <div>\r\n            <label htmlFor=\"categoryList\">Categories</label>\r\n            <fieldset className=\"checkboxgroup\">\r\n              {categoryList.map((item, i) => (\r\n                <div className=\"checkbox\" key={i} >\r\n                    <label>\r\n                        <input \r\n                          type=\"checkbox\" name=\"categories\" value={item.categoryId}\r\n                          checked={ state.categories.filter((category : ICategory) => category.categoryId === item.categoryId && !category.isDefault ).length > 0 }\r\n                          onChange={() => handleCategoryChange(item.categoryId)}                          \r\n                        />\r\n                        {item.name}\r\n                    </label>\r\n                </div>\r\n              ))}\r\n            </fieldset>\r\n          </div>\r\n\r\n          <div>\r\n            <label htmlFor=\"content\">Content</label>\r\n            <div className=\"editor\">\r\n            <ReactQuill value={state.content} className=\"contentEditor\" \r\n              modules={modules}\r\n              formats={formats}\r\n              onChange={(text: string, delta: any, source: string, editor: any) => {\r\n                if (source === 'user') {\r\n                  // place whatever function you want to execute when user types here:\r\n                  setState({\r\n                    ...state,\r\n                    content: text\r\n                  })\r\n                }\r\n              }} />\r\n            </div>\r\n          </div>\r\n\r\n          <div>\r\n            <label htmlFor=\"articleId\">articleId</label>\r\n            <input type=\"text\" id=\"articleId\" name=\"articleId\"\r\n              disabled\r\n              value={state.articleId?.toString()} />\r\n          </div>\r\n\r\n\r\n          <div className=\"\">\r\n            <div className=\"button\" onClick={() => _confirm()}>save\r\n            </div>\r\n          </div>\r\n         </div>\r\n  )\r\n}\r\n\r\nconst modules = {\r\n  toolbar: [\r\n    [{ 'header': [1, 2, false] }],\r\n    ['bold', 'italic', 'underline','strike', 'blockquote', 'code-block'],\r\n    [{'list': 'ordered'}, {'list': 'bullet'}, {'indent': '-1'}, {'indent': '+1'}],\r\n    ['link', 'image'],\r\n    ['clean']\r\n  ],\r\n};\r\n\r\nconst formats = [\r\n  'header',\r\n  'bold', 'italic', 'underline', 'strike', 'blockquote', 'code-block',\r\n  'list', 'bullet', 'indent',\r\n  'link', 'image'\r\n];\r\n\r\nexport default EditArticleDetail","import { useEffect, useState } from 'react';\r\nimport { useQuery } from 'react-apollo';\r\nimport { RouteComponentProps } from 'react-router-dom';\r\nimport ReactQuill from 'react-quill';\r\n\r\nimport { IArticleRequest, ICategory } from '../../store/interfaces';\r\nimport { PersistArticle } from '../../utils/comm';\r\nimport Error from '../error';\r\nimport Spinner from '../spinner';\r\n\r\nimport 'react-quill/dist/quill.snow.css';\r\nimport './edit-article-detail.css'\r\nimport { gql } from \"apollo-boost\";\r\n\r\nconst GET_CATEGORIES = gql`{\r\n  categories {\r\n    categoryId\r\n    name\r\n    url\r\n    isDefault\r\n  }\r\n}`;\r\n\r\n\r\ninterface NewArticleDetailProps {\r\n}\r\n\r\ninterface IArticleNewState {\r\n  articleId: number,\r\n  title: string,\r\n  description: string,\r\n  content: string,\r\n  keywords: string,\r\n  categories: ICategory[]\r\n}\r\n\r\nfunction NewArticleDetail(props: RouteComponentProps<NewArticleDetailProps>) {\r\n  console.log('Running New article()')\r\n\r\n  const { loading, error, data } = useQuery(GET_CATEGORIES);\r\n  const [ state, setState ] = useState<IArticleNewState>(\r\n  {\r\n    articleId: -1,\r\n    title: '',\r\n    description: '',\r\n    content: '',\r\n    categories: [ { categoryId: 1, name: 'test', isDefault: true } ],\r\n    keywords: '',\r\n  });\r\n\r\n  const [ categoryList, setcategoryList ] = useState<ICategory[]>([{ categoryId: 1, name: '', icon: '', isDefault: true }]);\r\n\r\n  const handleChange = (e: any) => {\r\n      const { name, value } = e.target;  \r\n      setState({\r\n        ...state,\r\n        [name]: value\r\n      });\r\n  };  \r\n\r\n  const handleCategoryChange = (id: number) => {\r\n    const isFound = state.categories.filter((item: ICategory, index) =>\r\n      item.categoryId === id\r\n    ).length > 0;\r\n\r\n    const newList = state.categories.filter((item: ICategory) => item.categoryId !== id);\r\n\r\n    if (!isFound)\r\n    {\r\n      newList.push({\r\n        categoryId: id, \r\n        isDefault: false})\r\n    }\r\n\r\n    setState({\r\n      ...state,\r\n      categories: newList\r\n    })\r\n  }\r\n\r\n  const handleMainCategoryChange = (id: number) => {\r\n    const newList = state.categories.filter((item: ICategory) => item.isDefault === false);\r\n\r\n    const newMain = categoryList.filter((item: ICategory, index) =>\r\n      item.categoryId === id\r\n    )[0];\r\n\r\n    newList.push({\r\n      categoryId: newMain.categoryId, \r\n      isDefault: true})\r\n    \r\n    setState({\r\n      ...state,\r\n      categories: newList\r\n    })\r\n  }\r\n\r\n  const _confirm = async () => {\r\n    const request: IArticleRequest = {\r\n      articleId: -1,\r\n      title: state.title,\r\n      description: state.description,\r\n      content: state.content,\r\n      categories: state.categories,\r\n      keywords: state.keywords,\r\n    }\r\n\r\n    const articleResponse = await PersistArticle(request)\r\n\r\n    console.log(\"Response \", articleResponse);\r\n\r\n    if (articleResponse) {\r\n      window.location.href= \"/artikelen/admin\";\r\n    }\r\n  }\r\n\r\n  useEffect(() => {\r\n    if(loading === false && data){\r\n      setcategoryList(data.categories);\r\n    }\r\n  }, [loading, data])\r\n\r\n  if (loading) return <Spinner />\r\n  if (error) return <Error error={error} />\r\n\r\n  return (\r\n         <div>\r\n          <div>\r\n            <label htmlFor=\"title\">Title</label>\r\n            <input type=\"text\" id=\"title\" name=\"title\" placeholder=\"title\"\r\n              value={state.title}\r\n              onChange={handleChange} />\r\n          </div>\r\n\r\n          <div>\r\n            <label htmlFor=\"description\">Description</label>\r\n            <textarea id=\"description\" name=\"description\" placeholder=\"description\"\r\n              value={state.description} \r\n              onChange={handleChange} />\r\n          </div>\r\n\r\n          <div>\r\n            <label htmlFor=\"keywords\">Keywords</label>\r\n            <input type=\"text\" id=\"keywords\" name=\"keywords\" placeholder=\"keywords\"\r\n              value={state.keywords}\r\n              onChange={handleChange} />\r\n          </div>\r\n\r\n          <div>\r\n            <label htmlFor=\"mainCategory\">Main category</label>\r\n            <select name=\"main\" id=\"mainCategory\"\r\n              onChange={(e) => handleMainCategoryChange(parseInt(e.target.value))}>\r\n              {categoryList.map((item, i) => (\r\n                <option key={i} value={item.categoryId} \r\n                selected={ state.categories.filter((category : ICategory) => category.categoryId === item.categoryId && category.isDefault ).length > 0 }>\r\n                  {item.name}\r\n                </option>\r\n              ))}\r\n            </select>\r\n          </div>\r\n\r\n          <div>\r\n            <label htmlFor=\"categoryList\">Categories</label>\r\n            <fieldset className=\"checkboxgroup\">\r\n              {categoryList.map((item, i) => (\r\n                <div className=\"checkbox\" key={i} >\r\n                    <label>\r\n                        <input \r\n                          type=\"checkbox\" name=\"categories\" value={item.categoryId}\r\n                          checked={ state.categories.filter((category : ICategory) => category.categoryId === item.categoryId && !category.isDefault ).length > 0 }\r\n                          onChange={() => handleCategoryChange(item.categoryId)}                          \r\n                        />\r\n                        {item.name}\r\n                    </label>\r\n                </div>\r\n              ))}\r\n            </fieldset>\r\n          </div>\r\n\r\n          <div>\r\n            <label htmlFor=\"content\">Content</label>\r\n            <div className=\"editor\">\r\n            <ReactQuill value={state.content} className=\"contentEditor\" \r\n              modules={modules}\r\n              formats={formats}\r\n              onChange={(text: string, delta: any, source: string, editor: any) => {\r\n                if (source === 'user') {\r\n                  // place whatever function you want to execute when user types here:\r\n                  setState({\r\n                    ...state,\r\n                    content: text\r\n                  })\r\n                }\r\n              }} />\r\n            </div>\r\n          </div>\r\n\r\n          <div>\r\n            <label htmlFor=\"articleId\">articleId</label>\r\n            <input type=\"text\" id=\"articleId\" name=\"articleId\"\r\n              disabled\r\n              value='NIEUW' />\r\n          </div>\r\n\r\n\r\n          <div className=\"\">\r\n            <div className=\"button\" onClick={() => _confirm()}>save\r\n            </div>\r\n          </div>\r\n         </div>\r\n  )\r\n}\r\n\r\nconst modules = {\r\n  toolbar: [\r\n    [{ 'header': [1, 2, false] }],\r\n    ['bold', 'italic', 'underline','strike', 'blockquote', 'code-block'],\r\n    [{'list': 'ordered'}, {'list': 'bullet'}, {'indent': '-1'}, {'indent': '+1'}],\r\n    ['link', 'image'],\r\n    ['clean']\r\n  ],\r\n};\r\n\r\nconst formats = [\r\n  'header',\r\n  'bold', 'italic', 'underline', 'strike', 'blockquote', 'code-block',\r\n  'list', 'bullet', 'indent',\r\n  'link', 'image'\r\n];\r\n\r\nexport default NewArticleDetail","import { gql } from 'apollo-boost';\r\nimport { useContext } from 'react';\r\nimport { Query } from 'react-apollo';\r\nimport { Link } from 'react-router-dom';\r\n\r\nimport { ICategory } from '../../store/interfaces';\r\nimport { Event } from '../tracking';\r\nimport ContentContext from '../../context/context';\r\nimport Spinner from '../spinner';\r\nimport Error from '../error';\r\n\r\nimport './category-list.css';\r\n\r\ninterface CategoryListProps { }\r\n\r\nconst GET_CATEGORIES = gql`{\r\n    categories {\r\n        categoryId\r\n        name\r\n        isDefault\r\n        url\r\n    }\r\n}`;\r\n\r\nfunction CategoryList(props: CategoryListProps) {    \r\n    const context = useContext(ContentContext)\r\n\r\n    return (\r\n        <Query query={GET_CATEGORIES}>\r\n            {(result: any) => {\r\n                const { data, loading, error } = result;\r\n\r\n                if (loading) return <Spinner />\r\n                if (error) return <Error error={error} />\r\n                \r\n                console.log('Hoeveel dan')\r\n                console.log(data.categories.length)\r\n                const categories = data.categories.filter((item: ICategory) => {\r\n                    let content = item.name || '';\r\n                    let searchString = (context.useContextChangeState || '').toLowerCase();\r\n\r\n                    return content?.toLowerCase().search(searchString) !== -1 && item.isDefault === true;\r\n                })\r\n\r\n                return  (\r\n                    <div className={`category_list`}>\r\n                        <div className={`category_title`}>Menu</div>\r\n                        { categories.map((category: any, categoryIndex: number) => \r\n                            <div className={`category_item`}\r\n                            id={`category_item_${categoryIndex}`}\r\n                            key={`category_item_${categoryIndex}`}>\r\n                                <Link to={`/artikelen/${category.url}`}\r\n                                    key={`category_${categoryIndex}`}\r\n                                    onClick={() => {\r\n                                        Event(\r\n                                            `${category.name}`, \r\n                                            `Title ${category.name}`, \r\n                                            `Category title ${category.name}`);\r\n                                            window.location.href= `/artikelen/${category.url}`;\r\n                                    }}>{category.name}</Link>\r\n                            </div>\r\n                        )}\r\n                    </div>\r\n                )\r\n            }}\r\n        </Query>)\r\n}\r\n\r\nexport default CategoryList","import { gql } from 'apollo-boost';\r\nimport { Query } from 'react-apollo';\r\nimport { RouteComponentProps } from 'react-router-dom';\r\n\r\nimport Spinner from '../spinner';\r\nimport Error from '../error';\r\n\r\nimport './category-detail.css';\r\n\r\ninterface CategoryDetailProps {\r\n    category: string,\r\n}\r\n\r\nconst GET_CATEGORY = gql`\r\nquery getCategory($name: String) {\r\n    categories(name: $name) {\r\n        categoryId\r\n        name\r\n        url\r\n        icon\r\n        description\r\n        articleCount\r\n    }\r\n}`;\r\n\r\nfunction CategoryDetail(props: RouteComponentProps<CategoryDetailProps>) {    \r\n    return (\r\n        <Query query={GET_CATEGORY} variables={{name: props.match.params.category }}>\r\n            {(result: any) => {\r\n                const { data, loading, error } = result;\r\n\r\n                if (loading) return <Spinner />\r\n                if (error) return <Error error={error} />\r\n\r\n                const category = data.categories[0];\r\n                \r\n                return  (\r\n                    <div className={`category_detail`}>\r\n                        <div className={`category_title`}>{category.name}</div>\r\n                        <div className={`category_icon`}>\r\n                            <img src={`../../icons/${category.icon}`} \r\n                                className=\"icon\" alt={`Categorie ${category.name}`} />\r\n                        </div>\r\n                        <div className={`category_description`}>{category.description}</div>\r\n                        <div className={`category_article_count`}>\r\n                            Aantal artikelen: {category.articleCount}\r\n                        </div>\r\n                    </div>\r\n                )\r\n            }}\r\n        </Query>)\r\n}\r\n\r\nexport default CategoryDetail","import React, { useContext } from 'react';\r\nimport { Link } from 'react-router-dom';\r\n\r\nimport { Event } from '../tracking';\r\nimport ContentContext from '../../context/context'\r\n\r\nimport './header.css'; \r\n\r\ninterface HeaderProps { }\r\n\r\nfunction Header(props: HeaderProps) {\r\n    // const state = {\r\n    //     navbarOpen: false,\r\n    //     search: '',\r\n    //     redirectTo: null,\r\n    // }\r\n\r\n    const context = useContext(ContentContext)    \r\n\r\n    const isAuthorized = context.authObj.isAuthenticated();\r\n    \r\n    const filterArticles = (event: React.FormEvent<HTMLInputElement>) => {\r\n        context.useContextChange(event);\r\n    };\r\n\r\n    return (<>\r\n        <div className=\"logo\">\r\n          <Link to={`/`}\r\n            onClick={() => {\r\n              Event('Navigation', 'Logo', `Logo`);\r\n              window.location.href= `/`;\r\n             }}>\r\n            .: cmiddelweerd.nl\r\n          </Link>\r\n        </div>\r\n        \r\n        <div className=\"hamburger\"\r\n        //   onClick={e => this.setState({ navbarOpen: !this.state.navbarOpen })}\r\n        //   onKeyDown={e => this.setState({ navbarOpen: !this.state.navbarOpen })}\r\n          role=\"button\">\r\n          <svg viewBox=\"0 0 100 80\" width=\"40\" height=\"40\">\r\n            <rect width=\"100\" height=\"20\" rx=\"8\" fill=\"rgb(241, 241, 241)\"></rect>\r\n            <rect y=\"30\" width=\"100\" height=\"20\" rx=\"8\" fill=\"white\"></rect>\r\n            <rect y=\"60\" width=\"100\" height=\"20\" rx=\"8\" fill=\"white\"></rect>\r\n          </svg>\r\n        </div>\r\n  \r\n        <nav className=\"navigation\">\r\n          {/* <ul className={`nav_list ${this.state.navbarOpen ? `navigation_mobile_show` : null}`}> */}\r\n          <ul>\r\n            <li>\r\n              <form>\r\n                <input type=\"search\" placeholder=\"Zoeken ...\" onChange={filterArticles} />\r\n              </form>\r\n            </li>\r\n            {/* {this.state.navbarOpen\r\n              ? <></>\r\n              : null} */}\r\n            <li key={3} className=\"nav_item\">\r\n              {!isAuthorized\r\n                ? <Link to=\"/login\" className=\"nav_itemlink\"\r\n                    onClick={() => {\r\n                      Event('Navigation', 'Log in', `Log in`);\r\n                      context.authObj.login();\r\n                      window.location.href= `/login`;\r\n                    }}>log in</Link>\r\n                : <Link to=\"/\" className=\"nav_itemlink\"\r\n                    onClick={() => {\r\n                      Event('Navigation', 'Log out', `Log out`);\r\n                      context.authObj.logout();\r\n                      window.location.href= `/`;\r\n                    }}>Uitloggen</Link>\r\n              }\r\n            </li>\r\n            {isAuthorized \r\n              ? \r\n                <li key={4} className=\"nav_item\">\r\n                  <Link to=\"/artikelen/admin\" className=\"nav_itemlink\"\r\n                    onClick={() => {\r\n                      window.location.href= `/artikelen/admin`;\r\n                    }}>\r\n                  Admin</Link>\r\n                </li>\r\n              : <></>\r\n            }\r\n            <li key={5} className=\"nav_item\">\r\n              <Link to={`/about/`} className=\"nav_itemlink\"\r\n                onClick={() => {\r\n                  Event('Navigation', 'About', `About`)\r\n                  window.location.href= `/about`;\r\n                }}>Over</Link>\r\n            </li>\r\n          </ul>\r\n        </nav>\r\n  \r\n        <div>\r\n          <svg className=\"waves\"\r\n            viewBox=\"0 24 150 28\" preserveAspectRatio=\"none\" shapeRendering=\"auto\">\r\n            <defs>\r\n              <path id=\"gentle-wave\" d=\"M-160 44c30 0 58-18 88-18s 58 18 88 18 58-18 88-18 58 18 88 18 v44h-352z\" />\r\n            </defs>\r\n            <g className=\"parallax\">\r\n              <use xlinkHref=\"#gentle-wave\" x=\"48\" y=\"0\" fill=\"rgba(251, 251, 251, 0.7\" />\r\n              <use xlinkHref=\"#gentle-wave\" x=\"48\" y=\"3\" fill=\"rgba(33, 131, 196, 0.5)\" />\r\n              <use xlinkHref=\"#gentle-wave\" x=\"48\" y=\"5\" fill=\"rgba(209, 0, 174, 0.3)\" />\r\n              <use xlinkHref=\"#gentle-wave\" x=\"48\" y=\"7\" fill=\"rgba(41, 41, 41, 1)\" />\r\n            </g>\r\n          </svg>\r\n        </div>\r\n    </>);\r\n}\r\n\r\nexport default Header;\r\n","import { useContext, useState } from 'react';\r\nimport { Helmet } from 'react-helmet';\r\nimport ContentContext from '../../context/context'\r\n\r\nimport './login.css'\r\n\r\nfunction Login() {\r\n  const context = useContext(ContentContext)    \r\n  const [state, setState] = useState({\r\n      login: true, // switch between Login and SignUp\r\n      name: '',\r\n      email: '',\r\n      password: '',\r\n      redirectTo: null,\r\n    });\r\n\r\n  const handleChange = (e: { target: { name: any; value: any; }; }) => {\r\n      const { name, value } = e.target;    \r\n      setState(prevState => ({\r\n          ...prevState,\r\n          [name]: value\r\n      }));\r\n  };  \r\n\r\n  const _confirm = async () => {\r\n    context.authObj.handleAuth(state.email, state.password);\r\n  }\r\n\r\n  return (\r\n      <div>\r\n        <Helmet>\r\n          <title>.: cmiddelweerd | Inloggen</title>\r\n          <meta name=\"description\" content=\"Inloggen\" />\r\n        </Helmet>\r\n        <main className=\"content\">\r\n\r\n          <h4 className=\"mv3\">{state.login ? 'Login' : 'Sign Up'}</h4>\r\n          <div className=\"flex flex-column\">\r\n            {!state.login && (\r\n              <input\r\n                name=\"name\"\r\n                value={state.name}\r\n                onChange={handleChange}\r\n                type=\"text\"\r\n                placeholder=\"Your name\"\r\n              />\r\n            )}\r\n            <input\r\n              name=\"email\"\r\n              value={state.email}\r\n              onChange={handleChange}\r\n              type=\"text\"\r\n              placeholder=\"Your email address\"\r\n            />\r\n            <input\r\n              name=\"password\"\r\n              value={state.password}\r\n              onChange={handleChange}\r\n              type=\"password\"\r\n              placeholder=\"Choose a safe password\"\r\n            />\r\n          </div>\r\n          <p />\r\n          <div>\r\n            <div className=\"button\" onClick={() => _confirm()}>\r\n              {state.login ? 'login' : 'create account'}\r\n            </div>\r\n            <div\r\n              className=\"button\"\r\n              onClick={() => {}}\r\n            >\r\n              {state.login\r\n                ? 'need to create an account?'\r\n                : 'already have an account?'}\r\n            </div>\r\n          </div>\r\n        </main>\r\n      </div>\r\n    )\r\n}\r\n\r\nexport default Login","interface EmptyProps {\r\n  text?: any,\r\n}\r\nfunction Empty (props: EmptyProps) {\r\n  return (\r\n    <div>\r\n      <span>{props.text !== null ? props.text : \"\"}</span>\r\n    </div>\r\n  )\r\n}\r\n\r\nexport default Empty","import { useContext } from 'react'\r\nimport { Router, Route, Switch, Redirect, RouteProps } from 'react-router'\r\nimport { Helmet } from 'react-helmet';\r\n\r\nimport ContentContext from './context/context'\r\nimport history from './context/history'\r\n\r\nimport About from './components/About'\r\nimport Page404 from './components/404'\r\nimport { initGA } from './components/tracking';\r\nimport ArticleList from './components/article-list';\r\nimport ArticleDetail from './components/article-detail';\r\nimport AuthCheck from './context/authcheck';\r\nimport EditArticleList from './components/edit-article-list';\r\nimport EditArticleDetail from './components/edit-article-detail';\r\nimport NewArticleDetail from './components/new-article-detail';\r\nimport CategoryList from './components/category-list';\r\nimport CategoryDetail from './components/category-detail';\r\nimport Header from './components/header';\r\nimport Login from './components/login';\r\nimport Empty from './components/empty';\r\n\r\ntype ProtectedRouteProps = {\r\n  isAuthenticated: boolean;\r\n  authenticationPath: string;\r\n} & RouteProps;\r\n\r\nexport function ProtectedRoute({isAuthenticated, authenticationPath, ...routeProps}: \r\n  ProtectedRouteProps) {\r\n  if(isAuthenticated) {\r\n    return <Route {...routeProps} />;\r\n  } else {\r\n    return <Redirect to={{ pathname: authenticationPath }} />;\r\n  }\r\n};\r\n\r\nconst Routes = () => {\r\n  initGA(process.env.REACT_APP_GOOGLE_ANALYTICS_TRACKING_ID);\r\n  const context = useContext(ContentContext)\r\n\r\n  return(\r\n    <div>\r\n      <Router history={history}>\r\n        <Helmet>\r\n          <title>.: cmiddelweerd</title>\r\n          <meta name=\"description\" content=\"Welkom bij cmiddelweerd.nl\" />\r\n        </Helmet>\r\n\r\n        <header className=\"header\">\r\n          <Header />\r\n        </header>\r\n\r\n        <aside className=\"leftSidebar\">\r\n          <Route exact path=\"/\" component={CategoryList} />\r\n          <Switch>\r\n            <Route exact path=\"/artikelen/admin\" component={Empty} />\r\n            <Route exact path=\"/artikelen/:category\" component={CategoryDetail} />\r\n          </Switch>\r\n        </aside>\r\n\r\n        <main className=\"content\">\r\n          <Switch>\r\n           <ProtectedRoute path='/artikelen/admin' exact \r\n              authenticationPath='/login'\r\n              isAuthenticated={context.authObj.isAuthenticated()}\r\n              component={EditArticleList} />\r\n            <ProtectedRoute path='/artikelen/admin/edit/:id' exact \r\n              authenticationPath='/login'\r\n              isAuthenticated={context.authObj.isAuthenticated()}\r\n              component={EditArticleDetail} />\r\n            <ProtectedRoute path='/artikelen/admin/new' exact \r\n              authenticationPath='/login'\r\n              isAuthenticated={context.authObj.isAuthenticated()}\r\n              component={NewArticleDetail} />\r\n\r\n            <Route exact path=\"/\" component={ArticleList} />\r\n            <Route exact path=\"/artikelen/:category\" component={ArticleList} />\r\n            <Route exact path=\"/artikelen/:category/:id?/:name?\" component={ArticleDetail} />\r\n            <Route exact path=\"/login\" component={Login} />\r\n            <Route exact path=\"/about\" component={About} />\r\n            <Route exact path=\"/authcheck\" component={AuthCheck} />\r\n          \r\n            <Route component={Page404} />\r\n          </Switch>\r\n        </main>\r\n\r\n        <aside className=\"rightSidebar\">\r\n          &nbsp;\r\n        </aside>\r\n\r\n        <footer>\r\n          &copy; cmiddelweerd.nl \r\n        </footer>\r\n\r\n      </Router>\r\n\r\n    </div>\r\n\r\n  )\r\n\r\n}\r\n\r\nexport default Routes","import GA4React from \"ga-4-react\";\r\n\r\nexport const initGA = (trackingId: string | any) => {\r\n    if (trackingId === null || trackingId === '')\r\n        return;\r\n\r\n    try {\r\n        setTimeout(_ => {\r\n            const ga4react = new GA4React(trackingId);\r\n            ga4react.initialize().catch(err => console.error(err));\r\n        }, 4000);\r\n    } catch (err) {\r\n        console.error(err);\r\n    }\r\n}\r\nexport const Event = (category: string, action: string, label: string) => {\r\n    \r\n};","import { Authenticate } from '../../utils/comm';\r\nimport history from '../../context/history';\r\nimport { AUTH_TOKEN } from '../../constants';\r\n\r\n\r\n\r\nexport default class Auth {\r\n  userProfile = {}\r\n\r\n  login = () => {}\r\n\r\n  handleAuth = async (email: string, password: string) => {\r\n    const user = await Authenticate(email, password);\r\n\r\n      if(user.token) {\r\n        localStorage.setItem(AUTH_TOKEN, user.token)\r\n        localStorage.setItem('id_token', user.token)\r\n\r\n        let expiresAt = JSON.stringify(3600*1000 + new Date().getTime());//(authResult.expiresIn * 1000 + new Date().getTime()))\r\n        localStorage.setItem('expiresAt', expiresAt)\r\n\r\n        this.getProfile();\r\n        setTimeout(() => { history.replace('/authcheck') }, 600);\r\n      } else {\r\n        console.log('Login failuer')\r\n      }\r\n  }\r\n\r\n  getAccessToken = () => {\r\n    if(localStorage.getItem(AUTH_TOKEN)) {\r\n      const accessToken = localStorage.getItem(AUTH_TOKEN)\r\n      return accessToken\r\n    } else {\r\n      return null\r\n    }\r\n  }\r\n\r\n\r\n  getProfile = () => {\r\n    let accessToken = this.getAccessToken()\r\n    if(accessToken) {\r\n    //   this.auth0.client.userInfo(accessToken, (err, profile) => {\r\n    //       if(profile) {\r\n    //         this.userProfile = { profile }\r\n    //       }\r\n    //   } )\r\n    }\r\n  }\r\n\r\n\r\n  logout = () => {\r\n    console.log('logout in progress')\r\n    localStorage.removeItem(AUTH_TOKEN)\r\n    localStorage.removeItem('id_token')\r\n    localStorage.removeItem('expiresAt')\r\n    setTimeout(() => { history.replace('/authcheck') }, 200);\r\n  }\r\n\r\n  isAuthenticated = () => {\r\n    let expiresAt = localStorage.getItem('expiresAt');\r\n\r\n    if (expiresAt == null)\r\n    {\r\n      return false;\r\n    } \r\n    else \r\n    {\r\n      let expires = JSON.parse(expiresAt)\r\n      return new Date().getTime() < expires\r\n    }\r\n  }\r\n}","import { useReducer } from 'react'\r\nimport ContentContext from './context'\r\nimport * as ACTIONS from '../store/actions'\r\nimport * as AuthReducer from '../store/reducers/auth_reducer'\r\nimport * as SearchReducer from '../store/reducers/search_reducer'\r\nimport Routes from '../routes'\r\n\r\nimport Auth from '../components/login/auth';\r\n\r\n\r\nconst auth = new Auth()\r\n\r\nlet searchString = '';\r\n\r\n\r\nconst ContextState = () => {\r\n\t/* Auth Reducer */\r\n\tconst [stateAuthReducer, dispatchAuthReducer] =                      \r\n\t\tuseReducer(AuthReducer.AuthReducer, AuthReducer.initialState)\r\n\r\n\tconst handleLogin = () => {\r\n\t\tdispatchAuthReducer(ACTIONS.login_success())\r\n\t}\r\n\r\n\tconst handleLogout = () => {\r\n\t\tdispatchAuthReducer(ACTIONS.login_failure())\r\n\t}\r\n\r\n\t// const handleAddProfile = (profile) => {\r\n\t//   dispatchAuthReducer(ACTIONS.add_profile(profile))\r\n\t// }\r\n\r\n\t// const handleRemoveProfile = () => {\r\n\t//   dispatchAuthReducer(ACTIONS.remove_profile())\r\n\t// }\r\n\r\n\t/* Search Reducer */\r\n\tconst [stateSearchReducer, dispatchSearchReducer] = \r\n\t\tuseReducer(SearchReducer.SearchReducer, SearchReducer.initialState)\r\n\r\n\tconst handleFormChange = (event: any) => {\r\n\t\t//console.log('Context state change: ' + event.target.value)\r\n\t\t//searchString = event.target.value;\r\n\t\tdispatchSearchReducer(ACTIONS.search_input_change(event.target.value))\r\n\t};\r\n\r\n\tconst handleFormSubmit = (event: any) => {\r\n\t\tevent.preventDefault();\r\n\t\tevent.persist();\r\n\r\n\t\tsearchString = event.target.useContext.value;\r\n\r\n\t\tdispatchSearchReducer(ACTIONS.search_input_submit(event.target.useContext.value))\r\n\t};\r\n\r\n\t//Handle authentication from callback\r\n\tconst handleAuthentication = (props: any) => {\r\n\t  if(props.location.hash) {\r\n\t\tconsole.log('Context state handle auth')\r\n//\t    auth.handleAuth();\r\n\t  }\r\n\r\n\t}\r\n\r\n\r\n\r\n\treturn(\r\n\t\t<div>\r\n\t\t\t<ContentContext.Provider\r\n\t\t\t\tvalue={{\r\n\t\t\t\t\t//Search Reducer\r\n\t\t\t\t\tsearchString: searchString,\r\n\t\t\t\t\tuseContextChangeState: stateSearchReducer.search_textChange,\r\n\t\t\t\t\tuseContextSubmitState: stateSearchReducer.search_textSubmit,\r\n\t\t\t\t\tuseContextSubmit: (event: any) => handleFormSubmit(event),\r\n\t\t\t\t\tuseContextChange: (event: any) => handleFormChange(event),\r\n\r\n\t\t\t\t\t//Auth Reducer\r\n\t\t\t\t\tauthState: stateAuthReducer.is_authenticated,\r\n\t\t\t\t\tprofileState:  stateAuthReducer.profile,\r\n\t\t\t\t\thandleUserLogin: () => handleLogin(),\r\n\t\t\t\t\thandleUserLogout: () => handleLogout(),\r\n\t\t\t\t\t// handleUserAddProfile: (profile) => handleAddProfile(profile),\r\n\t\t\t\t\t// handleUserRemoveProfile: () => handleRemoveProfile(),\r\n\r\n\t\t\t\t\t//Handle auth\r\n\t\t\t\t\thandleAuth: (props) => handleAuthentication(props),\r\n\t\t\t\t\tauthObj: auth\r\n\t\t\t\t}}>\r\n\t\t\t\t<Routes />\r\n\t\t\t\t</ContentContext.Provider>\r\n\t\t</div>\r\n\t)\r\n}\r\n\r\nexport default ContextState;","import * as ACTION_TYPES from './action_types'\r\n\r\nexport const SUCCESS = {\r\n  type: ACTION_TYPES.SUCCESS\r\n}\r\n\r\nexport const FAILURE = {\r\n  type: ACTION_TYPES.FAILURE\r\n}\r\n\r\n\r\nexport const success = () => {\r\n  return {\r\n    type: ACTION_TYPES.SUCCESS\r\n  }\r\n}\r\n\r\nexport const failure = () => {\r\n  return {\r\n    type: ACTION_TYPES.FAILURE\r\n  }\r\n}\r\n\r\n\r\n\r\nexport const login_success = () => {\r\n  return {\r\n    type: ACTION_TYPES.LOGIN_SUCCESS\r\n  }\r\n}\r\n\r\nexport const login_failure = () => {\r\n  return {\r\n    type: ACTION_TYPES.LOGIN_FAILURE\r\n  }\r\n}\r\n\r\n\r\n// export const add_profile = (profile) => {\r\n//   return {\r\n//     type: ACTION_TYPES.ADD_PROFILE,\r\n//     payload: profile\r\n//   }\r\n// }\r\n\r\n// export const remove_profile = () => {\r\n//   return {\r\n//     type: ACTION_TYPES.REMOVE_PROFILE\r\n//   }\r\n// }\r\n\r\nexport const search_input_change = (text: string) => {\r\n  return {\r\n    type: ACTION_TYPES.SEARCH_INPUT_CHANGE,\r\n    payload: text\r\n  }\r\n}\r\n\r\nexport const search_input_submit = (text: string) => {\r\n  return {\r\n    type: ACTION_TYPES.SEARCH_INPUT_SUBMIT,\r\n    payload: text\r\n  }\r\n}","import '../styles/App.css';\r\nimport ContextState from '../context/context_state_config'\r\n\r\nconst App = () => {\r\n  return(\r\n    <div>\r\n      <ContextState />\r\n    </div>\r\n  )\r\n}\r\n\r\nexport default App","import { ReportHandler } from 'web-vitals';\r\n\r\nconst reportWebVitals = (onPerfEntry?: ReportHandler) => {\r\n  if (onPerfEntry && onPerfEntry instanceof Function) {\r\n    import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {\r\n      getCLS(onPerfEntry);  \r\n      getFID(onPerfEntry);\r\n      getFCP(onPerfEntry);\r\n      getLCP(onPerfEntry);\r\n      getTTFB(onPerfEntry);\r\n    });\r\n  }\r\n}\r\n\r\nexport default reportWebVitals;\r\n","// In production, we register a service worker to serve assets from local cache.\r\n\r\n// This lets the app load faster on subsequent visits in production, and gives\r\n// it offline capabilities. However, it also means that developers (and users)\r\n// will only see deployed updates on the \"N+1\" visit to a page, since previously\r\n// cached resources are updated in the background.\r\n\r\n// To learn more about the benefits of this model, read https://goo.gl/KwvDNy.\r\n// This link also includes instructions on opting out of this behavior.\r\n\r\nconst isLocalhost = Boolean(\r\n    window.location.hostname === 'localhost' ||\r\n      // [::1] is the IPv6 localhost address.\r\n      window.location.hostname === '[::1]' ||\r\n      // 127.0.0.1/8 is considered localhost for IPv4.\r\n      window.location.hostname.match(/^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/)\r\n  )\r\n  \r\n  export function register(config: any) {\r\n    if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {\r\n      // The URL constructor is available in all browsers that support SW.\r\n      const publicUrl = new URL(process.env.PUBLIC_URL!, window.location.toString())\r\n      if (publicUrl.origin !== window.location.origin) {\r\n        // Our service worker won't work if PUBLIC_URL is on a different origin\r\n        // from what our page is served on. This might happen if a CDN is used to\r\n        // serve assets; see https://github.com/facebook/create-react-app/issues/2374\r\n        return\r\n      }\r\n  \r\n      window.addEventListener('load', () => {\r\n        const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`\r\n  \r\n        if (isLocalhost) {\r\n          // This is running on localhost. Let's check if a service worker still exists or not.\r\n          checkValidServiceWorker(swUrl, config)\r\n  \r\n          // Add some additional logging to localhost, pointing developers to the\r\n          // service worker/PWA documentation.\r\n          navigator.serviceWorker.ready.then(() => {\r\n            console.log('This web app is being served cache-first by a service worker. To learn more, visit https://goo.gl/SC7cgQ')\r\n          })\r\n        } else {\r\n          // Is not local host. Just register service worker\r\n          registerValidSW(swUrl, config)\r\n        }\r\n      })\r\n    }\r\n  }\r\n  \r\n  function registerValidSW(swUrl: string, config: any) {\r\n    navigator.serviceWorker\r\n      .register(swUrl)\r\n      .then(registration => {\r\n        registration.onupdatefound = () => {\r\n          const installingWorker = registration.installing\r\n          if (installingWorker) {\r\n            installingWorker.onstatechange = () => {\r\n              if (installingWorker.state === 'installed') {\r\n                if (navigator.serviceWorker.controller) {\r\n                  // At this point, the old content will have been purged and\r\n                  // the fresh content will have been added to the cache.\r\n                  // It's the perfect time to display a \"New content is\r\n                  // available; please refresh.\" message in your web app.\r\n                  console.log('New content is available; please refresh.')\r\n  \r\n                  // Execute callback\r\n                  if (config.onUpdate) {\r\n                    config.onUpdate(registration)\r\n                  }\r\n                } else {\r\n                  // At this point, everything has been precached.\r\n                  // It's the perfect time to display a\r\n                  // \"Content is cached for offline use.\" message.\r\n                  console.log('Content is cached for offline use.')\r\n  \r\n                  // Execute callback\r\n                  if (config.onSuccess) {\r\n                    config.onSuccess(registration)\r\n                  }\r\n                }\r\n              }\r\n            }\r\n          }\r\n        }\r\n      })\r\n      .catch(error => {\r\n        console.error('Error during service worker registration:', error)\r\n      })\r\n  }\r\n  \r\n  function checkValidServiceWorker(swUrl: string, config: any) {\r\n    // Check if the service worker can be found. If it can't reload the page.\r\n    fetch(swUrl)\r\n      .then(response => {\r\n        // Ensure service worker exists, and that we really are getting a JS file.\r\n        if (response.status === 404 || response.headers.get('content-type')!.indexOf('javascript') === -1) {\r\n          // No service worker found. Probably a different app. Reload the page.\r\n          navigator.serviceWorker.ready.then(registration => {\r\n            registration.unregister().then(() => {\r\n              window.location.reload()\r\n            })\r\n          })\r\n        } else {\r\n          // Service worker found. Proceed as normal.\r\n          registerValidSW(swUrl, config)\r\n        }\r\n      })\r\n      .catch(() => {\r\n        console.log('No internet connection found. App is running in offline mode.')\r\n      })\r\n  }\r\n  \r\n  export function unregister() {\r\n    if ('serviceWorker' in navigator) {\r\n      navigator.serviceWorker.ready.then(registration => {\r\n        registration.unregister()\r\n      })\r\n    }\r\n  }","import ReactDOM from 'react-dom';\r\nimport { ApolloProvider } from 'react-apollo';\r\nimport { BrowserRouter } from 'react-router-dom';\r\nimport { makeApolloClient } from './utils/apollo';\r\nimport App from './components/App';\r\nimport reportWebVitals from './reportWebVitals';\r\nimport * as serviceWorker from './serviceWorker';\r\n\r\nconst client = makeApolloClient(\"\");\r\n\r\nReactDOM.render(\r\n  <BrowserRouter>\r\n    <ApolloProvider client={client}>\r\n      <App />\r\n    </ApolloProvider>\r\n  </BrowserRouter>,\r\n  document.getElementById('root')\r\n)\r\nserviceWorker.unregister();\r\n\r\n// If you want to start measuring performance in your app, pass a function\r\n// to log results (for example: reportWebVitals(console.log))\r\n// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals\r\nreportWebVitals();","import { ApolloClient } from 'apollo-client'\r\nimport { createHttpLink } from 'apollo-link-http'\r\nimport { InMemoryCache } from 'apollo-cache-inmemory'\r\n\r\nexport const makeApolloClient = (token: string) => {\r\n    const httpLink = createHttpLink({\r\n        uri: process.env.REACT_APP_API_GRAPHQL\r\n    });\r\n\r\n    const cache = new InMemoryCache();\r\n\r\n    const client = new ApolloClient({\r\n        link: httpLink,\r\n        cache: cache,\r\n    });\r\n\r\n    return client;\r\n}"],"sourceRoot":""}