avocode / avocode Goto Github PK

Get CSS, SVG, image assets, fonts, colors. All without Photoshop or Sketch.

avocode's Introduction

Avocode app

Design inspector for developers. Get CSS, SVG, image assets, fonts, colors. All without Photoshop or Sketch.

Purpose of this repository

The main purpose of this repository is for issue reporting. If you are Avocode user and you found a bug or you have an awesome idea for some feature enhancements, please create a new issue in its recommended format.

Reporting an issue
Submitting an idea or enhancement

Changelog

The latest release notes can be found on changelog.avocode.com.

Reporting an issue

If you found a bug, please report an issue in the following format:

Reproducibility:
Description:
Steps to reproduce:
Expected result:
Actual result:
OS and app versions:

Also please include screenshots, if possible

Submitting an idea or enhancement

Please submit and vote for your ideas on https://avocode.uservoice.com

avocode's People

Contributors

Stargazers

Watchers

avocode's Issues

Avocode won't start

I had attempted to use the base64 command from the command palette. It didn't work (nothing on the pasteboard) so I restarted it. At that point this is what I see on startup:

I am currently having an issue with the clipboard though (restarting pboard) so I will have to continue this after restarting the apps.

The complete loaded page source and the trackback is below.

HTML

<html style="background: #fff"><head>
  <title></title>




  <meta http-equiv="Content-Security-Policy" content="default-src *; style-src 'self' 'unsafe-inline';">




  <script type="text/javascript" async="" src="http://cdn.mxpnl.com/libs/mixpanel-2.2.min.js"></script><script src="index.js"></script>
  <script src="mixpanel.js"></script>
<style class="bundled" id="/Applications/Avocode.app/Contents/Resources/app/node_modules/bootstrap/less/bootstrap.less">
[… snipped bootstrap css…]
</style></head>
<body tabindex="-1" class="platform-darwin is-blurred">








</body></html>

Trackback

