Skip to content
Sketch plugin which upload layer to CDN directly.
Branch: master
Clone or download
Zhicheng Chen
Zhicheng Chen fix: add appcast
Latest commit 567cb82 Mar 27, 2019
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
assets init Mar 25, 2019
src
.appcast.xml
.gitignore add install on readme Mar 25, 2019
README.md fix: markdown format Mar 25, 2019
appcast.xml fix: add appcast Mar 27, 2019
package-lock.json Publish 1.0.0 release 🚀 Mar 27, 2019
package.json Publish 1.0.0 release 🚀 Mar 27, 2019

README.md

Snatch

A Sketch plugin that upload layer to CDN directly.

Contributions are welcome!

Install

Download Snatch latest version >> Download

Uncompress the downloaded ZIP package, then run the file snatch.sketchplugin to install

You may need restart the Sketch to after installed.

Notice: to use this plugin, you need to run the backend. Here is a simple demo.

Development

This plugin was created using skpm. For a detailed explanation on how things work, checkout the skpm Readme.

Usage

Install the dependencies

npm install

Once the installation is done, you can run some commands inside the project folder:

npm run build

To watch for changes:

npm run watch

Additionally, if you wish to run the plugin every time it is built:

npm run start

Custom Configuration

Babel

To customize Babel, you have two options:

  • You may create a .babelrc file in your project's root directory. Any settings you define here will overwrite matching config-keys within skpm preset. For example, if you pass a "presets" object, it will replace & reset all Babel presets that skpm defaults to.

  • If you'd like to modify or add to the existing Babel config, you must use a webpack.skpm.config.js file. Visit the Webpack section for more info.

Webpack

To customize webpack create webpack.skpm.config.js file which exports function that will change webpack's config.

/**
 * Function that mutates original webpack config.
 * Supports asynchronous changes when promise is returned.
 *
 * @param {object} config - original webpack config.
 * @param {boolean} isPluginCommand - whether the config is for a plugin command or a resource
 **/
module.exports = function(config, isPluginCommand) {
  /** you can change config here **/
}

Debugging

To view the output of your console.log, you have a few different options:

  • Use the sketch-dev-tools
  • Open Console.app and look for the sketch logs
  • Look at the ~/Library/Logs/com.bohemiancoding.sketch3/Plugin Output.log file

Skpm provides a convenient way to do the latter:

skpm log

The -f option causes skpm log to not stop when the end of logs is reached, but rather to wait for additional data to be appended to the input

Backend

To make working on the Backend, run the Snatch node server

You can’t perform that action at this time.