Plugin built time (skpm-build --watch --run) is too slow after changes in files.

[luckyfoxdesign]

Current results:

The steps that led to these results

1. I wrote a plugin
2. Published it
3. Installed https://github.com/skpm/sketch-module-web-view with a save flag

On the first evening after installing everthing was ok, but the next day, when I was running a command: npm run start , the time between saving the event in a file and running the plugin in sketch was too long, about a minute or longer.

• When I start a new project locally – everthing is fine and everthing works without troubles.
• When I clone the project from github – it has the same problem with the built time.

A link to the plugin repo: Helpify plugin

What am I doing wrong? Or what has happened and how to fix it?

[varun531]

I'm having this issue as well. I'm on Sketch 61.2

[varun531]

Another update:

When I switch to using an older version of skpm/builder (npm install @skpm/builder@0.6.0), and I have a trivial program in my my-command.js:

import sketch from 'sketch'

export default function() {
  sketch.UI.message("Testing")
}

I CAN actually get fast building and running going. However, it breaks when I paste in the sample code from airbnb's react-sketchapp project.

[lucastobrazil]

I am getting a super slow build from the get-go just doing skpm create my-plugin and then npm run start - takes 61241ms

[lucastobrazil]

Looking deeper, i acan see the the culprit is the --run command:

"scripts": {
    "build": "skpm-build", // works fine
    "watch": "skpm-build --watch",  // works fine
    "start": "skpm-build --watch --run",  // very slow
    "postinstall": "npm run build && skpm-link"
  },

And looks like this commit relates:
6675ee3

[macintoshhelper]

I've run into this issue too, takes over a minute for anything to build with --run (react-sketchapp npm run render). For now, I've installed version @skpm/builder@0.4.3, and am holding off on upgrading Sketch (am on version 57.1), incase that breaks compatibility with the older @skpm/builder version.

@mathieudutour

[90dy]

Same result with 0.7.0.
Downgrade to ~0.6 seems to work fine.

[ytpm]

Same result with 0.7.0.
Downgrade to ~0.6 seems to work fine.

How do I downgrade to 0.6?

[90dy]

Same result with 0.7.0.
Downgrade to ~0.6 seems to work fine.

How do I downgrade to 0.6?

npm install --save @skpm/builder@~0.6

[sjerratsch]

For some reason the following line seems not to evaluate to true:

skpm/packages/builder/src/utils/webpackCommandPlugin/index.js

Line 19 in 8edce50

...(sketchVersion && semver.satisfies(sketchVersion, '>= 56.0.0')

So therefore the flag --without-waiting-for-plugin isn't set when executing the command via the shell.
If you put an || true right here, it works like a charm (built in 1000ms):

skpm/packages/builder/src/utils/webpackCommandPlugin/webpackShellPlugin.js

Line 27 in 8edce50

if (options.withoutWaitingForPlugin) {

Got a working react-sketchapp typescript setup using the latest Sketch 81.1 this way.

[mathieudutour]

Oh interesting. Would you be able to investigate why it's not evaluating to true? Maybe the semver dependency was updated and the behaviour changed

[sjerratsch]

Right now it's not a priority for me so I have to postpone any further investigation at this point, I'm just happy it works for my PoC. When I start using this more frequently I might come back to it.