проблема была с редаксом, когда начал эти библиотеки пытаться собирать вместе, получалось со скрипом. тут определение отклеилось, там аутдейтед... Пришлось ручками залезать и править.

хм, это недавно было? у меня норм все, вот что использовал https://gist.github.com/vyorkin/63f5500cc46ba206569f7bdd956df772

с самим редаксом вроде ж все отлично https://github.com/reactjs/redux/blob/master/index.d.ts

прямо вот вообще дергаться не надо

а тайпинг в typings битый был, да

с самим редаксом вроде ж все отлично https://github.com/reactjs/redux/blob/master/index.d.ts

с самим да, а со всякими redux-thunk, react-router-redux были проблемы

кстати, да, надо мне убрать его из typings.json

вообще да, установка d.ts всех пока еще некомфортна ни разу

проще всего скопировать, руками поправить, добавить default экспорты и в гит закинуть

для RN я забил и сам описываю

чисто кидаю компоненты которые нужны

ну вот для indexedDB кривые тайпинги. что с этим делать?

error TS2339: Property 'result' does not exist on type 'EventTarget'.

самому описывать

ну либо any, а далее указывать тип

error TS2339: Property 'result' does not exist on type 'EventTarget'.

// This works on all devices/browsers, and uses IndexedDBShim as a final fallback interface IDBEnvironment { mozIndexedDB: IDBFactory; webkitIndexedDB: IDBFactory; shimIndexedDB: IDBFactory; } var indexedDB = window.indexedDB || window.mozIndexedDB || window.webkitIndexedDB || window.msIndexedDB || window.shimIndexedDB; // Open (or create) the database let openRequest = indexedDB.open("MyDatabase", 1); // Create the schema openRequest.onupgradeneeded = function() { let db = openRequest.result; let store = db.createObjectStore("MyObjectStore", {keyPath: "id"}); let index = store.createIndex("NameIndex", ["name.last", "name.first"]); }; openRequest.onsuccess = function() { // Start a new transaction let db = openRequest.result; let tx = db.transaction("MyObjectStore", "readwrite"); let store = tx.objectStore("MyObjectStore"); let index = store.index("NameIndex"); // Add some data store.put({id: 12345, name: {first: "John", last: "Doe"}, age: 42}); store.put({id: 67890, name: {first: "Bob", last: "Smith"}, age: 35}); // Query the data let getJohn = store.get(12345); let getBob = index.get(["Smith", "Bob"]); getJohn.onsuccess = function() { console.log(getJohn.result.name.first); // => "John" }; getBob.onsuccess = function() { console.log(getBob.result.name.first); // => "Bob" }; // Close the db when the transaction is done tx.oncomplete = function() { db.close(); }; } немного исправленный пример отсюда https://gist.github.com/BigstickCarpet/a0d6389a5d0e3a24814b как-то так.

@chicoxyzzy зашел попробовать тут поспрашивать а ты уже :) спасибо. переписываю на TS

а как-то можно ts-loader’у присунуть резолвинг модулей из вебпака? или он им и пользуется? vs code у меня ругается, что модуль не найден: import db from ‘db’, при этом у меня указан resolve.root в конфиге вебпака

ts-loader то может, это у тебя vscode не может

ну и сам по себе ts плохо дружит с webpack, простой способ - в ts 2 это path mapping resolution

https://github.com/Microsoft/TypeScript/issues/5039

таки проблема резолвинга: (17,20): error TS2307: Cannot find module 'db’.

а в ts@1.8?)

никак

я переписываю модуль на js, там это работало

ииэх ( кто ж так лоадеры пишет?

ts пытается понять тип db

и не может, потому что не знает где искать его

можешь файл db.d.ts положить в корень

хм… попробую

или в общем файле declarations.d.ts или как вы его у себя называете определить

о, а он его должен был найти, если бы он был db.ts, но он db.js. попробую и его переписать

я пробую переходить на ts маленькими кусками

все правильно)

в ts 2 есть allowJs, я правда его не тестил еще

не на чем)

тааак… а 1.8 подключить js модуль не сможет?

нет

в ts 2 есть allowJs, я правда его не тестил еще

пробовал allowJs – норм работает

типы из jsdoc?

в смысле он просто компилирует js-файлы с этим флагом – мне этого достаточно было

Нужна подсказка. В bluebird пользуюсь методом .using. При компиляции получаю Property 'using' does not exist on type 'PromiseConstructor'. Как я понял, так происходит, потому что в https://github.com/DefinitelyTyped/DefinitelyTyped/blob/master/bluebird/bluebird.d.ts нет описания этого метода. Вопрос: как его добавить? Так не работает (получаю ту же ошибку): import * as Promise from 'bluebird' declare module 'bluebird' { interface PromiseConstructor { using(): any } } А так "работает" (но чую, что есть более правильный способ): declare global { interface PromiseConstructor { using(): any } } Как быть?

