@import "file.js" vs import xxx from 'file'

yositsa

Hey everyone,

I'm new in writing Sketch plugins, but made a big progress in the past few weeks, but now i've encountered something I cannot understand and solve.

I'm using VSCode to write the plugin and run it to Sketch and I use import like this:

import sketch from 'sketch'
import { createAnswerBlocks } from './create_answer_blocks'
import { createPickerBlocks } from './create_picker_blocks'

I saw another plugin on the web that uses UIDialog and wanted to use it also (It simplify the way you create the dialogs on Sketch) and when I try to import as they did I get an error.

They import using:
@import "lib/uidialog.js";

This is the class:
https://github.com/ingrammicro/puzzle-publisher/blob/master/PuzzlePublisher.sketchplugin/Contents/Sketch/lib/uidialog.js

This is how they use it:
https://github.com/ingrammicro/puzzle-publisher/blob/master/PuzzlePublisher.sketchplugin/Contents/Sketch/menu-conf-plugin-publishing.js

This is the plugin source:
https://github.com/ingrammicro/puzzle-publisher

What am I doing wrong?

sonburn

The Sketch API offers this functionality - https://developer.sketch.com/reference/api/#get-an-input-from-the-user

yositsa

sonburn Yeah, I saw that, but I want to create more complex dialogs... A dialog which will hold a check boxes and radio buttons.. not just an input output dialog.. Is that possible with Sketch API?

sonburn

yositsa
Not with the Sketch API unfortunately. If you drop down into native, you can use some Cocoascript techniques which will give you more functionality - https://github.com/ccgus/CocoaScript/blob/master/examples/COSAlertWindow%20Examples.coscript, or you can do what I did with my Symbol Organizer plugin and learn how to utilize NSAlert - https://github.com/sonburn/symbol-organizer/blob/master/Symbol%20Organizer.sketchplugin/Contents/Sketch/script.js

yositsa

sonburn My problem is not how to create an NSAlert, my problem is when I write @import "someclass.js" the VSCode won't recognize it.. I don't know why.