Trying to open this link in Safari opens a blank page with error in the console: https://neomjs.github.io/pages/node_modules/neo.mjs/apps/sharedcovid/index.html#mainview=table SyntaxError: Unexpected identifier 'Neo'. import call expects exactly one argument.

I am most definitely not a designer, so help on this one would be appreciated.

I can someone comes up with a good idea, we can definitely add a backlink to a company page or linked in profile. Might be one of the easiest ways to show up as a project sponsor.

ideas so far: ( created with https://www.flamingtext.com/Name-Logos/Neo/ )

pondering ticket.

instead of using the afterSetQueue, add a tmp. class prop to store the new config values object.

then modify the autoGen getters to check for this object first and in case it does exist use it.

instance.set() would then create this object, assign the values and delete it.

goal: make all new values available inside the beforeGetXXX methods as well, although circular references there feel a bit ambiguous for the new value.

a=1, b=2

beforeSetA(val) {return val + this.b;}
beforeSetB(val) {return val + this.a;}

these 3 ways will create different outputs:

inst.set({a:2, b:3});
// a=5, b=5

inst.a = 2;
inst.b = 3; 
// a = 4, b = 7

inst.b = 3; 
inst.a = 2;
// a = 8, b = 6

Already applied on the project page 12 days ago, zero feedback: https://github.com/gothinkster/realworld/issues/446

In case you would like to see the neo.mjs app there, please do add some weight to the linked ticket. After all, it is already feature complete for a while.

I did already ping Thinkster on their FB page, but it had no effect.

Thanks a lot for your support on this one!

Inside e.g. the shared covid dashboard, we can expand views like the helix into new browser windows.

this does work fine for the first opening => we get a new app name and the theme map will store flags for added css files (delta updates). closing the helix and displaying it correctly works as well, since the original window already contains the required css.

however, in case we expand the helix into a new window again (using the same app name), the css won't get added, since the flags inside the map are already set.

we need a new algorithm to remove an app from the theme map and we should trigger it when destroying an app (inside the shared workers context).

Describe the bug The current implementation of touch support has the premiss that there is either touch support OR mouse support. My laptop has a touchscreen and still supports mouse.

Because it is detected as touch support, it does not allow drag'n drop for the mouse.

Desktop (please complete the following information):

• OS: Windows 11
• Browser chrome

Additional context Possible solution:

Detect if isMobile

isMobile() {
    return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent);
}

If isMobile do not support mouse support. If !isMobile support touch AND mouse

I want to create a convenience CLI program, which simplifies creating new neo classes.

For the start, you should be able to pick between a base class of component.Base and container.Base.

There will be follow-up tickets, like extending view models and controllers.

I would like to add a main thread addon to a project / app.

Currently I have to add a new file to neoSrc.main.addon for some functioniality. It would be cool to be able to add this to appFolder.main.addon

Hey there,

Was looking at trying this UI framework for a new app, and I'm trying to view some of the samples. Some work, but trying to navigate to "http://localhost:8080/apps/sharedcovidgallery/" yields, in the console:

Manager.mjs:384 Uncaught Error: Called sendMessage for a worker that does not exist: canvas
    at Manager.sendMessage (Manager.mjs:384)
    at Manager.mjs:128
    at Array.forEach (<anonymous>)
    at Manager.broadcast (Manager.mjs:127)
    at DomEvents.mjs:403
    at Array.forEach (<anonymous>)
    at DomEvents.onBeforeUnload (DomEvents.mjs:402)
sendMessage @ Manager.mjs:384
(anonymous) @ Manager.mjs:128
broadcast @ Manager.mjs:127
(anonymous) @ DomEvents.mjs:403
onBeforeUnload @ DomEvents.mjs:402
Navigated to http://localhost:8080/apps/sharedcovidgallery/

Steps to reproduce:

dave@dave-macbook-pro failing-js % nvm use 16
Now using node v16.9.1 (npm v7.21.1)
dave@dave-macbook-pro failing-js % node --version
v16.9.1
dave@dave-macbook-pro failing-js % npm --version
7.21.1
dave@dave-macbook-pro failing-js % git clone -b main https://github.com/neomjs/neo.git
Cloning into 'neo'...
remote: Enumerating objects: 45776, done.
remote: Counting objects: 100% (5077/5077), done.
remote: Compressing objects: 100% (1565/1565), done.
remote: Total 45776 (delta 3544), reused 4235 (delta 3424), pack-reused 40699
Receiving objects: 100% (45776/45776), 19.69 MiB | 32.67 MiB/s, done.
Resolving deltas: 100% (31976/31976), done.
dave@dave-macbook-pro failing-js % cd neo 
dave@dave-macbook-pro neo % git status
On branch main
Your branch is up to date with 'origin/main'.

