Converts JSDoc comments into TypeScript d.ts files
Note. It's an experimental module.
npm install --save-dev @enact/jsdoc-to-ts
Assuming this directory is a peer of the Enact source and you want to write this into an installed (from npm) version of enact:
node -e "import('./index.js').then(({default: jsdocToTs}) => {
['core', 'ui', 'moonstone', 'i18n', 'webos', 'spotlight'].forEach(p => jsdocToTs({
package: '../enact/packages/' + p,
output: require('fs').writeFileSync,
ignore: ['node_modules', 'ilib'],
importMap: {
ui: '@enact/ui',
moonstone: '@enact/moonstone',
core: '@enact/core',
webos: '@enact/webos',
spotlight: '@enact/spotlight',
i18n: '@enact/i18n'
},
outputPath: '<path to installation>/node_modules/@enact/' + p
}))
})"
NOTE: Replace <path to installation>
with the directory you wish to update. The script requires at least Node.js 13.2.0. or later.
IMPORTANT: jsdoc-to-ts 1.0.0 is the ESM. After upgrading from 0.1.x, please change the previous command as follows.
// Before
node -e "['core', 'ui', 'moonstone', 'i18n', 'webos', 'spotlight'].forEach(p => require('.')({
...
}))" "(path of jsdoc-to-ts)"
// After
node -e "import('(path of jsdoc-to-ts)/index.js').then(({default: jsdocToTs}) => {
['core', 'ui', 'moonstone', 'i18n', 'webos', 'spotlight'].forEach(p => jsdocToTs({
...
})"
The following command will parse the Enact source into a local types
directory so you can use TypeScript with linked Enact:
node -e "import('./index.js').then(({default: jsdocToTs}) => {
['core', 'ui', 'moonstone', 'i18n', 'webos', 'spotlight'].forEach(p => jsdocToTs({
package: '<path to enact>/packages/' + p,
output: (filepath, content) => {
const path = require('path');
const dir = path.dirname(filepath);
const wfs = require('fs').writeFileSync;
// recursively create the path to the folder in types
require('mkdirp').sync(dir);
// write a package.json with a types member pointing to the .d.ts file
wfs(path.join(dir, 'package.json'), '{\"types\": \"' + path.basename(filepath) + '\"}');
// write the .d.ts file
wfs(filepath, content);
},
importMap: {
ui: '@enact/ui',
moonstone: '@enact/moonstone',
core: '@enact/core',
webos: '@enact/webos',
spotlight: '@enact/spotlight',
i18n: '@enact/i18n'
},
outputPath: '<path to installation>/types/@enact/' + p
}))
})"
NOTE: You may need to install mkdirp
module in jsdoc-to-ts
by yourself.
You also have to configure the app to resolve the generated typings by adding the following to the tsconfig.json
.
"compilerOptions": {
"baseUrl": ".",
"paths": {
"*": [
"*",
"types/*"
]
}
}
Assuming jsdoc-to-ts is installed and linked globally on the current device, and we want to run the command in one of the installed Enact packages (core, ui, i18n, etc.) folder:
jsdoc-to-ts --ignore='["node_modules", "ilib", "build", "docs", "tests", "samples"]' --importMap='{"core":"@enact/core","ui":"@enact/ui","spotlight":"@enact/spotlight","i18n":"@enact/i18n","webos":"@enact/webos","moonstone":"@enact/moonstone","agate":"@enact/agate","sandstone":"@enact/sandstone"}' --outputPath='.'
Many assumptions, currently:
- Modules will be the root level component (documented with
@module
). - Higher-order components will be documented with
@hoc
tag (documenting the parameters and returns of the hoc should result in successful conversion, too). - Assumes you're using React and will inject React import into everything.
Unless otherwise specified, all content, including all source code files and documentation files in this repository are:
Copyright (c) 2018-2024 LG Electronics
Unless otherwise specified or set forth in the NOTICE file, all content, including all source code files and documentation files in this repository are: Licensed under the Apache License, Version 2.0 (the "License"); you may not use this content except in compliance with the License. You may obtain a copy of the License at
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.