TypeScript language package for Atom
License: Other
Adds syntax highlighting and snippets for TypeScript in Atom.
The grammar is the Microsoft TypeScript TextMate grammar and copied here on a semi-regular basis. Any issues relating to syntax highlighting are likely to be there.
The language-babel package for Atom includes special highlighting rules that support Styled Components, highlighting tagged template literals starting with styled as CSS:
Are there any plans for similar support in language-typescript? What would the path to that kind of support look like? Happy to try for a PR if there's a wish for it.
[Enter steps to reproduce:]
Atom: 1.32.0 ia32
Electron: 2.0.9
OS: Microsoft Windows 8.1 Enterprise
Thrown From: language-typescript package 0.4.6
Failed to load a language-typescript package grammar
At The specified module could not be found.
\\?\C:\Users\SADEGHAZAMI1981GMAIL\AppData\Local\atom\app-1.32.0\resources\app.asar.unpacked\node_modules\tree-sitter-typescript\build\Release\tree_sitter_typescript_binding.node in C:\Users\SADEGHAZAMI1981GMAIL\AppData\Local\atom\app-1.32.0\resources\app.asar\node_modules\language-typescript\grammars\tree-sitter-typescript.json
Error: The specified module could not be found.
\\?\C:\Users\SADEGHAZAMI1981GMAIL\AppData\Local\atom\app-1.32.0\resources\app.asar.unpacked\node_modules\tree-sitter-typescript\build\Release\tree_sitter_typescript_binding.node
at process.module.(anonymous function) [as dlopen] (ELECTRON_ASAR.js:166:20)
at Object.Module._extensions..node (module.js:671:18)
at Object.module.(anonymous function) [as .node] (ELECTRON_ASAR.js:180:18)
at Module.load (module.js:561:32)
at tryModuleLoad (module.js:504:12)
at Function.Module._load (module.js:496:3)
at Module.require (/app.asar/static/index.js:47:45)
at require (~/AppData/Local/atom/app-1.32.0/resources/app/static/<embedded>:11:145671)
at /app.asar/node_modules/tree-sitter-typescript/index.js:2:20)
at /app.asar/node_modules/tree-sitter-typescript/index.js:11:3)
at Module.get_Module._compile (~/AppData/Local/atom/app-1.32.0/resources/app/static/<embedded>:11:146381)
at Object.value [as .js] (~/AppData/Local/atom/app-1.32.0/resources/app/static/<embedded>:11:149928)
at Module.load (module.js:561:32)
at tryModuleLoad (module.js:504:12)
at Function.Module._load (module.js:496:3)
at Module.require (/app.asar/static/index.js:47:45)
at require (internal/module.js:11:18)
at customRequire (~/AppData/Local/atom/app-1.32.0/resources/app/static/<embedded>:1:622321)
at new TreeSitterGrammar (~/AppData/Local/atom/app-1.32.0/resources/app/static/<embedded>:11:2952432)
at GrammarRegistry.createGrammar (~/AppData/Local/atom/app-1.32.0/resources/app/static/<embedded>:11:356290)
at l.readFile (~/AppData/Local/atom/app-1.32.0/resources/app/static/<embedded>:11:356131)
at u (~/AppData/Local/atom/app-1.32.0/resources/app/static/<embedded>:11:575466)
at ~/AppData/Local/atom/app-1.32.0/resources/app/static/<embedded>:11:576719
at ELECTRON_ASAR.js:530:9
at FSReqWrap.wrapper [as oncomplete] (fs.js:658:17)
at /app.asar/node_modules/language-typescript/grammars/tree-sitter-typescript.json:1:1
The snippets for the typescript language don't work. Their neither show up in the autocomplete dialog, or when hitting Tab after typing them.
This issue happens whether or not the file is saved, and whether or not your're running Atom vanilla (or in safe mode) or with additional packages. I do not have the atom-typescript package installed.
class, which according to the snippets file, should complete with a class definitionExpected behavior:
class, the snippet is supposed to autocompleteActual behavior:
Tab after typing class just adds a spaceReproduces how often:
This issues happens everytime, on normal Atom or when in safe mode
Atom : 1.40.1
Electron: 3.1.10
Chrome : 66.0.3359.181
Node : 10.2.0
apm 2.4.3
npm 6.2.0
node 10.2.1 x64
atom 1.40.1
python 2.7.15
git 2.22.0.windows.1
visual studio 2015
I'm running Windows 10 version 1903 / 18362.356
I've forked this repository and added a file called language-typescript.cson inside the snippets directory with the same contents as the language-javascript.cson file from the language-javascript package, edited the first line from '.source.js, .source.flow' to '.source.ts, .source.tsx' and the snippets worked again.
However, I also changed the body part of each snippet in the JSON files to be strings instead of arrays of strings, and the snippets worked again. I think that's what causing the issue here.
When tree-sitting enabled, language-typescript sets the scope of all .js files in projects with a .flowconfig file to flow-javascript.
This overrules the scope for language-babel which is the preferred grammar plugin for Nuclide and breaks all the useful IDE features for Flow.
No idea if this considered a bug but hopefully the presence of this ticket is helpful to other intrepid people who enable new features to test and run into these problems! This puzzled me specifically because I use language-babel and thus have language-javascript disabled, couldn't find the flow-javascript scope string mentioned in any of my installed packages, and didn't think about language-typescript as a thing that would affect JavaScript files, but eventually searched for the scope string on the atom repos and found it.
nuclide and language-babelExpected behavior:
Automatic grammar selection should be "Babel". Useful features like hovering variables to see their type, autocomplete, etc, should work.
Actual behavior:
Grammar selection is "Flow JavaScript". None of the above useful features work.
Reproduces how often:
Always
Ubuntu 16.04
$ atom-beta --version
Atom : 1.27.0-beta1
Electron: 1.7.11
Chrome : 58.0.3029.110
Node : 7.9.0
awilkins@ryoko:~
$ apm-beta --version
apm 1.19.0
npm 3.10.10
node 6.9.5 x64
atom 1.27.0-beta1
python 2.7.12
git 2.7.4
language-typescriptGeneric-Mixin-applying classes do not highlight correctly.
Consider this file:
interface C {}
class B<T, U> {}
function F(s: any) { return class G<T, U> extends s {} }
export class A extends F(B)<D, E> implements C {}
export class A extends B<D, E> implements C {}Expected behavior:
Expected: both instances of the word implements highlight as modifier keywords
Actual behavior:
Actual: only the second instance highlights properly
Reproduces how often:
atom: 1.54.0
macOS: 10.14.6
Edit: having submitted this issue I'm now noticing that GitHub's highlighter appears to have the same issue, so maybe it's upstream. However note VSCode's rendering:
{
"atom": "1.54.0",
"platform": "darwin",
"release": "18.7.0",
"activeCommunityPackages": [
"dracula-syntax: 3.0.2",
"framer-ui: 2.0.0",
"api-docs: 0.0.6",
"atom-ide-debugger-node: 0.7.3",
"atom-ide-debugger-python: 0.7.3",
"atom-ide-javascript: 1.5.0",
"atom-import-cost: 1.2.0",
"atom-inline-blame: 0.0.10",
"atom-jq: 0.7.0",
"atom-typescript: 14.1.2",
"audio: 1.5.7",
"autocomplete-module-import: 0.3.0",
"autocomplete-paths: 2.12.18",
"busy-signal: 2.0.1",
"choose-pane: 0.8.0",
"color-picker: 2.3.0",
"counter: 0.3.5",
"custom-title: 1.0.1",
"docblockr: 0.13.7",
"emmet: 2.4.3",
"file-icons: 2.1.46",
"gitlab-integration: 0.4.8",
"haskell-debug: 0.3.6",
"haskell-pointfree: 0.2.0",
"highlight-column: 0.5.4",
"highlight-line: 0.12.0",
"highlight-selected: 0.17.0",
"ide-bash: 1.0.11",
"ide-cpp: 0.1.0",
"ide-haskell-hoogle: 0.1.2",
"ide-html: 0.6.2",
"ide-json: 0.2.1",
"indent-guide-improved: 1.4.13",
"intentions-colorpicker: 1.0.1",
"intentions-numbers: 1.0.4",
"javascript-drag-import: 0.1.13",
"language-haskell-scoped: 0.1.2",
"less-than-slash: 0.20.0",
"linter-coverage: 0.3.0",
"linter-docker: 0.3.2",
"linter-eslint: 8.5.5",
"linter-jsonlint: 1.4.0",
"linter-pylint: 2.1.1",
"linter-sass-lint: 1.9.0",
"linter-stylelint: 4.5.1",
"linter-write-good: 0.9.3",
"minimap-split-diff: 0.3.7",
"modular-snippets: 0.1.3",
"npm-outdated: 0.6.0",
"pane-browser: 1.6.0",
"pigments: 0.40.6",
"plantuml-viewer: 0.7.2",
"regex-railroad-diagram: 0.19.4",
"relative-numbers: 0.9.1",
"remember-folds: 0.3.0",
"split-diff: 1.6.1",
"teletype: 0.13.4",
"terminal-tab: 0.6.0",
"todo-show: 2.3.2",
"tree-ignore: 0.6.2",
"vim-mode-plus: 1.36.4",
"vim-mode-plus-keymaps-for-surround: 0.2.1",
"language-graphql: 1.0.0",
"language-plantuml: 0.2.0",
"language-markdown: 0.37.0",
"language-github-actions: 0.1.0",
"language-fish-shell: 1.1.0",
"language-haml: 0.32.1",
"language-ini: 1.23.0",
"language-haskell: 1.21.0",
"language-liquid: 0.7.0",
"language-mermaid: 0.6.0",
"language-nunjucks: 4.2.1",
"language-patch: 1.2.0",
"language-confluence-wiki: 0.2.0",
"language-vue: 0.26.0",
"react: 0.18.0",
"atom-beautify: 0.33.4",
"atom-ide-base: 2.3.2",
"atom-ide-datatip: 0.23.2",
"atom-ide-definitions: 0.4.1",
"atom-ide-hyperclick: 1.0.9",
"atom-ide-markdown-service: 2.0.0",
"atom-ide-outline: 1.17.0",
"atom-ide-signature-help: 0.15.1",
"linter: 3.3.0",
"linter-ui-default: 3.2.3",
"minimap: 4.39.7",
"minimap-find-and-replace: 5.0.8",
"minimap-git-diff: 4.3.6",
"minimap-linter: 2.2.2"
]
}Moved from TypeStrong/atom-typescript#1573
Copy of atom/language-html#135 since it was recently released with Atom 1.25.
Edit by @rsese to add code from #34 (comment) and link to Apollo example code
export const TaskListItem = ({ id, children }: taskListItemProps) => (
<Query<taskListItem, taskListItemVariables>
query={TASK_LIST_ITEM}
variables={{ id }}
>
{(queryProps) => {
const { loading, data } = queryProps
if (!loading && data && data.task) {
return (
<Mutations task={data.task}>
{(mutations) => {
return children({ ...queryProps, mutations })
}}
</Mutations>
)
} else {
return children({ ...queryProps, mutations: undefined })
}
}}
</Query>
)Apollo code example: https://github.com/apollographql/react-apollo/blob/master/examples/typescript/src/Character.tsx
when adding aliases (?) to a component the rest of the JSX does not render correctly
for example, in the following code
<Query<taskListItem, taskListItemVariables>
query={TASK_LIST_ITEM}
variables={{ id }}
>
{(queryProps) => (
<Mutations id={id}>
{(mutations) => {
const finalProps = { ...queryProps, mutations }
return children(finalProps)
}}
</Mutations>
)}
</Query>
the <taskListItem, taskListItemVariables> causes the entire jsx block to be rendered incorrectly.
inspecting it looks like the scope goes from:
source.tsx
meta.var.expr.tsx
meta.tag.tsx
entity.name.tag.tsx
support.class.component.tsx
to
source.tsx
meta.var.expr.tsx
variable.other.readwrite.tsx
Atom: 1.34.0
language-typescript: 0.4.11
In typescript files code folding seems to be buggy when a foldable block is preceded by comments. Specifically it will fold the comment line, and hide the next line down from that regardless of what that line is. Also it will not permit any line directly below a comment line to be folded.
This does not occur for regular javascript files so I hope this is the appropriate project to log this bug on. If not please let me know and I'll close this issue in favor of one on the correct repo.
// test
test() {
...
}
/*
test
*/
test() {
...
}
// test1
// test2
// test3
test() {
}
Expected behavior:
Actual behavior:
Reproduces how often: Always, even in safe mode.
Electron: 1.6.15
Chrome : 56.0.2924.87
Node : 7.4.0
macOs High Sierra
Version 10.13.1
Unfolded, showing foldable lines
Folded
JSX Fragments are not supported.
const fragment = <></>Expected behavior:
Syntax should be supported and shouldn't show as invalid characters.
What Babel ES6 JavaScript does:
Actual behavior:
Syntax is not supported and shows as invalid.
What TypeScriptReact does:
Reproduces how often: Always.
Atom : 1.25.0
Electron: 1.7.11
Chrome : 58.0.3029.110
Node : 7.9.0
apm 1.19.0
npm 3.10.10
node 6.9.5 x64
atom 1.25.0
python 2.7.10
git 2.13.2
os OS X 10.12.2
JSX Fragments are currently supported in TypeScript 2.6. Closed issue microsoft/TypeScript#19094.
[Enter steps to reproduce:]
Atom: 1.32.0 ia32
Electron: 2.0.9
OS: Microsoft Windows 8.1 Enterprise
Thrown From: language-typescript package 0.4.6
Failed to load a language-typescript package grammar
At The specified module could not be found.
\\?\C:\Users\SADEGHAZAMI1981GMAIL\AppData\Local\atom\app-1.32.0\resources\app.asar.unpacked\node_modules\tree-sitter-typescript\build\Release\tree_sitter_typescript_binding.node in C:\Users\SADEGHAZAMI1981GMAIL\AppData\Local\atom\app-1.32.0\resources\app.asar\node_modules\language-typescript\grammars\tree-sitter-typescript.json
Error: The specified module could not be found.
\\?\C:\Users\SADEGHAZAMI1981GMAIL\AppData\Local\atom\app-1.32.0\resources\app.asar.unpacked\node_modules\tree-sitter-typescript\build\Release\tree_sitter_typescript_binding.node
at process.module.(anonymous function) [as dlopen] (ELECTRON_ASAR.js:166:20)
at Object.Module._extensions..node (module.js:671:18)
at Object.module.(anonymous function) [as .node] (ELECTRON_ASAR.js:180:18)
at Module.load (module.js:561:32)
at tryModuleLoad (module.js:504:12)
at Function.Module._load (module.js:496:3)
at Module.require (/app.asar/static/index.js:47:45)
at require (~/AppData/Local/atom/app-1.32.0/resources/app/static/<embedded>:11:145671)
at /app.asar/node_modules/tree-sitter-typescript/index.js:2:20)
at /app.asar/node_modules/tree-sitter-typescript/index.js:11:3)
at Module.get_Module._compile (~/AppData/Local/atom/app-1.32.0/resources/app/static/<embedded>:11:146381)
at Object.value [as .js] (~/AppData/Local/atom/app-1.32.0/resources/app/static/<embedded>:11:149928)
at Module.load (module.js:561:32)
at tryModuleLoad (module.js:504:12)
at Function.Module._load (module.js:496:3)
at Module.require (/app.asar/static/index.js:47:45)
at require (internal/module.js:11:18)
at customRequire (~/AppData/Local/atom/app-1.32.0/resources/app/static/<embedded>:1:622321)
at new TreeSitterGrammar (~/AppData/Local/atom/app-1.32.0/resources/app/static/<embedded>:11:2952432)
at GrammarRegistry.createGrammar (~/AppData/Local/atom/app-1.32.0/resources/app/static/<embedded>:11:356290)
at l.readFile (~/AppData/Local/atom/app-1.32.0/resources/app/static/<embedded>:11:356131)
at u (~/AppData/Local/atom/app-1.32.0/resources/app/static/<embedded>:11:575466)
at ~/AppData/Local/atom/app-1.32.0/resources/app/static/<embedded>:11:576719
at ELECTRON_ASAR.js:530:9
at FSReqWrap.wrapper [as oncomplete] (fs.js:658:17)
at /app.asar/node_modules/language-typescript/grammars/tree-sitter-typescript.json:1:1
.ts files are not detected automatically because the .ts file types are not defined in the packages. Thus code is not highlighted until I configure the file as a TypeScript file.
Atom 1.43.0
language-typescript 0.6.0
I've recently been forced to switch from language-babel to language-typescript due to my language-babel no longer working with atom-typescript for some reason. The biggest thing I've noticed since making the switch is that the syntax highlighting for this grammar seems far behind that I had in language-babel. Some of the things I've seen so far:
| Babel | Typescript |
|---|---|
 |
 |