nothing to commit, working tree clean
dave@dave-macbook-pro neo % npm i
(...)

dave@dave-macbook-pro neo % npm run build-all

> [email protected] build-all
> node ./buildScripts/buildAll.js -f -n
(...)

dave@dave-macbook-pro neo % npm run server-start

> [email protected] server-start
> webpack serve -c ./buildScripts/webpack/webpack.server.config.js --open

<i> [webpack-dev-server] Project is running at:
<i> [webpack-dev-server] Loopback: http://localhost:8080/
<i> [webpack-dev-server] On Your Network (IPv4): http://192.168.1.159:8080/
<i> [webpack-dev-server] On Your Network (IPv6): http://[fe80::1]:8080/
<i> [webpack-dev-server] Content not from webpack is served from '/Users/dave/Projects/sandpit/failing-js/neo' directory
<i> [webpack-dev-middleware] wait until bundle finished: /
asset main.js 125 KiB [emitted] [minimized] (name: main) 1 related asset
runtime modules 27.1 KiB 13 modules
orphan modules 13.8 KiB [orphan] 7 modules
cacheable modules 197 KiB
  modules by path ./node_modules/webpack-dev-server/client/ 50.8 KiB
    modules by path ./node_modules/webpack-dev-server/client/modules/ 30.2 KiB 2 modules
    3 modules
  modules by path ./node_modules/webpack/hot/*.js 4.3 KiB 4 modules
  modules by path ./node_modules/html-entities/lib/*.js 81.3 KiB 4 modules
  modules by path ./node_modules/url/ 37.4 KiB 3 modules
  modules by path ./node_modules/querystring/*.js 4.51 KiB 3 modules
  ./src/index.js 272 bytes [built] [code generated]
  ./node_modules/ansi-html-community/index.js 4.16 KiB [built] [code generated]
  ./node_modules/events/events.js 14.5 KiB [built] [code generated]
webpack 5.53.0 compiled successfully in 1923 ms

...then navigating to http://localhost:8080/apps/sharedcovidgallery yields the above error.

My guess is something to do with Chrome 93 is preventing workers from properly starting?

Is your feature request related to a problem? Please describe. We are developing our web based applications using the microfrontend design pattern. In practice we have developed a webpack suite that builds Jquery or React based mini-UIs into a well defined API. This API can then be used in other applications (currently tested with angular and reactjs environments) to mount those applications at runtime.

It would be nice to know if neo.mjs supports such kind of pattern, this way one would be able to program components using React and embed those into neo.mjs using some kind of wrapper for managing the state inside neo.mjs

Describe the bug There is no working build on windows machines.

To Reproduce Steps to reproduce the behavior:

1. Checkout the project
2. do npm run install
3. do npm run build-all
4. do npm run server-start

Expected behavior The project builds correctly with all the code and CSS

Desktop (please complete the following information):

• OS: Windows 10
• Browser: Chrome
• Version: 85 (latest/any)

Additional context Windows has specific path resolving issues that are not addressed

We need a Neo.Function.createBuffered() or Neo.Function.debounce() https://css-tricks.com/debouncing-throttling-explained-examples/

Here's the lodash source. It's MIT, and if MIT is good for Neo I'd just copy their implementation, or make it easy to simply integrate lodash into the app worker.

https://github.com/lodash/lodash/blob/4.17.15/lodash.js#L10304

setting the config to true should disable typing into the field.

instead, the entire field should get a cursor: pointer and clicking the field should open the list.

we need to add a running config for each appName.

manager.Component: updateItemsInPosition() needs to fetch the domRects for each realm. please use Promise.all() for this one.

right now, we have the resources twice inside the repo, which is not good for maintenance and package file size.

the current approach breaks inside the dist modes:

since the top level resources folder does get copied into dist already, we should move the files there.

@Dinkh

I would like to be able to only add a style.scss with colors being merged with light and dark. To be able to use it, there should be a preset file.

Whatever item you leave blank, will be taken from the parent-theme.

style.scss

    'base-theme': 'theme-light',

    'button-active-background-color'  : #ddd,
    'button-active-border-color'    : #1c60a0,
    'button-active-color'             : #1c60a0,
    'button-background-color'         : #fff,
    'button-background-image'         : none,
    'button-background-gradient-end'  : #323536,
    'button-background-gradient-start': #434749,
    'button-badge-background-color'   : #1c60a0,
    'button-badge-color'              : #fff,
    'button-badge-margin-left'        : -10px,
    'button-badge-margin-top'         : -10px,
   ...