paste in package

[jimmywarting]

I work with private packages that are not hosted on npm...
so it would make life easier if it where just possible to copy paste in the raw content of the package.json (or the file itself) and paste it in anywhere onto the site

[stof]

you can already select your package.json file or drag-and-drop it.

Maybe you meant working with the lock file instead ?

[jimmywarting]

I was more thinking in terms of viewing a package.json file on github, copy the raw content into clipboard and just pasting it as plain text without any files or drag and drop as an other mean of having to drag and drop files.

kindof how you can do it on svgo UI (with paste markup).

Say that you would want to view this for instance:

{
  "name": "foo"
  "dependencies": {
    "standard": "*"
  }
}

(hover it, copy the content to clipboard with the copy button and then paste it into the web ui somehow)

but hey, working with the lock file would also be cool if it could do that :)

[stof]

ah, if the goal is to support cases where you don't have the package.json locally, it makes more sense indeed.

[jimmywarting]

yea!
also if i could stay within the editor and not having to bring up the file in explorer then i could just copy the content and go straight to https://npmgraph.js.org/ and paste the json text without using the mouse to dragging in files or look for them on my local machine :P

[broofa]

copy the content and go straight to https://npmgraph.js.org/

I agree. I've had use cases for this sort of thing as well.

This is fertile ground for improvement here. E.g. If we add a package.json viewer-editor, and drive the graph from that, then we have a single point of control where we can drop packag.json content from pretty much anywhere - pasteboard, github repos, local (private) servers, dropped files... you name it.

[fregante]

viewer-editor

Sounds a bit much, especially because the editor would likely require something like CodeMirror and bring no serious benefits. We really just need a label like "You can also paste the contents of package.json in the search field" on the info tab and automatically detect the paste of a valid JSON file. It won't be editable in that field of course, it's just a paste point

Related:

• Accept package.json via parameter #94

[jimmywarting]

We really just need a label like "You can also paste the contents of package.json in the search field" on the info tab and automatically detect the paste of a valid JSON file. It won't be editable in that field of course, it's just a paste point

☝️ yea, this is what i want to have

[fregante]

Example UI from https://www.remove.bg, no field used

[jimmywarting]

as long as the windows has focus then it's okey to use it. (window.onpaste) otherwise a thing like clipboard access and reading it from clipboard on a click event could work too Read json package from clipboard

[broofa]

Just a quick note to add that being able to work with yarn.lock files would be nice as well

[broofa]

Just noting that this should be straight-forward to implement now that we have the packages hash param.