node-projects / dock-spawn-ts

A TypeScript HTML Docking Framework (fork of dock-spawn)
MIT License
127 stars 29 forks source link

Minimal example using the es5 module #78

Closed abalter closed 1 year ago

abalter commented 1 year ago

Would you be willing to create a minimal example using the es5 module?

This is what I tried, but it did not work.

It's based on the demo-simple demo.

jogibear9988 commented 1 year ago

Look in the browsers network tab:

image

the javscript is not loaded from github. I don't know why, but it's not a dockspawn issue.

jogibear9988 commented 1 year ago

If you also look at my simple demo: https://node-projects.github.io/dock-spawn-ts/page/demo/demo_simple_es5.html It works. So the error seems to be at codesandbox

abalter commented 1 year ago

I don't think you understand what I mean. For example, could make a codepen or JS Fiddle? O a single HTML file that contains a demo?

Here are some examples from other UI libraries:

W2UI Demo: combo/2 - JSFiddle - Code Playground https://jsfiddle.net/api/post/library/pure/

easyui Tabs https://codepen.io/ChrisAirpac/pen/GRrrOr

webix price https://codepen.io/Fullzero/pen/yJJpVP

Webix - Layout https://codepen.io/sunilnanda/pen/mEgmdY

GoldenLayout Blueprintjs Table React - CodeSandbox https://codesandbox.io/s/goldenlayout-blueprintjs-table-react-unf72

Golden Layout save/load states https://codepen.io/JoeHastings/pen/EWGbNO

jogibear9988 commented 1 year ago

I understand what you mean.

But as I showed in my screenshot, the browser downloads a empty JS, so it could not work.

I also tried to reference the npm module in codesandbox, and it did not work, but I also don't know why. Codesandbox wraps it's javascript in some other JS.

But if you look at my sample you see that the library works

jogibear9988 commented 1 year ago

Look at this, this works:

https://jsfiddle.net/r39gup51/

abalter commented 1 year ago

Those don't dock.

jogibear9988 commented 1 year ago

for me it works: https://watch.screencastify.com/v/IVOLwUL7fTy92zeupSLd

abalter commented 1 year ago

Sorry. You are right. It does.

abalter commented 1 year ago

I'll play around with it. I'd like to be able to implement the full IDE example that way.

It looks like you were probably inspired by JQ Widgets.

https://www.jqwidgets.com/jquery-widgets-documentation/documentation/jqxdockinglayout/jquery-docking-layout-getting-started.htm?search=

https://codepen.io/abalter/pen/wvxqPzZ

jogibear9988 commented 1 year ago

If you're looking for more examples, my designer component demo also uses it: https://node-projects.github.io/web-component-designer-demo/index.html

abalter commented 1 year ago

Yes. I think that is very cool. I want to build an IDE along the lines of RStudio or Matlab.