`) wrapping one or more blocks. 4 | export const blockquote = { 5 | content: "text*", 6 | group: "block", 7 | defining: true, 8 | attrs: attributes(), 9 | parseDOM: [ 10 | { 11 | tag: "blockquote", 12 | getAttrs(dom) { 13 | return getElementAttrs(dom); 14 | }, 15 | }, 16 | ], 17 | toDOM(node) { 18 | return ["blockquote", node.attrs, ["p", 0]]; 19 | }, 20 | }; 21 | -------------------------------------------------------------------------------- /src/shell/components/FieldTypeEditor/Editors/react-prosemirror-schema/nodes/br.js: -------------------------------------------------------------------------------- 1 | import { getElementAttrs, attributes } from "./index.js"; 2 | 3 | // :: NodeSpec A hard line break, represented in the DOM as `
`. 4 | export const br = { 5 | inline: true, 6 | group: "inline", 7 | selectable: false, 8 | attrs: attributes(), 9 | parseDOM: [ 10 | { 11 | tag: "br", 12 | getAttrs(dom) { 13 | return getElementAttrs(dom); 14 | }, 15 | }, 16 | ], 17 | toDOM(node) { 18 | return ["br", node.attrs]; 19 | }, 20 | }; 21 | -------------------------------------------------------------------------------- /src/shell/components/FieldTypeEditor/Editors/react-prosemirror-schema/nodes/div.js: -------------------------------------------------------------------------------- 1 | import { getElementAttrs, attributes } from "./index.js"; 2 | 3 | export const div = { 4 | content: "block+", 5 | group: "block", 6 | attrs: attributes(), 7 | parseDOM: [ 8 | { 9 | tag: "div", 10 | getAttrs(dom) { 11 | return getElementAttrs(dom); 12 | }, 13 | }, 14 | ], 15 | toDOM(node) { 16 | return ["div", node.attrs, 0]; 17 | }, 18 | }; 19 | -------------------------------------------------------------------------------- /src/shell/components/FieldTypeEditor/Editors/react-prosemirror-schema/nodes/hr.js: -------------------------------------------------------------------------------- 1 | import { getElementAttrs, attributes } from "./index.js"; 2 | 3 | // :: NodeSpec A horizontal rule (`
`). 4 | export const hr = { 5 | group: "block", 6 | attrs: attributes(), 7 | parseDOM: [ 8 | { 9 | tag: "hr", 10 | getAttrs(dom) { 11 | return getElementAttrs(dom); 12 | }, 13 | }, 14 | ], 15 | toDOM(node) { 16 | return ["hr", node.attrs]; 17 | }, 18 | }; 19 | -------------------------------------------------------------------------------- /src/shell/components/FieldTypeEditor/Editors/react-prosemirror-schema/nodes/lists.js: -------------------------------------------------------------------------------- 1 | import { orderedList, bulletList, listItem } from "prosemirror-schema-list"; 2 | 3 | export const ordered_list = { 4 | ...orderedList, 5 | content: "list_item+", 6 | group: "block", 7 | }; 8 | export const bullet_list = { 9 | ...bulletList, 10 | content: "list_item+", 11 | group: "block", 12 | }; 13 | export const list_item = { 14 | ...listItem, 15 | content: "paragraph block*", 16 | group: "block", 17 | }; 18 | -------------------------------------------------------------------------------- /src/shell/components/FieldTypeEditor/Editors/react-prosemirror-schema/nodes/paragraph.js: -------------------------------------------------------------------------------- 1 | import { getElementAttrs, attributes } from "./index.js"; 2 | 3 | // :: NodeSpec A plain paragraph textblock. Represented in the DOM 4 | // as a `` element. 5 | export const paragraph = { 6 | content: "inline*", 7 | group: "block", 8 | attrs: attributes(), 9 | parseDOM: [ 10 | { 11 | tag: "p", 12 | getAttrs(dom) { 13 | return getElementAttrs(dom); 14 | }, 15 | }, 16 | ], 17 | toDOM(node) { 18 | return ["p", node.attrs, 0]; 19 | }, 20 | }; 21 | -------------------------------------------------------------------------------- /src/shell/components/FieldTypeEditor/index.js: -------------------------------------------------------------------------------- 1 | export { FieldTypeEditor } from "./FieldTypeEditor.js"; 2 | -------------------------------------------------------------------------------- /src/shell/components/FieldTypeImage/index.js: -------------------------------------------------------------------------------- 1 | export { FieldTypeImage } from "./FieldTypeImage"; 2 | -------------------------------------------------------------------------------- /src/shell/components/FieldTypeInternalLink/FieldTypeInternalLink.less: -------------------------------------------------------------------------------- 1 | .FieldTypeInternalLink { 2 | span { 3 | span { 4 | width: 100px; 5 | } 6 | } 7 | } 8 | -------------------------------------------------------------------------------- /src/shell/components/FieldTypeInternalLink/index.js: -------------------------------------------------------------------------------- 1 | export { FieldTypeInternalLink } from "./FieldTypeInternalLink"; 2 | -------------------------------------------------------------------------------- /src/shell/components/FieldTypeUUID/index.js: -------------------------------------------------------------------------------- 1 | export { FieldTypeUUID } from "./FieldTypeUUID"; 2 | -------------------------------------------------------------------------------- /src/shell/components/Filters/DateFilter/index.ts: -------------------------------------------------------------------------------- 1 | import { DateFilter } from "./DateFilter"; 2 | import { DateFilterValue } from "./types"; 3 | import { getDateFilterFn } from "./getDateFilter"; 4 | 5 | export { DateFilter, DateFilterValue, getDateFilterFn }; 6 | -------------------------------------------------------------------------------- /src/shell/components/Filters/DateFilter/types.ts: -------------------------------------------------------------------------------- 1 | export type PresetType = 2 | | "today" 3 | | "yesterday" 4 | | "last_7_days" 5 | | "last_14_days" 6 | | "last_30_days" 7 | | "last_3_months" 8 | | "last_12_months" 9 | | "this_week" 10 | | "this_year" 11 | | "quarter_to_date"; 12 | export type DateFilterModalType = "on" | "before" | "after" | "daterange" | ""; 13 | export interface DateRangeFilterValue { 14 | from: string | null; 15 | to: string | null; 16 | } 17 | 18 | export interface DateFilterValue { 19 | type: "preset" | DateFilterModalType; 20 | value: PresetType | DateRangeFilterValue | string; 21 | } 22 | -------------------------------------------------------------------------------- /src/shell/components/Filters/index.ts: -------------------------------------------------------------------------------- 1 | import { FilterButton } from "./FilterButton"; 2 | import { UserFilter } from "./UserFilter"; 3 | import { DateFilter } from "./DateFilter"; 4 | import { DateRangeFilter, DateRangeFilterValue } from "./DateRangeFilter"; 5 | import { GenericFilter } from "./GenericFilter"; 6 | 7 | export { 8 | FilterButton, 9 | UserFilter, 10 | DateFilter, 11 | DateRangeFilter, 12 | DateRangeFilterValue, 13 | GenericFilter, 14 | }; 15 | -------------------------------------------------------------------------------- /src/shell/components/GlobalTopbar/index.ts: -------------------------------------------------------------------------------- 1 | import { GlobalTopbar } from "./GlobalTopbar"; 2 | export default GlobalTopbar; 3 | -------------------------------------------------------------------------------- /src/shell/components/Head/Head.less: -------------------------------------------------------------------------------- 1 | @import "~@zesty-io/core/colors.less"; 2 | @import "~@zesty-io/core/typography.less"; 3 | 4 | .Head { 5 | height: 100%; 6 | display: flex; 7 | flex-direction: column-reverse; 8 | display: grid; 9 | grid-template-columns: minmax(400px, 1fr) 1fr; 10 | .Tags { 11 | height: 100%; 12 | overflow-y: scroll; 13 | margin-left: 16px; 14 | } 15 | 16 | .Notice { 17 | display: flex; 18 | align-items: center; 19 | margin: 20px 16px 32px 16px; 20 | color: #5b667d; 21 | font-size: 14px; 22 | } 23 | 24 | .NoTags { 25 | margin: 32px; 26 | } 27 | } 28 | -------------------------------------------------------------------------------- /src/shell/components/Head/HeadTag/HeadTag.less: -------------------------------------------------------------------------------- 1 | @import "~@zesty-io/core/colors.less"; 2 | 3 | .HeadTag { 4 | &:hover, 5 | &:focus { 6 | .CardHeader { 7 | button { 8 | display: flex; 9 | } 10 | } 11 | } 12 | 13 | .DropDown { 14 | width: 210px; 15 | } 16 | 17 | .Pair { 18 | align-items: flex-end; 19 | display: flex; 20 | margin: 8px 0; 21 | gap: 8px; 22 | 23 | &:hover, 24 | &:focus { 25 | button { 26 | visibility: visible; 27 | } 28 | } 29 | 30 | .Value { 31 | width: 100%; 32 | } 33 | } 34 | } 35 | .Global { 36 | background-color: lighten(@zesty-gray, 15%); 37 | } 38 | -------------------------------------------------------------------------------- /src/shell/components/Head/HeadTag/index.js: -------------------------------------------------------------------------------- 1 | export { HeadTag } from "./HeadTag"; 2 | -------------------------------------------------------------------------------- /src/shell/components/Head/Preview/Preview.less: -------------------------------------------------------------------------------- 1 | .TagPreviewWrap { 2 | background: #333333; 3 | overflow: scroll; 4 | 5 | .TagPreview { 6 | height: 100%; 7 | font-size: 14px; 8 | font-family: "Courier New", Courier, monospace; 9 | padding: 16px; 10 | color: lightgray; 11 | 12 | .Tag { 13 | color: lightseagreen; 14 | } 15 | .localTag { 16 | color: gold; 17 | } 18 | } 19 | } 20 | -------------------------------------------------------------------------------- /src/shell/components/Head/Preview/index.js: -------------------------------------------------------------------------------- 1 | export { Preview } from "./Preview"; 2 | -------------------------------------------------------------------------------- /src/shell/components/Head/index.js: -------------------------------------------------------------------------------- 1 | import Head from "./Head"; 2 | export { Head }; 3 | -------------------------------------------------------------------------------- /src/shell/components/RelationalFieldBase/FieldSelectorDialog/userFilter.ts: -------------------------------------------------------------------------------- 1 | import { GridFilterOperator } from "@mui/x-data-grid-pro"; 2 | 3 | export const userFilterOperator: GridFilterOperator = { 4 | label: "equals", 5 | value: "userEquals", 6 | getApplyFilterFn: (filterItem) => { 7 | if (!filterItem.value) { 8 | return null; 9 | } 10 | 11 | return (params): boolean => { 12 | const version = params.value; 13 | return version?.itemData?.meta?.createdByUserZUID === filterItem.value; 14 | }; 15 | }, 16 | }; 17 | -------------------------------------------------------------------------------- /src/shell/components/Staging.tsx: -------------------------------------------------------------------------------- 1 | import { FC } from "react"; 2 | import { Box } from "@mui/material"; 3 | import zestyLogo from "../../../public/images/zestyLogo.svg"; 4 | 5 | export const Staging: FC = (props) => { 6 | return ( 7 |
17 | {props.children} 18 | 26 | ); 27 | }; 28 | -------------------------------------------------------------------------------- /src/shell/components/global-notifications/index.js: -------------------------------------------------------------------------------- 1 | import GlobalNotifications from "./GlobalNotifications"; 2 | export { GlobalNotifications }; 3 | -------------------------------------------------------------------------------- /src/shell/components/global-sidebar/index.js: -------------------------------------------------------------------------------- 1 | import GlobalSidebar from "./GlobalSidebar"; 2 | export default GlobalSidebar; 3 | -------------------------------------------------------------------------------- /src/shell/components/global-tabs/components/Breadcrumbs/Breadcrumbs.less: -------------------------------------------------------------------------------- 1 | @import "~@zesty-io/core/colors.less"; 2 | 3 | .Breadcrumbs { 4 | display: flex; 5 | .Home { 6 | padding: 0 4px 0 0; 7 | } 8 | 9 | .Crumbs { 10 | display: flex; 11 | flex-wrap: wrap; 12 | 13 | li { 14 | list-style: none; 15 | display: flex; 16 | align-items: center; 17 | 18 | a { 19 | word-break: keep-all; 20 | padding: 0 4px; 21 | color: #ff5d0a; 22 | } 23 | } 24 | } 25 | 26 | svg { 27 | padding: 0px 4px; 28 | } 29 | 30 | svg:first-child { 31 | padding: 0; 32 | color: #ff5d0a; 33 | } 34 | } 35 | -------------------------------------------------------------------------------- /src/shell/components/global-tabs/components/Breadcrumbs/index.js: -------------------------------------------------------------------------------- 1 | import Breadcrumbs from "./Breadcrumbs"; 2 | export { Breadcrumbs }; 3 | -------------------------------------------------------------------------------- /src/shell/components/global-tabs/index.ts: -------------------------------------------------------------------------------- 1 | import GlobalTabs from "./GlobalTabs"; 2 | export default GlobalTabs; 3 | -------------------------------------------------------------------------------- /src/shell/components/load-instance/LoadInstance.less: -------------------------------------------------------------------------------- 1 | .ErrorMessage { 2 | display: flex; 3 | justify-content: center; 4 | align-items: center; 5 | height: 100vh; 6 | flex-direction: column; 7 | } 8 | -------------------------------------------------------------------------------- /src/shell/components/login/Login.less: -------------------------------------------------------------------------------- 1 | @import "~@zesty-io/core/colors.less"; 2 | @import "~@zesty-io/core/typography.less"; 3 | 4 | .Login { 5 | width: 600px; 6 | 7 | form { 8 | .message { 9 | margin: 0 0 16px; 10 | } 11 | } 12 | .error { 13 | margin-top: 16px; 14 | } 15 | } 16 | -------------------------------------------------------------------------------- /src/shell/components/login/index.js: -------------------------------------------------------------------------------- 1 | import Login from "./Login"; 2 | export default Login; 3 | -------------------------------------------------------------------------------- /src/shell/components/welcome/index.js: -------------------------------------------------------------------------------- 1 | import { connect } from "react-redux"; 2 | 3 | export default connect()(function Welcome() { 4 | return ( 5 |25 | 6 | 10 | ); 11 | }); 12 | -------------------------------------------------------------------------------- /src/shell/constants.ts: -------------------------------------------------------------------------------- 1 | import ListRoundedIcon from "@mui/icons-material/ListRounded"; 2 | import { FileTable, Block } from "@zesty-io/material"; 3 | import DescriptionRoundedIcon from "@mui/icons-material/DescriptionRounded"; 4 | 5 | export const MODEL_ICON = { 6 | templateset: DescriptionRoundedIcon, 7 | dataset: FileTable, 8 | pageset: ListRoundedIcon, 9 | block: Block, 10 | } as const; 11 | 12 | export const MODEL_NAME = { 13 | templateset: "Single Page", 14 | dataset: "Dataset", 15 | pageset: "Multi Page", 16 | block: "Block", 17 | } as const; 18 | -------------------------------------------------------------------------------- /src/shell/contexts/duoModeContext.ts: -------------------------------------------------------------------------------- 1 | import { createContext } from "react"; 2 | 3 | type DuoModeContextType = { 4 | value: boolean; 5 | setValue: (newValue: boolean) => void; 6 | isDisabled: boolean; 7 | }; 8 | 9 | export const DuoModeContext = createContext7 | Welcome to Zesty.io 8 |
9 |( 10 | undefined 11 | ); 12 | -------------------------------------------------------------------------------- /src/shell/hooks/useGetActiveApp.ts: -------------------------------------------------------------------------------- 1 | import { useMemo } from "react"; 2 | import { useLocation } from "react-router-dom"; 3 | 4 | /** 5 | * This hook is used to find out which app the user is currently using 6 | */ 7 | interface UseGetActiveApp { 8 | mainApp: string; 9 | subApp: string; 10 | } 11 | export const useGetActiveApp: () => UseGetActiveApp = () => { 12 | const { pathname } = useLocation(); 13 | 14 | const activeApp: UseGetActiveApp = useMemo(() => { 15 | return { 16 | mainApp: pathname.split("/")[1], 17 | subApp: pathname.split("/")[2] ?? "", 18 | }; 19 | }, [pathname]); 20 | 21 | return activeApp; 22 | }; 23 | -------------------------------------------------------------------------------- /src/shell/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "app-shell", 3 | "version": "1.0.0", 4 | "description": "Root application shell to coordinate all manager experiences", 5 | "main": "index.js", 6 | "scripts": { 7 | "start": "cross-env NODE_ENV=development ../../node_modules/.bin/webpack --display=errors-only --progress --watch", 8 | "build": "cross-env ../../node_modules/.bin/webpack --display=errors-only --progress -p" 9 | }, 10 | "devDependencies": { 11 | "cross-env": "^7.0.2" 12 | } 13 | } 14 | -------------------------------------------------------------------------------- /src/shell/store/middleware/app-bus.js: -------------------------------------------------------------------------------- 1 | export const appBus = 2 | (store) => 3 | (next) => 4 | (action = {}) => { 5 | const state = store.getState(); 6 | 7 | if (state.apps.frames.length) { 8 | state.apps.frames.forEach((frame) => { 9 | frame?.contentWindow?.postMessage({ 10 | source: "zesty", 11 | action, 12 | }); 13 | }); 14 | } 15 | 16 | // Ensure we continue redux action handling 17 | return next(action); 18 | }; 19 | -------------------------------------------------------------------------------- /src/shell/store/middleware/nav.js: -------------------------------------------------------------------------------- 1 | import { fetchNav } from "../../../apps/content-editor/src/store/navContent"; 2 | 3 | export const nav = (store) => (next) => (action) => { 4 | switch (action.type) { 5 | // update content nav and store to indexedDB 6 | case "CREATE_LINK": 7 | case "CREATE_ITEM": 8 | case "REMOVE_LINK": 9 | case "REMOVE_ITEM": 10 | case "REORDER_NAV": 11 | store.dispatch(fetchNav()); 12 | break; 13 | } 14 | 15 | return next(action); 16 | }; 17 | -------------------------------------------------------------------------------- /src/shell/store/platform.js: -------------------------------------------------------------------------------- 1 | export function platform(state = {}, action) { 2 | switch (action.type) { 3 | case "DETECT_PLATFORM": 4 | return { 5 | ...state, 6 | isMac: action.payload.isMac, 7 | }; 8 | 9 | default: 10 | return state; 11 | } 12 | } 13 | 14 | export function detectPlatform() { 15 | return (dispatch) => { 16 | return dispatch({ 17 | type: "DETECT_PLATFORM", 18 | payload: { 19 | isMac: navigator.platform.toUpperCase().indexOf("MAC") >= 0, 20 | }, 21 | }); 22 | }; 23 | } 24 | -------------------------------------------------------------------------------- /src/shell/views/SearchPage/BackButton.tsx: -------------------------------------------------------------------------------- 1 | import { FC } from "react"; 2 | 3 | import CloseIcon from "@mui/icons-material/Close"; 4 | import { useHistory } from "react-router"; 5 | import { IconButton } from "@mui/material"; 6 | 7 | export const BackButton: FC = () => { 8 | const history = useHistory(); 9 | if (history.action === "POP") { 10 | return null; 11 | } 12 | return ( 13 | history.goBack()} 16 | data-cy="CloseSearchPage" 17 | > 18 | 20 | ); 21 | }; 22 | -------------------------------------------------------------------------------- /src/shell/views/SearchPage/index.tsx: -------------------------------------------------------------------------------- 1 | import { SearchPage } from "./SearchPage"; 2 | export default SearchPage; 3 | -------------------------------------------------------------------------------- /src/shell/views/Shell/index.js: -------------------------------------------------------------------------------- 1 | import Shell from "./Shell"; 2 | export default Shell; 3 | 4 | console.log(` 5 | ####### 6 | # ###### #### ##### # # # #### 7 | # # # # # # # # # 8 | # ##### #### # # # # # 9 | # # # # # ### # # # 10 | # # # # # # ### # # # 11 | ####### ###### #### # # ### # #### 12 | 13 | Hello there from the Zesty.io team. 14 | If you are looking to understand how this application is built or need to submit a bug report 15 | visit our public repository: https://github.com/zesty-io/manager-ui 16 | `); 17 | -------------------------------------------------------------------------------- /src/shell/wdyr.js: -------------------------------------------------------------------------------- 1 | import * as React from "react"; 2 | 3 | if (process.env.NODE_ENV === "development") { 4 | const whyDidYouRender = require("@welldone-software/why-did-you-render"); 5 | whyDidYouRender(React, { 6 | trackAllPureComponents: true, 7 | trackExtraHooks: [[require("react-redux/lib"), "useSelector"]], 8 | }); 9 | } 10 | -------------------------------------------------------------------------------- /src/utility/deepFreeze.js: -------------------------------------------------------------------------------- 1 | export function deepFreeze(obj) { 2 | // Retrieve the property names defined on obj 3 | var propNames = Object.getOwnPropertyNames(obj); 4 | 5 | // Freeze properties before freezing self 6 | propNames.forEach(function (name) { 7 | var prop = obj[name]; 8 | 9 | // Freeze prop if it is an object 10 | if (typeof prop == "object" && prop !== null) deepFreeze(prop); 11 | }); 12 | 13 | // Freeze self (no-op if already frozen) 14 | return Object.freeze(obj); 15 | } 16 | -------------------------------------------------------------------------------- /src/utility/formatMediaFileName.js: -------------------------------------------------------------------------------- 1 | export const formatMediaFilename = (str) => str.replace(/[^a-z\d-.]/gi, "-"); 2 | -------------------------------------------------------------------------------- /src/utility/formatName.js: -------------------------------------------------------------------------------- 1 | export const formatName = (str) => 2 | str 3 | .replace(/[^a-zA-Z0-9\_\\s]+/gi, "_") 4 | .toLowerCase() 5 | .trim(); 6 | -------------------------------------------------------------------------------- /src/utility/formatPathPart.js: -------------------------------------------------------------------------------- 1 | export const formatPathPart = (str) => 2 | str 3 | .replace(/[^a-zA-Z0-9\_\\s]+/gi, "-") 4 | .toLowerCase() 5 | .trim(); 6 | -------------------------------------------------------------------------------- /src/utility/getFlagEmoji.ts: -------------------------------------------------------------------------------- 1 | export default (countryCode: string) => { 2 | // Convert country code to flag emoji. 3 | // Unicode flag emojis are made up of regional indicator symbols, which are a sequence of two letters. 4 | const baseOffset = 0x1f1e6; 5 | return ( 6 | String.fromCodePoint(baseOffset + (countryCode.charCodeAt(0) - 65)) + 7 | String.fromCodePoint(baseOffset + (countryCode.charCodeAt(1) - 65)) 8 | ); 9 | }; 10 | -------------------------------------------------------------------------------- /src/utility/history.ts: -------------------------------------------------------------------------------- 1 | type NavModal = null | ((callback: (result: boolean) => void) => void); 2 | 3 | declare global { 4 | interface Window { 5 | openContentNavigationModal: NavModal; 6 | openCodeNavigationModal: NavModal; 7 | } 8 | } 9 | 10 | import { createBrowserHistory } from "history"; 11 | const history = createBrowserHistory({ 12 | getUserConfirmation(message, callback) { 13 | if (message === "content_confirm") { 14 | window.openContentNavigationModal(callback); 15 | } else if (message === "code_confirm") { 16 | window.openCodeNavigationModal(callback); 17 | } else { 18 | callback(true); 19 | } 20 | }, 21 | }); 22 | export default history; 23 | -------------------------------------------------------------------------------- /src/utility/instanceZUID.js: -------------------------------------------------------------------------------- 1 | const instanceZUID = window.location.host.split(".")[0]; 2 | export default instanceZUID; 3 | -------------------------------------------------------------------------------- /src/utility/isZestyEmail.ts: -------------------------------------------------------------------------------- 1 | export function isZestyEmail(email: string): boolean { 2 | return ( 3 | email.endsWith("@zesty.io") || 4 | email.endsWith("@kin.com") || 5 | email.endsWith("@geo-blue.com") || 6 | email.endsWith("@bpcreates.com") 7 | ); 8 | } 9 | -------------------------------------------------------------------------------- /src/utility/numberFormatter.js: -------------------------------------------------------------------------------- 1 | export const numberFormatter = Intl.NumberFormat("en", { 2 | notation: "compact", 3 | maximumFractionDigits: 2, 4 | }); 5 | -------------------------------------------------------------------------------- /src/utility/pluralizeWord.ts: -------------------------------------------------------------------------------- 1 | export default (word: string, count: number) => { 2 | return count > 1 ? `${word}s` : word; 3 | }; 4 | -------------------------------------------------------------------------------- /src/utility/resolveResourceType.js: -------------------------------------------------------------------------------- 1 | export const resolveResourceType = (ZUID) => { 2 | if (ZUID.startsWith("7")) { 3 | return "content"; 4 | } else if (ZUID.startsWith("6")) { 5 | return "schema"; 6 | } else if (ZUID.startsWith("10") || ZUID.startsWith("11")) { 7 | return "code"; 8 | } else { 9 | return "settings"; 10 | } 11 | }; 12 | -------------------------------------------------------------------------------- /tsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "include": ["src", "index.d.ts"], 3 | "compilerOptions": { 4 | "noImplicitAny": true, 5 | "allowJs": true, 6 | "module": "es6", 7 | "target": "esnext", 8 | "jsx": "react-jsx", 9 | "moduleResolution": "node", 10 | "sourceMap": true, 11 | "allowSyntheticDefaultImports": true, 12 | "esModuleInterop": true, 13 | "types": ["react"] 14 | } 15 | } 16 | --------------------------------------------------------------------------------19 |