Нужна подсказка. В bluebird пользуюсь методом .using. При компиляции получаю Property 'using' does not exist on type 'PromiseConstructor'. Как я понял, так происходит, потому что в https://github.com/DefinitelyTyped/DefinitelyTyped/blob/master/bluebird/bluebird.d.ts нет описания этого метода. Вопрос: как его добавить? Так не работает (получаю ту же ошибку): import * as Promise from 'bluebird' declare module 'bluebird' { interface PromiseConstructor { using(): any } } А так "работает" (но чую, что есть более правильный способ): declare global { interface PromiseConstructor { using(): any } } Как быть?

А ты промисы используешь подключая bluebird или через глобальный Promise?

http://kangax.github.io/compat-table/esnext/#test-async_functions_arrow_async_functions ээ, разве ts не умеет async для arrow? O.o

еще в 1.8 у меня работает

@mkusher это косяк, пили PR

https://github.com/kangax/compat-table/blob/gh-pages/data-esnext.js#L189-L196 сюда надо добавить строку typescript: typescript.asyncawait,

но можно и уточнить что значит этот коммент https://github.com/kangax/compat-table/blob/gh-pages/data-esnext.js#L192

коммент добавил злойрок вот тут https://github.com/kangax/compat-table/commit/98b16bc1c77c01e2444fad85967bf97fea6f6991

чет непонятно, в одном месте needs generators support - да, но это ж не только arrow, а в другом buggy output

А ты промисы используешь подключая bluebird или через глобальный Promise?

Не очень понял вопрос. Перед декларацией пишу import * as Promise from 'bluebird'. Надо как-то по-другому?

Нет) просто может ты использовал через глобальный промис

чет непонятно, в одном месте needs generators support - да, но это ж не только arrow, а в другом buggy output

Что значит buggy output?

Что значит buggy output?

вот непонятно, ссылок там на issue нет. Я чет сходу не нашел каких-то issue с неправильным выводом

хотя вижу несколько issue, в которых говорится, что всякие там graphql не могут работать с ts-овыми async/await, но могут с babel

Наверное потому что создавались с учетом того как выводит babel

Не очень понял вопрос. Перед декларацией пишу import * as Promise from 'bluebird'. Надо как-то по-другому?

https://github.com/Microsoft/TypeScript/issues/8331

Ребят, а нормальная практика, вот есть приватный метод у какого-то класса и нужные всякие функции вспомогательные для этого метода, можно прямо в методе их зафигарить или лучше выносить в такие же приватные методы? )

private createGrid(container: HTMLElement, data: any, chart: any): void { const updateGridData = (data) => {...}; updateGridData(data); }

вполне вероятно, что тебе эти приватные методы надо вынести вообще в отдельный класс, который инъектить в исходный

не методы, а функции наверное?

ну, пока не методы, но вместе с приватным методом

тут конечно недостаточно инфы

чисто технически лучше вынести в приватные методы, чтобы функции каждый раз не создавались, но это вероятнее всего спички. Ну и плюс, если вам требуется там еще несколько функций, то как вы все это дело тестируете?

Там где это требуется - не тестируется ) Ну тогда вынесу в приват всё ) Спасибо

Кто нибудь делал hot reload в электроне да под тайпскриптом?

Не работает ☹️

Отбой. я нуб

Самый корневой компонент не знает как обновиться.

а у тебя react-hot-loader?

у меня просто chrome extension, не электрон

а у тебя react-hot-loader?

да

хм, мб там своя специфика, сорри, сходу не скажу

entry: [ 'webpack-hot-middleware/client?reload=true&path=http://localhost:9000/__webpack_hmr', 'webpack/hot/only-dev-server', './src/index', ], { test: /\.ts(x?)$/, loaders: [ 'react-hot', // 'babel-loader?presets[]=es2015', 'ts-loader?configFileName=tsconfig.json', ], exclude: [/node_modules/, /\.(spec|e2e)\.ts(x?)$/], }

Да, телеграм очень удобен для кодовставки...

Ну как-то вот так у меня. работает.

будешь делать свой стартер под электрон?)

я замучу стартер для chrome app / extension с ts скоро, надо просто вытащить его из проекта

будешь делать свой стартер под электрон?)

Нашёл один с jspm.

А с вебпаком нету

кто-нибудь знает, есть возможность в typings указать свой репозиторий?

он умеет в что угодно https://github.com/typings/typings#sources

это ок, да, но я не вижу опции добавить еще один source

в локальной сети есть форк DefinitelyTyped с .d.ts приватных пакетов

есть возможность его использовать?

typings install github:path/to-repo —save

в локальной сети есть форк DefinitelyTyped с .d.ts приватных пакетов

Что за приватные пакеты?

npm-пакеты, которые хостятся на внутреннем npm-репозитории

А это ваши пакеты?

Да

TS должен цеплять автоматом из них, специально их устанавливать не надо.

Но в package.json должен быть прописан путь к файлу типов пакета, если он не совпадает с index.d.ts

d.ts самого пакета цепляются, а вот зависимости не подгружаются, вот я и думаю как это сделать через typings

тайпингс уже почти не нужен

d.ts самого пакета цепляются, а вот зависимости не подгружаются, вот я и думаю как это сделать через typings

Есть typings npm:package

Но он не поможет