Website "load a file" functionality?

sheffieldnick · 13 Sept 2020, 16:02

Hi,

I'm new to OpenJSCAD. Is there an API on the openjscad.org site to load & render a supplied JSCAD script as a URL parameter? e.g.

https://www.openjscad.org/?file=https://my.url/something.jscad

or

https://www.openjscad.org/?script=function main () {...

I have a web page that generates a jscad file with javascript, and I'd like to be able to render it on the openjscad.org site with just a single click.

Thanks

z3dev · 5 Oct 2020, 01:33

@zorglups there's a bug in the V1 proxy script, remote.pl, and this prevents files to be loaded properly if the file (URL) does not have a proper extention.

a fix has been made, and the V2 website is running the fixed version of remote.pl

but you need to provide a URL which accesses a V2 design, such as...

https://www.jscad.xyz?uri=https://www.thingiverse.com/download:8705160

OR

https://www.jscad.xyz#https://www.thingiverse.com/download:8705160

gilboonet · 4 Oct 2020, 08:28

@zorglups The syntax is not ?url=[your_url] but #[your_url]. But on this case, the url is a download url, the script must be downloaded then dropped to OpenJSCAD.org file drop zone (bottom left frame).

zorglups · 3 Oct 2020, 21:34

Strangely enough, the following link won't work:
https://openjscad.org/?uri=https://www.thingiverse.com/download:106799

This is said because it would make easy to let people open an openjscad object from a link in the thingiverse description.

The error is:
Uncaught Error: The JSCAD script must contain a function main() which returns one or more CSG or CAG solids.
Line: 89,col: 7

Tjere is a main() though.

z3dev · 15 Sept 2020, 23:37

@sheffieldnick this would be a nice addition, but V2 is the main focus now. we would welcome changes to make this part of V2.

sheffieldnick · 15 Sept 2020, 13:36

@gilboonet Thanks, but I'm not interested in running my own custom version of the site. I just want to link to the public website, hence the request to add this feature.

sheffieldnick · 15 Sept 2020, 13:34

@sheffieldnick said in Website "load a file" functionality?:

It should be very easy to support data: URIs, and you wouldn't need the backend process to get around CORS issues, etc.

Looking at the V1 source (which is what the public site is running?), it appears the loading is done in /packages/web/src/ui/examples.js in function loadInitialExample(). Adding something like this would probably work:

const isData = documentUri ? documentUri.match(/(data:\S+)$/) !== null : false

...

    } else if (isData) { // base64-encoded data example, e.g. https://openjscad.org/#data:...
      loadLocalStorage(atob(documentUri.split(',')[1]), params)

gilboonet · 15 Sept 2020, 11:50

@sheffieldnick As V2 is on active development, I don't think that new functionality could be add to V1, but I'm only a user not a developer. This project could maybe help you :
https://github.com/danmarshall/jscad-gallery
Or you could also do a fork. Long ago, I added some functionalities to OpenJSCAD v0.5 so the user can select a data file that will load openJSCAD with a .jscad file and populate it with parameters, but it's very old code (from 2016) that's not on github... http://gilboo.carton.free.fr/OJSC5/edit_ner2.html

sheffieldnick · 15 Sept 2020, 11:26

@z3dev Thanks. I've done some searches of previous threads but couldn't find anything directly relevant.

Here is my site that dynamically generates a small piece of JSCAD code for 3D printing a stencil alignment jig for PCBs:

https://climbers.net/sbc/kicad-pcb-panelization-javascript/

at the moment I'm just asking users to copy'n'paste the code into the jscad.org website, but it would be great if you could add support for loading content with data: URIs so that I could provide a simple link and avoid the extra copy'n'paste steps.

It should be very easy to support data: URIs, and you wouldn't need the backend process to get around CORS issues, etc.

z3dev · 14 Sept 2020, 23:48

@sheffieldnick sorry, but only full URLs are supported.

there's a backend process involved, that down loads the URL contents, and posts the contents to the WEB UI.

i think that you are trying to create a custom website using a JSCAD design in the back ground. if so you can look at some of the previous threads posted here, so on the issue list.

gilboonet · 14 Sept 2020, 07:51

@sheffieldnick I don't remember that it handles data protocol, only used if with file names

sheffieldnick · 14 Sept 2020, 07:19

Thanks It doesn't seem to support data: URIs? e.g.

https://www.openjscad.org/#data:text/javascript;charset=utf-8;base64,ZnVuY3Rpb24gbWFpbiAoKSB7DQogIHJldHVybiB1bmlvbigNCiAgICBjdWJlKHtzaXplOiBbMjAyLDEwNCw0XX0pLA0KICAgIGN5bGluZGVyKHtyOiAyLCBoOiA2fSkudHJhbnNsYXRlKFsxMCw1LDRdKSwNCiAgICBjeWxpbmRlcih7cjogMiwgaDogNn0pLnRyYW5zbGF0ZShbMjAyLTEwLDUsNF0pDQogICk7DQp9

should load the script:

function main() {
  return union(
    cube({size: [202,104,4]}),
    cylinder({r: 2, h: 6}).translate([10,5,4]),
    cylinder({r: 2, h: 6}).translate([202-10,5,4])
  );
}

Thanks

sheffieldnick · 14 Sept 2020, 07:04

This post is deleted!

gilboonet · 13 Sept 2020, 17:55

Hello, it can be done like that, put a "#" after openJSCAD.org then the url of your script.
https://openjscad.org/#https://raw.githubusercontent.com/gilboonet/designs/master/make_pattern.jscad