@elliemae/pui-cli 8.62.3 → 8.62.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/build/docs/404.html +5 -5
- package/build/docs/api/functions/loadRoutes/index.html +10 -10
- package/build/docs/api/index.html +9 -9
- package/build/docs/api/type-aliases/LIB_NAME/index.html +6 -6
- package/build/docs/api/variables/babelConfig/index.html +29 -29
- package/build/docs/api/variables/commitlintConfig/index.html +9 -9
- package/build/docs/api/variables/eslintBaseConfig/index.html +119 -119
- package/build/docs/api/variables/eslintConfig/index.html +167 -167
- package/build/docs/api/variables/jestConfig/index.html +87 -87
- package/build/docs/api/variables/jestNodeConfig/index.html +87 -87
- package/build/docs/api/variables/lintStagedConfig/index.html +13 -13
- package/build/docs/api/variables/prettierConfig/index.html +19 -19
- package/build/docs/api/variables/stylelintConfig/index.html +19 -19
- package/build/docs/api/variables/vitestConfig/index.html +6 -6
- package/build/docs/assets/css/{styles.c76f0d12.css → styles.5e594f8e.css} +1 -1
- package/build/docs/assets/js/04ee7372.6701a521.js +1 -0
- package/build/docs/assets/js/1038.7eccbe83.js +1 -0
- package/build/docs/assets/js/1200.62fdfb17.js +1 -0
- package/build/docs/assets/js/1340.e320589e.js +1 -0
- package/build/docs/assets/js/1348.fdba76ee.js +1 -0
- package/build/docs/assets/js/1591.b2d5d84b.js +1 -0
- package/build/docs/assets/js/{16b7bc88.384bbfa6.js → 16b7bc88.98d0e7e1.js} +1 -1
- package/build/docs/assets/js/17896441.4a6e0d00.js +1 -0
- package/build/docs/assets/js/1912.edd5c016.js +1 -0
- package/build/docs/assets/js/{1b9df811.7c12d74c.js → 1b9df811.cbc3937e.js} +1 -1
- package/build/docs/assets/js/213.e69351b3.js +1 -0
- package/build/docs/assets/js/2154.9723abaf.js +1 -0
- package/build/docs/assets/js/2185.f2209249.js +1 -0
- package/build/docs/assets/js/2186.40926696.js +1 -0
- package/build/docs/assets/js/2327.22ae5940.js +1 -0
- package/build/docs/assets/js/234.83bc0029.js +1 -0
- package/build/docs/assets/js/2399.63cd96a9.js +1 -0
- package/build/docs/assets/js/2421.0a678e37.js +1 -0
- package/build/docs/assets/js/{7048.333735e8.js → 2534.dbf7919d.js} +1 -1
- package/build/docs/assets/js/2650.eb69c6a5.js +1 -0
- package/build/docs/assets/js/2652.3c5e01f6.js +1 -0
- package/build/docs/assets/js/2675.413b1881.js +1 -0
- package/build/docs/assets/js/2856.434d8532.js +1 -0
- package/build/docs/assets/js/3075.8eb78c50.js +1 -0
- package/build/docs/assets/js/3171.c208ec80.js +1 -0
- package/build/docs/assets/js/3186.4706e934.js +1 -0
- package/build/docs/assets/js/3242.80d2f573.js +1 -0
- package/build/docs/assets/js/3380.fa624efa.js +1 -0
- package/build/docs/assets/js/3720.8e7f36d4.js +2 -0
- package/build/docs/assets/js/3731.3625e619.js +1 -0
- package/build/docs/assets/js/3749.25d3a9dc.js +1 -0
- package/build/docs/assets/js/3753.ad43bbbf.js +1 -0
- package/build/docs/assets/js/{37d86055.a3793e79.js → 37d86055.ac328609.js} +1 -1
- package/build/docs/assets/js/386.82e1d440.js +2 -0
- package/build/docs/assets/js/386.82e1d440.js.LICENSE.txt +1 -0
- package/build/docs/assets/js/3938.381439b7.js +1 -0
- package/build/docs/assets/js/3995.9c7a08d7.js +1 -0
- package/build/docs/assets/js/4074.2d89387a.js +1 -0
- package/build/docs/assets/js/4567.40926696.js +1 -0
- package/build/docs/assets/js/4570.22eef064.js +1 -0
- package/build/docs/assets/js/4832.f41ebb6a.js +1 -0
- package/build/docs/assets/js/4944.20a6ae14.js +1 -0
- package/build/docs/assets/js/504.082248a2.js +1 -0
- package/build/docs/assets/js/5111.1b6768c7.js +1 -0
- package/build/docs/assets/js/5153.ccd7118e.js +1 -0
- package/build/docs/assets/js/5463.df303412.js +1 -0
- package/build/docs/assets/js/5529.a57e8e4a.js +1 -0
- package/build/docs/assets/js/5663.13fc2f9f.js +1 -0
- package/build/docs/assets/js/5818.62ee6d97.js +1 -0
- package/build/docs/assets/js/5850.e0052526.js +1 -0
- package/build/docs/assets/js/5973.50ffe932.js +1 -0
- package/build/docs/assets/js/{5d5f1db0.478d1366.js → 5d5f1db0.ee0a2786.js} +1 -1
- package/build/docs/assets/js/{5e8c322a.efde0b1b.js → 5e8c322a.03e5f869.js} +1 -1
- package/build/docs/assets/js/5e95c892.0b2807a1.js +1 -0
- package/build/docs/assets/js/{5fb3c522.a5641583.js → 5fb3c522.7fa934f6.js} +1 -1
- package/build/docs/assets/js/6001.475cf9bc.js +1 -0
- package/build/docs/assets/js/6216.81ed3f71.js +1 -0
- package/build/docs/assets/js/6286.1e2004df.js +1 -0
- package/build/docs/assets/js/6737.cba35710.js +1 -0
- package/build/docs/assets/js/6779.48fa5e85.js +1 -0
- package/build/docs/assets/js/6780.35d6b408.js +1 -0
- package/build/docs/assets/js/681.7048216c.js +1 -0
- package/build/docs/assets/js/{6bd11e52.8445697f.js → 6bd11e52.4a64999a.js} +1 -1
- package/build/docs/assets/js/6e96545e.82b3f634.js +1 -0
- package/build/docs/assets/js/7129.6a95a014.js +1 -0
- package/build/docs/assets/js/7173.3df1d101.js +1 -0
- package/build/docs/assets/js/{71f6d02b.46228c35.js → 71f6d02b.f4ef9e77.js} +1 -1
- package/build/docs/assets/js/7330.25c0f54a.js +1 -0
- package/build/docs/assets/js/777.6cc435d2.js +1 -0
- package/build/docs/assets/js/{80e87108.6b0a340e.js → 80e87108.fb514ef2.js} +1 -1
- package/build/docs/assets/js/{1206.d4327b16.js → 8335.7c94cd06.js} +1 -1
- package/build/docs/assets/js/8347.ba32afd0.js +1 -0
- package/build/docs/assets/js/8398.64ed21da.js +1 -0
- package/build/docs/assets/js/8585.38199cd1.js +1 -0
- package/build/docs/assets/js/8725.440f4f8c.js +1 -0
- package/build/docs/assets/js/918.44c83d98.js +1 -0
- package/build/docs/assets/js/9242.e3fb85ca.js +1 -0
- package/build/docs/assets/js/940.c104b973.js +1 -0
- package/build/docs/assets/js/9661.e5f9a8b1.js +1 -0
- package/build/docs/assets/js/9718.706df9d5.js +1 -0
- package/build/docs/assets/js/9737.81795237.js +1 -0
- package/build/docs/assets/js/9805.40926696.js +1 -0
- package/build/docs/assets/js/9998.2236d038.js +1 -0
- package/build/docs/assets/js/{a7bd4aaa.bbcaa6ab.js → a7bd4aaa.82b76b67.js} +1 -1
- package/build/docs/assets/js/a94703ab.8fd80ed9.js +1 -0
- package/build/docs/assets/js/{b8ac1d98.20b7f87c.js → b8ac1d98.eac62e10.js} +1 -1
- package/build/docs/assets/js/{bde5209a.7f232bf8.js → bde5209a.1f661437.js} +1 -1
- package/build/docs/assets/js/{c377a04b.0965a6f2.js → c377a04b.54071de3.js} +1 -1
- package/build/docs/assets/js/common.469f0e39.js +1 -0
- package/build/docs/assets/js/{e5f79924.1b7c8fd6.js → e5f79924.3b9434d6.js} +1 -1
- package/build/docs/assets/js/{f736c962.9ac135e1.js → f736c962.1745b6ff.js} +1 -1
- package/build/docs/assets/js/main.ceaf5a1d.js +2 -0
- package/build/docs/assets/js/runtime~main.2ef68500.js +1 -0
- package/build/docs/index.html +66 -66
- package/build/docs/ssl-certificate-setup/index.html +24 -24
- package/build/docs/usage-guide/index.html +85 -85
- package/dist/cjs/package.json +1 -4
- package/dist/esm/package.json +1 -4
- package/dist/types/tsconfig.tsbuildinfo +1 -1
- package/package.json +17 -17
- package/build/docs/assets/js/04ee7372.b1dcd3d9.js +0 -1
- package/build/docs/assets/js/1128.9ff5d096.js +0 -1
- package/build/docs/assets/js/1262.d1c4c9bd.js +0 -1
- package/build/docs/assets/js/1316.2f619863.js +0 -2
- package/build/docs/assets/js/1316.2f619863.js.LICENSE.txt +0 -1
- package/build/docs/assets/js/1588.8a61195f.js +0 -1
- package/build/docs/assets/js/1783.8b385fce.js +0 -1
- package/build/docs/assets/js/17896441.aa99c4b5.js +0 -1
- package/build/docs/assets/js/1944.083a40da.js +0 -1
- package/build/docs/assets/js/2535.486788ef.js +0 -1
- package/build/docs/assets/js/2762.1f225b61.js +0 -1
- package/build/docs/assets/js/280.e6b3c363.js +0 -1
- package/build/docs/assets/js/2919.a0e90f28.js +0 -1
- package/build/docs/assets/js/2948.802fa79d.js +0 -1
- package/build/docs/assets/js/32.3e01a330.js +0 -1
- package/build/docs/assets/js/3241.57801946.js +0 -1
- package/build/docs/assets/js/338.eac1f210.js +0 -1
- package/build/docs/assets/js/3455.b04bcf73.js +0 -1
- package/build/docs/assets/js/365.7dfc1c9b.js +0 -1
- package/build/docs/assets/js/3715.6de9c72e.js +0 -1
- package/build/docs/assets/js/3807.315d3647.js +0 -1
- package/build/docs/assets/js/3956.6817c831.js +0 -1
- package/build/docs/assets/js/4179.8f624946.js +0 -1
- package/build/docs/assets/js/4250.1db07eb8.js +0 -1
- package/build/docs/assets/js/4273.55f1d480.js +0 -2
- package/build/docs/assets/js/4430.ceb8b97f.js +0 -1
- package/build/docs/assets/js/4986.88c0e4c4.js +0 -1
- package/build/docs/assets/js/5146.9c2d5a70.js +0 -1
- package/build/docs/assets/js/5256.9c97e6c5.js +0 -1
- package/build/docs/assets/js/5291.b3189179.js +0 -1
- package/build/docs/assets/js/5384.c08a8b31.js +0 -1
- package/build/docs/assets/js/5e95c892.d57b4057.js +0 -1
- package/build/docs/assets/js/61.73463c9d.js +0 -1
- package/build/docs/assets/js/6176.08e5ab11.js +0 -1
- package/build/docs/assets/js/6668.9ed55615.js +0 -1
- package/build/docs/assets/js/6870.af8f1a4f.js +0 -1
- package/build/docs/assets/js/6e96545e.237cb417.js +0 -1
- package/build/docs/assets/js/7311.638d1073.js +0 -1
- package/build/docs/assets/js/7617.0bb56b23.js +0 -1
- package/build/docs/assets/js/7803.74307e92.js +0 -1
- package/build/docs/assets/js/7897.2559cb99.js +0 -1
- package/build/docs/assets/js/7919.7f173626.js +0 -1
- package/build/docs/assets/js/8213.30ff6f0f.js +0 -1
- package/build/docs/assets/js/9016.ea955f0a.js +0 -1
- package/build/docs/assets/js/9018.0e3aeec5.js +0 -1
- package/build/docs/assets/js/9199.39e38dc8.js +0 -1
- package/build/docs/assets/js/9349.68c3fedb.js +0 -1
- package/build/docs/assets/js/9566.974ba8ff.js +0 -1
- package/build/docs/assets/js/9799.856d5e67.js +0 -1
- package/build/docs/assets/js/9822.c1ad99cd.js +0 -1
- package/build/docs/assets/js/9945.d801623d.js +0 -1
- package/build/docs/assets/js/a94703ab.e6576f9b.js +0 -1
- package/build/docs/assets/js/common.f9eba4a3.js +0 -1
- package/build/docs/assets/js/main.548fd04b.js +0 -2
- package/build/docs/assets/js/runtime~main.3504f0b1.js +0 -1
- /package/build/docs/assets/js/{4273.55f1d480.js.LICENSE.txt → 3720.8e7f36d4.js.LICENSE.txt} +0 -0
- /package/build/docs/assets/js/{main.548fd04b.js.LICENSE.txt → main.ceaf5a1d.js.LICENSE.txt} +0 -0
|
@@ -2,18 +2,18 @@
|
|
|
2
2
|
<html lang="en" dir="ltr" class="docs-wrapper plugin-docs plugin-id-default docs-version-current docs-doc-page docs-doc-id-usage-guide" data-has-hydrated="false">
|
|
3
3
|
<head>
|
|
4
4
|
<meta charset="UTF-8">
|
|
5
|
-
<meta name="generator" content="Docusaurus v3.10.
|
|
6
|
-
<title data-rh="true">Usage Guide | Cli</title><meta data-rh="true" name="viewport" content="width=device-width,initial-scale=1"><meta data-rh="true" name="twitter:card" content="summary_large_image"><meta data-rh="true" property="og:url" content="https://pui.ice.com/cli/usage-guide"><meta data-rh="true" property="og:locale" content="en"><meta data-rh="true" name="docusaurus_locale" content="en"><meta data-rh="true" name="docsearch:language" content="en"><meta data-rh="true" name="docusaurus_version" content="current"><meta data-rh="true" name="docusaurus_tag" content="docs-default-current"><meta data-rh="true" name="docsearch:version" content="current"><meta data-rh="true" name="docsearch:docusaurus_tag" content="docs-default-current"><meta data-rh="true" property="og:title" content="Usage Guide | Cli"><meta data-rh="true" name="description" content="This guide provides detailed documentation for all available commands in @elliemae/pui-cli."><meta data-rh="true" property="og:description" content="This guide provides detailed documentation for all available commands in @elliemae/pui-cli."><link data-rh="true" rel="icon" href="/cli/img/favicon.ico"><link data-rh="true" rel="canonical" href="https://pui.ice.com/cli/usage-guide"><link data-rh="true" rel="alternate" href="https://pui.ice.com/cli/usage-guide" hreflang="en"><link data-rh="true" rel="alternate" href="https://pui.ice.com/cli/usage-guide" hreflang="x-default"><script data-rh="true" type="application/ld+json">{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Usage Guide","item":"https://pui.ice.com/cli/usage-guide"}]}</script><link rel="stylesheet" href="/cli/assets/css/styles.
|
|
7
|
-
<script src="/cli/assets/js/runtime~main.
|
|
8
|
-
<script src="/cli/assets/js/main.
|
|
5
|
+
<meta name="generator" content="Docusaurus v3.10.2">
|
|
6
|
+
<title data-rh="true">Usage Guide | Cli</title><meta data-rh="true" name="viewport" content="width=device-width,initial-scale=1"><meta data-rh="true" name="twitter:card" content="summary_large_image"><meta data-rh="true" property="og:url" content="https://pui.ice.com/cli/usage-guide"><meta data-rh="true" property="og:locale" content="en"><meta data-rh="true" name="docusaurus_locale" content="en"><meta data-rh="true" name="docsearch:language" content="en"><meta data-rh="true" name="docusaurus_version" content="current"><meta data-rh="true" name="docusaurus_tag" content="docs-default-current"><meta data-rh="true" name="docsearch:version" content="current"><meta data-rh="true" name="docsearch:docusaurus_tag" content="docs-default-current"><meta data-rh="true" property="og:title" content="Usage Guide | Cli"><meta data-rh="true" name="description" content="This guide provides detailed documentation for all available commands in @elliemae/pui-cli."><meta data-rh="true" property="og:description" content="This guide provides detailed documentation for all available commands in @elliemae/pui-cli."><link data-rh="true" rel="icon" href="/cli/img/favicon.ico"><link data-rh="true" rel="canonical" href="https://pui.ice.com/cli/usage-guide"><link data-rh="true" rel="alternate" href="https://pui.ice.com/cli/usage-guide" hreflang="en"><link data-rh="true" rel="alternate" href="https://pui.ice.com/cli/usage-guide" hreflang="x-default"><script data-rh="true" type="application/ld+json">{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Usage Guide","item":"https://pui.ice.com/cli/usage-guide"}]}</script><link rel="stylesheet" href="/cli/assets/css/styles.5e594f8e.css">
|
|
7
|
+
<script src="/cli/assets/js/runtime~main.2ef68500.js" defer="defer"></script>
|
|
8
|
+
<script src="/cli/assets/js/main.ceaf5a1d.js" defer="defer"></script>
|
|
9
9
|
</head>
|
|
10
10
|
<body>
|
|
11
11
|
<svg style="display: none;"><defs>
|
|
12
12
|
<symbol id="theme-svg-external-link" viewBox="0 0 24 24"><path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"/></symbol>
|
|
13
13
|
</defs></svg>
|
|
14
|
-
<script>!function(){var t=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();document.documentElement.setAttribute("data-theme",t||"light"),document.documentElement.setAttribute("data-theme-choice",t||"light")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="
|
|
14
|
+
<script>!function(){var t=function(){try{return new URLSearchParams(window.location.search).get("docusaurus-theme")}catch(t){}}()||function(){try{return window.localStorage.getItem("theme")}catch(t){}}();document.documentElement.setAttribute("data-theme",t||"light"),document.documentElement.setAttribute("data-theme-choice",t||"light")}(),function(){try{const c=new URLSearchParams(window.location.search).entries();for(var[t,e]of c)if(t.startsWith("docusaurus-data-")){var a=t.replace("docusaurus-data-","data-");document.documentElement.setAttribute(a,e)}}catch(t){}}()</script><div id="__docusaurus"><div role="region" aria-label="Skip to main content"><a class="skipToContent_kiCS" href="#__docusaurus_skipToContent_fallback">Skip to main content</a></div><nav aria-label="Main" class="theme-layout-navbar navbar navbar--fixed-top"><div class="navbar__inner"><div class="theme-layout-navbar-left navbar__items"><button aria-label="Toggle navigation bar" aria-expanded="false" class="navbar__toggle clean-btn" type="button"><svg width="30" height="30" viewBox="0 0 30 30" aria-hidden="true"><path stroke="currentColor" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2" d="M4 7h22M4 15h22M4 23h22"></path></svg></button><a class="navbar__brand" href="/cli/"><div class="navbar__logo"><img src="/cli/img/logo.svg" alt="Cli" class="themedComponent_IvxK themedComponent--light_kVWT"><img src="/cli/img/logo.svg" alt="Cli" class="themedComponent_IvxK themedComponent--dark_tnb0"></div><b class="navbar__title text--truncate">Cli</b></a><a aria-current="page" class="navbar__item navbar__link navbar__link--active" href="/cli/">Getting Started</a><a class="navbar__item navbar__link" href="/cli/api">API</a></div><div class="theme-layout-navbar-right navbar__items navbar__items--right"><a href="https://git.elliemae.io/platform-ui/pui-cli.git" target="_blank" rel="noopener noreferrer" class="navbar__item navbar__link">GitHub<svg width="13.5" height="13.5" aria-label="(opens in new tab)" class="iconExternalLink_SE9o"><use href="#theme-svg-external-link"></use></svg></a><div class="toggle_NiTG colorModeToggle_S8Uj"><button class="clean-btn toggleButton_FYsf toggleButtonDisabled_lPgo" type="button" disabled="" title="system mode" aria-label="Switch between dark and light mode (currently system mode)"><svg viewBox="0 0 24 24" width="24" height="24" aria-hidden="true" class="toggleIcon_NOyc lightToggleIcon_efwU"><path fill="currentColor" d="M12,9c1.65,0,3,1.35,3,3s-1.35,3-3,3s-3-1.35-3-3S10.35,9,12,9 M12,7c-2.76,0-5,2.24-5,5s2.24,5,5,5s5-2.24,5-5 S14.76,7,12,7L12,7z M2,13l2,0c0.55,0,1-0.45,1-1s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S1.45,13,2,13z M20,13l2,0c0.55,0,1-0.45,1-1 s-0.45-1-1-1l-2,0c-0.55,0-1,0.45-1,1S19.45,13,20,13z M11,2v2c0,0.55,0.45,1,1,1s1-0.45,1-1V2c0-0.55-0.45-1-1-1S11,1.45,11,2z M11,20v2c0,0.55,0.45,1,1,1s1-0.45,1-1v-2c0-0.55-0.45-1-1-1C11.45,19,11,19.45,11,20z M5.99,4.58c-0.39-0.39-1.03-0.39-1.41,0 c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0s0.39-1.03,0-1.41L5.99,4.58z M18.36,16.95 c-0.39-0.39-1.03-0.39-1.41,0c-0.39,0.39-0.39,1.03,0,1.41l1.06,1.06c0.39,0.39,1.03,0.39,1.41,0c0.39-0.39,0.39-1.03,0-1.41 L18.36,16.95z M19.42,5.99c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06c-0.39,0.39-0.39,1.03,0,1.41 s1.03,0.39,1.41,0L19.42,5.99z M7.05,18.36c0.39-0.39,0.39-1.03,0-1.41c-0.39-0.39-1.03-0.39-1.41,0l-1.06,1.06 c-0.39,0.39-0.39,1.03,0,1.41s1.03,0.39,1.41,0L7.05,18.36z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" aria-hidden="true" class="toggleIcon_NOyc darkToggleIcon_DtiJ"><path fill="currentColor" d="M9.37,5.51C9.19,6.15,9.1,6.82,9.1,7.5c0,4.08,3.32,7.4,7.4,7.4c0.68,0,1.35-0.09,1.99-0.27C17.45,17.19,14.93,19,12,19 c-3.86,0-7-3.14-7-7C5,9.07,6.81,6.55,9.37,5.51z M12,3c-4.97,0-9,4.03-9,9s4.03,9,9,9s9-4.03,9-9c0-0.46-0.04-0.92-0.1-1.36 c-0.98,1.37-2.58,2.26-4.4,2.26c-2.98,0-5.4-2.42-5.4-5.4c0-1.81,0.89-3.42,2.26-4.4C12.92,3.04,12.46,3,12,3L12,3z"></path></svg><svg viewBox="0 0 24 24" width="24" height="24" aria-hidden="true" class="toggleIcon_NOyc systemToggleIcon_JJ4S"><path fill="currentColor" d="m12 21c4.971 0 9-4.029 9-9s-4.029-9-9-9-9 4.029-9 9 4.029 9 9 9zm4.95-13.95c1.313 1.313 2.05 3.093 2.05 4.95s-0.738 3.637-2.05 4.95c-1.313 1.313-3.093 2.05-4.95 2.05v-14c1.857 0 3.637 0.737 4.95 2.05z"></path></svg></button></div><div class="navbarSearchContainer_b0U9"></div></div></div><div role="presentation" class="navbar-sidebar__backdrop"></div></nav><div id="__docusaurus_skipToContent_fallback" class="theme-layout-main main-wrapper mainWrapper_XIwe"><div class="docsWrapper__0WZ"><button aria-label="Scroll back to top" class="clean-btn theme-back-to-top-button backToTopButton_Qjbt" type="button"></button><div class="docRoot_Q0Q1"><aside class="theme-doc-sidebar-container docSidebarContainer_Pb75"><div class="sidebarViewport_rIsB"><div class="sidebar_rlYf"><nav aria-label="Docs sidebar" class="menu thin-scrollbar menu_yUQd"><ul class="theme-doc-sidebar-menu menu__list"><li class="theme-doc-sidebar-item-category theme-doc-sidebar-item-category-level-1 menu__list-item menu__list-item--collapsed"><div class="menu__list-item-collapsible"><a class="categoryLink_HbLJ menu__link menu__link--sublist" href="/cli/api/"><span class="categoryLinkLabel_qGwH">Cli API</span></a><button aria-label="Expand sidebar category 'Cli API'" aria-expanded="false" type="button" class="clean-btn menu__caret"></button></div></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/cli/"><span class="linkLabel_GX7R">PUI CLI Documentation</span></a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link" href="/cli/ssl-certificate-setup"><span class="linkLabel_GX7R">Trust SSL Certificate Guide</span></a></li><li class="theme-doc-sidebar-item-link theme-doc-sidebar-item-link-level-1 menu__list-item"><a class="menu__link menu__link--active" aria-current="page" href="/cli/usage-guide"><span class="linkLabel_GX7R">Usage Guide</span></a></li></ul></nav></div></div></aside><main class="docMainContainer_XaVM"><div class="container padding-top--md padding-bottom--lg"><div class="row"><div class="col docItemCol_oPgV"><div class="docItemContainer_sAWK"><article><nav class="theme-doc-breadcrumbs breadcrumbsContainer_NWdQ" aria-label="Breadcrumbs"><ul class="breadcrumbs"><li class="breadcrumbs__item"><a aria-label="Home page" class="breadcrumbs__link" href="/cli/"><svg viewBox="0 0 24 24" class="breadcrumbHomeIcon_WpF6"><path d="M10 19v-5h4v5c0 .55.45 1 1 1h3c.55 0 1-.45 1-1v-7h1.7c.46 0 .68-.57.33-.87L12.67 3.6c-.38-.34-.96-.34-1.34 0l-8.36 7.53c-.34.3-.13.87.33.87H5v7c0 .55.45 1 1 1h3c.55 0 1-.45 1-1z" fill="currentColor"></path></svg></a></li><li class="breadcrumbs__item breadcrumbs__item--active"><span class="breadcrumbs__link">Usage Guide</span></li></ul></nav><div class="tocCollapsible_M7U1 theme-doc-toc-mobile tocMobile_xEx7"><button type="button" class="clean-btn tocCollapsibleButton_gLpl">On this page</button></div><div class="theme-doc-markdown markdown"><header><h1>Usage Guide</h1></header>
|
|
15
15
|
<p>This guide provides detailed documentation for all available commands in <code>@elliemae/pui-cli</code>.</p>
|
|
16
|
-
<h2 class="anchor
|
|
16
|
+
<h2 class="anchor anchorTargetStickyNavbar_BYCb" id="table-of-contents">Table of Contents<a href="#table-of-contents" class="hash-link" aria-label="Direct link to Table of Contents" title="Direct link to Table of Contents" translate="no"></a></h2>
|
|
17
17
|
<ul>
|
|
18
18
|
<li class=""><a href="#build-commands" class="">Build Commands</a></li>
|
|
19
19
|
<li class=""><a href="#development-commands" class="">Development Commands</a></li>
|
|
@@ -23,17 +23,17 @@
|
|
|
23
23
|
<li class=""><a href="#utility-commands" class="">Utility Commands</a></li>
|
|
24
24
|
<li class=""><a href="#framework-chunk-splitting" class="">Framework Chunk Splitting</a></li>
|
|
25
25
|
</ul>
|
|
26
|
-
<h2 class="anchor
|
|
27
|
-
<h3 class="anchor
|
|
26
|
+
<h2 class="anchor anchorTargetStickyNavbar_BYCb" id="build-commands">Build Commands<a href="#build-commands" class="hash-link" aria-label="Direct link to Build Commands" title="Direct link to Build Commands" translate="no"></a></h2>
|
|
27
|
+
<h3 class="anchor anchorTargetStickyNavbar_BYCb" id="pui-cli-build"><code>pui-cli build</code><a href="#pui-cli-build" class="hash-link" aria-label="Direct link to pui-cli-build" title="Direct link to pui-cli-build" translate="no"></a></h3>
|
|
28
28
|
<p>Builds your application for production.</p>
|
|
29
29
|
<p><strong>Usage:</strong></p>
|
|
30
|
-
<div class="language-bash
|
|
30
|
+
<div class="language-bash codeBlockContainer_GakR theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_q2h9"><pre tabindex="0" class="prism-code language-bash codeBlock_pVpY thin-scrollbar" style="color:#393A34;background-color:#f6f8fa"><code class="codeBlockLines_gtSX"><div class="token-line" style="color:#393A34"><span class="token plain">pui-cli build [options]</span><br></div></code></pre></div></div>
|
|
31
31
|
<p><strong>Options:</strong></p>
|
|
32
32
|
<ul>
|
|
33
33
|
<li class=""><code>-p, --prod</code> - Production build with optimizations</li>
|
|
34
34
|
</ul>
|
|
35
35
|
<p><strong>Examples:</strong></p>
|
|
36
|
-
<div class="language-bash
|
|
36
|
+
<div class="language-bash codeBlockContainer_GakR theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_q2h9"><pre tabindex="0" class="prism-code language-bash codeBlock_pVpY thin-scrollbar" style="color:#393A34;background-color:#f6f8fa"><code class="codeBlockLines_gtSX"><div class="token-line" style="color:#393A34"><span class="token plain"># Build web application (development)</span><br></div><div class="token-line" style="color:#393A34"><span class="token plain">pui-cli build</span><br></div><div class="token-line" style="color:#393A34"><span class="token plain" style="display:inline-block"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"># Build web application (production)</span><br></div><div class="token-line" style="color:#393A34"><span class="token plain">pui-cli build -p</span><br></div></code></pre></div></div>
|
|
37
37
|
<p><strong>Output:</strong></p>
|
|
38
38
|
<ul>
|
|
39
39
|
<li class="">Application builds go to <code>build/</code> or <code>dist/</code> directory</li>
|
|
@@ -49,10 +49,10 @@
|
|
|
49
49
|
<li class="">Applies tree shaking for smaller bundles</li>
|
|
50
50
|
</ul>
|
|
51
51
|
<hr>
|
|
52
|
-
<h3 class="anchor
|
|
52
|
+
<h3 class="anchor anchorTargetStickyNavbar_BYCb" id="pui-cli-buildcdn"><code>pui-cli buildCDN</code><a href="#pui-cli-buildcdn" class="hash-link" aria-label="Direct link to pui-cli-buildcdn" title="Direct link to pui-cli-buildcdn" translate="no"></a></h3>
|
|
53
53
|
<p>Builds the application for CDN deployment.</p>
|
|
54
54
|
<p><strong>Usage:</strong></p>
|
|
55
|
-
<div class="language-bash
|
|
55
|
+
<div class="language-bash codeBlockContainer_GakR theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_q2h9"><pre tabindex="0" class="prism-code language-bash codeBlock_pVpY thin-scrollbar" style="color:#393A34;background-color:#f6f8fa"><code class="codeBlockLines_gtSX"><div class="token-line" style="color:#393A34"><span class="token plain">pui-cli buildCDN</span><br></div></code></pre></div></div>
|
|
56
56
|
<p><strong>What it does:</strong></p>
|
|
57
57
|
<ul>
|
|
58
58
|
<li class="">Creates CDN-optimized builds</li>
|
|
@@ -60,17 +60,17 @@
|
|
|
60
60
|
<li class="">Optimizes bundle splitting</li>
|
|
61
61
|
</ul>
|
|
62
62
|
<hr>
|
|
63
|
-
<h3 class="anchor
|
|
63
|
+
<h3 class="anchor anchorTargetStickyNavbar_BYCb" id="pui-cli-pack"><code>pui-cli pack</code><a href="#pui-cli-pack" class="hash-link" aria-label="Direct link to pui-cli-pack" title="Direct link to pui-cli-pack" translate="no"></a></h3>
|
|
64
64
|
<p>Packages your library for distribution with multiple output formats.</p>
|
|
65
65
|
<p><strong>Usage:</strong></p>
|
|
66
|
-
<div class="language-bash
|
|
66
|
+
<div class="language-bash codeBlockContainer_GakR theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_q2h9"><pre tabindex="0" class="prism-code language-bash codeBlock_pVpY thin-scrollbar" style="color:#393A34;background-color:#f6f8fa"><code class="codeBlockLines_gtSX"><div class="token-line" style="color:#393A34"><span class="token plain">pui-cli pack [options]</span><br></div></code></pre></div></div>
|
|
67
67
|
<p><strong>Options:</strong></p>
|
|
68
68
|
<ul>
|
|
69
69
|
<li class=""><code>-p, --prod</code> - Production build with minification</li>
|
|
70
70
|
<li class=""><code>-t, --target <target></code> - Build target (default: browser, options: node, browser)</li>
|
|
71
71
|
</ul>
|
|
72
72
|
<p><strong>Examples:</strong></p>
|
|
73
|
-
<div class="language-bash
|
|
73
|
+
<div class="language-bash codeBlockContainer_GakR theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_q2h9"><pre tabindex="0" class="prism-code language-bash codeBlock_pVpY thin-scrollbar" style="color:#393A34;background-color:#f6f8fa"><code class="codeBlockLines_gtSX"><div class="token-line" style="color:#393A34"><span class="token plain"># Build library (development)</span><br></div><div class="token-line" style="color:#393A34"><span class="token plain">pui-cli pack</span><br></div><div class="token-line" style="color:#393A34"><span class="token plain" style="display:inline-block"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"># Build library (production)</span><br></div><div class="token-line" style="color:#393A34"><span class="token plain">pui-cli pack -p</span><br></div><div class="token-line" style="color:#393A34"><span class="token plain" style="display:inline-block"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"># Build for Node.js target</span><br></div><div class="token-line" style="color:#393A34"><span class="token plain">pui-cli pack -p -t node</span><br></div></code></pre></div></div>
|
|
74
74
|
<p><strong>Output:</strong></p>
|
|
75
75
|
<ul>
|
|
76
76
|
<li class="">Creates <code>dist/</code> directory with:<!-- -->
|
|
@@ -92,11 +92,11 @@
|
|
|
92
92
|
<li class="">Optimized for tree-shaking</li>
|
|
93
93
|
</ul>
|
|
94
94
|
<hr>
|
|
95
|
-
<h2 class="anchor
|
|
96
|
-
<h3 class="anchor
|
|
95
|
+
<h2 class="anchor anchorTargetStickyNavbar_BYCb" id="development-commands">Development Commands<a href="#development-commands" class="hash-link" aria-label="Direct link to Development Commands" title="Direct link to Development Commands" translate="no"></a></h2>
|
|
96
|
+
<h3 class="anchor anchorTargetStickyNavbar_BYCb" id="pui-cli-start"><code>pui-cli start</code><a href="#pui-cli-start" class="hash-link" aria-label="Direct link to pui-cli-start" title="Direct link to pui-cli-start" translate="no"></a></h3>
|
|
97
97
|
<p>Starts the development server with hot module replacement.</p>
|
|
98
98
|
<p><strong>Usage:</strong></p>
|
|
99
|
-
<div class="language-bash
|
|
99
|
+
<div class="language-bash codeBlockContainer_GakR theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_q2h9"><pre tabindex="0" class="prism-code language-bash codeBlock_pVpY thin-scrollbar" style="color:#393A34;background-color:#f6f8fa"><code class="codeBlockLines_gtSX"><div class="token-line" style="color:#393A34"><span class="token plain">pui-cli start [options]</span><br></div></code></pre></div></div>
|
|
100
100
|
<p><strong>Options:</strong></p>
|
|
101
101
|
<ul>
|
|
102
102
|
<li class=""><code>-p, --prod</code> - Start in production mode</li>
|
|
@@ -105,7 +105,7 @@
|
|
|
105
105
|
<li class=""><code>--hot</code> - Enable hot module replacement (default: true)</li>
|
|
106
106
|
</ul>
|
|
107
107
|
<p><strong>Examples:</strong></p>
|
|
108
|
-
<div class="language-bash
|
|
108
|
+
<div class="language-bash codeBlockContainer_GakR theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_q2h9"><pre tabindex="0" class="prism-code language-bash codeBlock_pVpY thin-scrollbar" style="color:#393A34;background-color:#f6f8fa"><code class="codeBlockLines_gtSX"><div class="token-line" style="color:#393A34"><span class="token plain"># Start on default port (development)</span><br></div><div class="token-line" style="color:#393A34"><span class="token plain">pui-cli start</span><br></div><div class="token-line" style="color:#393A34"><span class="token plain" style="display:inline-block"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"># Start in production mode</span><br></div><div class="token-line" style="color:#393A34"><span class="token plain">pui-cli start -p</span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"># or</span><br></div><div class="token-line" style="color:#393A34"><span class="token plain">pnpm start:prod</span><br></div><div class="token-line" style="color:#393A34"><span class="token plain" style="display:inline-block"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"># Start on custom port</span><br></div><div class="token-line" style="color:#393A34"><span class="token plain">pui-cli start --port 8080</span><br></div><div class="token-line" style="color:#393A34"><span class="token plain" style="display:inline-block"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"># Start and open browser</span><br></div><div class="token-line" style="color:#393A34"><span class="token plain">pui-cli start --open</span><br></div></code></pre></div></div>
|
|
109
109
|
<p><strong>What it does:</strong></p>
|
|
110
110
|
<ul>
|
|
111
111
|
<li class="">Starts Webpack dev server</li>
|
|
@@ -115,12 +115,12 @@
|
|
|
115
115
|
<li class="">Auto-reloads on file changes</li>
|
|
116
116
|
</ul>
|
|
117
117
|
<p><strong>Environment Variables:</strong></p>
|
|
118
|
-
<div class="language-env
|
|
118
|
+
<div class="language-env codeBlockContainer_GakR theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_q2h9"><pre tabindex="0" class="prism-code language-env codeBlock_pVpY thin-scrollbar" style="color:#393A34;background-color:#f6f8fa"><code class="codeBlockLines_gtSX"><div class="token-line" style="color:#393A34"><span class="token plain">PORT=3000</span><br></div><div class="token-line" style="color:#393A34"><span class="token plain">HOST=localhost</span><br></div><div class="token-line" style="color:#393A34"><span class="token plain">HTTPS=false</span><br></div></code></pre></div></div>
|
|
119
119
|
<hr>
|
|
120
|
-
<h3 class="anchor
|
|
120
|
+
<h3 class="anchor anchorTargetStickyNavbar_BYCb" id="pui-cli-storybook"><code>pui-cli storybook</code><a href="#pui-cli-storybook" class="hash-link" aria-label="Direct link to pui-cli-storybook" title="Direct link to pui-cli-storybook" translate="no"></a></h3>
|
|
121
121
|
<p>Runs Storybook for component development and documentation.</p>
|
|
122
122
|
<p><strong>Usage:</strong></p>
|
|
123
|
-
<div class="language-bash
|
|
123
|
+
<div class="language-bash codeBlockContainer_GakR theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_q2h9"><pre tabindex="0" class="prism-code language-bash codeBlock_pVpY thin-scrollbar" style="color:#393A34;background-color:#f6f8fa"><code class="codeBlockLines_gtSX"><div class="token-line" style="color:#393A34"><span class="token plain">pui-cli storybook [options]</span><br></div></code></pre></div></div>
|
|
124
124
|
<p><strong>Options:</strong></p>
|
|
125
125
|
<ul>
|
|
126
126
|
<li class=""><code>-b, --build</code> - Build static storybook</li>
|
|
@@ -128,7 +128,7 @@
|
|
|
128
128
|
<li class=""><code>--port <number></code> - Specify port (default: 6006)</li>
|
|
129
129
|
</ul>
|
|
130
130
|
<p><strong>Examples:</strong></p>
|
|
131
|
-
<div class="language-bash
|
|
131
|
+
<div class="language-bash codeBlockContainer_GakR theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_q2h9"><pre tabindex="0" class="prism-code language-bash codeBlock_pVpY thin-scrollbar" style="color:#393A34;background-color:#f6f8fa"><code class="codeBlockLines_gtSX"><div class="token-line" style="color:#393A34"><span class="token plain"># Start Storybook dev server</span><br></div><div class="token-line" style="color:#393A34"><span class="token plain">pui-cli storybook</span><br></div><div class="token-line" style="color:#393A34"><span class="token plain" style="display:inline-block"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"># Start with documentation mode</span><br></div><div class="token-line" style="color:#393A34"><span class="token plain">pui-cli storybook --docs</span><br></div><div class="token-line" style="color:#393A34"><span class="token plain" style="display:inline-block"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"># Build static Storybook</span><br></div><div class="token-line" style="color:#393A34"><span class="token plain">pui-cli storybook -b</span><br></div><div class="token-line" style="color:#393A34"><span class="token plain" style="display:inline-block"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"># Build with documentation mode</span><br></div><div class="token-line" style="color:#393A34"><span class="token plain">pui-cli storybook -b --docs</span><br></div><div class="token-line" style="color:#393A34"><span class="token plain" style="display:inline-block"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"># Run on custom port</span><br></div><div class="token-line" style="color:#393A34"><span class="token plain">pui-cli storybook --port 9000</span><br></div></code></pre></div></div>
|
|
132
132
|
<p><strong>What it does:</strong></p>
|
|
133
133
|
<ul>
|
|
134
134
|
<li class="">Starts Storybook development server</li>
|
|
@@ -137,11 +137,11 @@
|
|
|
137
137
|
<li class="">Useful for library development</li>
|
|
138
138
|
</ul>
|
|
139
139
|
<hr>
|
|
140
|
-
<h2 class="anchor
|
|
141
|
-
<h3 class="anchor
|
|
140
|
+
<h2 class="anchor anchorTargetStickyNavbar_BYCb" id="testing-commands">Testing Commands<a href="#testing-commands" class="hash-link" aria-label="Direct link to Testing Commands" title="Direct link to Testing Commands" translate="no"></a></h2>
|
|
141
|
+
<h3 class="anchor anchorTargetStickyNavbar_BYCb" id="pui-cli-test"><code>pui-cli test</code><a href="#pui-cli-test" class="hash-link" aria-label="Direct link to pui-cli-test" title="Direct link to pui-cli-test" translate="no"></a></h3>
|
|
142
142
|
<p>Runs Jest tests with coverage reporting.</p>
|
|
143
143
|
<p><strong>Usage:</strong></p>
|
|
144
|
-
<div class="language-bash
|
|
144
|
+
<div class="language-bash codeBlockContainer_GakR theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_q2h9"><pre tabindex="0" class="prism-code language-bash codeBlock_pVpY thin-scrollbar" style="color:#393A34;background-color:#f6f8fa"><code class="codeBlockLines_gtSX"><div class="token-line" style="color:#393A34"><span class="token plain">pui-cli test [options]</span><br></div></code></pre></div></div>
|
|
145
145
|
<p><strong>Options:</strong></p>
|
|
146
146
|
<ul>
|
|
147
147
|
<li class=""><code>-f, --fix</code> - Update snapshots (<code>-u</code>)</li>
|
|
@@ -154,7 +154,7 @@
|
|
|
154
154
|
<li class=""><code>--findRelatedTests</code> - Run tests related to changed files</li>
|
|
155
155
|
</ul>
|
|
156
156
|
<p><strong>Examples:</strong></p>
|
|
157
|
-
<div class="language-bash
|
|
157
|
+
<div class="language-bash codeBlockContainer_GakR theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_q2h9"><pre tabindex="0" class="prism-code language-bash codeBlock_pVpY thin-scrollbar" style="color:#393A34;background-color:#f6f8fa"><code class="codeBlockLines_gtSX"><div class="token-line" style="color:#393A34"><span class="token plain"># Run all tests with coverage</span><br></div><div class="token-line" style="color:#393A34"><span class="token plain">pui-cli test</span><br></div><div class="token-line" style="color:#393A34"><span class="token plain" style="display:inline-block"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"># Run tests in production mode</span><br></div><div class="token-line" style="color:#393A34"><span class="token plain">pui-cli test -p</span><br></div><div class="token-line" style="color:#393A34"><span class="token plain" style="display:inline-block"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"># Run in watch mode</span><br></div><div class="token-line" style="color:#393A34"><span class="token plain">pnpm test:watch</span><br></div><div class="token-line" style="color:#393A34"><span class="token plain" style="display:inline-block"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"># Update snapshots</span><br></div><div class="token-line" style="color:#393A34"><span class="token plain">pui-cli test -f</span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"># or</span><br></div><div class="token-line" style="color:#393A34"><span class="token plain">pnpm test:fix</span><br></div><div class="token-line" style="color:#393A34"><span class="token plain" style="display:inline-block"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"># Debug tests</span><br></div><div class="token-line" style="color:#393A34"><span class="token plain">pui-cli test --debug</span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"># or</span><br></div><div class="token-line" style="color:#393A34"><span class="token plain">pnpm test:debug</span><br></div><div class="token-line" style="color:#393A34"><span class="token plain" style="display:inline-block"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"># Run only tests related to changed files (useful for pre-commit)</span><br></div><div class="token-line" style="color:#393A34"><span class="token plain">pui-cli test --coverage --passWithNoTests --bail --findRelatedTests</span><br></div></code></pre></div></div>
|
|
158
158
|
<p><strong>What it does:</strong></p>
|
|
159
159
|
<ul>
|
|
160
160
|
<li class="">Executes Jest test runner</li>
|
|
@@ -170,10 +170,10 @@
|
|
|
170
170
|
<li class=""><code>reports/lcov-report/index.html</code> - Detailed line coverage</li>
|
|
171
171
|
</ul>
|
|
172
172
|
<hr>
|
|
173
|
-
<h3 class="anchor
|
|
173
|
+
<h3 class="anchor anchorTargetStickyNavbar_BYCb" id="pui-cli-vitest"><code>pui-cli vitest</code><a href="#pui-cli-vitest" class="hash-link" aria-label="Direct link to pui-cli-vitest" title="Direct link to pui-cli-vitest" translate="no"></a></h3>
|
|
174
174
|
<p>Runs Vitest for modern, fast testing.</p>
|
|
175
175
|
<p><strong>Usage:</strong></p>
|
|
176
|
-
<div class="language-bash
|
|
176
|
+
<div class="language-bash codeBlockContainer_GakR theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_q2h9"><pre tabindex="0" class="prism-code language-bash codeBlock_pVpY thin-scrollbar" style="color:#393A34;background-color:#f6f8fa"><code class="codeBlockLines_gtSX"><div class="token-line" style="color:#393A34"><span class="token plain">pui-cli vitest [options]</span><br></div></code></pre></div></div>
|
|
177
177
|
<p><strong>Options:</strong></p>
|
|
178
178
|
<ul>
|
|
179
179
|
<li class=""><code>--watch</code> - Run in watch mode</li>
|
|
@@ -181,7 +181,7 @@
|
|
|
181
181
|
<li class=""><code>--coverage</code> - Generate coverage</li>
|
|
182
182
|
</ul>
|
|
183
183
|
<p><strong>Examples:</strong></p>
|
|
184
|
-
<div class="language-bash
|
|
184
|
+
<div class="language-bash codeBlockContainer_GakR theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_q2h9"><pre tabindex="0" class="prism-code language-bash codeBlock_pVpY thin-scrollbar" style="color:#393A34;background-color:#f6f8fa"><code class="codeBlockLines_gtSX"><div class="token-line" style="color:#393A34"><span class="token plain"># Run tests</span><br></div><div class="token-line" style="color:#393A34"><span class="token plain">pui-cli vitest</span><br></div><div class="token-line" style="color:#393A34"><span class="token plain" style="display:inline-block"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"># Run with UI</span><br></div><div class="token-line" style="color:#393A34"><span class="token plain">pui-cli vitest --ui</span><br></div><div class="token-line" style="color:#393A34"><span class="token plain" style="display:inline-block"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"># Run in watch mode</span><br></div><div class="token-line" style="color:#393A34"><span class="token plain">pui-cli vitest --watch</span><br></div><div class="token-line" style="color:#393A34"><span class="token plain" style="display:inline-block"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"># Generate coverage</span><br></div><div class="token-line" style="color:#393A34"><span class="token plain">pui-cli vitest --coverage</span><br></div></code></pre></div></div>
|
|
185
185
|
<p><strong>What it does:</strong></p>
|
|
186
186
|
<ul>
|
|
187
187
|
<li class="">Provides fast test execution with Vite</li>
|
|
@@ -190,11 +190,11 @@
|
|
|
190
190
|
<li class="">Compatible with Jest syntax</li>
|
|
191
191
|
</ul>
|
|
192
192
|
<hr>
|
|
193
|
-
<h2 class="anchor
|
|
194
|
-
<h3 class="anchor
|
|
193
|
+
<h2 class="anchor anchorTargetStickyNavbar_BYCb" id="linting-commands">Linting Commands<a href="#linting-commands" class="hash-link" aria-label="Direct link to Linting Commands" title="Direct link to Linting Commands" translate="no"></a></h2>
|
|
194
|
+
<h3 class="anchor anchorTargetStickyNavbar_BYCb" id="pui-cli-lint"><code>pui-cli lint</code><a href="#pui-cli-lint" class="hash-link" aria-label="Direct link to pui-cli-lint" title="Direct link to pui-cli-lint" translate="no"></a></h3>
|
|
195
195
|
<p>Lints your codebase for code quality and style issues.</p>
|
|
196
196
|
<p><strong>Usage:</strong></p>
|
|
197
|
-
<div class="language-bash
|
|
197
|
+
<div class="language-bash codeBlockContainer_GakR theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_q2h9"><pre tabindex="0" class="prism-code language-bash codeBlock_pVpY thin-scrollbar" style="color:#393A34;background-color:#f6f8fa"><code class="codeBlockLines_gtSX"><div class="token-line" style="color:#393A34"><span class="token plain">pui-cli lint [options]</span><br></div></code></pre></div></div>
|
|
198
198
|
<p><strong>Options:</strong></p>
|
|
199
199
|
<ul>
|
|
200
200
|
<li class=""><code>--fix</code> - Automatically fix linting issues</li>
|
|
@@ -204,7 +204,7 @@
|
|
|
204
204
|
<li class=""><code>--debug</code> - Show detailed error messages</li>
|
|
205
205
|
</ul>
|
|
206
206
|
<p><strong>Examples:</strong></p>
|
|
207
|
-
<div class="language-bash
|
|
207
|
+
<div class="language-bash codeBlockContainer_GakR theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_q2h9"><pre tabindex="0" class="prism-code language-bash codeBlock_pVpY thin-scrollbar" style="color:#393A34;background-color:#f6f8fa"><code class="codeBlockLines_gtSX"><div class="token-line" style="color:#393A34"><span class="token plain"># Lint all files</span><br></div><div class="token-line" style="color:#393A34"><span class="token plain">pui-cli lint</span><br></div><div class="token-line" style="color:#393A34"><span class="token plain" style="display:inline-block"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"># Auto-fix issues</span><br></div><div class="token-line" style="color:#393A34"><span class="token plain">pui-cli lint --fix</span><br></div><div class="token-line" style="color:#393A34"><span class="token plain" style="display:inline-block"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"># Lint only JavaScript files</span><br></div><div class="token-line" style="color:#393A34"><span class="token plain">pui-cli lint --js</span><br></div><div class="token-line" style="color:#393A34"><span class="token plain" style="display:inline-block"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"># Lint only CSS files</span><br></div><div class="token-line" style="color:#393A34"><span class="token plain">pui-cli lint --css</span><br></div><div class="token-line" style="color:#393A34"><span class="token plain" style="display:inline-block"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"># Lint commit messages</span><br></div><div class="token-line" style="color:#393A34"><span class="token plain">pui-cli lint --commit</span><br></div><div class="token-line" style="color:#393A34"><span class="token plain" style="display:inline-block"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"># Show debug information</span><br></div><div class="token-line" style="color:#393A34"><span class="token plain">pui-cli lint --debug</span><br></div></code></pre></div></div>
|
|
208
208
|
<p><strong>What it does:</strong></p>
|
|
209
209
|
<ul>
|
|
210
210
|
<li class="">Runs ESLint on JavaScript/TypeScript files</li>
|
|
@@ -221,10 +221,10 @@
|
|
|
221
221
|
<li class=""><strong>Commitlint</strong>: Conventional Commits format</li>
|
|
222
222
|
</ul>
|
|
223
223
|
<hr>
|
|
224
|
-
<h3 class="anchor
|
|
224
|
+
<h3 class="anchor anchorTargetStickyNavbar_BYCb" id="pui-cli-tscheck"><code>pui-cli tscheck</code><a href="#pui-cli-tscheck" class="hash-link" aria-label="Direct link to pui-cli-tscheck" title="Direct link to pui-cli-tscheck" translate="no"></a></h3>
|
|
225
225
|
<p>Type-checks TypeScript files without emitting output.</p>
|
|
226
226
|
<p><strong>Usage:</strong></p>
|
|
227
|
-
<div class="language-bash
|
|
227
|
+
<div class="language-bash codeBlockContainer_GakR theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_q2h9"><pre tabindex="0" class="prism-code language-bash codeBlock_pVpY thin-scrollbar" style="color:#393A34;background-color:#f6f8fa"><code class="codeBlockLines_gtSX"><div class="token-line" style="color:#393A34"><span class="token plain">pui-cli tscheck [options]</span><br></div></code></pre></div></div>
|
|
228
228
|
<p><strong>Options:</strong></p>
|
|
229
229
|
<ul>
|
|
230
230
|
<li class=""><code>--files</code> - Check specific files only</li>
|
|
@@ -232,7 +232,7 @@
|
|
|
232
232
|
<li class=""><code>--debug</code> - Show detailed TypeScript errors</li>
|
|
233
233
|
</ul>
|
|
234
234
|
<p><strong>Examples:</strong></p>
|
|
235
|
-
<div class="language-bash
|
|
235
|
+
<div class="language-bash codeBlockContainer_GakR theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_q2h9"><pre tabindex="0" class="prism-code language-bash codeBlock_pVpY thin-scrollbar" style="color:#393A34;background-color:#f6f8fa"><code class="codeBlockLines_gtSX"><div class="token-line" style="color:#393A34"><span class="token plain"># Check all types</span><br></div><div class="token-line" style="color:#393A34"><span class="token plain">pui-cli tscheck</span><br></div><div class="token-line" style="color:#393A34"><span class="token plain" style="display:inline-block"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"># Check with file listing</span><br></div><div class="token-line" style="color:#393A34"><span class="token plain">pui-cli tscheck --files</span><br></div><div class="token-line" style="color:#393A34"><span class="token plain" style="display:inline-block"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"># Watch for changes</span><br></div><div class="token-line" style="color:#393A34"><span class="token plain">pui-cli tscheck --watch</span><br></div><div class="token-line" style="color:#393A34"><span class="token plain" style="display:inline-block"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"># Show detailed errors</span><br></div><div class="token-line" style="color:#393A34"><span class="token plain">pui-cli tscheck --debug</span><br></div></code></pre></div></div>
|
|
236
236
|
<p><strong>What it does:</strong></p>
|
|
237
237
|
<ul>
|
|
238
238
|
<li class="">Runs TypeScript compiler in check mode</li>
|
|
@@ -241,11 +241,11 @@
|
|
|
241
241
|
<li class="">Useful for CI/CD pipelines</li>
|
|
242
242
|
</ul>
|
|
243
243
|
<hr>
|
|
244
|
-
<h2 class="anchor
|
|
245
|
-
<h3 class="anchor
|
|
244
|
+
<h2 class="anchor anchorTargetStickyNavbar_BYCb" id="documentation-commands">Documentation Commands<a href="#documentation-commands" class="hash-link" aria-label="Direct link to Documentation Commands" title="Direct link to Documentation Commands" translate="no"></a></h2>
|
|
245
|
+
<h3 class="anchor anchorTargetStickyNavbar_BYCb" id="pui-cli-gendoc"><code>pui-cli gendoc</code><a href="#pui-cli-gendoc" class="hash-link" aria-label="Direct link to pui-cli-gendoc" title="Direct link to pui-cli-gendoc" translate="no"></a></h3>
|
|
246
246
|
<p>Generates API documentation from your code.</p>
|
|
247
247
|
<p><strong>Usage:</strong></p>
|
|
248
|
-
<div class="language-bash
|
|
248
|
+
<div class="language-bash codeBlockContainer_GakR theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_q2h9"><pre tabindex="0" class="prism-code language-bash codeBlock_pVpY thin-scrollbar" style="color:#393A34;background-color:#f6f8fa"><code class="codeBlockLines_gtSX"><div class="token-line" style="color:#393A34"><span class="token plain">pui-cli gendoc</span><br></div></code></pre></div></div>
|
|
249
249
|
<p><strong>What it does:</strong></p>
|
|
250
250
|
<ul>
|
|
251
251
|
<li class="">Generates TypeDoc documentation</li>
|
|
@@ -254,20 +254,20 @@
|
|
|
254
254
|
<li class="">Outputs to <code>docs/api/</code> directory</li>
|
|
255
255
|
</ul>
|
|
256
256
|
<p><strong>Example JSDoc comments:</strong></p>
|
|
257
|
-
<div class="language-typescript
|
|
257
|
+
<div class="language-typescript codeBlockContainer_GakR theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_q2h9"><pre tabindex="0" class="prism-code language-typescript codeBlock_pVpY thin-scrollbar" style="color:#393A34;background-color:#f6f8fa"><code class="codeBlockLines_gtSX"><div class="token-line" style="color:#393A34"><span class="token doc-comment comment" style="color:#999988;font-style:italic">/**</span><br></div><div class="token-line" style="color:#393A34"><span class="token doc-comment comment" style="color:#999988;font-style:italic"> * Adds two numbers together</span><br></div><div class="token-line" style="color:#393A34"><span class="token doc-comment comment" style="color:#999988;font-style:italic"> * </span><span class="token doc-comment comment keyword" style="color:#00009f;font-style:italic">@param</span><span class="token doc-comment comment" style="color:#999988;font-style:italic"> </span><span class="token doc-comment comment parameter" style="color:#999988;font-style:italic">a</span><span class="token doc-comment comment" style="color:#999988;font-style:italic"> - First number</span><br></div><div class="token-line" style="color:#393A34"><span class="token doc-comment comment" style="color:#999988;font-style:italic"> * </span><span class="token doc-comment comment keyword" style="color:#00009f;font-style:italic">@param</span><span class="token doc-comment comment" style="color:#999988;font-style:italic"> </span><span class="token doc-comment comment parameter" style="color:#999988;font-style:italic">b</span><span class="token doc-comment comment" style="color:#999988;font-style:italic"> - Second number</span><br></div><div class="token-line" style="color:#393A34"><span class="token doc-comment comment" style="color:#999988;font-style:italic"> * </span><span class="token doc-comment comment keyword" style="color:#00009f;font-style:italic">@returns</span><span class="token doc-comment comment" style="color:#999988;font-style:italic"> The sum of a and b</span><br></div><div class="token-line" style="color:#393A34"><span class="token doc-comment comment" style="color:#999988;font-style:italic"> * </span><span class="token doc-comment comment keyword" style="color:#00009f;font-style:italic">@example</span><span class="token doc-comment comment" style="color:#999988;font-style:italic"></span><br></div><div class="token-line" style="color:#393A34"><span class="token doc-comment comment" style="color:#999988;font-style:italic"> * ```ts</span><br></div><div class="token-line" style="color:#393A34"><span class="token doc-comment comment" style="color:#999988;font-style:italic"> * add(2, 3) // returns 5</span><br></div><div class="token-line" style="color:#393A34"><span class="token doc-comment comment" style="color:#999988;font-style:italic"> * ```</span><br></div><div class="token-line" style="color:#393A34"><span class="token doc-comment comment" style="color:#999988;font-style:italic"> */</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token keyword" style="color:#00009f">export</span><span class="token plain"> </span><span class="token keyword" style="color:#00009f">function</span><span class="token plain"> </span><span class="token function" style="color:#d73a49">add</span><span class="token punctuation" style="color:#393A34">(</span><span class="token plain">a</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token builtin">number</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"> b</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token builtin">number</span><span class="token punctuation" style="color:#393A34">)</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token builtin">number</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token keyword" style="color:#00009f">return</span><span class="token plain"> a </span><span class="token operator" style="color:#393A34">+</span><span class="token plain"> b</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token punctuation" style="color:#393A34">}</span><br></div></code></pre></div></div>
|
|
258
258
|
<hr>
|
|
259
|
-
<h2 class="anchor
|
|
260
|
-
<h3 class="anchor
|
|
259
|
+
<h2 class="anchor anchorTargetStickyNavbar_BYCb" id="utility-commands">Utility Commands<a href="#utility-commands" class="hash-link" aria-label="Direct link to Utility Commands" title="Direct link to Utility Commands" translate="no"></a></h2>
|
|
260
|
+
<h3 class="anchor anchorTargetStickyNavbar_BYCb" id="pui-cli-version"><code>pui-cli version</code><a href="#pui-cli-version" class="hash-link" aria-label="Direct link to pui-cli-version" title="Direct link to pui-cli-version" translate="no"></a></h3>
|
|
261
261
|
<p>Manages versioning for monorepo workspaces.</p>
|
|
262
262
|
<p><strong>Usage:</strong></p>
|
|
263
|
-
<div class="language-bash
|
|
263
|
+
<div class="language-bash codeBlockContainer_GakR theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_q2h9"><pre tabindex="0" class="prism-code language-bash codeBlock_pVpY thin-scrollbar" style="color:#393A34;background-color:#f6f8fa"><code class="codeBlockLines_gtSX"><div class="token-line" style="color:#393A34"><span class="token plain">pui-cli version [options]</span><br></div></code></pre></div></div>
|
|
264
264
|
<p><strong>Options:</strong></p>
|
|
265
265
|
<ul>
|
|
266
266
|
<li class=""><code>--set <version></code> - Set specific version for all packages</li>
|
|
267
267
|
<li class=""><code>--workspace</code> - Update workspace package versions</li>
|
|
268
268
|
</ul>
|
|
269
269
|
<p><strong>Examples:</strong></p>
|
|
270
|
-
<div class="language-bash
|
|
270
|
+
<div class="language-bash codeBlockContainer_GakR theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_q2h9"><pre tabindex="0" class="prism-code language-bash codeBlock_pVpY thin-scrollbar" style="color:#393A34;background-color:#f6f8fa"><code class="codeBlockLines_gtSX"><div class="token-line" style="color:#393A34"><span class="token plain"># Update versions in monorepo</span><br></div><div class="token-line" style="color:#393A34"><span class="token plain">pui-cli version --workspace</span><br></div><div class="token-line" style="color:#393A34"><span class="token plain" style="display:inline-block"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"># Set specific version</span><br></div><div class="token-line" style="color:#393A34"><span class="token plain">pui-cli version --set 2.0.0</span><br></div></code></pre></div></div>
|
|
271
271
|
<p><strong>What it does:</strong></p>
|
|
272
272
|
<ul>
|
|
273
273
|
<li class="">Updates package.json versions</li>
|
|
@@ -275,10 +275,10 @@
|
|
|
275
275
|
<li class="">Updates dependency versions</li>
|
|
276
276
|
</ul>
|
|
277
277
|
<hr>
|
|
278
|
-
<h3 class="anchor
|
|
278
|
+
<h3 class="anchor anchorTargetStickyNavbar_BYCb" id="pui-cli-codemod"><code>pui-cli codemod</code><a href="#pui-cli-codemod" class="hash-link" aria-label="Direct link to pui-cli-codemod" title="Direct link to pui-cli-codemod" translate="no"></a></h3>
|
|
279
279
|
<p>Runs code transformations using jscodeshift.</p>
|
|
280
280
|
<p><strong>Usage:</strong></p>
|
|
281
|
-
<div class="language-bash
|
|
281
|
+
<div class="language-bash codeBlockContainer_GakR theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_q2h9"><pre tabindex="0" class="prism-code language-bash codeBlock_pVpY thin-scrollbar" style="color:#393A34;background-color:#f6f8fa"><code class="codeBlockLines_gtSX"><div class="token-line" style="color:#393A34"><span class="token plain">pui-cli codemod <transform></span><br></div></code></pre></div></div>
|
|
282
282
|
<p><strong>Arguments:</strong></p>
|
|
283
283
|
<ul>
|
|
284
284
|
<li class=""><code><transform></code> - Name of the transform to apply</li>
|
|
@@ -290,22 +290,22 @@
|
|
|
290
290
|
<li class="">Batch code refactoring</li>
|
|
291
291
|
</ul>
|
|
292
292
|
<hr>
|
|
293
|
-
<h2 class="anchor
|
|
294
|
-
<h3 class="anchor
|
|
293
|
+
<h2 class="anchor anchorTargetStickyNavbar_BYCb" id="advanced-usage">Advanced Usage<a href="#advanced-usage" class="hash-link" aria-label="Direct link to Advanced Usage" title="Direct link to Advanced Usage" translate="no"></a></h2>
|
|
294
|
+
<h3 class="anchor anchorTargetStickyNavbar_BYCb" id="using-pui-cli-in-npm-scripts">Using pui-cli in npm scripts<a href="#using-pui-cli-in-npm-scripts" class="hash-link" aria-label="Direct link to Using pui-cli in npm scripts" title="Direct link to Using pui-cli in npm scripts" translate="no"></a></h3>
|
|
295
295
|
<p><strong>package.json example:</strong></p>
|
|
296
|
-
<div class="language-json
|
|
297
|
-
<h3 class="anchor
|
|
296
|
+
<div class="language-json codeBlockContainer_GakR theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_q2h9"><pre tabindex="0" class="prism-code language-json codeBlock_pVpY thin-scrollbar" style="color:#393A34;background-color:#f6f8fa"><code class="codeBlockLines_gtSX"><div class="token-line" style="color:#393A34"><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token property" style="color:#36acaa">"scripts"</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token property" style="color:#36acaa">"dev"</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">"pui-cli start"</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token property" style="color:#36acaa">"build"</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">"pui-cli build"</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token property" style="color:#36acaa">"build:lib"</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">"pui-cli build --service"</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token property" style="color:#36acaa">"test"</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">"pui-cli test --coverage"</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token property" style="color:#36acaa">"test:watch"</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">"pui-cli test --watch"</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token property" style="color:#36acaa">"test:debug"</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">"pui-cli test --debug"</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token property" style="color:#36acaa">"lint"</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">"pui-cli lint"</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token property" style="color:#36acaa">"lint:fix"</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">"pui-cli lint --fix"</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token property" style="color:#36acaa">"lint:js"</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">"pui-cli lint --js --fix"</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token property" style="color:#36acaa">"lint:css"</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">"pui-cli lint --css --fix"</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token property" style="color:#36acaa">"typecheck"</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">"pui-cli tscheck"</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token property" style="color:#36acaa">"storybook"</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">"pui-cli storybook"</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token property" style="color:#36acaa">"storybook:build"</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">"pui-cli storybook --build"</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token property" style="color:#36acaa">"gendoc"</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">"pui-cli gendoc"</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token property" style="color:#36acaa">"pack"</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">"pui-cli pack"</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token property" style="color:#36acaa">"precommit"</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">"lint-staged"</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token punctuation" style="color:#393A34">}</span><br></div></code></pre></div></div>
|
|
297
|
+
<h3 class="anchor anchorTargetStickyNavbar_BYCb" id="cicd-integration">CI/CD Integration<a href="#cicd-integration" class="hash-link" aria-label="Direct link to CI/CD Integration" title="Direct link to CI/CD Integration" translate="no"></a></h3>
|
|
298
298
|
<p><strong>Jenkins example:</strong></p>
|
|
299
|
-
<div class="language-groovy
|
|
300
|
-
<h3 class="anchor
|
|
299
|
+
<div class="language-groovy codeBlockContainer_GakR theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_q2h9"><pre tabindex="0" class="prism-code language-groovy codeBlock_pVpY thin-scrollbar" style="color:#393A34;background-color:#f6f8fa"><code class="codeBlockLines_gtSX"><div class="token-line" style="color:#393A34"><span class="token plain">pipeline {</span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> agent any</span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> stages {</span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> stage('Install') {</span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> steps {</span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> sh 'pnpm install'</span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> }</span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> }</span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> stage('Lint') {</span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> steps {</span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> sh 'pnpm lint'</span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> }</span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> }</span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> stage('Type Check') {</span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> steps {</span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> sh 'pnpm tscheck'</span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> }</span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> }</span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> stage('Test') {</span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> steps {</span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> sh 'pnpm test'</span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> }</span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> }</span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> stage('Build') {</span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> steps {</span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> sh 'pnpm build'</span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> }</span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> }</span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> }</span><br></div><div class="token-line" style="color:#393A34"><span class="token plain">}</span><br></div></code></pre></div></div>
|
|
300
|
+
<h3 class="anchor anchorTargetStickyNavbar_BYCb" id="using-exported-configurations">Using Exported Configurations<a href="#using-exported-configurations" class="hash-link" aria-label="Direct link to Using Exported Configurations" title="Direct link to Using Exported Configurations" translate="no"></a></h3>
|
|
301
301
|
<p>You can import and extend the CLI's configurations in your own config files:</p>
|
|
302
302
|
<p><strong>ESLint:</strong></p>
|
|
303
|
-
<div class="language-javascript
|
|
303
|
+
<div class="language-javascript codeBlockContainer_GakR theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_q2h9"><pre tabindex="0" class="prism-code language-javascript codeBlock_pVpY thin-scrollbar" style="color:#393A34;background-color:#f6f8fa"><code class="codeBlockLines_gtSX"><div class="token-line" style="color:#393A34"><span class="token keyword module" style="color:#00009f">import</span><span class="token plain"> </span><span class="token imports punctuation" style="color:#393A34">{</span><span class="token imports"> eslintConfig </span><span class="token imports punctuation" style="color:#393A34">}</span><span class="token plain"> </span><span class="token keyword module" style="color:#00009f">from</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">'@elliemae/pui-cli'</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain" style="display:inline-block"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token keyword module" style="color:#00009f">export</span><span class="token plain"> </span><span class="token keyword module" style="color:#00009f">default</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">[</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token spread operator" style="color:#393A34">...</span><span class="token plain">eslintConfig</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">rules</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">// Your custom rules</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token string-property property" style="color:#36acaa">'no-console'</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">'warn'</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token punctuation" style="color:#393A34">]</span><span class="token punctuation" style="color:#393A34">;</span><br></div></code></pre></div></div>
|
|
304
304
|
<p><strong>Prettier:</strong></p>
|
|
305
|
-
<div class="language-javascript
|
|
305
|
+
<div class="language-javascript codeBlockContainer_GakR theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_q2h9"><pre tabindex="0" class="prism-code language-javascript codeBlock_pVpY thin-scrollbar" style="color:#393A34;background-color:#f6f8fa"><code class="codeBlockLines_gtSX"><div class="token-line" style="color:#393A34"><span class="token keyword module" style="color:#00009f">import</span><span class="token plain"> </span><span class="token imports punctuation" style="color:#393A34">{</span><span class="token imports"> prettierConfig </span><span class="token imports punctuation" style="color:#393A34">}</span><span class="token plain"> </span><span class="token keyword module" style="color:#00009f">from</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">'@elliemae/pui-cli'</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain" style="display:inline-block"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token keyword module" style="color:#00009f">export</span><span class="token plain"> </span><span class="token keyword module" style="color:#00009f">default</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token spread operator" style="color:#393A34">...</span><span class="token plain">prettierConfig</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">// Your custom overrides</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">printWidth</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token number" style="color:#36acaa">100</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">;</span><br></div></code></pre></div></div>
|
|
306
306
|
<p><strong>Vitest:</strong></p>
|
|
307
|
-
<div class="language-typescript
|
|
308
|
-
<h2 class="anchor
|
|
307
|
+
<div class="language-typescript codeBlockContainer_GakR theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_q2h9"><pre tabindex="0" class="prism-code language-typescript codeBlock_pVpY thin-scrollbar" style="color:#393A34;background-color:#f6f8fa"><code class="codeBlockLines_gtSX"><div class="token-line" style="color:#393A34"><span class="token keyword" style="color:#00009f">import</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"> defineConfig </span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain"> </span><span class="token keyword" style="color:#00009f">from</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">'vitest/config'</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token keyword" style="color:#00009f">import</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"> vitestConfig </span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain"> </span><span class="token keyword" style="color:#00009f">from</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">'@elliemae/pui-cli/vitest'</span><span class="token punctuation" style="color:#393A34">;</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain" style="display:inline-block"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token keyword" style="color:#00009f">export</span><span class="token plain"> </span><span class="token keyword" style="color:#00009f">default</span><span class="token plain"> </span><span class="token function" style="color:#d73a49">defineConfig</span><span class="token punctuation" style="color:#393A34">(</span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token operator" style="color:#393A34">...</span><span class="token plain">vitestConfig</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> test</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token operator" style="color:#393A34">...</span><span class="token plain">vitestConfig</span><span class="token punctuation" style="color:#393A34">.</span><span class="token plain">test</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token comment" style="color:#999988;font-style:italic">// Your custom test config</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><br></div></code></pre></div></div>
|
|
308
|
+
<h2 class="anchor anchorTargetStickyNavbar_BYCb" id="configuration-priority">Configuration Priority<a href="#configuration-priority" class="hash-link" aria-label="Direct link to Configuration Priority" title="Direct link to Configuration Priority" translate="no"></a></h2>
|
|
309
309
|
<p>The CLI follows this priority order for configuration:</p>
|
|
310
310
|
<ol>
|
|
311
311
|
<li class="">Project-level configuration files</li>
|
|
@@ -313,53 +313,53 @@
|
|
|
313
313
|
<li class="">Command-line arguments</li>
|
|
314
314
|
<li class="">Environment variables</li>
|
|
315
315
|
</ol>
|
|
316
|
-
<h2 class="anchor
|
|
317
|
-
<h3 class="anchor
|
|
316
|
+
<h2 class="anchor anchorTargetStickyNavbar_BYCb" id="best-practices">Best Practices<a href="#best-practices" class="hash-link" aria-label="Direct link to Best Practices" title="Direct link to Best Practices" translate="no"></a></h2>
|
|
317
|
+
<h3 class="anchor anchorTargetStickyNavbar_BYCb" id="development-workflow">Development Workflow<a href="#development-workflow" class="hash-link" aria-label="Direct link to Development Workflow" title="Direct link to Development Workflow" translate="no"></a></h3>
|
|
318
318
|
<ol>
|
|
319
319
|
<li class="">
|
|
320
320
|
<p><strong>Start development server:</strong></p>
|
|
321
|
-
<div class="language-bash
|
|
321
|
+
<div class="language-bash codeBlockContainer_GakR theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_q2h9"><pre tabindex="0" class="prism-code language-bash codeBlock_pVpY thin-scrollbar" style="color:#393A34;background-color:#f6f8fa"><code class="codeBlockLines_gtSX"><div class="token-line" style="color:#393A34"><span class="token plain">pnpm start</span><br></div></code></pre></div></div>
|
|
322
322
|
</li>
|
|
323
323
|
<li class="">
|
|
324
324
|
<p><strong>Run tests in watch mode (separate terminal):</strong></p>
|
|
325
|
-
<div class="language-bash
|
|
325
|
+
<div class="language-bash codeBlockContainer_GakR theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_q2h9"><pre tabindex="0" class="prism-code language-bash codeBlock_pVpY thin-scrollbar" style="color:#393A34;background-color:#f6f8fa"><code class="codeBlockLines_gtSX"><div class="token-line" style="color:#393A34"><span class="token plain">pnpm test --watch</span><br></div></code></pre></div></div>
|
|
326
326
|
</li>
|
|
327
327
|
<li class="">
|
|
328
328
|
<p><strong>Type check (separate terminal):</strong></p>
|
|
329
|
-
<div class="language-bash
|
|
329
|
+
<div class="language-bash codeBlockContainer_GakR theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_q2h9"><pre tabindex="0" class="prism-code language-bash codeBlock_pVpY thin-scrollbar" style="color:#393A34;background-color:#f6f8fa"><code class="codeBlockLines_gtSX"><div class="token-line" style="color:#393A34"><span class="token plain">pnpm tscheck --watch</span><br></div></code></pre></div></div>
|
|
330
330
|
</li>
|
|
331
331
|
<li class="">
|
|
332
332
|
<p><strong>Before committing:</strong></p>
|
|
333
|
-
<div class="language-bash
|
|
333
|
+
<div class="language-bash codeBlockContainer_GakR theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_q2h9"><pre tabindex="0" class="prism-code language-bash codeBlock_pVpY thin-scrollbar" style="color:#393A34;background-color:#f6f8fa"><code class="codeBlockLines_gtSX"><div class="token-line" style="color:#393A34"><span class="token plain">pnpm lint:fix</span><br></div><div class="token-line" style="color:#393A34"><span class="token plain">pnpm test</span><br></div><div class="token-line" style="color:#393A34"><span class="token plain">pnpm typecheck</span><br></div></code></pre></div></div>
|
|
334
334
|
</li>
|
|
335
335
|
</ol>
|
|
336
|
-
<h3 class="anchor
|
|
336
|
+
<h3 class="anchor anchorTargetStickyNavbar_BYCb" id="library-development-workflow">Library Development Workflow<a href="#library-development-workflow" class="hash-link" aria-label="Direct link to Library Development Workflow" title="Direct link to Library Development Workflow" translate="no"></a></h3>
|
|
337
337
|
<ol>
|
|
338
338
|
<li class="">
|
|
339
339
|
<p><strong>Start Storybook:</strong></p>
|
|
340
|
-
<div class="language-bash
|
|
340
|
+
<div class="language-bash codeBlockContainer_GakR theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_q2h9"><pre tabindex="0" class="prism-code language-bash codeBlock_pVpY thin-scrollbar" style="color:#393A34;background-color:#f6f8fa"><code class="codeBlockLines_gtSX"><div class="token-line" style="color:#393A34"><span class="token plain">pnpm storybook</span><br></div></code></pre></div></div>
|
|
341
341
|
</li>
|
|
342
342
|
<li class="">
|
|
343
343
|
<p><strong>Run tests in watch mode:</strong></p>
|
|
344
|
-
<div class="language-bash
|
|
344
|
+
<div class="language-bash codeBlockContainer_GakR theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_q2h9"><pre tabindex="0" class="prism-code language-bash codeBlock_pVpY thin-scrollbar" style="color:#393A34;background-color:#f6f8fa"><code class="codeBlockLines_gtSX"><div class="token-line" style="color:#393A34"><span class="token plain">pnpm test --watch</span><br></div></code></pre></div></div>
|
|
345
345
|
</li>
|
|
346
346
|
<li class="">
|
|
347
347
|
<p><strong>Build library:</strong></p>
|
|
348
|
-
<div class="language-bash
|
|
348
|
+
<div class="language-bash codeBlockContainer_GakR theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_q2h9"><pre tabindex="0" class="prism-code language-bash codeBlock_pVpY thin-scrollbar" style="color:#393A34;background-color:#f6f8fa"><code class="codeBlockLines_gtSX"><div class="token-line" style="color:#393A34"><span class="token plain">pnpm build --service</span><br></div></code></pre></div></div>
|
|
349
349
|
</li>
|
|
350
350
|
<li class="">
|
|
351
351
|
<p><strong>Test package:</strong></p>
|
|
352
|
-
<div class="language-bash
|
|
352
|
+
<div class="language-bash codeBlockContainer_GakR theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_q2h9"><pre tabindex="0" class="prism-code language-bash codeBlock_pVpY thin-scrollbar" style="color:#393A34;background-color:#f6f8fa"><code class="codeBlockLines_gtSX"><div class="token-line" style="color:#393A34"><span class="token plain">pnpm pack</span><br></div></code></pre></div></div>
|
|
353
353
|
</li>
|
|
354
354
|
</ol>
|
|
355
|
-
<h3 class="anchor
|
|
355
|
+
<h3 class="anchor anchorTargetStickyNavbar_BYCb" id="performance-tips">Performance Tips<a href="#performance-tips" class="hash-link" aria-label="Direct link to Performance Tips" title="Direct link to Performance Tips" translate="no"></a></h3>
|
|
356
356
|
<ul>
|
|
357
357
|
<li class="">Use <code>--findRelatedTests</code> to run only relevant tests</li>
|
|
358
358
|
<li class="">Enable <code>--watch</code> mode during development</li>
|
|
359
359
|
<li class="">Use <code>--silent</code> in CI to reduce output</li>
|
|
360
360
|
<li class="">Run <code>lint --js</code> and <code>lint --css</code> separately for faster feedback</li>
|
|
361
361
|
</ul>
|
|
362
|
-
<h3 class="anchor
|
|
362
|
+
<h3 class="anchor anchorTargetStickyNavbar_BYCb" id="framework-chunk-splitting">Framework Chunk Splitting<a href="#framework-chunk-splitting" class="hash-link" aria-label="Direct link to Framework Chunk Splitting" title="Direct link to Framework Chunk Splitting" translate="no"></a></h3>
|
|
363
363
|
<p><code>pui-cli</code> supports an opt-in <strong>framework chunk</strong> that separates React core libraries into a dedicated bundle. Because the framework changes far less frequently than other vendor dependencies, this improves long-term browser caching and reduces the amount of JavaScript users re-download on routine releases.</p>
|
|
364
364
|
<p><strong>How it works</strong></p>
|
|
365
365
|
<p>When enabled, the production (and dev) Webpack build creates three vendor-level chunks instead of two:</p>
|
|
@@ -367,50 +367,50 @@
|
|
|
367
367
|
<p>Without the flag, the default two-chunk layout is preserved (<code>emui.js</code> + <code>vendors.js</code>).</p>
|
|
368
368
|
<p><strong>Enabling the flag</strong></p>
|
|
369
369
|
<p>Add the following to your application's <code>.env</code> file:</p>
|
|
370
|
-
<div class="language-env
|
|
370
|
+
<div class="language-env codeBlockContainer_GakR theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_q2h9"><pre tabindex="0" class="prism-code language-env codeBlock_pVpY thin-scrollbar" style="color:#393A34;background-color:#f6f8fa"><code class="codeBlockLines_gtSX"><div class="token-line" style="color:#393A34"><span class="token plain">SPLIT_FRAMEWORK_CHUNK=true</span><br></div></code></pre></div></div>
|
|
371
371
|
<p>The flag is read at build time. No changes to <code>pui-cli</code> itself are needed.</p>
|
|
372
372
|
<p><strong>Required application updates</strong></p>
|
|
373
373
|
<p>After enabling the flag you must update three places in your application to include <code>framework.js</code> in the script loading order.</p>
|
|
374
374
|
<p><strong>1. <code>index-app-loader.html</code></strong></p>
|
|
375
375
|
<p>If your application uses <code>pui-app-loader</code>, update the <code>bodyScripts</code> array to include <code>framework.js</code> <strong>before</strong> <code>vendors.js</code>:</p>
|
|
376
|
-
<div class="language-javascript
|
|
376
|
+
<div class="language-javascript codeBlockContainer_GakR theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_q2h9"><pre tabindex="0" class="prism-code language-javascript codeBlock_pVpY thin-scrollbar" style="color:#393A34;background-color:#f6f8fa"><code class="codeBlockLines_gtSX"><div class="token-line" style="color:#393A34"><span class="token plain">emuiAppLoader</span><span class="token punctuation" style="color:#393A34">.</span><span class="token method function property-access" style="color:#d73a49">load</span><span class="token punctuation" style="color:#393A34">(</span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">appId</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">'loanapp'</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">headScripts</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">[</span><span class="token punctuation" style="color:#393A34">]</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">bodyScripts</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">[</span><span class="token string" style="color:#e3116c">'runtime~app.js'</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">'framework.js'</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">'vendors.js'</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">'emui.js'</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">'app.js'</span><span class="token punctuation" style="color:#393A34">]</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">styles</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">[</span><span class="token string" style="color:#e3116c">'vendors.css'</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">'emui.css'</span><span class="token punctuation" style="color:#393A34">]</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token literal-property property" style="color:#36acaa">isJsModule</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token boolean" style="color:#36acaa">true</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token punctuation" style="color:#393A34">}</span><span class="token punctuation" style="color:#393A34">)</span><span class="token punctuation" style="color:#393A34">;</span><br></div></code></pre></div></div>
|
|
377
377
|
<p><strong>2. <code>app.config.json</code> — <code>microFrontendApps</code> file lists</strong></p>
|
|
378
378
|
<p>Any microapp built with the framework chunk enabled must list <code>framework.js</code> in its <code>development.files</code> and <code>production.files</code> arrays. The host app's <code>app.config.json</code> must reflect this so that <code>app-bridge</code> loads the scripts in the correct order.</p>
|
|
379
379
|
<p>Development example:</p>
|
|
380
|
-
<div class="language-json
|
|
380
|
+
<div class="language-json codeBlockContainer_GakR theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_q2h9"><pre tabindex="0" class="prism-code language-json codeBlock_pVpY thin-scrollbar" style="color:#393A34;background-color:#f6f8fa"><code class="codeBlockLines_gtSX"><div class="token-line" style="color:#393A34"><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token property" style="color:#36acaa">"microFrontendApps"</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token property" style="color:#36acaa">"myapp"</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token property" style="color:#36acaa">"name"</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">"My App"</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token property" style="color:#36acaa">"hostUrl"</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">"./myapp"</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token property" style="color:#36acaa">"development"</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token property" style="color:#36acaa">"files"</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">[</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token string" style="color:#e3116c">"https://cdn.mortgagetech.q1.ice.com/pui-diagnostics@3"</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token string" style="color:#e3116c">"https://cdn.mortgagetech.q1.ice.com/pui-logrocket@1"</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token string" style="color:#e3116c">"js/global.js"</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token string" style="color:#e3116c">"framework.js"</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token string" style="color:#e3116c">"emui.js"</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token string" style="color:#e3116c">"vendors.js"</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token string" style="color:#e3116c">"app.js"</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">]</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token punctuation" style="color:#393A34">}</span><br></div></code></pre></div></div>
|
|
381
381
|
<p>Production example:</p>
|
|
382
|
-
<div class="language-json
|
|
382
|
+
<div class="language-json codeBlockContainer_GakR theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_q2h9"><pre tabindex="0" class="prism-code language-json codeBlock_pVpY thin-scrollbar" style="color:#393A34;background-color:#f6f8fa"><code class="codeBlockLines_gtSX"><div class="token-line" style="color:#393A34"><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token property" style="color:#36acaa">"microFrontendApps"</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token property" style="color:#36acaa">"myapp"</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token property" style="color:#36acaa">"name"</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">"My App"</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token property" style="color:#36acaa">"hostUrl"</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token string" style="color:#e3116c">"./myapp"</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token property" style="color:#36acaa">"production"</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">{</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token property" style="color:#36acaa">"files"</span><span class="token operator" style="color:#393A34">:</span><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">[</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token string" style="color:#e3116c">"https://cdn.mortgagetech.q1.ice.com/pui-diagnostics@3"</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token string" style="color:#e3116c">"https://cdn.mortgagetech.q1.ice.com/pui-logrocket@1"</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token string" style="color:#e3116c">"js/global.js"</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token string" style="color:#e3116c">"runtime~app.js"</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token string" style="color:#e3116c">"framework.js"</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token string" style="color:#e3116c">"emui.js"</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token string" style="color:#e3116c">"vendors.js"</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token string" style="color:#e3116c">"app.js"</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token string" style="color:#e3116c">"emui.css"</span><span class="token punctuation" style="color:#393A34">,</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token string" style="color:#e3116c">"vendors.css"</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">]</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"> </span><span class="token punctuation" style="color:#393A34">}</span><span class="token plain"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"></span><span class="token punctuation" style="color:#393A34">}</span><br></div></code></pre></div></div>
|
|
383
383
|
<blockquote>
|
|
384
384
|
<p><strong>Load order matters.</strong> <code>framework.js</code> must appear before <code>vendors.js</code> and <code>emui.js</code> because both depend on React.</p>
|
|
385
385
|
</blockquote>
|
|
386
386
|
<p><strong>3. Verify the build output</strong></p>
|
|
387
387
|
<p>After enabling the flag, run a production build and confirm the new chunk appears:</p>
|
|
388
|
-
<div class="language-bash
|
|
388
|
+
<div class="language-bash codeBlockContainer_GakR theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_q2h9"><pre tabindex="0" class="prism-code language-bash codeBlock_pVpY thin-scrollbar" style="color:#393A34;background-color:#f6f8fa"><code class="codeBlockLines_gtSX"><div class="token-line" style="color:#393A34"><span class="token plain">pnpm build</span><br></div><div class="token-line" style="color:#393A34"><span class="token plain">ls build/latest/js/framework.*.js</span><br></div></code></pre></div></div>
|
|
389
389
|
<p>You should see a hashed file like <code>framework.abc123.js</code> alongside the existing <code>emui</code>, <code>vendors</code>, and <code>app</code> chunks.</p>
|
|
390
390
|
<p><strong>Disabling the flag</strong></p>
|
|
391
391
|
<p>Remove <code>SPLIT_FRAMEWORK_CHUNK=true</code> from <code>.env</code> (or set it to <code>false</code>), then reverse the file-list changes above — remove <code>framework.js</code> from <code>index-app-loader.html</code> and <code>app.config.json</code>. The build will revert to the default two-chunk layout.</p>
|
|
392
|
-
<h2 class="anchor
|
|
393
|
-
<h3 class="anchor
|
|
392
|
+
<h2 class="anchor anchorTargetStickyNavbar_BYCb" id="troubleshooting">Troubleshooting<a href="#troubleshooting" class="hash-link" aria-label="Direct link to Troubleshooting" title="Direct link to Troubleshooting" translate="no"></a></h2>
|
|
393
|
+
<h3 class="anchor anchorTargetStickyNavbar_BYCb" id="build-issues">Build Issues<a href="#build-issues" class="hash-link" aria-label="Direct link to Build Issues" title="Direct link to Build Issues" translate="no"></a></h3>
|
|
394
394
|
<p><strong>Error: Module not found</strong></p>
|
|
395
|
-
<div class="language-bash
|
|
396
|
-
<h3 class="anchor
|
|
395
|
+
<div class="language-bash codeBlockContainer_GakR theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_q2h9"><pre tabindex="0" class="prism-code language-bash codeBlock_pVpY thin-scrollbar" style="color:#393A34;background-color:#f6f8fa"><code class="codeBlockLines_gtSX"><div class="token-line" style="color:#393A34"><span class="token plain"># Clear cache and rebuild</span><br></div><div class="token-line" style="color:#393A34"><span class="token plain">rm -rf node_modules dist</span><br></div><div class="token-line" style="color:#393A34"><span class="token plain">pnpm install</span><br></div><div class="token-line" style="color:#393A34"><span class="token plain">pnpm build</span><br></div></code></pre></div></div>
|
|
396
|
+
<h3 class="anchor anchorTargetStickyNavbar_BYCb" id="test-issues">Test Issues<a href="#test-issues" class="hash-link" aria-label="Direct link to Test Issues" title="Direct link to Test Issues" translate="no"></a></h3>
|
|
397
397
|
<p><strong>Error: Tests timing out</strong></p>
|
|
398
|
-
<div class="language-bash
|
|
399
|
-
<h3 class="anchor
|
|
398
|
+
<div class="language-bash codeBlockContainer_GakR theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_q2h9"><pre tabindex="0" class="prism-code language-bash codeBlock_pVpY thin-scrollbar" style="color:#393A34;background-color:#f6f8fa"><code class="codeBlockLines_gtSX"><div class="token-line" style="color:#393A34"><span class="token plain"># Increase timeout in jest.config</span><br></div><div class="token-line" style="color:#393A34"><span class="token plain">pui-cli test --debug</span><br></div></code></pre></div></div>
|
|
399
|
+
<h3 class="anchor anchorTargetStickyNavbar_BYCb" id="linting-issues">Linting Issues<a href="#linting-issues" class="hash-link" aria-label="Direct link to Linting Issues" title="Direct link to Linting Issues" translate="no"></a></h3>
|
|
400
400
|
<p><strong>Error: Too many linting errors</strong></p>
|
|
401
|
-
<div class="language-bash
|
|
402
|
-
<h2 class="anchor
|
|
401
|
+
<div class="language-bash codeBlockContainer_GakR theme-code-block" style="--prism-color:#393A34;--prism-background-color:#f6f8fa"><div class="codeBlockContent_q2h9"><pre tabindex="0" class="prism-code language-bash codeBlock_pVpY thin-scrollbar" style="color:#393A34;background-color:#f6f8fa"><code class="codeBlockLines_gtSX"><div class="token-line" style="color:#393A34"><span class="token plain"># Fix automatically</span><br></div><div class="token-line" style="color:#393A34"><span class="token plain">pnpm lint --fix</span><br></div><div class="token-line" style="color:#393A34"><span class="token plain" style="display:inline-block"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"># Fix only JS</span><br></div><div class="token-line" style="color:#393A34"><span class="token plain">pnpm lint --js --fix</span><br></div><div class="token-line" style="color:#393A34"><span class="token plain" style="display:inline-block"></span><br></div><div class="token-line" style="color:#393A34"><span class="token plain"># Fix only CSS</span><br></div><div class="token-line" style="color:#393A34"><span class="token plain">pnpm lint --css --fix</span><br></div></code></pre></div></div>
|
|
402
|
+
<h2 class="anchor anchorTargetStickyNavbar_BYCb" id="additional-resources">Additional Resources<a href="#additional-resources" class="hash-link" aria-label="Direct link to Additional Resources" title="Direct link to Additional Resources" translate="no"></a></h2>
|
|
403
403
|
<ul>
|
|
404
404
|
<li class=""><a class="" href="/cli/#getting-started">Getting Started Guide</a></li>
|
|
405
405
|
<li class=""><a class="" href="/cli/api/">API Documentation</a></li>
|
|
406
406
|
<li class=""><a href="https://git.elliemae.io/platform-ui/pui-cli#migration-guide" target="_blank" rel="noopener noreferrer" class="">Migration Guide</a></li>
|
|
407
407
|
<li class=""><a href="https://git.elliemae.io/platform-ui/pui-cli" target="_blank" rel="noopener noreferrer" class="">GitHub Repository</a></li>
|
|
408
408
|
</ul>
|
|
409
|
-
<h2 class="anchor
|
|
409
|
+
<h2 class="anchor anchorTargetStickyNavbar_BYCb" id="need-help">Need Help?<a href="#need-help" class="hash-link" aria-label="Direct link to Need Help?" title="Direct link to Need Help?" translate="no"></a></h2>
|
|
410
410
|
<p>If you encounter issues or have questions:</p>
|
|
411
411
|
<ul>
|
|
412
412
|
<li class="">Review the documentation</li>
|
|
413
413
|
<li class="">Contact the UI Platform team via ui-platform teams channel</li>
|
|
414
|
-
</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col
|
|
414
|
+
</ul></div><footer class="theme-doc-footer docusaurus-mt-lg"><div class="row margin-top--sm theme-doc-footer-edit-meta-row"><div class="col noPrint_lWS3"><a href="https://git.elliemae.io/platform-ui/pui-cli.git/docs/usage-guide.md" target="_blank" rel="noopener noreferrer" class="theme-edit-this-page"><svg fill="currentColor" height="20" width="20" viewBox="0 0 40 40" class="iconEdit_o5d4" aria-hidden="true"><g><path d="m34.5 11.7l-3 3.1-6.3-6.3 3.1-3q0.5-0.5 1.2-0.5t1.1 0.5l3.9 3.9q0.5 0.4 0.5 1.1t-0.5 1.2z m-29.5 17.1l18.4-18.5 6.3 6.3-18.4 18.4h-6.3v-6.2z"></path></g></svg>Edit this page</a></div><div class="col lastUpdated_jxkz"></div></div></footer></article><nav class="docusaurus-mt-lg pagination-nav" aria-label="Docs pages"><a class="pagination-nav__link pagination-nav__link--prev" href="/cli/ssl-certificate-setup"><div class="pagination-nav__sublabel">Previous</div><div class="pagination-nav__label">Trust SSL Certificate Guide</div></a></nav></div></div><div class="col col--3"><div class="tableOfContents_WGut thin-scrollbar theme-doc-toc-desktop"><ul class="table-of-contents table-of-contents__left-border"><li><a href="#table-of-contents" class="table-of-contents__link toc-highlight">Table of Contents</a></li><li><a href="#build-commands" class="table-of-contents__link toc-highlight">Build Commands</a><ul><li><a href="#pui-cli-build" class="table-of-contents__link toc-highlight"><code>pui-cli build</code></a></li><li><a href="#pui-cli-buildcdn" class="table-of-contents__link toc-highlight"><code>pui-cli buildCDN</code></a></li><li><a href="#pui-cli-pack" class="table-of-contents__link toc-highlight"><code>pui-cli pack</code></a></li></ul></li><li><a href="#development-commands" class="table-of-contents__link toc-highlight">Development Commands</a><ul><li><a href="#pui-cli-start" class="table-of-contents__link toc-highlight"><code>pui-cli start</code></a></li><li><a href="#pui-cli-storybook" class="table-of-contents__link toc-highlight"><code>pui-cli storybook</code></a></li></ul></li><li><a href="#testing-commands" class="table-of-contents__link toc-highlight">Testing Commands</a><ul><li><a href="#pui-cli-test" class="table-of-contents__link toc-highlight"><code>pui-cli test</code></a></li><li><a href="#pui-cli-vitest" class="table-of-contents__link toc-highlight"><code>pui-cli vitest</code></a></li></ul></li><li><a href="#linting-commands" class="table-of-contents__link toc-highlight">Linting Commands</a><ul><li><a href="#pui-cli-lint" class="table-of-contents__link toc-highlight"><code>pui-cli lint</code></a></li><li><a href="#pui-cli-tscheck" class="table-of-contents__link toc-highlight"><code>pui-cli tscheck</code></a></li></ul></li><li><a href="#documentation-commands" class="table-of-contents__link toc-highlight">Documentation Commands</a><ul><li><a href="#pui-cli-gendoc" class="table-of-contents__link toc-highlight"><code>pui-cli gendoc</code></a></li></ul></li><li><a href="#utility-commands" class="table-of-contents__link toc-highlight">Utility Commands</a><ul><li><a href="#pui-cli-version" class="table-of-contents__link toc-highlight"><code>pui-cli version</code></a></li><li><a href="#pui-cli-codemod" class="table-of-contents__link toc-highlight"><code>pui-cli codemod</code></a></li></ul></li><li><a href="#advanced-usage" class="table-of-contents__link toc-highlight">Advanced Usage</a><ul><li><a href="#using-pui-cli-in-npm-scripts" class="table-of-contents__link toc-highlight">Using pui-cli in npm scripts</a></li><li><a href="#cicd-integration" class="table-of-contents__link toc-highlight">CI/CD Integration</a></li><li><a href="#using-exported-configurations" class="table-of-contents__link toc-highlight">Using Exported Configurations</a></li></ul></li><li><a href="#configuration-priority" class="table-of-contents__link toc-highlight">Configuration Priority</a></li><li><a href="#best-practices" class="table-of-contents__link toc-highlight">Best Practices</a><ul><li><a href="#development-workflow" class="table-of-contents__link toc-highlight">Development Workflow</a></li><li><a href="#library-development-workflow" class="table-of-contents__link toc-highlight">Library Development Workflow</a></li><li><a href="#performance-tips" class="table-of-contents__link toc-highlight">Performance Tips</a></li><li><a href="#framework-chunk-splitting" class="table-of-contents__link toc-highlight">Framework Chunk Splitting</a></li></ul></li><li><a href="#troubleshooting" class="table-of-contents__link toc-highlight">Troubleshooting</a><ul><li><a href="#build-issues" class="table-of-contents__link toc-highlight">Build Issues</a></li><li><a href="#test-issues" class="table-of-contents__link toc-highlight">Test Issues</a></li><li><a href="#linting-issues" class="table-of-contents__link toc-highlight">Linting Issues</a></li></ul></li><li><a href="#additional-resources" class="table-of-contents__link toc-highlight">Additional Resources</a></li><li><a href="#need-help" class="table-of-contents__link toc-highlight">Need Help?</a></li></ul></div></div></div></div></main></div></div></div><footer class="theme-layout-footer footer footer--dark"><div class="container container-fluid"><div class="row footer__links"><div class="theme-layout-footer-column col footer__col"><div class="footer__title">Docs</div><ul class="footer__items clean-list"><li class="footer__item"><a class="footer__link-item" href="/cli/">Getting Started</a></li></ul></div><div class="theme-layout-footer-column col footer__col"><div class="footer__title">Community</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://icemortgagetechnology.slack.com/archives/C01M49EGP6Z" target="_blank" rel="noopener noreferrer" class="footer__link-item">Slack<svg width="13.5" height="13.5" aria-label="(opens in new tab)" class="iconExternalLink_SE9o"><use href="#theme-svg-external-link"></use></svg></a></li></ul></div><div class="theme-layout-footer-column col footer__col"><div class="footer__title">More</div><ul class="footer__items clean-list"><li class="footer__item"><a href="https://git.elliemae.io/platform-ui/pui-cli.git" target="_blank" rel="noopener noreferrer" class="footer__link-item">GitHub<svg width="13.5" height="13.5" aria-label="(opens in new tab)" class="iconExternalLink_SE9o"><use href="#theme-svg-external-link"></use></svg></a></li></ul></div></div><div class="footer__bottom text--center"><div class="footer__copyright">Copyright © 2026 ICE.</div></div></div></footer></div>
|
|
415
415
|
</body>
|
|
416
416
|
</html>
|