The project is used for inheritance in packages https://mappable.world/docs/js-api/ref/packages/index.html
Requires a key to work https://mappable.world/docs/js-api/quickstart.html#get-api-key
In your project, you can include this package in order to simplify the development of packages for mappable JS API. It won't completely get rid of the boilerplate, but it will at least allow you to inherit all the main configs.
npx @mappable-world/mappable-cli --name="mappable-my-super-pkg"You can see the full list of options here:
npx @mappable-world/mappable-cli helpOr you can set up all elements of the package yourself, such as autotests, linting and building.
Install package @mappable-world/mappable-cli
npm i -D @mappable-world/mappable-cli#mainFor development, you may also need types for the libraries you use:
npm i -D @types/got @types/jest @types/jsdom @types/react @mappable-world/mappable-typesInstall eslint
npm i eslint prettier @typescript-eslint/eslint-plugin @typescript-eslint/parser eslint-config-prettier eslint-plugin-prettier -DCreate .eslintrc.js file:
module.exports = {
extends: ['./node_modules/@mappable-world/mappable-cli/.eslintrc.js']
};Create .prettierrc.js file:
const config = require("@mappable-world/mappable-cli/.prettierrc.json");
module.exports = {
...config
}Install webpack and typescript
npm i webpack webpack-cli webpack-dev-server css-loader style-loader terser-webpack-plugin ts-loader typescript -DCreate files webpack.config.js:
module.exports = (args, env, dir = process.cwd()) => {
return require('@mappable-world/mappable-cli/webpack.config')(args, env, dir);
}and tsconfig.json
{
"extends": ["@mappable-world/mappable-cli"],
"compilerOptions": {
"typeRoots": ["./node_modules/@types", "./node_modules/@mappable-world"]
}
}We use jest + jsdom:
npm i -D jest jsdom ts-jest [email protected] dotenv cross-fetch identity-obj-proxyAnd create jest.config.json file:
module.exports = {
...require('@mappable-world/mappable-cli/jest.config.js')
};