| Babel | Typescript |
|---|---|
 |
 |
| Babel | Typescript |
|---|---|
 |
 |
At first I thought this was an issue with my syntax theme, but on inspecting the CSS I found that most of these issues are due to the text not being tagged at all thus it is impossible to style things correctly.
For example the following is from babel:
<span class="syntax--variable syntax--other syntax--readwrite syntax--js">iconColor</span>
where as in typescript I get:
iconColor
no wrapper at all.
Multiline arguments types highlited as variables in arrow functions
Type an arrow function with typed multiline arguments.
Expected behavior: Correct highlight
Actual behavior:
Reproduces how often: 100%
Atom : 1.34.0
Electron: 3.1.3
Chrome : 66.0.3359.181
Node : 10.2.0
Enter this text and set the type to "TypeScriptReact":
// Add all the single-select stories first.
ALL_OPTIONS.forEach(({ name, options, stateKey }) => {
storiesOf('Select', module).add(`Single value - ${name}`, () => (
<State store={store}>
{(state: PlainObject<string | string[]>) => (
<Select<unknown>
className='select-story-component'
/>
)}
</State>
));
});
// Add all the multi-select stories next.
ALL_OPTIONS.forEach(({ name, options, stateKey }) => {
storiesOf('Select', module).add(`Multiple values - ${name}`, () => (
<State store={store}>
{(state: PlainObject<string | string[]>) => (
<Select<unknown>
className='select-story-component'
/>
)}
</State>
));
});
Actual behavior:
Reproduces how often:
100%
$ atom --version
Atom : 1.45.0
Electron: 4.2.7
Chrome : 69.0.3497.128
Node : 10.11.0
[Enter steps to reproduce:]
Atom: 1.47.0 x64
Electron: 5.0.13
OS: Microsoft Windows 10 Home
Thrown From: language-typescript package 0.6.2
Failed to load a language-typescript package grammar
At The specified module could not be found.
\\?\C:\Users\Yongbum\AppData\Local\atom\app-1.47.0\resources\app.asar.unpacked\node_modules\tree-sitter-typescript\build\Release\tree_sitter_typescript_binding.node in C:\Users\Yongbum\AppData\Local\atom\app-1.47.0\resources\app.asar\node_modules\language-typescript\grammars\tree-sitter-typescript.json
Error: The specified module could not be found.
\\?\C:\Users\Yongbum\AppData\Local\atom\app-1.47.0\resources\app.asar.unpacked\node_modules\tree-sitter-typescript\build\Release\tree_sitter_typescript_binding.node
at process.func [as dlopen] (electron/js2c/asar.js:138:31)
at Object.Module._extensions..node (internal/modules/cjs/loader.js:881:18)
at Object.func [as .node] (electron/js2c/asar.js:147:18)
at Module.load (internal/modules/cjs/loader.js:701:32)
at tryModuleLoad (internal/modules/cjs/loader.js:633:12)
at Function.Module._load (internal/modules/cjs/loader.js:625:3)
at Module.require (/app.asar/static/index.js:72:46)
at require (~/AppData/Local/atom/app-1.47.0/resources/app/static/<embedded>:11:146766)
at /app.asar/node_modules/tree-sitter-typescript/typescript/index.js:2:20)
at /app.asar/node_modules/tree-sitter-typescript/typescript/index.js:15:3)
at Module.get_Module._compile (~/AppData/Local/atom/app-1.47.0/resources/app/static/<embedded>:11:147450)
at Object.value [as .js] (~/AppData/Local/atom/app-1.47.0/resources/app/static/<embedded>:11:150998)
at Module.load (internal/modules/cjs/loader.js:701:32)
at tryModuleLoad (internal/modules/cjs/loader.js:633:12)
at Function.Module._load (internal/modules/cjs/loader.js:625:3)
at Module.require (/app.asar/static/index.js:72:46)
at require (internal/modules/cjs/helpers.js:14:16)
at customRequire (~/AppData/Local/atom/app-1.47.0/resources/app/static/<embedded>:1:735013)
at new TreeSitterGrammar (~/AppData/Local/atom/app-1.47.0/resources/app/static/<embedded>:11:3220847)
at GrammarRegistry.createGrammar (~/AppData/Local/atom/app-1.47.0/resources/app/static/<embedded>:11:360231)
at ~/AppData/Local/atom/app-1.47.0/resources/app/static/<embedded>:11:360072
at u (~/AppData/Local/atom/app-1.47.0/resources/app/static/<embedded>:11:580740)
at ~/AppData/Local/atom/app-1.47.0/resources/app/static/<embedded>:11:581993
at electron/js2c/asar.js:571:9
at FSReqCallback.wrapper [as oncomplete] (fs.js:483:5)
at /app.asar/node_modules/language-typescript/grammars/tree-sitter-typescript.json:1:1
atom-beautify 0.33.4
autoclose-html 0.23.0
autocomplete-python 1.16.0
code-peek 1.4.21
color-picker 2.3.0
emmet 2.4.3
highlight-selected 0.17.0
kite 0.184.0
script 3.25.0
If you create a typescript function with arguments on separate lines, they don't get the proper scopes associated with them and end up not getting highlighted correctly by the syntax theme.
Here's an example function that is highlighted correctly (because all of the args on the same line):
Here's an example of that same function but highlighted incorrectly (because of the args on different lines):
In looking at scopes, I see that the html created for the one-liner function declaration's first argument looks like:
<span class="syntax--variable syntax--parameter syntax--ts">arg1</span>
<span class="syntax--meta syntax--type syntax--annotation syntax--ts">
<span class="syntax--keyword syntax--operator syntax--type syntax--annotation syntax--ts">:</span>
<span class="syntax--support syntax--type syntax--primitive syntax--ts">number</span>
</span>and the first argument for the multi-line arguments looks like:
<span class="syntax--meta syntax--var syntax--expr syntax--ts">
<span class="leading-whitespace"> </span>
<span class="syntax--variable syntax--other syntax--readwrite syntax--ts">arg1</span>:
<span class="syntax--variable syntax--other syntax--readwrite syntax--ts">number</span>
<span class="syntax--punctuation syntax--separator syntax--comma syntax--ts">,</span>
</span>Which is clearly wrong.
Expected behavior: Arguments for a function that spans multiple lines should get the right scopes
Actual behavior: Arguments for a function that spans multiple lines are getting variable scopes instead of parameter scopes.
Reproduces how often: 💯
Atom: 1.27.1
Apm: 1.19.0
OS: Windows 10
Variables that start with capital letter marked as types
const bar = 'bar';
const Foo = 'foo';Foo has class syntax--type and is highlighted as a typeExpected behavior:
A variable is highlighted as a variable and not a type.
Actual behavior:
A variable is highlighted as a type.
Reproduces how often:
Always.
$ atom --version
Atom : 1.38.2
Electron: 4.1.4
Chrome : 69.0.3497.128
Node : 10.11.0
$ apm --version
apm 2.3.1
npm 6.9.0
node 11.15.0 x64
atom 1.38.2
python 2.7.16
git 2.22.0
Why
[Enter steps to reproduce:]
Atom: 1.22.1 x64
Electron: 1.6.15
OS: Mac OS X 10.13.1
Thrown From: language-typescript package 0.3.0-1
Failed to load a language-typescript package grammar
At Grammar missing required scopeName property: /Users/sunxingchen/.atom/packages/language-typescript/grammars/tree-sitter-flow.cson in /Users/sunxingchen/.atom/packages/language-typescript/grammars/tree-sitter-flow.cson
Error: Grammar missing required scopeName property: /Users/sunxingchen/.atom/packages/language-typescript/grammars/tree-sitter-flow.cson
at /Applications/Atom.app/Contents/Resources/app/node_modules/first-mate/lib/grammar-registry.js:123:70
at /Applications/Atom.app/Contents/Resources/app/node_modules/season/lib/cson.js:223:65
at tryToString (fs.js:426:3)
at FSReqWrap.readFileAfterClose [as oncomplete] (fs.js:413:12)
at /packages/language-typescript/grammars/tree-sitter-flow.cson:1:1
advanced-open-file 0.16.7
atom-beautify 0.30.9
atom-clock 0.1.15
atom-html-preview 0.2.5
atom-ternjs 0.18.3
atom-typescript 11.0.10
audio 1.5.7
auto-detect-indentation 1.3.0
busy-signal 1.4.3
coffee-navigator 0.0.18
cson 2.0.1
ex-mode 0.18.0
git-control 0.9.0
gitignore-snippets 0.2.5
gitignores 0.3.2
goto-definition 1.3.4
graphviz-preview-plus 1.5.2
highlight-selected 0.13.1
intentions 1.1.5
javascript-snippets 1.2.1
javascript-standard-snippets 0.2.1
language-dot 1.7.0
language-gitignore 0.3.0
language-kagex 0.2.4
language-lisp 0.2.0
language-matlab 0.2.1
language-tjs 0.6.2
linter 2.2.0
linter-coffeelint 1.3.1
linter-coffees6 2.0.0
linter-js-standard 4.1.0
linter-markdown 5.2.0
linter-sass-lint 1.8.3
linter-ui-default 1.6.10
linter-xmllint 1.4.3
markdown-pdf 2.1.0
markdown-preview-plus 2.4.16
minimap 4.29.7
minimap-cursorline 0.2.0
minimap-find-and-replace 4.5.2
minimap-git-diff 4.3.1
minimap-highlight-selected 4.6.1
minimap-selection 4.5.0
pdf-view 0.61.0
sequential-number 0.5.0
simplified-chinese-menu 5.3.5
sync-settings 0.8.3
tab-numbers 0.6.1
tree-view-copy-relative-path 1.2.0
videoplayer 1.2.1
vim-mode-plus 1.16.0
It looks like the TextMate grammar hasn't been updated since 2017...
The export = syntax isn't highlighted
export = new Array();)Expected behavior: For the export = to always be highlighted using the proper scopes
Actual behavior: No scopes are added thus the highlighting never happens
Edit by @rsese to add screenshot
Reproduces how often: 100%
You can get this information from copy and pasting the output of atom --version and apm --version from the command line. Also, please include the OS and what version of the OS you're running.
$ atom --version
Atom : 1.35.0-nightly1
Electron: 2.0.14
Chrome : 61.0.3163.100
Node : 8.9.3
$ apm --version
apm 2.1.3
npm 6.2.0
node 8.9.3 x64
atom 1.35.0-nightly1
python 2.7.15
git 2.19.2.windows.1
visual studio 2015
When a variable is exported using this syntax, it gets the scope syntax--keyword syntax--control
When using NoSubstitutionTemplateLiterals as types it breaks coloring.
type literal = {
normal: "string"
hello: `hello`
world: `world`
exclamation: `!`
another: `!`
}Expected behavior: [What you expect to happen]
Text is colored correctly.
Actual behavior: [What actually happens]
Edit by @rsese to add additional screenshot with 1.37.0-nightly32 on macOS 10.12.6:
And with Tree-sitter disabled:
Reproduces how often: [What percentage of the time does it reproduce?]
Always.
electron 2.0.18
chrome 61.0.3163.100
apm 2.1.3
npm 6.2.0
node 8.9.3 x64
atom 1.35.1
python 2.7.16
git 2.20.1
language-typescript 0.4.11
macos 10.14.4
[Description of the issue]
Expected behavior: [What you expect to happen]
Actual behavior: [What actually happens]
Reproduces how often: [What percentage of the time does it reproduce?]
You can get this information from copy and pasting the output of atom --version and apm --version from the command line. Also, please include the OS and what version of the OS you're running.
Any additional information, configuration or data that might be necessary to reproduce the issue.
Moved from atom/atom#18398.
When using the flow pragma in a file, all of my existing javascript snippets no longer work. I notice that the scope in these files no loner include source.js, which is what my snippets are expecting. Do I now need to duplicate all my snippets for both scopes, so I can work in files with and without flow? Do I need to recreate "built-in" snippets like log?
// @flow to the top of a filelog and tab, and get console.log();Expected behavior: [What you expect to happen]
Javascript snippets work in flow files.
Actual behavior: [What actually happens]
They don't.
Reproduces how often: [What percentage of the time does it reproduce?]
100%
Atom : 1.33.0-beta1
Electron: 2.0.11
Chrome : 61.0.3163.100
Node : 8.9.3
apm 2.1.2
npm 6.2.0
node 8.9.3 x64
atom 1.33.0-beta1
python 2.7.10
git 2.19.1
When you enable tree-sitter parser, an import statement in a typescript file no longer has a css class "syntax--import." In atom/solarized-dark-syntax and atom/solarized-light-syntax, we theme the import line differently. If the "syntax--import" class is no longer there, we're unable to theme those lines as before.
import * as React from "react";Expected behavior: Some indication that import, as, and from are "import" keywords.
Actual behavior: No indication that they are "import" related.
Reproduces how often: 100%
You can get this information from copy and pasting the output of atom --version and apm --version from the command line. Also, please include the OS and what version of the OS you're running.
Any additional information, configuration or data that might be necessary to reproduce the issue.
In languages such as Ruby or CoffeeScript, Atom has a feature to quickly change a selection inside a string into a template literal. Since template literals are supported in TypeScript, it would be nice to have the same feature for the language.
Steps:
name$ key${name}Existing feature in Ruby, CoffeeScript and possible other bundled Atom syntax languages.
Here's an animation showcasing the feature when working in CoffeeScript
[Enter steps to reproduce:]
Atom: 1.47.0 x64
Electron: 5.0.13
OS: Unknown Windows version
Thrown From: language-typescript package 0.6.2
Failed to load a language-typescript package grammar
At The specified module could not be found.
\\?\C:\Users\yesol\AppData\Local\atom\app-1.47.0\resources\app.asar.unpacked\node_modules\tree-sitter-typescript\build\Release\tree_sitter_tsx_binding.node in C:\Users\yesol\AppData\Local\atom\app-1.47.0\resources\app.asar\node_modules\language-typescript\grammars\tree-sitter-flow.json
Error: The specified module could not be found.
\\?\C:\Users\yesol\AppData\Local\atom\app-1.47.0\resources\app.asar.unpacked\node_modules\tree-sitter-typescript\build\Release\tree_sitter_tsx_binding.node
at process.func [as dlopen] (electron/js2c/asar.js:138:31)
at Object.Module._extensions..node (internal/modules/cjs/loader.js:881:18)
at Object.func [as .node] (electron/js2c/asar.js:147:18)
at Module.load (internal/modules/cjs/loader.js:701:32)
at tryModuleLoad (internal/modules/cjs/loader.js:633:12)
at Function.Module._load (internal/modules/cjs/loader.js:625:3)
at Module.require (/app.asar/static/index.js:72:46)
at require (~/AppData/Local/atom/app-1.47.0/resources/app/static/<embedded>:11:146766)
at /app.asar/node_modules/tree-sitter-typescript/tsx/index.js:2:20)
at /app.asar/node_modules/tree-sitter-typescript/tsx/index.js:15:3)
at Module.get_Module._compile (~/AppData/Local/atom/app-1.47.0/resources/app/static/<embedded>:11:147450)
at Object.value [as .js] (~/AppData/Local/atom/app-1.47.0/resources/app/static/<embedded>:11:150998)
at Module.load (internal/modules/cjs/loader.js:701:32)
at tryModuleLoad (internal/modules/cjs/loader.js:633:12)
at Function.Module._load (internal/modules/cjs/loader.js:625:3)
at Module.require (/app.asar/static/index.js:72:46)
at require (internal/modules/cjs/helpers.js:14:16)
at customRequire (~/AppData/Local/atom/app-1.47.0/resources/app/static/<embedded>:1:735013)
at new TreeSitterGrammar (~/AppData/Local/atom/app-1.47.0/resources/app/static/<embedded>:11:3220847)
at GrammarRegistry.createGrammar (~/AppData/Local/atom/app-1.47.0/resources/app/static/<embedded>:11:360231)
at ~/AppData/Local/atom/app-1.47.0/resources/app/static/<embedded>:11:360072
at u (~/AppData/Local/atom/app-1.47.0/resources/app/static/<embedded>:11:580740)
at ~/AppData/Local/atom/app-1.47.0/resources/app/static/<embedded>:11:581993
at electron/js2c/asar.js:571:9
at FSReqCallback.wrapper [as oncomplete] (fs.js:483:5)
at /app.asar/node_modules/language-typescript/grammars/tree-sitter-flow.json:1:1
-1:11.4.0 markdown-preview-enhanced:toggle (input.hidden-input)
markdown-preview-enhanced 0.17.8
seti-icons 1.5.4
Expected behavior:
TypeScript files should have syntax highlighting.
Actual behavior:
No syntax highlighting in *.ts files.
v1.43.0
Syntax highlighting works perfectly fine on other file types. I already checked .html, .json, .scss, .json and even in other file types. Only typescript files have no syntax highlighting.
I already tried downloading and checking if maybe the syntax highlighting works in Beta and Nightly version but still no syntax highlighting at all.
Grammar generator mis-handles name property with embedded scopes, for example:
language-typescript/grammars/TypeScript.json
Line 799 in 1927633
FirstMate can't handle this syntax, and as a result, source span gets the class syntax--meta syntax--definition syntax--function syntax--ts entity syntax--name syntax--function syntax--ts. Notice the naked entity without synax-- prefix there in the middle.
This is brought over from TypeStrong/atom-typescript#1379
class SomeClass {
someMethod() {}
}log-cursor-scope on someMethodExpected behavior:
Actual behavior:
Reproduces how often: 100%
[:~] $ atom --version
Atom : 1.23.1
Electron: 1.6.15
Chrome : 56.0.2924.87
Node : 7.4.0
[:~] $ apm --version
apm 1.18.11
npm 3.10.10
node 6.9.5 x64
atom 1.23.1
python 3.4.6
git 2.15.1
See also: microsoft/TypeScript-TmLanguage#545
I originally opened this in atom/language-javascript#603. Duplicating here, since this seems to be the grammar being used.
When using the Flow Javascript grammar with tree-sitter enabled, I notice that parenthesis are not always outdented correctly, whereas they are when using Javascript. Here are some examples (taken during safe mode):
Flow JavascriptExpected behavior: [What you expect to happen]
I expect the closing parenthesis to be on the same column as the first character of the line with the opening parenthesis.
Actual behavior: [What actually happens]
The closing parens is indented by one level, to the same position as the cursor.
Reproduces how often: [What percentage of the time does it reproduce?]
100%
You can get this information from copy and pasting the output of atom --version and apm --version from the command line. Also, please include the OS and what version of the OS you're running.
Atom : 1.32.0-beta3
Electron: 2.0.9
Chrome : 61.0.3163.100
Node : 8.9.3
apm 2.1.2
npm 6.2.0
node 8.9.3 x64
atom 1.32.0-beta3
python 2.7.10
git 2.19.1
[Enter steps to reproduce:]
Atom: 1.32.0 ia32
Electron: 2.0.9
OS: Microsoft Windows 8.1 Enterprise
Thrown From: language-typescript package 0.4.6
Failed to load a language-typescript package grammar
At The specified module could not be found.
\\?\C:\Users\SADEGHAZAMI1981GMAIL\AppData\Local\atom\app-1.32.0\resources\app.asar.unpacked\node_modules\tree-sitter-typescript\build\Release\tree_sitter_typescript_binding.node in C:\Users\SADEGHAZAMI1981GMAIL\AppData\Local\atom\app-1.32.0\resources\app.asar\node_modules\language-typescript\grammars\tree-sitter-typescript.json
Error: The specified module could not be found.
\\?\C:\Users\SADEGHAZAMI1981GMAIL\AppData\Local\atom\app-1.32.0\resources\app.asar.unpacked\node_modules\tree-sitter-typescript\build\Release\tree_sitter_typescript_binding.node
at process.module.(anonymous function) [as dlopen] (ELECTRON_ASAR.js:166:20)
at Object.Module._extensions..node (module.js:671:18)
at Object.module.(anonymous function) [as .node] (ELECTRON_ASAR.js:180:18)
at Module.load (module.js:561:32)
at tryModuleLoad (module.js:504:12)
at Function.Module._load (module.js:496:3)
at Module.require (/app.asar/static/index.js:47:45)
at require (~/AppData/Local/atom/app-1.32.0/resources/app/static/<embedded>:11:145671)
at /app.asar/node_modules/tree-sitter-typescript/index.js:2:20)
at /app.asar/node_modules/tree-sitter-typescript/index.js:11:3)
at Module.get_Module._compile (~/AppData/Local/atom/app-1.32.0/resources/app/static/<embedded>:11:146381)
at Object.value [as .js] (~/AppData/Local/atom/app-1.32.0/resources/app/static/<embedded>:11:149928)
at Module.load (module.js:561:32)
at tryModuleLoad (module.js:504:12)
at Function.Module._load (module.js:496:3)
at Module.require (/app.asar/static/index.js:47:45)
at require (internal/module.js:11:18)
at customRequire (~/AppData/Local/atom/app-1.32.0/resources/app/static/<embedded>:1:622321)
at new TreeSitterGrammar (~/AppData/Local/atom/app-1.32.0/resources/app/static/<embedded>:11:2952432)
at GrammarRegistry.createGrammar (~/AppData/Local/atom/app-1.32.0/resources/app/static/<embedded>:11:356290)
at l.readFile (~/AppData/Local/atom/app-1.32.0/resources/app/static/<embedded>:11:356131)
at u (~/AppData/Local/atom/app-1.32.0/resources/app/static/<embedded>:11:575466)
at ~/AppData/Local/atom/app-1.32.0/resources/app/static/<embedded>:11:576719
at ELECTRON_ASAR.js:530:9
at FSReqWrap.wrapper [as oncomplete] (fs.js:658:17)
at /app.asar/node_modules/language-typescript/grammars/tree-sitter-typescript.json:1:1
Currently, the TypeScript language detection does not recognize the "abstract" keyword as a keyword, so the proper syntax highlighting cannot be applied.
"abstract" is part of the language for declaring abstract classes.
N/A
You have the core package "language-typescript" installed as a community package. See https://github.com/atom/dalek for how this causes problems and instructions on how to correct the situation.
<unknown> (<embedded>:13596:20)
Generator.next (null:null:null)
step (<embedded>:13583:279)
<unknown> (null:null:null)
process._tickCallback (internal/process/next_tick.js:109:7)
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
Django
The Web framework for perfectionists with deadlines.
Laravel
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft
Open source projects and samples from Microsoft.
Google
Google ❤️ Open Source for everyone.
Alibaba
Alibaba Open Source for everyone
D3
Data-Driven Documents codes.
Tencent
China tencent open source team.