}){kind=logo}
;
4 |
5 | export default Logo;
6 |
--------------------------------------------------------------------------------
/src/plugins/piral-breadcrumbs/src/index.ts:
--------------------------------------------------------------------------------
1 | export * from './Breadcrumbs';
2 | export * from './create';
3 | export * from './components';
4 | export * from './types';
5 | export * from './useBreadcrumbs';
6 |
--------------------------------------------------------------------------------
/src/tooling/piral-cli/src/index.ts:
--------------------------------------------------------------------------------
1 | export * from './helpers';
2 | export * from './commands';
3 | export * from './questionnaire';
4 | export * from './types/common';
5 | export * from './types/public';
6 |
--------------------------------------------------------------------------------
/src/framework/piral/src/index.tsx:
--------------------------------------------------------------------------------
1 | export * from 'piral-core';
2 | export * from 'piral-ext';
3 |
4 | export * from './api';
5 | export * from './hydrate';
6 | export * from './render';
7 | export * from './types';
8 |
--------------------------------------------------------------------------------
/src/initializers/create-pilet/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "../../../tsconfig.json",
3 | "compilerOptions": {
4 | "outDir": "./lib"
5 | },
6 | "include": [
7 | "./src"
8 | ]
9 | }
10 |
--------------------------------------------------------------------------------
/src/samples/sample-piral/src/components/index.ts:
--------------------------------------------------------------------------------
1 | export * from './MenuToggle';
2 | export * from './User';
3 | export * from './LanguageIcon';
4 | export * from './LanguagePicker';
5 | export * from './Layout';
6 |
--------------------------------------------------------------------------------
/src/tooling/piral-cli-webpack5/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "../../../tsconfig.json",
3 | "compilerOptions": {
4 | "outDir": "./lib"
5 | },
6 | "include": [
7 | "./src"
8 | ]
9 | }
10 |
--------------------------------------------------------------------------------
/src/framework/piral-core/src/actions/index.ts:
--------------------------------------------------------------------------------
1 | export * from './app';
2 | export * from './components';
3 | export * from './data';
4 | export * from './define';
5 | export * from './portal';
6 | export * from './state';
7 |
--------------------------------------------------------------------------------
/src/initializers/create-piral-instance/tsconfig.json:
--------------------------------------------------------------------------------
1 | {
2 | "extends": "../../../tsconfig.json",
3 | "compilerOptions": {
4 | "outDir": "./lib"
5 | },
6 | "include": [
7 | "./src"
8 | ]
9 | }
10 |
--------------------------------------------------------------------------------
/src/samples/sample-piral-core/src/elements.d.ts:
--------------------------------------------------------------------------------
1 | declare module JSX {
2 | interface IntrinsicElements {
3 | 'pi-spinner': React.DetailedHTMLProps
7 |
9 | );
10 |
--------------------------------------------------------------------------------
/src/pages/www/src/codegen/testiomonials.codegen.d.ts:
--------------------------------------------------------------------------------
1 | interface Testimonial {
2 | id: string;
3 | phrase: string;
4 | lastName: string;
5 | firstName: string;
6 | face: string;
7 | }
8 |
9 | declare const testimonials: ArrayLoading ...
8 |
10 |
13 | );
14 |
--------------------------------------------------------------------------------
/src/plugins/piral-axios/src/types.ts:
--------------------------------------------------------------------------------
1 | import type {} from 'piral-core';
2 | import type { AxiosInstance } from 'axios';
3 |
4 | declare module 'piral-core/lib/types/custom' {
5 | interface PiletCustomApi extends PiletAxiosApi {}
6 | }
7 |
8 | export interface PiletAxiosApi {
9 | /**
10 | * Gets the associated axios instance.
11 | */
12 | axios: AxiosInstance;
13 | }
14 |
--------------------------------------------------------------------------------
/src/tooling/publish-microfrontend/src/browser.ts:
--------------------------------------------------------------------------------
1 | import { logFail } from './log';
2 |
3 | export async function openBrowserAt(address: string) {
4 | try {
5 | const name = 'open';
6 | const open = await import(name).then((c) => c.default);
7 | await open(address, undefined);
8 | } catch (err) {
9 | logFail('Failed to open the browser: %s', err);
10 | }
11 | }
12 |
--------------------------------------------------------------------------------
/src/framework/siteless/src/index.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
6 |
7 | {title}
11 |- {children}
6 | > The messages in this folder are auto-generated. 7 | > Changes made to any of the `*.md` files will be lost. 8 | > To update the messages, change the JSDoc in the `piral-cli` package's `message.ts` file. 9 | -------------------------------------------------------------------------------- /src/framework/piral-core/src/defaults/DefaultLoadingIndicator.tsx: -------------------------------------------------------------------------------- 1 | import * as React from 'react'; 2 | import { LoadingIndicatorProps } from '../types'; 3 | 4 | /** 5 | * The default loading indicator only displaying "Loading". 6 | */ 7 | export const DefaultLoadingIndicator: React.FC
Loading
;
8 | DefaultLoadingIndicator.displayName = 'DefaultLoadingIndicator';
9 |
--------------------------------------------------------------------------------
/tools/size-reporter.mjs:
--------------------------------------------------------------------------------
1 | import { reportFileSizeImpactInGitHubPullRequest, readGitHubWorkflowEnv } from '@jsenv/file-size-impact';
2 |
3 | await reportFileSizeImpactInGitHubPullRequest({
4 | ...readGitHubWorkflowEnv(),
5 | buildCommand: 'npx lerna run build:release',
6 | installCommand: 'yarn setup',
7 | fileSizeReportUrl: new URL("./size-generator.mjs#fileSizeReport", import.meta.url),
8 | });
9 |
--------------------------------------------------------------------------------
/src/framework/piral-core/src/defaults/DefaultRouter_wouter.tsx:
--------------------------------------------------------------------------------
1 | import * as React from 'react';
2 | //@ts-ignore
3 | import { Router } from 'wouter';
4 | import { RouterProps } from '../types';
5 |
6 | export const DefaultRouter: React.FC})
6 | Page Not Found
7 |The page you are looking for has not been found here. Maybe start a search?
8 |The search is located on the top right corner. You can just click on the magnifier symbol.
9 |{props.open &&
7 | );
8 |
9 | export const DefaultDialog: React.FC{props.children}
}
12 | {image && 
}
13 |
17 | );
18 |
--------------------------------------------------------------------------------
/src/pages/www/src/scripts/components/Status.tsx:
--------------------------------------------------------------------------------
1 | import * as React from 'react';
2 |
3 | export const Status: React.FC = () => (
4 |
5 |
6 | {title}
14 |{children}
15 | {cta} 16 |
7 |
8 |
9 | 
10 |
11 |
12 | );
13 |
--------------------------------------------------------------------------------
/src/framework/piral-core/src/hooks/setter.ts:
--------------------------------------------------------------------------------
1 | import { useEffect as useSideEffect } from 'react';
2 | import { none } from '../utils/helpers';
3 |
4 | function useMainEffect(cb: () => void) {
5 | cb();
6 | }
7 |
8 | const useEffect = typeof window !== 'undefined' ? useSideEffect : useMainEffect;
9 |
10 | /**
11 | * Hook for running the callback once on mount.
12 | * @param cb The callback to be invoked on mounting.
13 | */
14 | export function useSetter(cb: () => void) {
15 | useEffect(cb, none);
16 | }
17 |
--------------------------------------------------------------------------------
/src/converters/piral-mithril/src/extension.ts:
--------------------------------------------------------------------------------
1 | import { m } from 'mithril';
2 |
3 | export function createExtension(rootName: string) {
4 | return {
5 | oncreate(vnode) {
6 | vnode.dom.dispatchEvent(
7 | new CustomEvent('render-html', {
8 | bubbles: true,
9 | detail: {
10 | target: vnode.dom,
11 | props: vnode.attrs,
12 | },
13 | }),
14 | );
15 | },
16 | view() {
17 | return m(rootName);
18 | },
19 | };
20 | }
21 |
--------------------------------------------------------------------------------
/src/converters/piral-vue-3/src/mount.ts:
--------------------------------------------------------------------------------
1 | import type { BaseComponentProps, ComponentContext } from 'piral-core';
2 | import { createApp, Component, h } from 'vue';
3 |
4 | export function mountVue
7 | {props.children}
8 |
9 | );
10 |
11 | export const DefaultToast: React.FC
13 |
17 |
18 |
19 |
20 |
--------------------------------------------------------------------------------
/.github/workflows/size.yml:
--------------------------------------------------------------------------------
1 | name: check-bundle-size
2 |
3 | on:
4 | pull_request_target:
5 | branches: [develop]
6 |
7 | jobs:
8 | file_size_impact:
9 | runs-on: ubuntu-latest
10 |
11 | steps:
12 | - name: Setup git
13 | uses: actions/checkout@v2
14 | - name: Setup node
15 | uses: actions/setup-node@v1
16 | with:
17 | node-version: "22.12.0"
18 | - run: yarn install
19 | - run: yarn install --ignore-scripts
20 | - name: Report changes
21 | run: node ./tools/size-reporter.mjs
22 | env:
23 | GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
24 |
--------------------------------------------------------------------------------
/docs/messages/0102.md:
--------------------------------------------------------------------------------
1 | # Info: 0102
2 |
3 | The Piral CLI could not detect the tooling version used by the app shell. Therefore, it may be incompatible to the
4 | currently used version of the piral-cli. Keep an eye on weird errors.
5 |
6 | ## Description
7 |
8 | The emulator contains a special section to inform the Piral CLI about the used version of the tooling. This is
9 | important to detect potential alignment or incompatibilities. The used version of the emulator does not contain
10 | this information and therefore may be incompatible.
11 |
12 | ## Example
13 |
14 | undefined
15 |
16 | ## Further Reading
17 |
18 | undefined
19 |
--------------------------------------------------------------------------------
/src/tooling/piral-cli/src/common/parallel.ts:
--------------------------------------------------------------------------------
1 | export async function concurrentWorkers
14 |
15 |
16 |
12 |
20 | );
21 |
--------------------------------------------------------------------------------
/.github/ISSUE_TEMPLATE/feature_request.md:
--------------------------------------------------------------------------------
1 | ---
2 | name: Feature request
3 | about: Suggest an idea for this project
4 | title: ''
5 | labels: 'enhancement'
6 | assignees: ''
7 | ---
8 |
9 | # New Feature Proposal
10 |
11 | For more information, see the `CONTRIBUTING` guide.
12 |
13 | ## Description
14 |
15 | [Description of the proposed feature]
16 |
17 | ## Background
18 |
19 | [Provide any additional background for the feature, e.g., why is the current solution insufficient, what problem will it solve, etc.]
20 |
21 | ## Discussion
22 |
23 | [Optionally, outline any pros and cons you can currently think of to provide the basis for a solid discussion]
24 |
--------------------------------------------------------------------------------
/src/tooling/piral-cli-webpack5/src/plugins/SheetLoader.ts:
--------------------------------------------------------------------------------
1 | import { getOptions } from 'loader-utils';
2 |
3 | export default function sheetLoader() {
4 | const { cssName, piletName } = getOptions(this);
5 | const debug = process.env.NODE_ENV === 'development';
6 | return [
7 | `var d=document`,
8 | `var u=__webpack_public_path__+${JSON.stringify(cssName)}`,
9 | `var e=d.createElement("link")`,
10 | `e.setAttribute('data-origin', ${JSON.stringify(piletName)})`,
11 | `e.type="text/css"`,
12 | `e.rel="stylesheet"`,
13 | `e.href=${debug ? 'u+"?_="+Math.random()' : 'u'}`,
14 | `d.head.appendChild(e)`,
15 | ].join(';');
16 | }
17 |
--------------------------------------------------------------------------------
/docs/messages/0110.md:
--------------------------------------------------------------------------------
1 | # Error: 0110
2 |
3 | The provided output directory could not be found.
4 |
5 | ## Description
6 |
7 | The `piral publish` command only works with a valid output directory. Make
8 | sure to provide the same directory that you used for `piral build`.
9 |
10 | Make sure to run `piral build` before running `piral publish`.
11 |
12 | ## Example
13 |
14 | The following command first removes the output directory, then starts the build,
15 | and finally publishes the emulator to npm.
16 |
17 | ```sh
18 | rm -rf dist
19 | piral build --target dist
20 | piral publish dist --type emulator
21 | ```
22 |
23 | ## Further Reading
24 |
25 | undefined
26 |
--------------------------------------------------------------------------------
/docs/messages/0111.md:
--------------------------------------------------------------------------------
1 | # Error: 0111
2 |
3 | Could not find exactly one *.tgz file.
4 |
5 | ## Description
6 |
7 | The `piral publish --type emulator` command only works if a single *.tgz
8 | file is found in the "emulator" subdirectory of the provided output directory.
9 |
10 | Make sure to run `piral build` before running `piral publish`.
11 |
12 | ## Example
13 |
14 | The following command first removes the output directory, then starts the build,
15 | and finally publishes the emulator to npm.
16 |
17 | ```sh
18 | rm -rf dist
19 | piral build --target dist
20 | piral publish dist --type emulator
21 | ```
22 |
23 | ## Further Reading
24 |
25 | undefined
26 |
--------------------------------------------------------------------------------
/src/framework/piral-core/src/components/PiralSuspense.tsx:
--------------------------------------------------------------------------------
1 | import * as React from 'react';
2 | import { RegisteredErrorInfo, RegisteredLoadingIndicator } from './components';
3 | import { useGlobalState } from '../hooks';
4 |
5 | export interface PiralSuspenseProps {
6 | children?: React.ReactNode;
7 | }
8 |
9 | export const PiralSuspense: React.FC
13 |
16 | {title}
14 | {children} 15 |
17 |
18 |
19 | {children}
);
18 | },
19 | };
20 |
--------------------------------------------------------------------------------
/docs/logos/google-cloud.svg:
--------------------------------------------------------------------------------
1 |
7 |
--------------------------------------------------------------------------------
/src/framework/piral-core/src/types/layout.ts:
--------------------------------------------------------------------------------
1 | /**
2 | * The mapping of breakpoints to layout type index.
3 | * Choose up to three breakpoints.
4 | * In case of no breakpoint a default layout will be chosen.
5 |
6 | @example
7 | `['(min-width: 991px)', '(min-width: 481px)', '(max-width: 480px)']` for desktop, tablet, mobile.
8 | */
9 | export type LayoutBreakpoints = [string?, string?, string?];
10 |
11 | /**
12 | * The different known layout types.
13 | */
14 | export type LayoutType = 'mobile' | 'tablet' | 'desktop';
15 |
16 | /**
17 | * The mapping of the layout types to breakpoint index.
18 | */
19 | export type LayoutTypes = [LayoutType, LayoutType, LayoutType];
20 |
--------------------------------------------------------------------------------
/src/samples/sample-piral/src/images/close.svg:
--------------------------------------------------------------------------------
1 |
4 |
--------------------------------------------------------------------------------
/src/converters/piral-hyperapp/src/extension.ts:
--------------------------------------------------------------------------------
1 | import type { ExtensionSlotProps } from 'piral-core';
2 | import { createHyperappElement } from './mount';
3 | import type { Component } from './types';
4 |
5 | export function createExtension(rootName: string): Component