(this._element = elem)} className=\"stack layer\" />\n }\n\n private _onResize(): void {\n if (!this._element) {\n return\n }\n\n const width = this._element.offsetWidth\n const height = this._element.offsetHeight\n\n this.props.neovimInstance\n .resize(width, height)\n .then(() => this.props.renderer.redrawAll(this.props.screen))\n }\n}\n"
},
{
"path": "browser/src/Editor/NeovimEditor/NeovimSurface.tsx",
"content": "/**\n * NeovimSurface.tsx\n *\n * UI layer for the Neovim editor surface\n */\n\nimport * as React from \"react\"\nimport { connect } from \"react-redux\"\n\nimport { IEvent } from \"oni-types\"\n\nimport { NeovimInstance, NeovimScreen } from \"./../../neovim\"\nimport { INeovimRenderer } from \"./../../Renderer\"\nimport FileDropHandler from \"./FileDropHandler\"\n\nimport { TypingPredictionManager } from \"./../../Services/TypingPredictionManager\"\nimport { Cursor } from \"./../../UI/components/Cursor\"\nimport { CursorLine } from \"./../../UI/components/CursorLine\"\nimport { InstallHelp } from \"./../../UI/components/InstallHelp\"\nimport { TabsContainer } from \"./../../UI/components/Tabs\"\nimport { ToolTips } from \"./../../UI/components/ToolTip\"\n\nimport { StackLayer } from \"../../UI/components/common\"\nimport { setViewport } from \"./../NeovimEditor/NeovimEditorActions\"\nimport { NeovimBufferLayers } from \"./NeovimBufferLayersView\"\nimport { NeovimEditorLoadingOverlay } from \"./NeovimEditorLoadingOverlay\"\nimport { NeovimInput } from \"./NeovimInput\"\nimport { NeovimRenderer } from \"./NeovimRenderer\"\n\nexport interface INeovimSurfaceProps {\n autoFocus: boolean\n neovimInstance: NeovimInstance\n renderer: INeovimRenderer\n screen: NeovimScreen\n typingPrediction: TypingPredictionManager\n\n onActivate: IEvent
\n\n onKeyDown?: (key: string) => void\n onBufferClose?: (bufferId: number) => void\n onBufferSelect?: (bufferId: number) => void\n onFileDrop?: (files: FileList) => void\n onImeStart: () => void\n onImeEnd: () => void\n onBounceStart: () => void\n onBounceEnd: () => void\n onTabClose?: (tabId: number) => void\n onTabSelect?: (tabId: number) => void\n setViewport: any\n}\n\nclass NeovimSurface extends React.Component {\n private observer: any\n private _editor: HTMLDivElement\n\n public componentDidMount(): void {\n // tslint:disable-next-line\n this.observer = new window[\"ResizeObserver\"](([entry]: any) => {\n this.setDimensions(entry.contentRect.width, entry.contentRect.height)\n })\n\n this.observer.observe(this._editor)\n }\n\n public setDimensions = (width: number, height: number) => {\n this.props.setViewport(width, height)\n }\n\n public render(): JSX.Element {\n return (\n \n {({ setRef }) => (\n \n
\n \n
\n
\n
(this._editor = e)}>\n \n
\n
\n \n \n \n \n
\n
\n
\n \n \n
\n
\n
\n
\n \n \n Oni\n Modern Modal Editing\n \n \n \n \n \n {version && {`v${version}`}}\n {\"https://onivim.io\"}
\n \n \n
\n \n \n \n \n Sessions\n {this.props.sessions.length ? (\n this.props.sessions.map(session => (\n this.props.restoreSession(session.name)}\n key={session.id}\n >\n {\" \"}\n {session.name}\n \n ))\n ) : (\n No Sessions Available\n )}\n \n \n
\n \n )\n }\n}\n\nexport interface IWelcomeCommandsViewProps extends Partial {\n selectedId: string\n}\n\nexport const WelcomeCommandsView: React.SFC = props => {\n const isSelected = (command: string) => command === props.selectedId\n const { commands } = props\n return (\n \n \n Quick Commands\n commands.openFile.execute()}\n description=\"Control + N\"\n command={commands.openFile.command}\n selected={isSelected(commands.openFile.command)}\n />\n commands.openWorkspaceFolder.execute()}\n command={commands.openWorkspaceFolder.command}\n selected={isSelected(commands.openWorkspaceFolder.command)}\n />\n commands.commandPalette.execute()}\n description=\"Control + Shift + P\"\n command={commands.commandPalette.command}\n selected={isSelected(commands.commandPalette.command)}\n />\n commands.commandline.execute()}\n selected={isSelected(commands.commandline.command)}\n />\n \n \n Learn\n commands.openTutor.execute()}\n description=\"Learn modal editing with an interactive tutorial.\"\n command={commands.openTutor.command}\n selected={isSelected(commands.openTutor.command)}\n />\n commands.openDocs.execute()}\n description=\"Discover what Oni can do for you.\"\n command={commands.openDocs.command}\n selected={isSelected(commands.openDocs.command)}\n />\n \n \n Customize\n commands.openConfig.execute()}\n description=\"Make Oni work the way you want.\"\n command={commands.openConfig.command}\n selected={isSelected(commands.openConfig.command)}\n />\n commands.openThemes.execute()}\n description=\"Choose a theme that works for you.\"\n command={commands.openThemes.command}\n selected={isSelected(commands.openThemes.command)}\n />\n \n \n )\n}\n"
},
{
"path": "browser/src/Editor/NeovimEditor/index.ts",
"content": "export * from \"./NeovimEditor\"\n"
},
{
"path": "browser/src/Editor/NeovimEditor/markdown.ts",
"content": "import { unescape } from \"lodash\"\nimport * as marked from \"marked\"\n\nimport * as Log from \"oni-core-logging\"\nimport { IGrammarPerLine, IGrammarToken } from \"./../../Services/SyntaxHighlighting/TokenGenerator\"\n\nimport * as DOMPurify from \"dompurify\"\n\nconst renderer = new marked.Renderer()\ninterface IRendererArgs {\n tokens?: IGrammarPerLine\n text: string\n element?: TextElement\n container?: TextElement\n}\n\ninterface Symbols {\n [symbol: string]: string[]\n}\n\nexport const scopesToString = (scope: string[]) => {\n if (scope) {\n return scope\n .map(s => {\n if (s.includes(\".\")) {\n const lastStop = s.lastIndexOf(\".\")\n const remainder = s.substring(0, lastStop)\n return remainder.replace(/\\./g, \"-\")\n }\n return s\n })\n .filter(value => !!value)\n .join(\" \")\n }\n return null\n}\n\n/**\n * escapeRegExp\n * Escapes a string intended for use as a regexp\n * @param {string} str\n * @returns {string}\n */\nexport function escapeRegExp(str: string) {\n // NOTE This does NOT escape the \"|\" operator as it's needed for the Reg Exp\n // Also does not escape \"\\-\" as hypenated tokens can be found\n return str.replace(/[\\[\\]\\/\\{\\}\\(\\)\\*\\+\\?\\.\\\\\\^\\$\\n\\r]/g, \"\\\\$&\")\n}\n\ntype TextElement = \"code\" | \"pre\" | \"p\" | \"span\"\nexport const createContainer = (type: TextElement, content: string) => {\n switch (type) {\n case \"pre\":\n return `${content}`\n case \"p\":\n return `<${type} class=\"marked-paragraph\">${content}`\n case \"code\":\n default:\n return content\n }\n}\n\ninterface WrapTokenArgs {\n tokens: IGrammarToken[]\n element: string\n text: string\n}\nexport function wrapTokens({ tokens, element, text }: WrapTokenArgs): string {\n try {\n const symbols: Symbols = tokens.reduce((acc, token) => {\n const symbol = text.substring(token.range.start.character, token.range.end.character)\n acc[symbol] = token.scopes\n return acc\n }, {})\n\n const symbolNames = Object.keys(symbols)\n const banned = [\"\\n\", \"\\r\", \" \", \"|\"]\n const filteredNames = symbolNames.filter(str => !banned.includes(str))\n // Check if a word is alphabetical if so make sure to match full words only\n // if not alphabetical escape the string\n const wholeWordMatch = filteredNames.map(\n str => (/^[A-Za-z]/.test(str) ? `\\\\b${str}\\\\b` : escapeRegExp(str)),\n )\n const symbolRegex = new RegExp(\"(\" + wholeWordMatch.join(\"|\") + \")\", \"g\")\n const html = text.replace(symbolRegex, (match, ...args) => {\n const className = scopesToString(symbols[match])\n return `<${element} class=\"marked ${className}\">${match}`\n })\n return html\n } catch (e) {\n Log.warn(`Regex construction failed with: ${e.message}`)\n return text\n }\n}\n\n/**\n * Takes a list of tokens which contain ranges, the text from marked (3rd party lib)\n * uses a reg exp to replace all matching tokens with an element with a class that is styled\n * else where\n * @returns {string}\n */\nexport function renderWithClasses({\n tokens,\n text,\n element = \"span\",\n container = \"p\",\n}: IRendererArgs) {\n // This is critical because marked's renderer refuses to leave html untouched so it converts\n // special chars to html entities\n const unescapedText = unescape(text)\n const whiteSpaceForCode = (line: string, code: boolean) => (code ? line.trim() : line)\n\n if (tokens) {\n const isCodeBlock = container === \"code\"\n const tokenValues = Object.values(tokens)\n const tokenLines = tokenValues.map(l => whiteSpaceForCode(l.line, isCodeBlock))\n const parts = unescapedText.split(\"\\n\")\n // Find common lines in lines to render and lines in tokenisation map\n const intersection = tokenLines.filter(x => parts.includes(x))\n const lineToToken = tokenValues.reduce((acc, t) => {\n const key = whiteSpaceForCode(t.line, isCodeBlock)\n acc[key] = t\n return acc\n }, {})\n if (intersection.length) {\n const html = intersection.reduce((acc, match) => {\n return `${(acc += wrapTokens({\n tokens: lineToToken[match].tokens,\n element,\n text: lineToToken[match].line,\n }))}\\n`\n }, \"\")\n if (container) {\n return createContainer(container, html)\n }\n return html\n }\n }\n return text\n}\n\ninterface IConversionArgs {\n markdown: string\n tokens?: IGrammarPerLine\n type?: string\n}\n\nconst config = {\n FORBID_TAGS: [\"img\", \"script\"],\n}\n\n/**\n * Takes a markdown string and defines a custom renderer then for the element type and returns an html string\n *\n * @name convertMarkdown\n * @function\n * @param {string} {markdown A Markdown String\n * @param {Object} tokens An Object of lines with tokens for each line\n * @param {string} type the section of the quickfix being processed\n * @returns {string} An html string\n */\nexport const convertMarkdown = ({ markdown, tokens, type = \"title\" }: IConversionArgs): string => {\n marked.setOptions({\n sanitize: true,\n gfm: true,\n renderer,\n highlight: (code, lang) => {\n return renderWithClasses({ text: code, tokens, container: \"code\" })\n },\n })\n\n switch (type) {\n case \"documentation\":\n renderer.html = htmlString => DOMPurify.sanitize(htmlString, config)\n renderer.paragraph = text => createContainer(\"p\", DOMPurify.sanitize(text, config))\n\n break\n case \"title\":\n default:\n renderer.html = htmlString => DOMPurify.sanitize(htmlString, config)\n renderer.paragraph = text => {\n const stringWithClasses = renderWithClasses({ text, tokens })\n return DOMPurify.sanitize(stringWithClasses, config)\n }\n renderer.blockquote = text => {\n const stringWithClasses = renderWithClasses({\n text,\n tokens,\n container: \"pre\",\n })\n return DOMPurify.sanitize(stringWithClasses, config)\n }\n }\n\n const html = marked(markdown)\n return html\n}\n"
},
{
"path": "browser/src/Editor/OniEditor/ColorHighlightLayer.tsx",
"content": "import * as Color from \"color\"\nimport * as memoize from \"lodash/memoize\"\nimport * as Oni from \"oni-api\"\nimport * as Log from \"oni-core-logging\"\nimport * as React from \"react\"\n\nimport styled, { pixel, withProps } from \"../../UI/components/common\"\n\ninterface IBackground {\n top: number\n left: number\n height: number\n width: number\n}\n\ninterface IHighlight {\n color: string\n fontFamily: string\n height: number\n fontSize: string\n}\n\nconst Background = withProps(styled.div).attrs({\n style: (props: IBackground) => ({\n top: pixel(props.top),\n left: pixel(props.left),\n height: pixel(props.height),\n width: pixel(props.width),\n }),\n})`\n background-color: ${p => p.theme[\"editor.background\"]};\n position: absolute;\n white-space: nowrap;\n`\n\nconst HighlightSpan = withProps(styled.div)`\n display: block;\n height: 100%;\n width: 100%;\n color: ${p => (Color(p.color).dark() ? \"white\" : \"black\")};\n font-family: ${p => p.fontFamily};\n font-size: ${p => p.fontSize};\n line-height: ${p => pixel(p.height + 5)}; /* vertically center text inside the highlight */\n background-color: ${p => p.color};\n`\n\ninterface IState {\n error: Error\n}\n\ntype IProps = IHighlight & IBackground\n\nclass Highlight extends React.PureComponent {\n public state: IState = {\n error: null,\n }\n\n public componentDidCatch(error: Error) {\n this.setState({ error })\n }\n\n public render() {\n return (\n !this.state.error && (\n \n \n {this.props.children}\n \n \n )\n )\n }\n}\n\nexport default class ColorHighlightLayer implements Oni.BufferLayer {\n public render = memoize((context: Oni.BufferLayerRenderContext) => (\n <>{this._getColorHighlights(context)}\n ))\n\n private readonly CSS_COLOR_NAMES = [\n \"AliceBlue\",\n \"AntiqueWhite\",\n \"Aqua\",\n \"Aquamarine\",\n \"Azure\",\n \"Beige\",\n \"Bisque\",\n \"Black\",\n \"BlanchedAlmond\",\n \"Blue\",\n \"BlueViolet\",\n \"Brown\",\n \"BurlyWood\",\n \"CadetBlue\",\n \"Chartreuse\",\n \"Chocolate\",\n \"Coral\",\n \"CornflowerBlue\",\n \"Cornsilk\",\n \"Crimson\",\n \"Cyan\",\n \"DarkBlue\",\n \"DarkCyan\",\n \"DarkGoldenRod\",\n \"DarkGray\",\n \"DarkGrey\",\n \"DarkGreen\",\n \"DarkKhaki\",\n \"DarkMagenta\",\n \"DarkOliveGreen\",\n \"Darkorange\",\n \"DarkOrchid\",\n \"DarkRed\",\n \"DarkSalmon\",\n \"DarkSeaGreen\",\n \"DarkSlateBlue\",\n \"DarkSlateGray\",\n \"DarkSlateGrey\",\n \"DarkTurquoise\",\n \"DarkViolet\",\n \"DeepPink\",\n \"DeepSkyBlue\",\n \"DimGray\",\n \"DimGrey\",\n \"DodgerBlue\",\n \"FireBrick\",\n \"FloralWhite\",\n \"ForestGreen\",\n \"Fuchsia\",\n \"Gainsboro\",\n \"GhostWhite\",\n \"Gold\",\n \"GoldenRod\",\n \"Gray\",\n \"Grey\",\n \"Green\",\n \"GreenYellow\",\n \"HoneyDew\",\n \"HotPink\",\n \"IndianRed\",\n \"Indigo\",\n \"Ivory\",\n \"Khaki\",\n \"Lavender\",\n \"LavenderBlush\",\n \"LawnGreen\",\n \"LemonChiffon\",\n \"LightBlue\",\n \"LightCoral\",\n \"LightCyan\",\n \"LightGoldenRodYellow\",\n \"LightGray\",\n \"LightGrey\",\n \"LightGreen\",\n \"LightPink\",\n \"LightSalmon\",\n \"LightSeaGreen\",\n \"LightSkyBlue\",\n \"LightSlateGray\",\n \"LightSlateGrey\",\n \"LightSteelBlue\",\n \"LightYellow\",\n \"Lime\",\n \"LimeGreen\",\n \"Linen\",\n \"Magenta\",\n \"Maroon\",\n \"MediumAquaMarine\",\n \"MediumBlue\",\n \"MediumOrchid\",\n \"MediumPurple\",\n \"MediumSeaGreen\",\n \"MediumSlateBlue\",\n \"MediumSpringGreen\",\n \"MediumTurquoise\",\n \"MediumVioletRed\",\n \"MidnightBlue\",\n \"MintCream\",\n \"MistyRose\",\n \"Moccasin\",\n \"NavajoWhite\",\n \"Navy\",\n \"OldLace\",\n \"Olive\",\n \"OliveDrab\",\n \"Orange\",\n \"OrangeRed\",\n \"Orchid\",\n \"PaleGoldenRod\",\n \"PaleGreen\",\n \"PaleTurquoise\",\n \"PaleVioletRed\",\n \"PapayaWhip\",\n \"PeachPuff\",\n \"Peru\",\n \"Pink\",\n \"Plum\",\n \"PowderBlue\",\n \"Purple\",\n \"Red\",\n \"RosyBrown\",\n \"RoyalBlue\",\n \"SaddleBrown\",\n \"Salmon\",\n \"SandyBrown\",\n \"SeaGreen\",\n \"SeaShell\",\n \"Sienna\",\n \"Silver\",\n \"SkyBlue\",\n \"SlateBlue\",\n \"SlateGray\",\n \"SlateGrey\",\n \"Snow\",\n \"SpringGreen\",\n \"SteelBlue\",\n \"Tan\",\n \"Teal\",\n \"Thistle\",\n \"Tomato\",\n \"Turquoise\",\n \"Violet\",\n \"Wheat\",\n \"White\",\n \"WhiteSmoke\",\n \"Yellow\",\n \"YellowGreen\",\n ]\n\n // Match hex/rgb/rgba/hsl/hsla colors -\n // courtesy of https://gist.github.com/olmokramer/82ccce673f86db7cda5e\n // the first section matches a hex code which can be 3 or 6 digits long the\n // next section matches rgb or hsl value with an a optionally\n // NB - the regex was tweaked so it could match inside a string\n private _colorCodeRegex = /#(?:[0-9a-f]{3}){1,2}|(rgb|hsl)a?\\((-?\\d+%?[,\\s]+){2,3}\\s*[\\d\\.]+%?\\)/gi\n private _colorRegex: RegExp\n\n private _fontSize: string\n private _fontFamily: string\n\n constructor(private _config: Oni.Configuration) {\n this._fontSize = this._config.getValue(\"editor.fontSize\")\n this._fontFamily = this._config.getValue(\"editor.fontFamily\")\n this._config.onConfigurationChanged.subscribe(this._updateFontFamily)\n\n this._constructRegex()\n }\n\n public get id() {\n return \"color-highlight\"\n }\n\n public get friendlyName() {\n return \"CSS color highlight layer\"\n }\n\n private _updateFontFamily = (configChanges: Partial) => {\n const fontFamilyChanged = Object.keys(configChanges).includes(\"editor.fontFamily\")\n if (fontFamilyChanged) {\n this._fontFamily = configChanges[\"editor.fontFamily\"]\n }\n }\n\n private _constructRegex() {\n // Construct a regex checking for both color codes and all the different css colornames\n const colorNames = this.CSS_COLOR_NAMES.map(name => `\\\\b${name}\\\\b`)\n const colorNamesRegex = new RegExp(\"(\" + colorNames.join(\"|\") + \")\")\n this._colorRegex = new RegExp(\n colorNamesRegex.source + \"|\" + this._colorCodeRegex.source,\n \"gi\",\n )\n }\n\n private _getColorHighlights = (context: Oni.BufferLayerRenderContext) => {\n return context.visibleLines.map((line, idx) => {\n try {\n const matches = line.match(this._colorRegex)\n if (matches) {\n const colors = matches.filter(Boolean)\n if (colors.length) {\n const locations = colors.map(c => ({\n color: c,\n start: line.indexOf(c),\n end: line.indexOf(c) + c.length,\n }))\n const currentLine = context.topBufferLine + idx - 1\n return locations.map(location => {\n const startPosition = context.bufferToPixel({\n line: currentLine,\n character: location.start,\n })\n const endPosition = context.bufferToPixel({\n line: currentLine,\n character: location.end,\n })\n\n if (!startPosition || !endPosition) {\n return null\n }\n\n const width = endPosition.pixelX - startPosition.pixelX\n return (\n \n {location.color}\n \n )\n })\n }\n }\n } catch (e) {\n Log.warn(`Failed to create color highlights because ${e.message}`)\n return null\n }\n return null\n })\n }\n}\n"
},
{
"path": "browser/src/Editor/OniEditor/ImageBufferLayer.tsx",
"content": "/**\n * ImageBufferLayer.tsx\n */\n\nimport * as React from \"react\"\n\nimport styled from \"styled-components\"\n\n// import { inputManager, InputManager } from \"./../../Services/InputManager\"\n\nimport * as Oni from \"oni-api\"\n\nimport { withProps } from \"./../../UI/components/common\"\n// import { VimNavigator } from \"./../../UI/components/VimNavigator\"\n\nexport class ImageBufferLayer implements Oni.BufferLayer {\n constructor(private _buffer: Oni.Buffer) {}\n public get id(): string {\n return \"oni.image\"\n }\n\n public get friendlyName(): string {\n return \"Image\"\n }\n\n public render(context: Oni.BufferLayerRenderContext): JSX.Element {\n return \n }\n}\n\nexport interface IImageLayerViewProps {\n imagePath: string\n}\n\nexport interface IImageLayerViewState {\n width: number\n height: number\n}\n\nconst ImageContainer = withProps<{}>(styled.div)`\n background-color: ${props => props.theme[\"editor.background\"]};\n color: ${props => props.theme[\"editor.foreground\"]};\n position: absolute;\n top: 0px;\n left: 0px;\n right: 0px;\n bottom: 0px;\n\n display: flex;\n justify-content: center;\n align-items: center;\n flex-direction: column;\n opacity: 0.95;\n\n & img {\n max-width: 90%;\n max-height: 90%;\n\n padding-bottom: 2em;\n }\n`\n\nexport class ImageLayerView extends React.PureComponent<\n IImageLayerViewProps,\n IImageLayerViewState\n> {\n constructor(props: IImageLayerViewProps) {\n super(props)\n\n this.state = {\n width: -1,\n height: -1,\n }\n }\n public componentDidMount(): void {\n const image = new Image()\n image.onload = () => {\n this.setState({\n width: image.width,\n height: image.height,\n })\n }\n image.src = this.props.imagePath\n }\n\n public render(): JSX.Element {\n const dimensions = this.state ? `${this.state.width}x${this.state.height}` : \"\"\n\n return (\n \n 
\n {this.props.imagePath}
\n {dimensions}
\n \n )\n }\n}\n"
},
{
"path": "browser/src/Editor/OniEditor/IndentGuideBufferLayer.tsx",
"content": "import * as React from \"react\"\n\nimport * as detectIndent from \"detect-indent\"\nimport * as flatten from \"lodash/flatten\"\nimport * as last from \"lodash/last\"\nimport * as memoize from \"lodash/memoize\"\nimport * as Oni from \"oni-api\"\n\nimport { IBuffer } from \"../BufferManager\"\nimport styled, { pixel, withProps } from \"./../../UI/components/common\"\n\ninterface IWrappedLine {\n start: number\n end: number\n line: string\n}\n\ninterface IProps {\n height: number\n left: number\n top: number\n color?: string\n}\n\ninterface ConfigOptions {\n skipFirst: boolean\n color?: string\n}\n\ninterface LinePropsWithLevels extends IndentLinesProps {\n levelOfIndentation: number\n}\n\ninterface IndentLinesProps {\n top: number\n left: number\n height: number\n line: string\n indentBy: number\n indentSize: number\n characterWidth: number\n}\n\nconst Container = styled.div``\n\nconst IndentLine = withProps(styled.span).attrs({\n style: ({ height, left, top }: IProps) => ({\n height: pixel(height),\n left: pixel(left),\n top: pixel(top),\n }),\n})`\n border-left: 1px solid ${p => p.color || \"rgba(100, 100, 100, 0.4)\"};\n position: absolute;\n`\n\ninterface IndentLayerArgs {\n buffer: IBuffer\n configuration: Oni.Configuration\n}\n\nclass IndentGuideBufferLayer implements Oni.BufferLayer {\n public render = memoize((bufferLayerContext: Oni.BufferLayerRenderContext) => {\n return {this._renderIndentLines(bufferLayerContext)}\n })\n\n private _buffer: IBuffer\n private _userSpacing: number\n private _configuration: Oni.Configuration\n\n constructor({ buffer, configuration }: IndentLayerArgs) {\n this._buffer = buffer\n this._configuration = configuration\n this._userSpacing = this._buffer.shiftwidth || this._buffer.tabstop\n }\n get id() {\n return \"indent-guides\"\n }\n\n get friendlyName() {\n return \"Indent Guide Lines\"\n }\n\n private _getIndentLines = (guidePositions: IndentLinesProps[], options: ConfigOptions) => {\n return flatten(\n guidePositions.map((props, idx) => {\n const indents: JSX.Element[] = []\n // Create a line per indentation\n for (\n let levelOfIndentation = 0;\n levelOfIndentation < props.indentBy;\n levelOfIndentation++\n ) {\n const lineProps = { ...props, levelOfIndentation }\n const adjustedLeft = this._calculateLeftPosition(lineProps)\n const shouldSkip = this._determineIfShouldSkip(lineProps, options)\n const key = `${props.line.trim()}-${idx}-${levelOfIndentation}`\n indents.push(\n !shouldSkip && (\n \n ),\n )\n }\n return indents\n }),\n )\n }\n\n private _determineIfShouldSkip(props: LinePropsWithLevels, options: ConfigOptions) {\n const skipFirstIndentLine =\n options.skipFirst && props.levelOfIndentation === props.indentBy - 1\n\n return skipFirstIndentLine\n }\n\n /**\n * Remove one indent from left positioning and move lines slightly inwards -\n * by a third of a character for a better visual appearance\n */\n private _calculateLeftPosition(props: LinePropsWithLevels) {\n const adjustedLeft =\n props.left -\n props.indentSize -\n props.levelOfIndentation * props.indentSize +\n props.characterWidth / 3\n\n return adjustedLeft\n }\n\n private _getWrappedLines(context: Oni.BufferLayerRenderContext): IWrappedLine[] {\n const { lines } = context.visibleLines.reduce(\n (acc, line, index) => {\n const currentLine = context.topBufferLine + index\n const bufferInfo = context.bufferToScreen({ line: currentLine, character: 0 })\n\n if (bufferInfo && bufferInfo.screenY) {\n const { screenY: screenLine } = bufferInfo\n if (acc.expectedLine !== screenLine) {\n acc.lines.push({\n start: acc.expectedLine,\n end: screenLine,\n line,\n })\n acc.expectedLine = screenLine + 1\n } else {\n acc.expectedLine += 1\n }\n }\n return acc\n },\n { lines: [], expectedLine: 1 },\n )\n return lines\n }\n\n private _regulariseIndentation(indentation: detectIndent.IndentInfo) {\n const isOddBy = indentation.amount % this._userSpacing\n const amountToIndent = isOddBy ? indentation.amount - isOddBy : indentation.amount\n return amountToIndent\n }\n\n /**\n * Calculates the position of each indent guide element using shiftwidth or tabstop if no\n * shift width available\n * @name _renderIndentLines\n * @function\n * @param {Oni.BufferLayerRenderContext} bufferLayerContext The buffer layer context\n * @returns {JSX.Element[]} An array of react elements\n */\n private _renderIndentLines = (bufferLayerContext: Oni.BufferLayerRenderContext) => {\n // TODO: If the beginning of the visible lines is wrapping no lines are drawn\n const wrappedScreenLines = this._getWrappedLines(bufferLayerContext)\n\n const options = {\n color: this._configuration.getValue(\"experimental.indentLines.color\"),\n skipFirst: this._configuration.getValue(\"experimental.indentLines.skipFirst\"),\n }\n\n const { visibleLines, fontPixelHeight, fontPixelWidth, topBufferLine } = bufferLayerContext\n const indentSize = this._userSpacing * fontPixelWidth\n\n const { allIndentations } = visibleLines.reduce(\n (acc, line, currenLineNumber) => {\n const rawIndentation = detectIndent(line)\n\n const regularisedIndent = this._regulariseIndentation(rawIndentation)\n\n const previous = last(acc.allIndentations)\n const height = Math.ceil(fontPixelHeight)\n\n // start position helps determine the initial indent offset\n const startPosition = bufferLayerContext.bufferToScreen({\n line: topBufferLine,\n character: regularisedIndent,\n })\n\n const wrappedLine = wrappedScreenLines.find(wrapped => wrapped.line === line)\n const levelsOfWrapping = wrappedLine ? wrappedLine.end - wrappedLine.start : 1\n const adjustedHeight = height * levelsOfWrapping\n\n if (!startPosition) {\n return acc\n }\n\n const { pixelX: left, pixelY: top } = bufferLayerContext.screenToPixel({\n screenX: startPosition.screenX,\n screenY: currenLineNumber,\n })\n\n const adjustedTop = top + acc.wrappedHeightAdjustment\n\n // Only adjust height for Subsequent lines!\n if (wrappedLine) {\n acc.wrappedHeightAdjustment += adjustedHeight\n }\n\n if (!line && previous) {\n acc.allIndentations.push({\n ...previous,\n line,\n top: adjustedTop,\n })\n return acc\n }\n\n const indent = {\n left,\n line,\n indentSize,\n top: adjustedTop,\n height: adjustedHeight,\n characterWidth: fontPixelWidth,\n indentBy: regularisedIndent / this._userSpacing,\n }\n\n acc.allIndentations.push(indent)\n\n return acc\n },\n { allIndentations: [], wrappedHeightAdjustment: 0 },\n )\n\n return this._getIndentLines(allIndentations, options)\n }\n}\n\nexport default IndentGuideBufferLayer\n"
},
{
"path": "browser/src/Editor/OniEditor/OniEditor.tsx",
"content": "/**\n * OniEditor.ts\n *\n * Editor implementation for Oni\n *\n * Extends the capabilities of the NeovimEditor\n */\n\nimport * as path from \"path\"\nimport * as React from \"react\"\n\nimport * as types from \"vscode-languageserver-types\"\n\nimport * as Oni from \"oni-api\"\nimport * as Log from \"oni-core-logging\"\nimport { IEvent } from \"oni-types\"\n\n// import { remote } from \"electron\"\n\nimport * as App from \"./../../App\"\nimport * as Utility from \"./../../Utility\"\n\nimport { PluginManager } from \"./../../Plugins/PluginManager\"\n\nimport { IColors } from \"./../../Services/Colors\"\nimport { commandManager } from \"./../../Services/CommandManager\"\nimport { CompletionProviders } from \"./../../Services/Completion\"\nimport { Configuration } from \"./../../Services/Configuration\"\nimport { IDiagnosticsDataSource } from \"./../../Services/Diagnostics\"\n\nimport { editorManager } from \"./../../Services/EditorManager\"\nimport { LanguageManager } from \"./../../Services/Language\"\n\nimport { MenuManager } from \"./../../Services/Menu\"\nimport { OverlayManager } from \"./../../Services/Overlay\"\n\nimport { SnippetManager } from \"./../../Services/Snippets\"\nimport { ISyntaxHighlighter } from \"./../../Services/SyntaxHighlighting\"\n\nimport { ThemeManager } from \"./../../Services/Themes\"\nimport { TokenColors } from \"./../../Services/TokenColors\"\nimport { Workspace } from \"./../../Services/Workspace\"\n\nimport { BufferScrollBarContainer } from \"./containers/BufferScrollBarContainer\"\nimport { DefinitionContainer } from \"./containers/DefinitionContainer\"\nimport { ErrorsContainer } from \"./containers/ErrorsContainer\"\n\nimport { NeovimEditor } from \"./../NeovimEditor\"\n\nimport { SplitDirection, windowManager } from \"./../../Services/WindowManager\"\n\nimport { ISession } from \"../../Services/Sessions\"\nimport { IBuffer } from \"../BufferManager\"\nimport { OniWithActiveSection, WelcomeBufferLayer } from \"../NeovimEditor/WelcomeBufferLayer\"\nimport ColorHighlightLayer from \"./ColorHighlightLayer\"\nimport { ImageBufferLayer } from \"./ImageBufferLayer\"\nimport IndentLineBufferLayer from \"./IndentGuideBufferLayer\"\n\n// Helper method to wrap a react component into a layer\nconst wrapReactComponentWithLayer = (id: string, component: JSX.Element): Oni.BufferLayer => {\n return {\n id,\n render: (context: Oni.BufferLayerRenderContext) => (context.isActive ? component : null),\n }\n}\n\nexport class OniEditor extends Utility.Disposable implements Oni.Editor {\n private _neovimEditor: NeovimEditor\n\n public get mode(): string {\n return this._neovimEditor.mode\n }\n\n public get onCursorMoved(): IEvent {\n return this._neovimEditor.onCursorMoved\n }\n\n public get onModeChanged(): IEvent {\n return this._neovimEditor.onModeChanged\n }\n\n public get onBufferEnter(): IEvent {\n return this._neovimEditor.onBufferEnter\n }\n\n public get onBufferLeave(): IEvent {\n return this._neovimEditor.onBufferLeave\n }\n\n public get onBufferChanged(): IEvent {\n return this._neovimEditor.onBufferChanged\n }\n\n public get onBufferSaved(): IEvent {\n return this._neovimEditor.onBufferSaved\n }\n\n public get onBufferScrolled(): IEvent {\n return this._neovimEditor.onBufferScrolled\n }\n\n public get /* override */ activeBuffer(): Oni.Buffer {\n return this._neovimEditor.activeBuffer\n }\n\n public get onQuit(): IEvent {\n return this._neovimEditor.onNeovimQuit\n }\n\n // Capabilities\n public get neovim(): Oni.NeovimEditorCapability {\n return this._neovimEditor.neovim\n }\n\n public get syntaxHighlighter(): ISyntaxHighlighter {\n return this._neovimEditor.syntaxHighlighter\n }\n\n constructor(\n private _colors: IColors,\n private _completionProviders: CompletionProviders,\n private _configuration: Configuration,\n private _diagnostics: IDiagnosticsDataSource,\n private _languageManager: LanguageManager,\n private _menuManager: MenuManager,\n private _overlayManager: OverlayManager,\n private _pluginManager: PluginManager,\n private _snippetManager: SnippetManager,\n private _themeManager: ThemeManager,\n private _tokenColors: TokenColors,\n private _workspace: Workspace,\n ) {\n super()\n\n this._neovimEditor = new NeovimEditor(\n this._colors,\n this._completionProviders,\n this._configuration,\n this._diagnostics,\n this._languageManager,\n this._menuManager,\n this._overlayManager,\n this._pluginManager,\n this._snippetManager,\n this._themeManager,\n this._tokenColors,\n this._workspace,\n )\n\n editorManager.registerEditor(this)\n\n this.trackDisposable(\n this._neovimEditor.onNeovimQuit.subscribe(() => {\n const handle = windowManager.getSplitHandle(this)\n handle.close()\n editorManager.unregisterEditor(this)\n\n this.dispose()\n }),\n )\n\n this.trackDisposable(\n App.registerQuitHook(async () => {\n if (!this.isDisposed) {\n this.quit()\n }\n }),\n )\n\n this._neovimEditor.bufferLayers.addBufferLayer(\"*\", buf =>\n wrapReactComponentWithLayer(\"oni.layer.scrollbar\", ),\n )\n this._neovimEditor.bufferLayers.addBufferLayer(\"*\", buf =>\n wrapReactComponentWithLayer(\"oni.layer.definition\", ),\n )\n this._neovimEditor.bufferLayers.addBufferLayer(\"*\", buf =>\n wrapReactComponentWithLayer(\"oni.layer.errors\", ),\n )\n\n const imageExtensions = this._configuration.getValue(\"editor.imageLayerExtensions\")\n const bannedIndentExtensions = this._configuration.getValue(\n \"experimental.indentLines.bannedFiletypes\",\n )\n\n this._neovimEditor.bufferLayers.addBufferLayer(\n buf => imageExtensions.includes(path.extname(buf.filePath)),\n buf => new ImageBufferLayer(buf),\n )\n\n if (this._configuration.getValue(\"experimental.indentLines.enabled\")) {\n this._neovimEditor.bufferLayers.addBufferLayer(\n buf => {\n const extension = path.extname(buf.filePath)\n return extension && !bannedIndentExtensions.includes(extension)\n },\n buffer =>\n new IndentLineBufferLayer({\n buffer: buffer as IBuffer,\n configuration: this._configuration,\n }),\n )\n }\n if (this._configuration.getValue(\"experimental.colorHighlight.enabled\")) {\n this._neovimEditor.bufferLayers.addBufferLayer(\n buf =>\n this._configuration\n .getValue(\"experimental.colorHighlight.filetypes\")\n .includes(path.extname(buf.filePath)),\n _buf => new ColorHighlightLayer(this._configuration),\n )\n }\n\n this._neovimEditor.onShowWelcomeScreen.subscribe(this.openWelcomeScreen)\n }\n\n public dispose(): void {\n super.dispose()\n\n if (this._neovimEditor) {\n this._neovimEditor.dispose()\n this._neovimEditor = null\n }\n }\n\n public enter(): void {\n Log.info(\"[OniEditor::enter]\")\n editorManager.setActiveEditor(this)\n\n this._neovimEditor.enter()\n\n commandManager.registerCommand({\n name: \"Oni: Show Welcome\",\n detail: \"Open the welcome screen\",\n command: \"oni.welcome.open\",\n execute: this.openWelcomeScreen,\n enabled: () => this._configuration.getValue(\"experimental.welcome.enabled\"),\n })\n\n commandManager.registerCommand({\n command: \"editor.split.horizontal\",\n execute: () => this._split(\"horizontal\"),\n enabled: () => editorManager.activeEditor === this,\n name: null,\n detail: null,\n })\n\n commandManager.registerCommand({\n command: \"editor.split.vertical\",\n execute: () => this._split(\"vertical\"),\n enabled: () => editorManager.activeEditor === this,\n name: null,\n detail: null,\n })\n }\n\n public leave(): void {\n Log.info(\"[OniEditor::leave]\")\n this._neovimEditor.leave()\n }\n\n public openWelcomeScreen = async () => {\n const oni = this._pluginManager.getApi()\n const welcomeBuffer = await this._neovimEditor.createWelcomeBuffer()\n const welcomeLayer = new WelcomeBufferLayer(oni as OniWithActiveSection)\n welcomeBuffer.addLayer(welcomeLayer)\n }\n\n public async openFile(\n file: string,\n openOptions: Oni.FileOpenOptions = Oni.DefaultFileOpenOptions,\n ): Promise {\n const openMode = openOptions.openMode\n if (this._configuration.getValue(\"editor.split.mode\") === \"oni\") {\n if (\n openMode === Oni.FileOpenMode.HorizontalSplit ||\n openMode === Oni.FileOpenMode.VerticalSplit\n ) {\n const splitDirection =\n openMode === Oni.FileOpenMode.HorizontalSplit ? \"horizontal\" : \"vertical\"\n const newEditor = await this._split(splitDirection)\n return newEditor.openFile(file, { openMode: Oni.FileOpenMode.Edit })\n }\n }\n\n return this._neovimEditor.openFile(file, openOptions)\n }\n\n public async newFile(filePath: string): Promise {\n return this._neovimEditor.newFile(filePath)\n }\n\n public async clearSelection(): Promise {\n return this._neovimEditor.clearSelection()\n }\n\n public async setSelection(range: types.Range): Promise {\n return this._neovimEditor.setSelection(range)\n }\n\n public async setTextOptions(textOptions: Oni.EditorTextOptions): Promise {\n return this._neovimEditor.setTextOptions(textOptions)\n }\n\n public async blockInput(\n inputFunction: (input: Oni.InputCallbackFunction) => Promise,\n ): Promise {\n return this._neovimEditor.blockInput(inputFunction)\n }\n\n public executeCommand(command: string): void {\n this._neovimEditor.executeCommand(command)\n }\n\n public restoreSession(sessionDetails: ISession) {\n return this._neovimEditor.restoreSession(sessionDetails)\n }\n\n public getCurrentSession() {\n return this._neovimEditor.getCurrentSession()\n }\n\n public persistSession(sessionDetails: ISession) {\n return this._neovimEditor.persistSession(sessionDetails)\n }\n\n public getBuffers(): Array {\n return this._neovimEditor.getBuffers()\n }\n\n public async bufferDelete(bufferId: string = this.activeBuffer.id): Promise {\n this._neovimEditor.bufferDelete(bufferId)\n }\n\n public async init(filesToOpen: string[]): Promise {\n Log.info(\"[OniEditor::init] Called with filesToOpen: \" + filesToOpen)\n\n return this._neovimEditor.init(filesToOpen)\n }\n\n public async input(key: string): Promise {\n return this._neovimEditor.input(key)\n }\n\n public render(): JSX.Element {\n return this._neovimEditor.render()\n }\n\n public async quit(): Promise {\n return this._neovimEditor.quit()\n }\n\n private async _split(direction: SplitDirection): Promise {\n if (this._configuration.getValue(\"editor.split.mode\") !== \"oni\") {\n if (direction === \"horizontal\") {\n await this._neovimEditor.neovim.command(\":sp\")\n } else {\n await this._neovimEditor.neovim.command(\":vsp\")\n }\n\n return this\n }\n\n const newEditor = new OniEditor(\n this._colors,\n this._completionProviders,\n this._configuration,\n this._diagnostics,\n this._languageManager,\n this._menuManager,\n this._overlayManager,\n this._pluginManager,\n this._snippetManager,\n this._themeManager,\n this._tokenColors,\n this._workspace,\n )\n\n windowManager.createSplit(direction, newEditor, this)\n await newEditor.init([])\n return newEditor\n }\n}\n"
},
{
"path": "browser/src/Editor/OniEditor/containers/BufferScrollBarContainer.ts",
"content": "import * as types from \"vscode-languageserver-types\"\n\nimport { connect } from \"react-redux\"\nimport { createSelector } from \"reselect\"\n\nimport { getColorFromSeverity } from \"./../../../Services/Diagnostics\"\nimport {\n BufferScrollBar,\n IBufferScrollBarProps,\n IScrollBarMarker,\n} from \"./../../../UI/components/BufferScrollBar\"\n\nimport * as Selectors from \"./../../NeovimEditor/NeovimEditorSelectors\"\nimport * as State from \"./../../NeovimEditor/NeovimEditorStore\"\n\nexport const getCurrentLine = createSelector([Selectors.getActiveWindow], activeWindow => {\n return activeWindow.line\n})\n\nconst NoScrollBar: IBufferScrollBarProps = {\n windowId: null,\n bufferSize: -1,\n height: -1,\n windowTopLine: -1,\n windowBottomLine: -1,\n markers: [],\n visible: false,\n}\n\nexport const shouldIncludeCursorMarker = (state: State.IState) => {\n return state.configuration[\"editor.scrollBar.cursorTick.visible\"]\n}\n\nexport const getMarkers = createSelector(\n [getCurrentLine, Selectors.getErrorsForActiveFile, shouldIncludeCursorMarker],\n (activeLine, fileErrors, includeCursor) => {\n const errorMarkers = fileErrors.map((e: types.Diagnostic) => ({\n line: e.range.start.line || 0,\n height: 1,\n color: getColorFromSeverity(e.severity),\n }))\n\n if (!includeCursor) {\n return errorMarkers\n } else {\n const cursorMarker: IScrollBarMarker = {\n line: activeLine - 1,\n height: 1,\n color: \"rgb(200, 200, 200)\",\n }\n\n return [...errorMarkers, cursorMarker]\n }\n },\n)\n\nconst mapStateToProps = (state: State.IState): IBufferScrollBarProps => {\n const visible = state.configuration[\"editor.scrollBar.visible\"]\n\n const activeWindow = Selectors.getActiveWindow(state)\n\n if (!activeWindow) {\n return NoScrollBar\n }\n\n const dimensions = Selectors.getActiveWindowPixelDimensions(state)\n\n const file = activeWindow.file\n const buffer = Selectors.getActiveBuffer(state)\n\n if (file === null || !buffer) {\n return NoScrollBar\n }\n\n const bufferSize = buffer.totalLines\n\n const markers = getMarkers(state)\n\n return {\n windowId: activeWindow.windowId,\n windowTopLine: activeWindow.topBufferLine,\n windowBottomLine: activeWindow.bottomBufferLine,\n bufferSize,\n markers,\n height: dimensions.height,\n visible,\n }\n}\n\nexport const BufferScrollBarContainer = connect(mapStateToProps)(BufferScrollBar)\n"
},
{
"path": "browser/src/Editor/OniEditor/containers/DefinitionContainer.ts",
"content": "import { connect } from \"react-redux\"\n\nimport * as types from \"vscode-languageserver-types\"\n\nimport { Definition, IDefinitionProps } from \"./../../../UI/components/Definition\"\n\nimport * as Selectors from \"./../../NeovimEditor/NeovimEditorSelectors\"\nimport * as State from \"./../../NeovimEditor/NeovimEditorStore\"\n\nconst emptyRange = types.Range.create(types.Position.create(-1, -1), types.Position.create(-1, -1))\n\nconst getActiveDefinition = (state: State.IState) => state.definition\n\nconst mapStateToProps = (state: State.IState): IDefinitionProps => {\n const window = Selectors.getActiveWindow(state)\n\n const noop = (): any => null\n\n const activeDefinition = getActiveDefinition(state)\n\n const range = activeDefinition ? activeDefinition.token.range : emptyRange\n\n return {\n color: state.colors[\"editor.foreground\"],\n range,\n fontWidthInPixels: state.fontPixelWidth,\n fontHeightInPixels: state.fontPixelHeight,\n bufferToScreen: window ? window.bufferToScreen : noop,\n screenToPixel: window ? window.screenToPixel : noop,\n }\n}\n\nexport const DefinitionContainer = connect(mapStateToProps)(Definition)\n"
},
{
"path": "browser/src/Editor/OniEditor/containers/ErrorsContainer.ts",
"content": "import { connect } from \"react-redux\"\n\nimport { Errors, IErrorsProps } from \"./../../../UI/components/Error\"\n\nimport * as Selectors from \"./../../NeovimEditor/NeovimEditorSelectors\"\nimport * as State from \"./../../NeovimEditor/NeovimEditorStore\"\n\nconst mapStateToProps = (state: State.IState): IErrorsProps => {\n const window = Selectors.getActiveWindow(state)\n const errors = Selectors.getErrorsForActiveFile(state)\n\n const noop = (): any => null\n\n return {\n errors,\n fontWidthInPixels: state.fontPixelWidth,\n fontHeightInPixels: state.fontPixelHeight,\n bufferToScreen: window ? window.bufferToScreen : noop,\n screenToPixel: window ? window.screenToPixel : noop,\n }\n}\n\nexport const ErrorsContainer = connect(mapStateToProps)(Errors)\n"
},
{
"path": "browser/src/Editor/OniEditor/index.ts",
"content": "export * from \"./OniEditor\"\n"
},
{
"path": "browser/src/Font.ts",
"content": "export const FallbackFonts =\n \"Consolas,Monaco,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New, monospace\"\n\nexport interface IFontMeasurement {\n width: number\n height: number\n}\n\nexport function measureFont(\n fontFamily: string,\n fontSize: string,\n fontWeight: string,\n characterToTest = \"H\",\n) {\n const div = document.createElement(\"div\")\n\n div.style.position = \"absolute\"\n div.style.left = \"10px\"\n div.style.top = \"10px\"\n div.style.backgroundColor = \"red\"\n div.style.left = \"-1000px\"\n div.style.top = \"-1000px\"\n div.textContent = characterToTest\n div.style.fontFamily = `${fontFamily},${FallbackFonts}`\n div.style.fontSize = fontSize\n div.style.fontWeight = fontWeight\n\n const isItalicAvailable = isStyleAvailable(fontFamily, \"italic\", fontSize)\n const isBoldAvailable = isStyleAvailable(fontFamily, \"bold\", fontSize)\n\n document.body.appendChild(div)\n\n const rect = div.getBoundingClientRect()\n const width = rect.width\n const height = rect.height\n\n document.body.removeChild(div)\n\n return {\n width,\n height,\n isItalicAvailable,\n isBoldAvailable,\n }\n}\n\nexport function addDefaultUnitIfNeeded(fontSize: string) {\n const roundFont = `${Math.round(parseFloat(fontSize))}px`\n return roundFont\n}\n\nexport function isStyleAvailable(fontName: string, style: string, fontSize = \"12px\") {\n const text = \"abcdefghijklmnopqrstuvwxyz0123456789\"\n let canvas = document.createElement(\"canvas\")\n const context = canvas.getContext(\"2d\")\n context.font = `${fontSize} ${fontName}`\n const baselineSize = context.measureText(text).width\n context.font = `${style} ${fontSize} ${fontName}`\n const newSize = context.measureText(text).width\n canvas = null\n return newSize === baselineSize\n}\n"
},
{
"path": "browser/src/Grid.ts",
"content": "export class Grid {\n private _cells: any = {}\n\n private _width: number = 0\n private _height: number = 0\n\n public get width(): number {\n return this._width\n }\n\n public get height(): number {\n return this._height\n }\n\n public getCell(x: number, y: number): null | T {\n const row = this._cells[y]\n\n if (!row) {\n return null\n }\n\n const col = row[x]\n\n if (typeof col === \"undefined\") {\n return null\n }\n\n return col\n }\n\n public setCell(x: number, y: number, val: T | null) {\n let row = this._cells[y]\n row = row || {}\n row[x] = val\n this._cells[y] = row\n\n if (x >= this._width) {\n this._width = x + 1\n }\n\n if (y >= this._height) {\n this._height = y + 1\n }\n }\n\n public clear(): void {\n this._cells = {}\n this._width = 0\n this._height = 0\n }\n\n public shiftRows(rowsToShift: number): void {\n // var val = typeof defaultVal === \"undefined\" ? null : defaultVal\n\n let dir: any\n let start: any\n\n if (rowsToShift >= 0) {\n dir = 1\n start = 0\n } else {\n dir = -1\n start = this._height - 1\n }\n\n let current = start\n\n while (current >= 0 && current < this._height) {\n const srcRow = current + rowsToShift\n\n for (let x = 0; x < this._width; x++) {\n const oldCell = this.getCell(x, srcRow)\n this.setCell(x, current, oldCell as any)\n }\n\n current += dir\n }\n }\n\n public setRegionFromGrid(grid: Grid, xPosition: number, yPosition: number): void {\n for (let x = 0; x < grid.width; x++) {\n for (let y = 0; y < grid.height; y++) {\n const sourceCell = grid.getCell(x, y)\n this.setCell(xPosition + x, yPosition + y, sourceCell)\n }\n }\n }\n\n public setRegion(\n startX: number,\n startY: number,\n width: number,\n height: number,\n val?: T | null,\n ): void {\n const valToSet = typeof val === \"undefined\" ? null : val\n for (let x = startX; x < startX + width; x++) {\n for (let y = startY; y < startY + height; y++) {\n this.setCell(x, y, valToSet)\n }\n }\n }\n\n public cloneRegion(x: number, y: number, width: number, height: number): Grid {\n const outputGrid = new Grid()\n for (let cloneX = 0; cloneX < width; cloneX++) {\n for (let cloneY = 0; cloneY < height; cloneY++) {\n const sourceCell = this.getCell(cloneX + x, cloneY + y)\n outputGrid.setCell(cloneX, cloneY, sourceCell)\n }\n }\n\n return outputGrid\n }\n}\n"
},
{
"path": "browser/src/Input/KeyBindings.ts",
"content": "/**\n * KeyBindings.ts\n *\n * Default, out-of-the-box keybindings for Oni\n */\n\nimport * as Oni from \"oni-api\"\n\nimport * as Platform from \"./../Platform\"\nimport { Configuration } from \"./../Services/Configuration\"\n\ninterface ISidebar {\n sidebar: {\n activeEntryId: string\n isFocused: boolean\n }\n}\n\nexport const applyDefaultKeyBindings = (oni: Oni.Plugin.Api, config: Configuration): void => {\n const { editors, input, menu } = oni\n\n input.unbindAll()\n\n const isVisualMode = () => editors.activeEditor.mode === \"visual\"\n const isNormalMode = () => editors.activeEditor.mode === \"normal\"\n const isNotInsertMode = () => editors.activeEditor.mode !== \"insert\"\n const isInsertOrCommandMode = () =>\n editors.activeEditor.mode === \"insert\" || editors.activeEditor.mode === \"cmdline_normal\"\n\n const oniWithSidebar = oni as Oni.Plugin.Api & ISidebar\n const isSidebarPaneOpen = (paneId: string) =>\n oniWithSidebar.sidebar.activeEntryId === paneId &&\n oniWithSidebar.sidebar.isFocused &&\n !isInsertOrCommandMode() &&\n !isMenuOpen()\n\n const isExplorerActive = () => isSidebarPaneOpen(\"oni.sidebar.explorer\")\n const areSessionsActive = () => isSidebarPaneOpen(\"oni.sidebar.sessions\")\n const isVCSActive = () => isSidebarPaneOpen(\"oni.sidebar.vcs\")\n\n const isMenuOpen = () => menu.isMenuOpen()\n\n if (Platform.isMac()) {\n input.bind(\"\", \"oni.quit\")\n input.bind(\"\", \"quickOpen.show\", () => isNormalMode() && !isMenuOpen())\n input.bind(\"\", \"commands.show\", isNormalMode)\n input.bind(\"\", \"language.codeAction.expand\")\n input.bind(\"\", \"language.symbols.workspace\", () => !menu.isMenuOpen())\n input.bind(\"\", \"language.symbols.document\")\n input.bind(\"\", \"oni.editor.minimize\")\n input.bind(\"\", \"oni.editor.hide\")\n input.bind(\"\", \"buffer.toggle\")\n input.bind(\"\", \"search.searchAllFiles\")\n input.bind(\"\", \"explorer.toggle\")\n input.bind(\"\", \"sidebar.decreaseWidth\")\n input.bind(\"\", \"sidebar.increaseWidth\")\n input.bind(\"\", \"oni.config.openConfigJs\")\n\n if (config.getValue(\"editor.clipboard.enabled\")) {\n input.bind(\"\", \"editor.clipboard.yank\", isVisualMode)\n input.bind(\"\", \"editor.clipboard.paste\", isInsertOrCommandMode)\n }\n\n // Browser\n input.bind(\"\", \"browser.goBack\")\n input.bind(\"\", \"browser.goForward\")\n input.bind(\"\", \"browser.reload\")\n } else {\n input.bind(\"\", \"oni.quit\")\n input.bind(\"\", \"sidebar.decreaseWidth\")\n input.bind(\"\", \"sidebar.increaseWidth\")\n input.bind(\"\", \"quickOpen.show\", () => isNormalMode() && !isMenuOpen())\n input.bind(\"\", \"commands.show\", isNormalMode)\n input.bind(\"\", \"language.codeAction.expand\")\n input.bind(\"\", \"language.symbols.workspace\", () => !menu.isMenuOpen())\n input.bind(\"\", \"language.symbols.document\")\n input.bind(\"\", \"buffer.toggle\")\n input.bind(\"\", \"search.searchAllFiles\")\n input.bind(\"\", \"explorer.toggle\")\n input.bind(\"\", \"oni.config.openConfigJs\")\n\n if (config.getValue(\"editor.clipboard.enabled\")) {\n input.bind(\"\", \"editor.clipboard.yank\", isVisualMode)\n input.bind(\"\", \"editor.clipboard.paste\", isInsertOrCommandMode)\n }\n\n // Browser\n input.bind(\"\", \"browser.goBack\")\n input.bind(\"\", \"browser.goForward\")\n input.bind(\"\", \"browser.reload\")\n }\n\n input.bind(\"\", \"editor.rename\", () => isNormalMode())\n\n input.bind(\"\", \"language.format\")\n input.bind([\"\"], \"language.gotoDefinition\", () => isNormalMode() && !menu.isMenuOpen())\n input.bind(\n [\"\", \"\"],\n \"language.gotoDefinition.openVertical\",\n () => isNormalMode() && !menu.isMenuOpen(),\n )\n input.bind(\n [\"\", \"\"],\n \"language.gotoDefinition.openHorizontal\",\n () => isNormalMode() && !menu.isMenuOpen(),\n )\n input.bind(\"\", \"commands.show\", isNormalMode)\n input.bind(\"\", \"oni.process.cyclePrevious\")\n input.bind(\"\", \"oni.process.cycleNext\")\n\n // QuickOpen\n input.bind(\"\", \"quickOpen.showBufferLines\", isNormalMode)\n input.bind([\"\"], \"quickOpen.openFileVertical\")\n input.bind([\"\"], \"quickOpen.openFileHorizontal\")\n input.bind(\"\", \"quickOpen.openFileNewTab\")\n input.bind([\"\"], \"quickOpen.openFileAlternative\")\n\n // Snippets\n input.bind(\"\", \"snippet.nextPlaceholder\")\n input.bind(\"\", \"snippet.previousPlaceholder\")\n input.bind(\"\", \"snippet.cancel\")\n\n // Completion\n input.bind([\"\"], \"contextMenu.select\")\n input.bind([\"\", \"\"], \"contextMenu.next\")\n input.bind([\"\", \"\"], \"contextMenu.previous\")\n input.bind(\n [\"\"],\n \"contextMenu.close\",\n isNotInsertMode /* In insert mode, the mode change will close the popupmenu anyway */,\n )\n\n // Menu\n input.bind([\"\", \"![](\"https://opencollective.com/oni/tiers/backer/0/avatar.png\"){kind=avatar}
![](\"https://opencollective.com/oni/tiers/backer/1/avatar.png\"){kind=avatar}
\n![](\"https://opencollective.com/oni/tiers/backer/2/avatar.png\"){kind=avatar}
\n![](\"https://opencollective.com/oni/tiers/backer/3/avatar.png\"){kind=avatar}
\n![](\"https://opencollective.com/oni/tiers/backer/4/avatar.png\"){kind=avatar}
\n![](\"https://opencollective.com/oni/tiers/backer/5/avatar.png\"){kind=avatar}
\n![](\"https://opencollective.com/oni/tiers/backer/6/avatar.png\"){kind=avatar}
\n![](\"https://opencollective.com/oni/tiers/backer/7/avatar.png\"){kind=avatar}
\n![](\"https://opencollective.com/oni/tiers/backer/8/avatar.png\"){kind=avatar}
\n![](\"https://opencollective.com/oni/tiers/backer/9/avatar.png\"){kind=avatar}
\n"
},
{
"path": "CODE_OF_CONDUCT.md",
"content": "# Contributor Covenant Code of Conduct\n\n## Our Pledge\n\nIn the interest of fostering an open and welcoming environment, we as contributors and maintainers pledge to making participation in our project and our community a harassment-free experience for everyone, regardless of age, body size, disability, ethnicity, gender identity and expression, level of experience, nationality, personal appearance, race, religion, or sexual identity and orientation.\n\n## Our Standards\n\nExamples of behavior that contributes to creating a positive environment include:\n\n* Using welcoming and inclusive language\n* Being respectful of differing viewpoints and experiences\n* Gracefully accepting constructive criticism\n* Focusing on what is best for the community\n* Showing empathy towards other community members\n\nExamples of unacceptable behavior by participants include:\n\n* The use of sexualized language or imagery and unwelcome sexual attention or advances\n* Trolling, insulting/derogatory comments, and personal or political attacks\n* Public or private harassment\n* Publishing others' private information, such as a physical or electronic address, without explicit permission\n* Other conduct which could reasonably be considered inappropriate in a professional setting\n\n## Our Responsibilities\n\nProject maintainers are responsible for clarifying the standards of acceptable behavior and are expected to take appropriate and fair corrective action in response to any instances of unacceptable behavior.\n\nProject maintainers have the right and responsibility to remove, edit, or reject comments, commits, code, wiki edits, issues, and other contributions that are not aligned to this Code of Conduct, or to ban temporarily or permanently any contributor for other behaviors that they deem inappropriate, threatening, offensive, or harmful.\n\n## Scope\n\nThis Code of Conduct applies both within project spaces and in public spaces when an individual is representing the project or its community. Examples of representing a project or community include using an official project e-mail address, posting via an official social media account, or acting as an appointed representative at an online or offline event. Representation of a project may be further defined and clarified by project maintainers.\n\n## Enforcement\n\nInstances of abusive, harassing, or otherwise unacceptable behavior may be reported by contacting the project team at admin@onivim.io. The project team will review and investigate all complaints, and will respond in a way that it deems appropriate to the circumstances. The project team is obligated to maintain confidentiality with regard to the reporter of an incident. Further details of specific enforcement policies may be posted separately.\n\nProject maintainers who do not follow or enforce the Code of Conduct in good faith may face temporary or permanent repercussions as determined by other members of the project's leadership.\n\n## Attribution\n\nThis Code of Conduct is adapted from the [Contributor Covenant][homepage], version 1.4, available at [http://contributor-covenant.org/version/1/4][version]\n\n[homepage]: http://contributor-covenant.org\n[version]: http://contributor-covenant.org/version/1/4/\n"
},
{
"path": "CONTRIBUTING.md",
"content": "# Contribute\n\n## Introduction\n\nFirst, thank you for considering contributing to oni! It's people like you that make the open source community such a great community! 😊\n\nWe welcome any type of contribution, not only code. You can help with\n\n* **QA**: file bug reports, the more details you can give the better (e.g. screenshots with the console open)\n* **Marketing**: writing blog posts, howto's, printing stickers, ...\n* **Community**: presenting the project at meetups, organizing a dedicated meetup for the local community, ...\n* **Code**: take a look at the [open issues](issues). Even if you can't write code, commenting on them, showing that you care about a given issue matters. It helps us triage them.\n* **Money**: we welcome financial contributions in full transparency on our [open collective](https://opencollective.com/oni).\n\n## Your First Contribution\n\nWorking on your first Pull Request? You can learn how from this _free_ series, [How to Contribute to an Open Source Project on GitHub](https://egghead.io/series/how-to-contribute-to-an-open-source-project-on-github).\n\n## Submitting code\n\nAny code change should be submitted as a pull request. The description should explain what the code does and give steps to execute it. The pull request should also contain tests. We welcome and appreciate pull requests!\n\n## Code review guidelines\n\n* Keep PRs **small and scoped**. The bigger the pull request, the longer it will take to review and merge. Break down large pull requests into smaller incremental chunks - this will help catch issues earlier and be easier on both you and the maintainer.\n* Following from the previous bullet point, **do not include unrelated changes in a PR**. It can be tempting to include extra styling changes or additional functionality, but these should be added as separate PRs.\n* Think of each PR as **improving the quality of the codebase**. Codebases tend towards entropy and disorder unless actively managed - make sure that your change moves the quality needle in the right direction. This can take a variety of forms, including adding test coverage, reducing coupling, etc. _As we are a small team moving fast, we cannot afford to accumulate technical debt._\n* If there is ambiguity in terms of design, architecture, or implementation, it's best to get **feedback before implementing**, to save both you and the maintainer time. If you're not sure, feel free to ask!\n* For your first few PRs, **don't try and change the world** - pick some small issues and get familiar with the codebase. Then, work your way up to bigger issues - this will set you up for success.\n\nPRs require approval from one other person, either a maintainer or a contributor. Keep in mind that when you approve code, you are accountable for it, too! Reviewers are the gatekeepers of quality and ensuring adherence to the guidelines above.\n\n## Financial contributions\n\nWe also welcome financial contributions in full transparency on our [open collective](https://opencollective.com/oni).\nAnyone can file an expense. If the expense makes sense for the development of the community, it will be \"merged\" in the ledger of our open collective by the core contributors and the person who filed the expense will be reimbursed.\n\n### Bounties\n\nThe primary allotment of our [open collective](https://opencollective.com/oni) budget is dedicated to bounties. Developing features and fixing bugs is a lot of work, and those go directly to the developers doing this work via bounties. It is the role of the _maintainer_ to set bounties and clear completion criteria. Issues that have a bounty associated with them will have a `bounty` label as well as an amount, ie, `bounty-50` means a $50 bounty.\n\n* Guidelines:\n * The fix for the bug/feature/issue _MUST_ be complete and _MUST_ be covered by tests to be eligible for a bounty.\n * Any associated documentation relevant to the bug/feature _MUST_ be updated.\n * If you begin working on an issue with an associated bounty, open a PR with \"WIP\" and the bug number in the title, as well as reference the issue #. This is important to reduce duplicate work.\n\n#### Claiming a bounty\n\n* Upon completion of an issue with an associated bounty, bounties are payable by [Submitting an Expense](https://opencollective.com/oni/expenses/new) on our [OpenCollective](https://opencollective.com/oni). Note that OpenCollective requires a PDF or Photo of an expense form for an expense claim to be accepted - more information, including an example expense form can be found [here](https://opencollective.com/faq#expense). Check out our [expenses](https://opencollective.com/oni/expenses#) page for an example.\n* A collaborator will approve the expense once we have verified it meets the criteria outlined above (complete fix, covered by tests, associated documentation updated)\n\nIf you questions about the guidelines, please don't hesitate to contact the maintainer.\n\n## Roles\n\nThere are various roles and responsibilities in managing an open-source project. Users that are active and have a positive impact on the project and community will be recognized and have the option of assuming additional responsibilities.\n\n* **Maintainer** - A maintainer communicates goals and drives the vision for the project. The maintainer is responsible for breaking down hurdles and supporting contributors. In addition, the maintainer triages issues, produces releases, assigns bounties, and establishes completion criteria. Today, there is one maintainer, but that isn't a strict requirement.\n* **Collaborator** - A collaborator is an established member of the project that is recognized for their impact and contributions. They can triage and close issues, approve PRs from other contributors / collaborators, and can approve expenses on our [open collective](https://opencollective.com/oni)\n* **Contributor** - A contributor is a developer that has submitted a successful PR for the project.\n\n### Becoming a collaborator\n\nA collaborator is a contributor who has been recognized for the impact they've had on the project, over a sustained period of time. In general, this means the following:\n\n* **Supporting the community** - helping others in issues and chat, supporting new developers, creating a positive and supportive environment.\n* **Technical impact** - involvement in a core technical piece of the editor, or a broad impact on the ecosystem.\n* **Positive and collaborative mindset** - creating good vibes, willingness to give and receive constructive feedback, being a team player.\n\n## Questions\n\nIf you have any questions, create an [issue](issue) (protip: do a quick search first to see if someone else didn't ask the same question before!).\nYou can also reach us at hello@oni.opencollective.com.\n\n## Credits\n\n### Contributors\n\nThank you to all the people who have already contributed to oni!\n![](\"https://opencollective.com/oni/contributors.svg?width=890\")
\n\n### Backers\n\nThank you to all our backers! [[Become a backer](https://opencollective.com/oni#backer)]\n\n![](\"https://opencollective.com/oni/backers.svg?width=890\")
\n\n### Sponsors\n\nThank you to all our sponsors! (please ask your company to also support this open source project by [becoming a sponsor](https://opencollective.com/oni#sponsor))\n\n![](\"https://opencollective.com/oni/sponsor/0/avatar.svg\"){kind=avatar}
\n![](\"https://opencollective.com/oni/sponsor/1/avatar.svg\"){kind=avatar}
\n![](\"https://opencollective.com/oni/sponsor/2/avatar.svg\"){kind=avatar}
\n![](\"https://opencollective.com/oni/sponsor/3/avatar.svg\"){kind=avatar}
\n![](\"https://opencollective.com/oni/sponsor/4/avatar.svg\"){kind=avatar}
\n![](\"https://opencollective.com/oni/sponsor/5/avatar.svg\"){kind=avatar}
\n![](\"https://opencollective.com/oni/sponsor/6/avatar.svg\"){kind=avatar}
\n![](\"https://opencollective.com/oni/sponsor/7/avatar.svg\"){kind=avatar}
\n![](\"https://opencollective.com/oni/sponsor/8/avatar.svg\"){kind=avatar}
\n![](\"https://opencollective.com/oni/sponsor/9/avatar.svg\"){kind=avatar}
\n\n\n"
},
{
"path": "LICENSE",
"content": "MIT License\n\nCopyright (c) 2016 \n\nPermission is hereby granted, free of charge, to any person obtaining a copy\nof this software and associated documentation files (the \"Software\"), to deal\nin the Software without restriction, including without limitation the rights\nto use, copy, modify, merge, publish, distribute, sublicense, and/or sell\ncopies of the Software, and to permit persons to whom the Software is\nfurnished to do so, subject to the following conditions:\n\nThe above copyright notice and this permission notice shall be included in all\ncopies or substantial portions of the Software.\n\nTHE SOFTWARE IS PROVIDED \"AS IS\", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR\nIMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,\nFITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE\nAUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER\nLIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,\nOUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE\nSOFTWARE.\n"
},
{
"path": "README.md",
"content": "---\n__NOTE:__ This repository is unmaintained - we are focusing on [Onivim 2](https://github.com/onivim/oni2) and [libvim](https://github.com/onivim/libvim).\n---\n\n![\"Logo\"](\"./assets/oni-header.png\")
\n ![\"Build](\"https://travis-ci.org/onivim/oni.svg?branch=master\")
\n\t\n\t\n\t\t![\"codecov\"](\"https://codecov.io/gh/onivim/oni/branch/master/graph/badge.svg\"){kind=icon}
\n\t\n![\"Join](\"https://img.shields.io/discord/417774914645262338.svg\")
\n\t\n\t\n\t\t![\"Total](\"https://img.shields.io/github/downloads/onivim/oni/total.svg\")
\n\t\n![](\"https://user-images.githubusercontent.com/13532591/36127305-9c7b6b80-1011-11e8-85dd-0345788c0b56.png\"/)
\n