this.setState({ isShown: false })}\n />\n {settingsSection}\n \n );\n }\n}\n\nSettingsSection.propTypes = {\n // eslint-disable-next-line react/forbid-prop-types\n settings: PropTypes.objectOf(PropTypes.any.isRequired).isRequired,\n plugins: PropTypes.Custom.Plugins.isRequired,\n};\n\nSettingsSection.contextType = SettingsContext;\n\nexport default SettingsSection;\n"
},
{
"path": "src/client/Settings/index.js",
"content": "// eslint-disable-next-line import/prefer-default-export\nexport { default as SettingsSection } from './SettingsSection';\n"
},
{
"path": "src/client/__tests__/Colors.test.js",
"content": "const fs = require('fs');\nconst path = require('path');\nconst walkSync = require('walk-sync');\n\ntest('verify_no_random_colors', async () => {\n const rootPath = 'src/';\n const excludeNames = ['index.css'];\n let excludeCount = 0;\n walkSync(rootPath, ['**/*.css']).forEach((fileName) => {\n const filePath = path.join(rootPath, fileName);\n if (excludeNames.some((name) => filePath.endsWith(name))) {\n excludeCount += 1;\n } else {\n const fileData = fs.readFileSync(filePath).toString();\n expect(fileData.includes('#')).toBeFalsy();\n }\n });\n expect(excludeCount).toEqual(excludeNames.length);\n});\n"
},
{
"path": "src/client/index.css",
"content": "body {\n --background-color: #111;\n --component-color: #222;\n --component-highlight-color: #333;\n --text-color: white;\n --text-disabled-color: #9197a3;\n --link-color: #3498DB;\n --topic-color: #00bc8c;\n --input-text-color: #fff;\n --input-background-color: #333;\n --input-disabled-background-color: #222;\n --suggestion-highlight-color: #375a7f;\n --input-background-token-color: #444;\n --warning-color: #ff5281;\n\n --font-size: 13px;\n --font-family: \"Lato\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\";\n\n background-color: var(--background-color);\n color: var(--text-color);\n font-size: var(--font-size);\n font-family: var(--font-family);\n}\n\na,\na:hover {\n color: var(--link-color);\n cursor: pointer;\n}\n\na.topic,\na.topic:hover {\n color: var(--topic-color);\n}\n\npre {\n color: var(--text-color);\n}\n\n.float-left {\n float: left;\n}\n\n.float-right {\n float: right;\n}\n\n.monospace {\n font-family: Consolas;\n}\n"
},
{
"path": "src/client/index.html",
"content": "\n\n \n GLADOS \n \n \n
\n \n\n"
},
{
"path": "src/client/index.js",
"content": "import './Bootstrap';\nimport './index.css';\nimport './prop-types'; // Load PropTypes.Custom\n\nimport React from 'react';\nimport ReactDOM from 'react-dom';\nimport io from 'socket.io-client';\n\nimport { isVirtualItem } from '../common/data_types';\nimport SocketRPC from '../common/SocketRPC';\nimport { Application } from './Application';\nimport { Coordinator } from './Common';\n\nfunction getCookies() {\n const cookies = {};\n document.cookie.split('; ').forEach((item) => {\n const [key, value] = item.split('=');\n cookies[key] = decodeURIComponent(value);\n });\n return cookies;\n}\n\nwindow.main = function main() {\n const cookies = getCookies();\n window.api = SocketRPC.client(\n io(`${cookies.host}:${cookies.port}`),\n (name, input, output) => {\n // The \"log-event-created\" event is used to auto-add the \"Log Level: Minor+\"\n // item to LogEventSearch typeahead, to make sure that the new item is visible.\n if (name === 'log-event-upsert' && isVirtualItem(input)) {\n Coordinator.broadcast('log-event-created', output);\n } else if (name === 'reminder-complete') {\n Coordinator.broadcast('log-event-created', output.logEvent);\n }\n },\n // TODO: Eliminate this catch-all.\n (_name, _input, error) => Coordinator.invoke('modal-error', error),\n );\n\n const plugins = {};\n const pluginsContext = require.context('../plugins', true, /client\\.js$/);\n const pluginPatterns = JSON.parse(cookies.plugins).map((pattern) => new RegExp(pattern));\n pluginsContext.keys()\n .filter((filePath) => pluginPatterns.some((regex) => filePath.match(regex)))\n .forEach((filePath) => {\n const exports = pluginsContext(filePath);\n const name = filePath.split('/').slice(1, -1).join('/');\n plugins[name] = exports.default;\n });\n\n ReactDOM.render(\n {output.map((line) => `${line}\\n`).join('')}\n
\n );\n }\n return null;\n}\n\nCustomTooltip.propTypes = {\n active: PropTypes.bool,\n label: PropTypes.string,\n // eslint-disable-next-line react/forbid-prop-types\n payload: PropTypes.any,\n};\n\nclass LongTermGoalGraph extends React.Component {\n constructor(props) {\n super(props);\n this.state = { graphData: null };\n }\n\n componentDidMount() {\n this.fetchData();\n }\n\n async fetchData() {\n this.setState({ graphData: null });\n const { goal } = this.props;\n const granularity = Granularity.DAY;\n\n // Standard Graph Calculations\n const dateRange = { ...goal.dateRange, endDate: this.props.todayDate };\n const where = { date: dateRange, logStructure: goal.logStructure };\n const logEvents = await window.api.send('log-event-list', { where });\n const graphData = getGraphData(\n goal.logStructure,\n logEvents,\n goal.dateRange,\n granularity,\n );\n\n // Replace lines.\n const selectedLine = graphData.lines.find((line) => line.name === goal.keyLabel);\n graphData.lines = [\n { name: goal.newLabel, dataKey: CURRENT_KEY },\n { name: 'Target', dataKey: TARGET_KEY, color: 'var(--link-color)' },\n ];\n\n // Limit samples to today.\n graphData.samples = graphData.samples.filter((sample) => {\n const sampleDate = DateUtils.getDate(sample.label);\n return compareAsc(sampleDate, this.props.todayDate) <= 0;\n });\n\n // Compute progress and prorated target.\n const startDate = DateUtils.getDate(goal.dateRange.startDate);\n const endDate = DateUtils.getDate(goal.dateRange.endDate);\n const totalDays = differenceInDays(endDate, startDate) + 1;\n let partialSum = 0;\n graphData.samples.forEach((sample) => {\n const sampleDate = DateUtils.getDate(sample.label);\n let nextSampleDate = addDays(sampleDate, 1);\n const getGroupLabel = Granularity[granularity].getLabel;\n while (getGroupLabel(sampleDate) === getGroupLabel(nextSampleDate)) {\n nextSampleDate = addDays(nextSampleDate, 1);\n }\n let dayCount = differenceInDays(nextSampleDate, startDate);\n dayCount = Math.max(dayCount, 0);\n dayCount = Math.min(dayCount, totalDays);\n sample[TARGET_KEY] = (parseFloat(goal.target) * (dayCount / totalDays)).toFixed(2);\n if (compareAsc(sampleDate, this.props.todayDate) <= 0) {\n partialSum += sample[selectedLine.valuesKey]\n .reduce((result, value) => (result + value), 0);\n sample[CURRENT_KEY] = partialSum;\n // Only the last color assigned is applicable.\n graphData.lines[0].color = sample[CURRENT_KEY] >= sample[TARGET_KEY] ? 'var(--topic-color)' : 'var(--warning-color)';\n }\n });\n\n // Additional Props\n graphData.tooltip = CustomTooltip;\n this.setState({ graphData });\n }\n\n render() {\n const { graphData } = this.state;\n return graphData ? \n \n {children.shift()}\n props.onChange({ ...item, logStructure })}\n />\n props.onChange({ ...item, keyLabel })}\n />\n props.onChange({ ...item, newLabel })}\n />\n {children.pop()}\n \n \n props.onChange({ ...item, dateRange })}\n />\n props.onChange({ ...item, target })}\n />\n \n
\n );\n}\n\nfunction LongTermGoalsSettings(props) {\n const items = props.value || [];\n return (\n \n );\n}\n\nLongTermGoalsSettings.propTypes = {\n disabled: PropTypes.bool.isRequired,\n // eslint-disable-next-line react/forbid-prop-types\n value: PropTypes.any,\n onChange: PropTypes.func.isRequired,\n};\n\nexport default LongTermGoalsSettings;\n"
},
{
"path": "src/plugins/kaustubh/long_term_goals/client.js",
"content": "import React from 'react';\n\nimport { PluginClient, PluginDisplayLocation } from '../../../client/Common';\nimport LongTermGoalGraph from './LongTermGoalGraph';\nimport LongTermGoalsSettings from './LongTermGoalsSettings';\n\nexport default class extends PluginClient {\n static getSettingsKey() {\n return 'long_term_goals';\n }\n\n static getSettingsComponent(props) {\n return \n \n {children.shift()}\n props.onChange({ ...item, label })}\n />\n {children.pop()}\n \n
\n );\n}\n\nfunction MoreEventListsSettings(props) {\n const items = props.value || [];\n return (\n \n
\n More Event Lists
\n props.onChange(items.concat({\n __id__: getNextID(items),\n label: '',\n timezone: '',\n }))}\n >\n Add Entry\n \n \n
props.onChange(newItems)}\n type={renderRow}\n valueKey=\"item\"\n />\n \n \n {this.props.label}\n {formatToTimeZone(\n new Date(),\n 'HH:mm:ss',\n { timeZone: this.props.timezone },\n )}\n \n \n );\n }\n}\n\nTimeSection.propTypes = {\n label: PropTypes.string.isRequired,\n timezone: PropTypes.string.isRequired,\n};\n\nexport default TimeSection;\n"
},
{
"path": "src/plugins/kaustubh/time_sections/TimeSectionSettings.js",
"content": "import PropTypes from 'prop-types';\nimport React from 'react';\nimport InputGroup from 'react-bootstrap/InputGroup';\nimport { listTimeZones } from 'timezone-support';\n\nimport {\n LeftRight, Selector, SortableList, TextInput,\n} from '../../../client/Common';\nimport { getNextID } from '../../../common/data_types';\n\nconst TIMEZONE_OPTIONS = [{ label: '(timezone)', value: '' }].concat(Selector.getStringListOptions(listTimeZones().sort()));\n\nfunction renderRow(props) {\n const { item } = props;\n const children = props.children || [];\n return (\n \n \n {children.shift()}\n props.onChange({ ...item, label })}\n />\n props.onChange({ ...item, timezone })}\n />\n {children.pop()}\n \n
\n );\n}\n\nfunction TimeSectionSettings(props) {\n const items = props.value;\n return (\n \n
\n Display Timezones
\n props.onChange(items.concat({\n __id__: getNextID(items),\n label: '',\n timezone: '',\n }))}\n >\n Add Entry\n \n \n
props.onChange(newItems)}\n type={renderRow}\n valueKey=\"item\"\n />\n \n {`(${dayCount} days)`} : null}\n \n ));\n }\n\n render() {\n const { logStructure } = this.state;\n const suffix = logStructure ? `: ${logStructure.name}` : '';\n return (\n \n {this.renderContents()}\n \n );\n }\n}\n\nTopicRemindersSection.propTypes = {\n todayLabel: PropTypes.string.isRequired,\n logStructureId: PropTypes.number.isRequired,\n thresholdDays: PropTypes.number.isRequired,\n};\n\nexport default DateContext.Wrapper(TopicRemindersSection);\n"
},
{
"path": "src/plugins/kaustubh/topic_reminder_sections/TopicRemindersSectionSettings.js",
"content": "import PropTypes from 'prop-types';\nimport React from 'react';\nimport InputGroup from 'react-bootstrap/InputGroup';\n\nimport {\n HelpIcon, LeftRight, SortableList, TextInput,\n TooltipElement, TypeaheadOptions, TypeaheadSelector,\n} from '../../../client/Common';\nimport { getNextID } from '../../../common/data_types';\n\nfunction renderRow(props) {\n const { item } = props;\n const children = props.children || [];\n return (\n \n \n {children.shift()}\n props.onChange({ ...item, logStructure })}\n />\n props.onChange({ ...item, thresholdDays })}\n />\n {children.pop()}\n \n
\n );\n}\n\nfunction TopicRemindersSettings(props) {\n const helpText = (\n 'Add sections on the right sidebar for each structure selected here (eg - Conversation). '\n + 'For each structure, look at the details to get a list of topics (eg - people), and then '\n + 'check to see if there are any events with that structure and topic in the last X days. '\n + 'If not, show a reminder about that topic (eg - speak to someone every X days).'\n );\n const items = props.value;\n return (\n \n
\n \n Reminder Sections\n \n {helpText} \n \n
\n props.onChange(items.concat({\n __id__: getNextID(items),\n logStructure: null,\n thresholdDays: '',\n }))}\n >\n Add Entry\n \n \n
props.onChange(newItems)}\n type={renderRow}\n valueKey=\"item\"\n />\n \n {item}\n \n ));\n }\n\n render() {\n const { logTopic } = this.state;\n return (\n \n {this.renderContent()}\n \n );\n }\n}\n\nTopicSection.propTypes = {\n logTopicId: PropTypes.number.isRequired,\n};\n\nexport default TopicSection;\n"
},
{
"path": "src/plugins/kaustubh/topic_sections/TopicSectionSettings.js",
"content": "import PropTypes from 'prop-types';\nimport React from 'react';\nimport InputGroup from 'react-bootstrap/InputGroup';\n\nimport {\n HelpIcon, LeftRight, SortableList, TooltipElement, TypeaheadOptions, TypeaheadSelector,\n} from '../../../client/Common';\nimport { getNextID } from '../../../common/data_types';\n\nfunction renderRow(props) {\n const { item } = props;\n const children = props.children || [];\n return (\n \n \n {children.shift()}\n props.onChange({ ...item, logTopic })}\n />\n {children.pop()}\n \n
\n );\n}\n\nfunction TopicSectionSettings(props) {\n const helpText = (\n 'Add sections on the right sidebar for each topic selected here, '\n + 'which display the bullet-points in the details of those topics.'\n );\n const items = props.value;\n return (\n \n
\n \n Topic Sections\n \n {helpText} \n \n
\n props.onChange(items.concat({\n __id__: getNextID(items),\n logTopic: null,\n }))}\n >\n Add Entry\n \n \n
props.onChange(newItems)}\n type={renderRow}\n valueKey=\"item\"\n />\n