TypeError: Arguments to path.join must be strings
  at Object.exports.join (path.js:384:15)
  at Project.module.exports.Project.resolve (/Applications/Avocode.app/Contents/Resources/app/src/project.js:162:22)
  at Project.module.exports.Project.bufferForPathSync (/Applications/Avocode.app/Contents/Resources/app/src/project.js:219:31)
  at TokenizedBuffer.module.exports.TokenizedBuffer.deserializeParams (/Applications/Avocode.app/Contents/Resources/app/src/tokenized-buffer.js:105:36)
  at Function.module.exports.Serializable.deserialize (/Applications/Avocode.app/Contents/Resources/app/node_modules/serializable/lib/serializable.js:58:25)
  at DisplayBuffer.module.exports.DisplayBuffer.deserializeParams (/Applications/Avocode.app/Contents/Resources/app/src/display-buffer.js:141:48)
  at Function.module.exports.Serializable.deserialize (/Applications/Avocode.app/Contents/Resources/app/node_modules/serializable/lib/serializable.js:58:25)
  at Editor.module.exports.Editor.deserializeParams (/Applications/Avocode.app/Contents/Resources/app/src/editor.js:126:44)
  at Function.module.exports.Serializable.deserialize (/Applications/Avocode.app/Contents/Resources/app/node_modules/serializable/lib/serializable.js:58:25)
  at DeserializerManager.module.exports.DeserializerManager.deserialize (/Applications/Avocode.app/Contents/Resources/app/src/deserializer-manager.js:42:29)
  at /Applications/Avocode.app/Contents/Resources/app/src/pane.js:86:35
  at Array.map (native)
  at Pane.module.exports.Pane.deserializeParams (/Applications/Avocode.app/Contents/Resources/app/src/pane.js:85:36)
  at Function.module.exports.Serializable.deserialize (/Applications/Avocode.app/Contents/Resources/app/node_modules/serializable/lib/serializable.js:58:25)
  at DeserializerManager.module.exports.DeserializerManager.deserialize (/Applications/Avocode.app/Contents/Resources/app/src/deserializer-manager.js:42:29)
  at PaneContainer.module.exports.PaneContainer.deserializeParams (/Applications/Avocode.app/Contents/Resources/app/src/pane-container.js:47:40)
  at Function.module.exports.Serializable.deserialize (/Applications/Avocode.app/Contents/Resources/app/node_modules/serializable/lib/serializable.js:58:25)
  at Workspace.module.exports.Workspace.deserializeParams (/Applications/Avocode.app/Contents/Resources/app/src/workspace.js:70:44)
  at Function.module.exports.Serializable.deserialize (/Applications/Avocode.app/Contents/Resources/app/node_modules/serializable/lib/serializable.js:58:25)
  at Atom.module.exports.Atom.deserializeWorkspaceView (/Applications/Avocode.app/Contents/Resources/app/src/atom.js:309:42)
  at Atom.module.exports.Atom.deserializeEditorWindow (/Applications/Avocode.app/Contents/Resources/app/src/atom.js:324:19)
  at Atom.module.exports.Atom.startEditorWindow (/Applications/Avocode.app/Contents/Resources/app/src/atom.js:338:12)
  at Object.<anonymous> (/Applications/Avocode.app/Contents/Resources/app/src/window-bootstrap.js:14:8)
  at Object.<anonymous> (/Applications/Avocode.app/Contents/Resources/app/src/window-bootstrap.js:20:4)
  at Module._compile (module.js:455:26)
  at Object.Module._extensions..js (module.js:473:10)
  at Module.load (/Applications/Avocode.app/Contents/Resources/app/node_modules/coffee-script/lib/coffee-script/register.js:45:36)
  at Function.Module._load (module.js:311:12)
  at Module.require (module.js:363:17)
  at require (module.js:379:17)
  at window.onload (file:///Applications/Avocode.app/Contents/Resources/app/static/index.js:20:25)
  at http://cdn.mxpnl.com/libs/mixpanel-2.2.min.js:19:331

Renaming common fonts from your psd to custom names

For example, i use a few font-faces in my css and their names arent always the same as the one's that are in psd.
I'd like to have ability to rename fonts, based on their font-family name and properties.

what i get in avocode:
https://www.dropbox.com/s/07gwmjzycemtsim/%D0%97%D0%BD%D1%96%D0%BC%D0%BE%D0%BA%20%D0%B5%D0%BA%D1%80%D0%B0%D0%BD%D0%B0%202014-08-26%2020.05.59.png?dl=0
what i actually need:
https://www.dropbox.com/s/1sve9njb2c3j0zh/%D0%97%D0%BD%D1%96%D0%BC%D0%BE%D0%BA%20%D0%B5%D0%BA%D1%80%D0%B0%D0%BD%D0%B0%202014-08-26%2020.06.34.png?dl=0

Colors saved are not exportable in SCSS

Reproducibility: Always
Description: For now, with version 0.5.0, we cannot export colors saved to SCSS syntax. Only to CSS and LESS... I know how simple it is to replace the "@" variable prefix of LESS by the "$" prefix of SASS, SCSS and/or COMPASS... Maybe the prefered output format could be set in the app Preferences... Same thing for the right click context menu, we can only export to CSS or LESS and not to COMPASS.
Steps to reproduce:
Expected result:
Actual result:
OS and app versions: Avocode 0.5.0, OS X

Make ability to copy just a line of style by clicking on that line.

Changing company name in project manager

Testing avocode slack integration

hey

Crashing on opening a file

Hi there, well done on Avocode.

Unforunately, with a big photoshop document (about 40mb, 200 layers), after exporting from Photoshop to Avocode and trying to open it, Avocode just crashes. It say "Loading document" forever. I may be able to submit the file if you'd like, let me know where to send it.

Incorrectly calculating size in css

Reproducibility: always
Description:
Expected result: 18x18
Actual result: 17x17
OS and app versions: mac os yosemite/beta 0.5
https://www.dropbox.com/s/4zgaz0fz7cp7u43/%D0%97%D0%BD%D1%96%D0%BC%D0%BE%D0%BA%20%D0%B5%D0%BA%D1%80%D0%B0%D0%BD%D0%B0%202014-09-20%2019.38.54.png?dl=0

Add border-right: 1px solid #393939 to .tool-panel

For better visual distinction.

Cyrillic file names problem

Hi!
Avocode (0.5.0) doesn't open files containing cyrillic symbols in name.

Fix overlapping px values

Description: Fix overlapping px values
Steps to reproduce:
Expected result:
Actual result:
OS and app versions: Avocode 0.5.0, OS X

Marquee tool

It's possible that you will implement functionality for measure tool like in photoshop? I mean measuring independent spaces, not only distances from end of document. I think that it'll be very helpful

JS error: "TypeError: Arguments to path.join must be strings"

App worked before. Tried downloading it again and replacing, but still getting same error.

Edit:
Just launching app. I'm not aware of any changes to system. Works on my other machine.

Mac OS X Mavericks 10.9.4
Avocode 0.5

SVG Sprites

Description: Would be awesome to have option for svg sprite
Expected result:
Actual result:

Expandable (resizeable) sidebar

Description: For 27" iMac sidebar is too small. I want to see all my code without scrolling
Expected result:
Actual result:

Replacing existing assets - no confirm dialog

I'm missing any confirmation dialog when I'm replacing existing asset by a new asset with same name.

Pinch to zoom

It'll be a really nice feature

Doesn't show line-height and letter spacing font properties in css

line-height and letter spacing would be good.
also, would be great to see cmd+c to copy text, when layer is selected

Avocode crashes when opening certain PSD files

Reproducibility: Rare
Description: Avocode crashes when opening certain PSDs
Steps to reproduce:
1. Sync PSD file in Photoshop (14.2.1 x64 CC)
2. Open that file in Avocode 0.5.0
3. Avocode crashes: http://prntscr.com/4jiz8z
Expected result:
Actual result:
OS and app versions: Avocode 0.5.0, OS X

Show guides from photoshop document

Smart Objects don't work

Loving the app so far but have noticed that Photoshop Smart Objects don't seem to work? Is there any plan to support them? Smart Objects are a major part of our designers workflow so would be a bit of a deal breaker if they don't work.

Copy css keyboard shortcut

Tooltips are overlapping

See screenshot:

is box-sizing included in element's width and height parameters

for example, when element is 150px tall and it has 5px border, avocode shows that it is 150px tall, 5px border, and in browser it becomes 160px tall.

Copy text enhancements

When I copy multiple lines of text I don't always want it with unprintable characters. For <p> it's probably okay. Sometimes I want to copy text with <br> tags. We could add this option to context menu.
When I copy text with multiple styles it'd be nice to wrap inner text to <span> elements.

Manager: Canceling "Add new person" popup does not reset the form

Steps to reproduce

create new project
open "add new person" dialog
type "abcd" into the input
click X to cancel the popup
open "add new person" dialog again

Actual result

String "abcd" still in the input

Expected result

There is nothing pre-filled in the input field

Common styles

Description: Make common font-sizes, font families, colors compilations to know in advance for sth like color LESS variables to set.
Expected result:
Actual result:

Uncaught TypeError: Cannot read property 'layers' of null

I got this error when trying to open a psd uploaded using the ps plugin.

Photoshop plugin instructions

http://cl.ly/image/241z2p3H1W19

Should reflect beta6 changes - design needs to be added to a project

Removing items from avocode

Provide ability to copy any px, shown in program to clipboard

Manager: Adding new project right after organization creation is broken

Steps to reproduce

create new organization (you will be redirected to its view)
click "new project"

Expected result

I can select my new org in the select field (even better: pre-selected)

Actual result

My new organization is not in the list

See https://upx.cz/7auyjowyr6bbnf5j7cc1lpxluyxq8dbq552a3jrd?Screen_Shot_2014-09-30_at_3.19.39_PM.png

Feedback: slow sync, ui&other improvements

Feel free to separate into individual issues:
[CZE]

Při synchronizaci ve photoshopu - avocode plugin zatíží procesor na 100%. Macbook Pro i5, 8GB RAM.
Pomalá synchronizace - asi záleží na připojení, ale zdržuje to v práci
Okno kde se generuje css,less... by mohlo být větší.
Né vždy chci kopirovat vše nebo chci vidět vše co to vygenerovalo (malá výška i šířka okna).
Chybí scrollbar, nevím kde se přesně v návrhu nacházím při scrollování.
Když mám návrh v zoomu např. 65% vždy méně než 100% a mám vybraný
layer (layer 186x65), který popisuje šířku i výšku tak je to nečitelné.
Chybí mi generování obrázku v base64 do html, css.
Mohlo by to umět generovat css pozice v obrázku (do jednoho obrázku se uloží více motivu activ, hover atd.).
viz. http://www.spritecow.com/

Crash when working with multiple layers to Base64

Intermittent issue...seems to happen only after Avocode has been open for a while.

I've had it happen under these circumstances:

Just toggling the visibility of layers, trying to find the right item
Selecting multiple layers, then saving as an image file/copying to Base64
Just came back from a break and waking up from sleep mode crashed Avocode

It might be something in my PSD, since I didn't have this issue on the last site I built. Here it is if you want to test with it:
https://www.dropbox.com/s/fc15qaymq8sk60p/ce-core-mockup-v5.psd?dl=0

Use 'Rasterized layer' notation instead of 'Adjucement layer'.

It's more understandable for developers.

Values are really low-res when i make them bigger

Description: Consider using svg for icons and valuesfont but it should be "Gotham medium"
Steps to reproduce:
Expected result:
Actual result:
OS and app versions: Avocode 0.5.0, OS X

CSS Panel enhancements

When I selected a text with multiple styles and then I copy CSS, it'd be nice to annotate code with comments.
CSS panel gives me the same piece of code for each style but I only need a diff between them.

Incorrect document bounds detection

Any pixel data that are out of the bounds of the document "expand" the document boundaries
See https://manager.avocode.com/view/ad8d2e08904e4f60b70983f7c397b74d/ (the lower circle is not visible in Photoshop)

Font family detection

Reproducibility: Always
Description: Avocode couldn't recognise the font family of a layer. Example: it just detects the "Gotham" font but it should be "Gotham medium"
Steps to reproduce:
Expected result:
Actual result:
OS and app versions: Avocode 0.5.0, OS X

Design is stretched when I aligned application window

See screenshot:

iOS

please allow to export iOS code as in iOS Hat

Bug PSD Unable to Open in Avocode

All of my design files for this particular project cause the 'Your Avocode
has gone bad' error and doesn't open.

I'm presuming the issue is consistent so i'll send you one of the PSD's to
look at.

https://docs.google.com/file/d/0B22hOtXcPEfwNWNXbWhmMUZFMm8/edit?usp=drive_web

Avocode Beta 5 crashing on start

I preordered Avocode I think two weeks ago and have been using it intensively since then. Since yesterday I'm getting en error message when starting the app. Actually chrome dev tools is displayed to me (I suppose avocode has it build in). The following error is displayed every time in the console:

TypeError: Arguments to path.join must be strings at Object.exports.join (path.js:384:15) at Project.module.exports.Project.resolve (/Applications/Avocode.app/Contents/Resources/app/src/project.js:162:22) at Project.module.exports.Project.bufferForPathSync (/Applications/Avocode.app/Contents/Resources/app/src/project.js:219:31) at TokenizedBuffer.module.exports.TokenizedBuffer.deserializeParams (/Applications/Avocode.app/Contents/Resources/app/src/tokenized-buffer.js:105:36) at Function.module.exports.Serializable.deserialize (/Applications/Avocode.app/Contents/Resources/app/node_modules/serializable/lib/serializable.js:58:25) at DisplayBuffer.module.exports.DisplayBuffer.deserializeParams (/Applications/Avocode.app/Contents/Resources/app/src/display-buffer.js:141:48) at Function.module.exports.Serializable.deserialize (/Applications/Avocode.app/Contents/Resources/app/node_modules/serializable/lib/serializable.js:58:25) at Editor.module.exports.Editor.deserializeParams (/Applications/Avocode.app/Contents/Resources/app/src/editor.js:126:44) at Function.module.exports.Serializable.deserialize (/Applications/Avocode.app/Contents/Resources/app/node_modules/serializable/lib/serializable.js:58:25) at DeserializerManager.module.exports.DeserializerManager.deserialize (/Applications/Avocode.app/Contents/Resources/app/src/deserializer-manager.js:42:29) at /Applications/Avocode.app/Contents/Resources/app/src/pane.js:86:35 at Array.map (native) at Pane.module.exports.Pane.deserializeParams (/Applications/Avocode.app/Contents/Resources/app/src/pane.js:85:36) at Function.module.exports.Serializable.deserialize (/Applications/Avocode.app/Contents/Resources/app/node_modules/serializable/lib/serializable.js:58:25) at DeserializerManager.module.exports.DeserializerManager.deserialize (/Applications/Avocode.app/Contents/Resources/app/src/deserializer-manager.js:42:29) at PaneContainer.module.exports.PaneContainer.deserializeParams (/Applications/Avocode.app/Contents/Resources/app/src/pane-container.js:47:40) at Function.module.exports.Serializable.deserialize (/Applications/Avocode.app/Contents/Resources/app/node_modules/serializable/lib/serializable.js:58:25) at Workspace.module.exports.Workspace.deserializeParams (/Applications/Avocode.app/Contents/Resources/app/src/workspace.js:70:44) at Function.module.exports.Serializable.deserialize (/Applications/Avocode.app/Contents/Resources/app/node_modules/serializable/lib/serializable.js:58:25) at Atom.module.exports.Atom.deserializeWorkspaceView (/Applications/Avocode.app/Contents/Resources/app/src/atom.js:309:42) at Atom.module.exports.Atom.deserializeEditorWindow (/Applications/Avocode.app/Contents/Resources/app/src/atom.js:324:19) at Atom.module.exports.Atom.startEditorWindow (/Applications/Avocode.app/Contents/Resources/app/src/atom.js:338:12) at Object.<anonymous> (/Applications/Avocode.app/Contents/Resources/app/src/window-bootstrap.js:14:8) at Object.<anonymous> (/Applications/Avocode.app/Contents/Resources/app/src/window-bootstrap.js:20:4) at Module._compile (module.js:455:26) at Object.Module._extensions..js (module.js:473:10) at Module.load (/Applications/Avocode.app/Contents/Resources/app/node_modules/coffee-script/lib/coffee-script/register.js:45:36) at Function.Module._load (module.js:311:12) at Module.require (module.js:363:17) at require (module.js:379:17) at window.onload (file:///Applications/Avocode.app/Contents/Resources/app/static/index.js:20:25) at http://cdn.mxpnl.com/libs/mixpanel-2.2.min.js:19:331

I tried deleting all preferences files and sintalling it new but it didn't help

Thank you for your help.

Regards,

Andres Freese

Showing hidden layers

Reproducibility: Always
Description: Showing hidden layers, masks don't work.
Steps to reproduce:
Expected result:
Actual result: masks don't work.
OS and app versions: Avocode 0.5.0, OS X

Added screenshot from PS and Avocode

CSS panel: Inline styles

Would be good to have an option to copy css as inline code and without comments.

filterRes attribute on exported SVG

I found that when Avocode exports SVG with filter, it misses the filterRes attribute.

It's apparent on high-res displays.

(v.0.5.0 / OS X Mavericks)

Prepend defined string to url() in CSS

Just an idea - would be handy if I can set a prefix string to all urls in CSS when exporting.

The problem: I usually have all images in a directory above the directory where I have CSS/LESS/whatever files. So when I'm exporting CSS from Avocode, I have to change the path to the image. And I have to do this every single export.

Example:
Avocode: background-image: url(btn-update-profile.png); .size(83, 28);
My code: background-image: url(../images/btn-update-profile.png); .size(83, 28);

BTW. This is similar to fonts, where I usually name font-family differently so would be handy to define aliases or whatever...

Remembering some dialogs settings

Eg. the "Get code" dialog (http://d.pr/i/QeKV): I'm usually exporting to LESS only and it's little bit annoying I always have to select it from the dropdown, where the HTML is set as default. I see this issue across all dialogs.

Page should have its photoshop dimentions shown clearly

https://www.dropbox.com/s/4txhwurbejq6ooe/%D0%A1%D0%BA%D1%80%D0%B8%D0%BD%D1%88%D0%BE%D1%82%202014-08-07%2001.02.14.png - avocode
https://www.dropbox.com/s/9rjhs9o8pn76tht/%D0%A1%D0%BA%D1%80%D0%B8%D0%BD%D1%88%D0%BE%D1%82%202014-08-07%2001.03.15.png - photoshop

Avocode crash

Reproducibility: Always
Description: I don't know why, but my Avocode crash everytime. error: Your avocode has gone bad
Steps to reproduce:
Expected result:
Actual result:
OS and app versions: Avocode 0.5.0, OS X 10.9.4

avocode / avocode Goto Github PK

avocode's Introduction

Avocode app

Purpose of this repository

Changelog

Reporting an issue

Submitting an idea or enhancement

avocode's People

Contributors

Stargazers

Watchers

Forkers

avocode's Issues

HTML

Trackback

Steps to reproduce

Actual result

Expected result

Steps to reproduce

Expected result

Actual result

Recommend Projects

Recommend Topics

Recommend Org