Compilation errors when using `tsc`

[adobexd]

Compilation errors when using `tsc`

[pklaschka]

@mattThousand

First, I have fixed a few bugs regarding the typings. Could you please try it with npm i https://github.com/AdobeXD/typings/tarball/pklaschka-patch-typescript-errors?

Secondly, you need to import directly from scenegraph (not from ../node_modules/@adobexd/typings/types/scenegraph). Then, you can specify how that gets resolved in your tsconfig.json. For example, you could use something like this:

{
  "compilerOptions": {
    "target": "es6",
    "module": "commonjs",
    "baseUrl": ".",
    "paths": {
      "scenegraph": ["./node_modules/@adobexd/typings/types/scenegraph"],
      "application": ["./node_modules/@adobexd/typings/types/application"],
      "commands": ["./node_modules/@adobexd/typings/types/commands"],
      "uxp": ["./node_modules/@adobexd/typings/types/uxp"],
      "os": ["./node_modules/@adobexd/typings/types/os"]
    },

    "typeRoots": ["@types","./node_modules/@adobexd/"]
  }
}

[pklaschka]

Your package.json should then look something like this:

{
  "name": "xd-typescript-test",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "build": "tsc -p ."
  },
  "devDependencies": {
    "@adobexd/typings": "https://github.com/AdobeXD/typings/tarball/pklaschka-patch-typescript-errors"
  }
}

Your .ts file something like this:

import {Rectangle, SceneNode} from "scenegraph";
import application = require("application");
import uxp = require('uxp');


function test() {
  // do stuff
}

module.exports.commands = {test: test};

[mattThousand]

@pklaschka that's perfect - thank you!