Stack Overflow
Stack Overflow

Questions tagged [piral]

a framework for creating web apps using a microfrontends architecture with React.

A framework for creating web apps using a microfrontends architecture with React and TypeScript.

Use this tag for general questions related to the Piral framework, which is a microfrontends solution based on React.

Use this tag for questions regarding piral, piral-core, piral-base, or any plugin / package that is prefixed with piral-.

Use this tag for questions regarding the piral-cli command line tool.

Do not use this tag for bug fixes or improvements. Post these items on the official issue tracker.

Do not use this tag for questions already sufficiently answered in the Piral FAQ.

Do not use this tag for general questions regarding TypeScript, React, or JavaScript.

17 questions
11
votes
4 answers

Convenient micro frontend framework?

Which is the best approach/framework for micro frontend development? I have more than 5 apps based on angular, react and vue and want to display all 5 apps on a single UI. We have many micro frontend frameworks like single spa, piral, moisaic…
Zeeshan
  • 149
  • 1
  • 5
2
votes
2 answers

Using Blazor Wasm as an app shell in piral

I chanced on Piral Framework for implementing micro-frontends and I wanted to implement it in my project. However, my application comes as a Blazor wasm project and my aim is to use this current project as my app shell. Is there any example on how I…
Xander Selorm
  • 558
  • 6
  • 18
2
votes
1 answer

Simpler way of integrating pilets in app shell

I wonder what is the easiest way to work on an app shell and experiment with several Pilets and their API when all those Pilets are just local files of the shell itself. Meaning: No fetching from a local server, no build steps of creating Pilet…
Kathrin Köhler
  • 35
  • 3
2
votes
1 answer

How to type a custom pilet api?

We are using the microfrontend framework piral. For our pilets we want to provide a custom api. Following the tutorials we came up with code like this export interface MyApi { example(): void; } export function createMyApi(): Extend { …
Andreas Rossmann
  • 39
  • 3
1
vote
1 answer

How can i use full fledged angular app as pilet in piral

I have a existing angular app with it's own routing and multiple components that are used with each other. Using piral-ng converter i can convert an angular component to be used in piral but if an angular component is using another angular…
Shivang Gupta
  • 3,139
  • 1
  • 25
  • 24
1
vote
0 answers

How to implement a Piral Angular component with templateUrl?

I'm trying to implement a piral angular component using templateUrl. I'm able to make it work with "template", but when I change to templateUrl it doesn't work. All the documentation and examples provided by piral uses template. This is my component…
Rolo
  • 3,208
  • 1
  • 24
  • 25
1
vote
1 answer

Render pilet under a tab

I want to render a pilet under a tab. I have managed to render the pilet name as a tab but content can't be renderd. I am using Fluent UI Pivots. https://developer.microsoft.com/en-us/fluentui#/controls/web/pivot The idea is when you click a a…
Waqas ali
  • 258
  • 3
  • 7
1
vote
1 answer

Accessing Routes in a MenuContainer

I use piral for our micro-frontend app. I created a layout and use things like in the layout. I want to filter the entries in the nav menu by routes. Via convention i'll drop menu items depending on teh current route. I only have one issue:…
mellie234
  • 13
  • 2
1
vote
1 answer

Piral CLI extension arguments format

I was looking into developing a piral-cli extension and had a couple questions about the CliPluginApi interface: module.exports = function (cliApi) { cliApi.withCommand({ name: 'dependencies-pilet', alias: ['deps-pilet'], description:…
Kathrin Köhler
  • 35
  • 3
1
vote
1 answer

Including typings from the piral instance fails

I have already found out how to properly type plugins in piral (by using declaration merging). This only seems to work for pilet api extensions coming from dedicated packages and also only if there is an api.d.ts in its root folder. How can I type…
Andreas Rossmann
  • 39
  • 3
0
votes
0 answers

How to call a custom Pilet API function from a micro-frontend written in Blazor Wasm?

I'm working on a POC for Piral using Blazor WASM and having trouble calling a custom API function defined in the Piral shell from inside the Blazor WASM application. I am looking for the ability to call this custom function on demand, but the…
Daniel Gabriel
  • 3,939
  • 2
  • 26
  • 37
0
votes
1 answer

This file should not be included anywhere. Usually, this means you've imported the Piral instance directly

I have an Angular application as a Pilet for my Piral application. I'm trying to access a config value passed from Piral application via PageComponentProperties. As described in this page, https://docs.piral.io/plugins/piral-ng, I'm trying to access…
user2535031
  • 11
  • 2
0
votes
1 answer

Error on Publishing Blazor Pilet to Feed Service

I am getting errors when I try to publish my newly developed Piral microservice with Blazor to the development feed service. It's working fine in debug mode though. Below are the steps I followed. Navigated to the automatically created pilet folder…
Chamika Goonetilaka
  • 698
  • 7
  • 20
0
votes
2 answers

You should not use outside a in Piral

I get this error when debugging my pilet inside the default Piral instance: Uncaught Error: Invariant failed: You should not use outside a The weird thing is the next log entry reports that the error is coming from inside a…
jared_hexagon
  • 175
  • 1
  • 1
  • 10
0
votes
1 answer

How to use styled-components in both piral app-shell and pilet apps?

I am currently working on building a PoC Piral app using the UI framework that was developed in house. This UI framework relies on the styled-components module, which causes issues when both my piral app-shell and pilet app start using those styled…
Alexander Aavang
  • 209
  • 3
  • 11
1
2