How does shared="true" work? #304

RibeyeOnTheBone · 2025-07-09T11:01:31Z

RibeyeOnTheBone
Jul 9, 2025

I am trying to follow the Modularisation process. First issue is, I am putting shared="true" on the fx-instance in the root. It is exposed to the first child, but the child below that is not seeing it.

On the 2nd level imported fx-fore the use of the fx-instance is throwing this, which I think means its not seeing the fx-instance

fore.js:20255 Uncaught (in promise) RangeError: Maximum call stack size exceeded
at Array.values ()
at Array.from ()
at FxModel.getInstance (fore.js:20255:31)
at FxModel.getDefaultInstance (fore.js:20239:17)
at FxModel.getInstance (fore.js:20274:19)
at FxModel.getDefaultInstance (fore.js:20239:17)
at FxModel.getInstance (fore.js:20274:19)
at FxModel.getDefaultInstance (fore.js:20239:17)
at FxModel.getInstance (fore.js:20274:19)
at FxModel.getDefaultInstance (fore.js:20239:17)

I am not finding a shared="true" example in the demos, which are very comprehensive.

Ideally I would like for each child to be passed a node as its context, but I only see that described for fx-control

My test files follow

MAIN
<!doctype html>

<link href="https://jinntec.github.io/fore-docs/css/nucleus.css" rel="stylesheet">
<link href="https://jinntec.github.io/fore-docs/css/fontawesome-all.min.css" rel="stylesheet">
<link href="https://jinntec.github.io/fore-docs/css/hybrid.css" rel="stylesheet">
<link href="https://jinntec.github.io/fore-docs/css/featherlight.min.css" rel="stylesheet">
<link href="https://jinntec.github.io/fore-docs/css/perfect-scrollbar.min.css" rel="stylesheet">
<link href="https://jinntec.github.io/fore-docs/css/auto-complete.css" rel="stylesheet">
<link href="https://jinntec.github.io/fore-docs/css/atom-one-dark-reasonable.css" rel="stylesheet">
<link href="https://jinntec.github.io/fore-docs/css/theme.css" rel="stylesheet">
<link href="https://jinntec.github.io/fore-docs/css/hugo-theme.css" rel="stylesheet">
<link href="https://jinntec.github.io/fore-docs/css/theme-fore.css" rel="stylesheet">

fx-output ref="."

fx-fore src="./testA.html

TESTA.html

TestA.html

fx-fore src="./testB.html

TEXTB.html

TestB.html

JoernT · 2025-07-09T11:49:55Z

JoernT
Jul 9, 2025
Maintainer

could you strip the the markup down and share it? seems the example above is broken somehow - it's enough to provide everything below the fx-fore element - we do not need the whole html page - make sure to put your code within a code block.

1 reply

RibeyeOnTheBone Jul 9, 2025
Author

does the marked up coding work?

RibeyeOnTheBone · 2025-07-09T12:44:34Z

RibeyeOnTheBone
Jul 9, 2025
Author

Root

<fx-fore id="todo">
    <fx-model>
        <fx-instance src="/src/main/webapp/data/mydata.xml" shared="true">
        </fx-instance>
    </fx-model>
    <h2>fx-output ref="."</h2>
    <fx-output ref="."></fx-output>
    <h2>fx-fore src="./testA.html</h2>
     <fx-fore src="./testA.html"></fx-fore>
</fx-fore>

First child

<fx-fore>
    <h2>TestA.html</h2>
    <fx-output ref="."></fx-output>
    <h2>fx-fore src="./testB.html</h2>
    <fx-fore src="./testB.html"></fx-fore>
</fx-fore>

Grand child

<fx-fore>
    <h2>TestB.html</h2>
    <fx-output ref="."></fx-output>
</fx-fore>

2 replies

JoernT Jul 9, 2025
Maintainer

yes - that worked now - thanks.

Btw, the stack trace lets me think you're probably not on the latest version? Which one are you using?

RibeyeOnTheBone Jul 9, 2025
Author

I have in the of the parent .html

    <script type="module" src="https://cdn.jsdelivr.net/npm/@jinntec/fore@latest/dist/fore.js"></script>

is this what you mean by version?

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

How does shared="true" work? #304

Uh oh!

{{title}}

Uh oh!

Replies: 2 comments 3 replies

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{title}}

Uh oh!

Uh oh!

{{title}}

Uh oh!

Select a reply

Uh oh!

How does shared="true" work? #304

Uh oh!

RibeyeOnTheBone Jul 9, 2025

fx-output ref="."

fx-fore src="./testA.html

TestA.html

fx-fore src="./testB.html

TestB.html

Replies: 2 comments · 3 replies

Uh oh!

JoernT Jul 9, 2025 Maintainer

Uh oh!

RibeyeOnTheBone Jul 9, 2025 Author

Uh oh!

RibeyeOnTheBone Jul 9, 2025 Author

Uh oh!

JoernT Jul 9, 2025 Maintainer

Uh oh!

RibeyeOnTheBone Jul 9, 2025 Author

RibeyeOnTheBone
Jul 9, 2025

Replies: 2 comments 3 replies

JoernT
Jul 9, 2025
Maintainer

RibeyeOnTheBone Jul 9, 2025
Author

RibeyeOnTheBone
Jul 9, 2025
Author

JoernT Jul 9, 2025
Maintainer

RibeyeOnTheBone Jul 9, 2025
Author