├── examples ├── button │ ├── style.css │ ├── .npmrc │ ├── vite.config.js │ ├── README.md │ ├── .gitignore │ ├── package.json │ └── index.html ├── counter │ ├── style.css │ ├── .npmrc │ ├── vite.config.js │ ├── README.md │ ├── .gitignore │ ├── package.json │ ├── index.html │ └── main.js ├── gccd │ ├── robots.txt │ ├── .dockerignore │ ├── .npmrc │ ├── src │ │ ├── vite-env.d.ts │ │ ├── initialScreenFadeOut.ts │ │ ├── utils │ │ │ └── authUtils.ts │ │ ├── notFoundRoute.ts │ │ ├── stores │ │ │ └── routerStore.ts │ │ └── components │ │ │ ├── myComponent.ts │ │ │ ├── cloudAuthentication │ │ │ └── awsRegion.json │ │ │ ├── kvOrg.ts │ │ │ └── buttonNext.ts │ ├── public │ │ ├── twitter-x-line.svg │ │ └── mail-line.svg │ ├── README.md │ └── .gitignore ├── mathml │ ├── style.css │ ├── .npmrc │ ├── vite.config.js │ ├── .gitignore │ ├── README.md │ ├── package.json │ └── index.html ├── todoapp │ ├── style.css │ ├── .npmrc │ ├── vite.config.js │ ├── main.js │ ├── README.md │ ├── .gitignore │ └── package.json ├── bau-kit │ ├── src │ │ ├── utils │ │ │ ├── classNames.js │ │ │ ├── initialScreenFadeOut.js │ │ │ ├── context.js │ │ │ └── notFoundRoute.js │ │ ├── pages │ │ │ ├── admin │ │ │ │ ├── header.js │ │ │ │ └── main.js │ │ │ ├── notFound.js │ │ │ └── landing │ │ │ │ ├── header.js │ │ │ │ ├── main.js │ │ │ │ └── footer.js │ │ └── style.css │ ├── .npmrc │ ├── .npmignore │ ├── .gitignore │ └── index.html ├── benchmark │ ├── .npmrc │ ├── css │ │ └── currentStyle.css │ ├── index.html │ └── vite.config.js ├── bau-d3 │ ├── .npmrc │ ├── vite.config.js │ ├── index.html │ └── .gitignore ├── bento-grid │ ├── .npmrc │ ├── public │ │ └── assets │ │ │ └── images │ │ │ ├── favicon-32x32.png │ │ │ ├── illustration-ai-content.webp │ │ │ ├── illustration-create-post.webp │ │ │ ├── illustration-five-stars.webp │ │ │ ├── illustration-audience-growth.webp │ │ │ ├── illustration-grow-followers.webp │ │ │ ├── illustration-schedule-posts.webp │ │ │ ├── illustration-multiple-platforms.webp │ │ │ └── illustration-consistent-schedule.webp │ ├── vite.config.js │ └── .gitignore ├── calculator │ ├── .npmrc │ ├── src │ │ └── vite-env.d.ts │ ├── public │ │ └── assets │ │ │ └── images │ │ │ └── favicon-32x32.png │ ├── vite.config.js │ └── .gitignore ├── derive │ ├── .npmrc │ ├── vite.config.js │ ├── README.md │ ├── .gitignore │ ├── package.json │ └── index.html ├── fetch-data │ ├── .npmrc │ ├── vite.config.js │ ├── README.md │ ├── .gitignore │ ├── package.json │ └── index.html ├── form-login │ ├── .npmrc │ ├── vite.config.js │ ├── README.md │ ├── .gitignore │ ├── package.json │ └── index.html ├── highlight │ ├── .npmrc │ ├── src │ │ └── context.ts │ ├── vite.config.js │ ├── .gitignore │ ├── README.md │ └── package.json ├── lifecycle │ ├── .npmrc │ ├── src │ │ ├── context.ts │ │ └── style.css │ ├── vite.config.js │ ├── index.html │ ├── .gitignore │ ├── README.md │ └── package.json ├── playground │ ├── .npmrc │ ├── vite.config.js │ ├── README.md │ ├── .gitignore │ ├── package.json │ └── index.html ├── recipePage │ ├── .npmrc │ ├── src │ │ └── vite-env.d.ts │ ├── public │ │ └── assets │ │ │ └── images │ │ │ ├── favicon-32x32.png │ │ │ └── image-omelette.jpeg │ ├── vite.config.js │ └── .gitignore ├── tree-view │ ├── .npmrc │ ├── vite.config.js │ ├── README.md │ ├── .gitignore │ ├── package.json │ └── index.html ├── bau-ace-editor │ ├── .npmrc │ ├── vite.config.js │ ├── README.md │ ├── .gitignore │ └── src │ │ └── style.css ├── bau-tailwind │ ├── .npmrc │ ├── src │ │ ├── input.css │ │ └── main.ts │ ├── postcss.config.js │ ├── tailwind.config.js │ ├── vite.config.js │ ├── README.md │ ├── .gitignore │ └── index.html ├── contact-form │ ├── .npmrc │ ├── src │ │ └── vite-env.d.ts │ ├── public │ │ └── assets │ │ │ └── images │ │ │ └── favicon-32x32.png │ ├── vite.config.js │ └── .gitignore ├── exchange-rate │ ├── .npmrc │ ├── src │ │ ├── vite-env.d.ts │ │ └── main.ts │ ├── public │ │ └── img │ │ │ └── money.png │ ├── vite.config.js │ ├── README.md │ ├── .gitignore │ ├── index.html │ └── package.json ├── faq-accordion │ ├── .npmrc │ ├── src │ │ └── vite-env.d.ts │ ├── public │ │ └── assets │ │ │ └── images │ │ │ ├── favicon-32x32.png │ │ │ ├── icon-minus.svg │ │ │ ├── icon-plus.svg │ │ │ └── icon-star.svg │ ├── vite.config.js │ └── .gitignore ├── list-drag-drop │ ├── .npmrc │ ├── vite.config.js │ ├── README.md │ ├── index.html │ ├── .gitignore │ └── package.json ├── multi-step-form │ ├── .npmrc │ ├── src │ │ ├── vite-env.d.ts │ │ ├── types.ts │ │ ├── utils.ts │ │ └── data │ │ │ ├── plans.json │ │ │ └── addons.json │ ├── public │ │ └── assets │ │ │ └── images │ │ │ ├── favicon-32x32.png │ │ │ ├── icon-checkmark.svg │ │ │ └── icon-arcade.svg │ ├── vite.config.js │ └── .gitignore ├── news-homepage │ ├── .npmrc │ ├── src │ │ └── vite-env.d.ts │ ├── public │ │ └── assets │ │ │ └── images │ │ │ ├── favicon-32x32.png │ │ │ ├── image-retro-pcs.jpg │ │ │ ├── image-top-laptops.jpg │ │ │ ├── image-gaming-growth.jpg │ │ │ ├── image-web-3-desktop.jpg │ │ │ ├── image-web-3-mobile.jpg │ │ │ ├── icon-menu.svg │ │ │ └── icon-menu-close.svg │ ├── vite.config.js │ └── .gitignore ├── rest-countries │ ├── .npmrc │ ├── src │ │ ├── vite-env.d.ts │ │ └── types.ts │ ├── public │ │ └── assets │ │ │ └── images │ │ │ └── favicon-32x32.png │ ├── vite.config.js │ └── .gitignore ├── todo-minimal │ ├── .npmrc │ ├── style.css │ ├── vite.config.js │ ├── .gitignore │ ├── package.json │ ├── index.html │ └── README.md ├── age-calculator-app │ ├── .npmrc │ ├── src │ │ └── vite-env.d.ts │ ├── public │ │ └── assets │ │ │ └── images │ │ │ ├── favicon-32x32.png │ │ │ └── icon-arrow.svg │ ├── vite.config.js │ └── .gitignore ├── blog-preview-card │ ├── .npmrc │ ├── src │ │ └── vite-env.d.ts │ ├── public │ │ └── assets │ │ │ └── images │ │ │ ├── favicon-32x32.png │ │ │ └── image-avatar.webp │ ├── vite.config.js │ └── .gitignore ├── form-stateless-login │ ├── .npmrc │ ├── vite.config.js │ ├── .gitignore │ ├── README.md │ ├── package.json │ └── index.html ├── ip-address-tracker │ ├── .npmrc │ ├── public │ │ └── assets │ │ │ └── images │ │ │ ├── favicon-32x32.png │ │ │ ├── pattern-bg-mobile.png │ │ │ ├── pattern-bg-desktop.png │ │ │ ├── icon-arrow.svg │ │ │ └── icon-location.svg │ ├── vite.config.js │ └── .gitignore ├── new-year-countdown │ ├── .npmrc │ ├── src │ │ ├── vite-env.d.ts │ │ └── main.ts │ ├── style.css │ ├── vite.config.js │ ├── .gitignore │ ├── index.html │ ├── README.md │ └── package.json ├── product-list-cart │ ├── .npmrc │ ├── src │ │ └── vite-env.d.ts │ ├── public │ │ └── assets │ │ │ └── images │ │ │ ├── favicon-32x32.png │ │ │ ├── image-avatar.webp │ │ │ ├── image-cake-desktop.jpg │ │ │ ├── image-cake-mobile.jpg │ │ │ ├── image-cake-tablet.jpg │ │ │ ├── image-baklava-mobile.jpg │ │ │ ├── image-baklava-tablet.jpg │ │ │ ├── image-brownie-mobile.jpg │ │ │ ├── image-brownie-tablet.jpg │ │ │ ├── image-cake-thumbnail.jpg │ │ │ ├── image-macaron-mobile.jpg │ │ │ ├── image-macaron-tablet.jpg │ │ │ ├── image-waffle-desktop.jpg │ │ │ ├── image-waffle-mobile.jpg │ │ │ ├── image-waffle-tablet.jpg │ │ │ ├── image-baklava-desktop.jpg │ │ │ ├── image-baklava-thumbnail.jpg │ │ │ ├── image-brownie-desktop.jpg │ │ │ ├── image-brownie-thumbnail.jpg │ │ │ ├── image-macaron-desktop.jpg │ │ │ ├── image-macaron-thumbnail.jpg │ │ │ ├── image-meringue-desktop.jpg │ │ │ ├── image-meringue-mobile.jpg │ │ │ ├── image-meringue-tablet.jpg │ │ │ ├── image-tiramisu-desktop.jpg │ │ │ ├── image-tiramisu-mobile.jpg │ │ │ ├── image-tiramisu-tablet.jpg │ │ │ ├── image-waffle-thumbnail.jpg │ │ │ ├── image-creme-brulee-mobile.jpg │ │ │ ├── image-creme-brulee-tablet.jpg │ │ │ ├── image-meringue-thumbnail.jpg │ │ │ ├── image-panna-cotta-desktop.jpg │ │ │ ├── image-panna-cotta-mobile.jpg │ │ │ ├── image-panna-cotta-tablet.jpg │ │ │ ├── image-tiramisu-thumbnail.jpg │ │ │ ├── image-creme-brulee-desktop.jpg │ │ │ ├── image-creme-brulee-thumbnail.jpg │ │ │ ├── image-panna-cotta-thumbnail.jpg │ │ │ ├── icon-decrement-quantity.svg │ │ │ ├── icon-increment-quantity.svg │ │ │ └── icon-remove-item.svg │ ├── vite.config.js │ └── .gitignore ├── product-preview-card │ ├── .npmrc │ ├── src │ │ └── vite-env.d.ts │ ├── public │ │ └── assets │ │ │ └── images │ │ │ ├── favicon-32x32.png │ │ │ ├── image-product-mobile.jpg │ │ │ └── image-product-desktop.jpg │ ├── vite.config.js │ └── .gitignore ├── social-link-profile │ ├── .npmrc │ ├── src │ │ └── vite-env.d.ts │ ├── public │ │ └── assets │ │ │ └── images │ │ │ ├── favicon-32x32.png │ │ │ └── avatar-jessica.jpeg │ ├── vite.config.js │ └── .gitignore ├── e-commerce-product-page │ ├── .npmrc │ ├── src │ │ ├── vite-env.d.ts │ │ ├── utils.ts │ │ ├── notFoundRoute.ts │ │ └── types.ts │ ├── public │ │ └── assets │ │ │ └── images │ │ │ ├── image-avatar.png │ │ │ ├── favicon-32x32.png │ │ │ ├── image-product-1.jpg │ │ │ ├── image-product-2.jpg │ │ │ ├── image-product-3.jpg │ │ │ ├── image-product-4.jpg │ │ │ ├── image-product-1-thumbnail.jpg │ │ │ ├── image-product-2-thumbnail.jpg │ │ │ ├── image-product-3-thumbnail.jpg │ │ │ ├── image-product-4-thumbnail.jpg │ │ │ ├── icon-next.svg │ │ │ ├── icon-menu.svg │ │ │ ├── icon-previous.svg │ │ │ ├── icon-close.svg │ │ │ └── icon-minus.svg │ ├── vite.config.js │ └── .gitignore ├── launch-countdown-timer │ ├── .npmrc │ ├── src │ │ ├── vite-env.d.ts │ │ └── main.ts │ ├── public │ │ └── assets │ │ │ └── images │ │ │ ├── favicon-32x32.png │ │ │ └── icon-facebook.svg │ ├── vite.config.js │ └── .gitignore ├── newsletter-signup-form │ ├── .npmrc │ ├── src │ │ └── vite-env.d.ts │ ├── public │ │ └── assets │ │ │ └── images │ │ │ ├── favicon-32x32.png │ │ │ ├── icon-list.svg │ │ │ └── icon-success.svg │ ├── vite.config.js │ └── .gitignore ├── result-summary-component │ ├── .npmrc │ ├── src │ │ └── vite-env.d.ts │ ├── public │ │ └── assets │ │ │ └── images │ │ │ ├── favicon-32x32.png │ │ │ ├── icon-reaction.svg │ │ │ └── icon-verbal.svg │ ├── .gitignore │ └── vite.config.js ├── interactive-comments-section │ ├── .npmrc │ ├── src │ │ └── vite-env.d.ts │ ├── public │ │ └── assets │ │ │ └── images │ │ │ ├── favicon-32x32.png │ │ │ ├── avatars │ │ │ ├── image-amyrobson.png │ │ │ ├── image-amyrobson.webp │ │ │ ├── image-juliusomo.png │ │ │ ├── image-juliusomo.webp │ │ │ ├── image-maxblagun.png │ │ │ ├── image-maxblagun.webp │ │ │ ├── image-ramsesmiron.png │ │ │ └── image-ramsesmiron.webp │ │ │ ├── icon-delete.svg │ │ │ ├── icon-minus.svg │ │ │ ├── icon-reply.svg │ │ │ └── icon-edit.svg │ ├── vite.config.js │ └── .gitignore ├── interactive-rating-component │ ├── .npmrc │ ├── src │ │ └── vite-env.d.ts │ ├── public │ │ └── assets │ │ │ └── images │ │ │ └── favicon-32x32.png │ ├── vite.config.js │ └── .gitignore ├── job-listings-with-filtering │ ├── .npmrc │ ├── src │ │ └── vite-env.d.ts │ ├── public │ │ └── assets │ │ │ └── images │ │ │ ├── favicon-32x32.png │ │ │ └── icon-remove.svg │ ├── vite.config.js │ └── .gitignore ├── mortgage-repayment-calculator │ ├── .npmrc │ ├── src │ │ └── vite-env.d.ts │ ├── public │ │ └── assets │ │ │ └── images │ │ │ └── favicon-32x32.png │ ├── .gitignore │ └── vite.config.js ├── grid-layout │ ├── src │ │ ├── style.css │ │ ├── context.js │ │ ├── main.js │ │ ├── Home.js │ │ └── Header.js │ ├── vite.config.js │ ├── index.html │ ├── .gitignore │ ├── README.md │ └── package.json └── onehtml │ └── README.md ├── bau ├── examples │ └── bau-ts-test │ │ ├── src │ │ ├── main.d.ts │ │ └── vite-env.d.ts │ │ ├── vite.config.js │ │ ├── package.json │ │ ├── index.html │ │ └── .gitignore ├── .npmrc ├── main.js ├── README.md └── index.html ├── bau-css ├── examples │ ├── react-bau-css │ │ ├── src │ │ │ ├── App.css │ │ │ └── main.jsx │ │ ├── vite.config.js │ │ ├── .gitignore │ │ └── index.html │ ├── bau-bau-css │ │ ├── .npmrc │ │ ├── README.md │ │ ├── vite.config.js │ │ └── index.html │ └── vanillajs-bau-css │ │ ├── counter.js │ │ ├── .gitignore │ │ ├── package.json │ │ └── index.html ├── .npmrc └── bau-css.d.ts ├── bau-ui ├── chip │ ├── index.js │ └── index.d.ts ├── form │ ├── index.js │ └── index.d.ts ├── lazy │ └── index.js ├── list │ ├── index.js │ └── index.d.ts ├── tabs │ └── index.js ├── .npmrc ├── alert │ └── index.js ├── avatar │ └── index.js ├── badge │ ├── index.js │ └── index.d.ts ├── button │ └── index.js ├── drawer │ ├── index.js │ └── index.d.ts ├── input │ └── index.js ├── modal │ ├── index.js │ └── index.d.ts ├── paper │ ├── index.js │ └── index.d.ts ├── select │ └── index.js ├── slider │ ├── index.js │ └── index.d.ts ├── switch │ ├── index.js │ └── index.d.ts ├── toggle │ ├── index.js │ └── index.d.ts ├── accordion │ └── index.js ├── animate │ ├── index.js │ └── index.d.ts ├── calendar │ └── index.js ├── carousel │ └── index.js ├── checkbox │ └── index.js ├── divider │ ├── index.js │ └── index.d.ts ├── fileInput │ └── index.js ├── pages │ └── login │ │ ├── index.js │ │ ├── login.js │ │ └── index.d.ts ├── popover │ └── index.js ├── resizable │ └── index.js ├── skeleton │ ├── index.js │ └── index.d.ts ├── spinner │ └── index.js ├── tooltip │ └── index.js ├── treeView │ └── index.js ├── alertStack │ └── index.js ├── breadcrumbs │ └── index.js ├── buttonGroup │ ├── index.js │ └── index.d.ts ├── collapsible │ ├── index.js │ └── index.d.ts ├── globalStyle │ ├── index.js │ └── index.d.ts ├── inputSearch │ └── index.js ├── multiSelect │ └── index.js ├── radioButton │ └── index.js ├── stepper │ └── index.js ├── themeSwitch │ ├── index.js │ └── index.d.ts ├── toggleGroup │ └── index.js ├── autocomplete │ └── index.js ├── drillDownMenu │ └── index.js ├── dropdownMenu │ └── index.js ├── keyValueList │ ├── index.js │ └── index.d.ts ├── linearProgress │ └── index.js ├── loadingButton │ └── index.js ├── selectNative │ └── index.js ├── tableContainer │ ├── index.js │ └── index.d.ts ├── tableOfContent │ ├── index.js │ └── index.d.ts ├── examples │ ├── bau-storybook │ │ ├── .npmrc │ │ ├── README.md │ │ ├── src │ │ │ ├── pagesListData.js │ │ │ ├── notFoundRoute.js │ │ │ ├── initialScreenFadeOut.js │ │ │ └── pages │ │ │ │ ├── spinner │ │ │ │ └── spinner-grid-item.ts │ │ │ │ ├── collapsible │ │ │ │ └── collapsible-grid-item.ts │ │ │ │ ├── alert │ │ │ │ └── alert-grid-item.ts │ │ │ │ ├── themeSwitch │ │ │ │ ├── themeSwitch-grid-item.ts │ │ │ │ └── themeSwitch-example-default.ts │ │ │ │ ├── badge │ │ │ │ ├── badge-grid-item.ts │ │ │ │ └── badge-example-default.ts │ │ │ │ ├── loadingButton │ │ │ │ └── loadingButton-grid-item.ts │ │ │ │ ├── stepper │ │ │ │ └── stepper-grid-item.ts │ │ │ │ ├── textareaAutosize │ │ │ │ └── textareaAutosize-grid-item.ts │ │ │ │ ├── divider │ │ │ │ └── divider-example-default.ts │ │ │ │ ├── paper │ │ │ │ └── paper-example-default.ts │ │ │ │ ├── chip │ │ │ │ ├── chip-grid-item.ts │ │ │ │ └── chip-example-default.ts │ │ │ │ ├── tableOfContent │ │ │ │ └── tableOfContent-grid-item.ts │ │ │ │ └── button │ │ │ │ └── button-grid-item.ts │ │ └── 404.html │ ├── bau-ui-template-js │ │ ├── .npmrc │ │ ├── vite.config.js │ │ ├── .gitignore │ │ ├── README.md │ │ ├── package.json │ │ └── myComponent.js │ └── bau-ui-template-ts │ │ ├── .npmrc │ │ ├── src │ │ └── vite-env.d.ts │ │ ├── vite.config.js │ │ ├── .gitignore │ │ ├── README.md │ │ └── package.json ├── radioButtonGroup │ └── index.js ├── tablePagination │ └── index.js ├── textareaAutosize │ └── index.js ├── paginationNavigation │ └── index.js ├── .npmignore ├── README.md ├── constants.js ├── context.d.ts ├── .gitignore └── context.js ├── bausaurus ├── .npmrc ├── bausaurus-core │ ├── .npmrc │ ├── constants.js │ ├── context.js │ └── .gitignore ├── bausaurus-theme-classic │ ├── .npmrc │ ├── Toc.js │ └── .gitignore ├── example │ ├── bausaurus-doc │ │ ├── docs │ │ │ ├── Styling.md │ │ │ └── navbar.json │ │ ├── src │ │ │ ├── common │ │ │ │ └── context.js │ │ │ └── appLanding │ │ │ │ └── appEntry.js │ │ └── README.md │ └── bausaurus-template │ │ ├── docs │ │ ├── navbar.json │ │ └── index.md │ │ ├── README.md │ │ └── src │ │ └── appLanding │ │ └── appEntry.js ├── .npmignore ├── README.md ├── .gitignore ├── src │ └── server │ │ ├── constants.js │ │ └── jsdom.js └── test │ └── main.test.js ├── bau-router ├── .npmrc ├── test │ └── bau-router.test.js ├── index.html └── bau-router.d.ts ├── bau-astro ├── examples │ └── bau-astro-simple │ │ ├── src │ │ ├── env.d.ts │ │ ├── pages │ │ │ └── index.astro │ │ └── components │ │ │ └── Counter.js │ │ ├── .vscode │ │ ├── extensions.json │ │ └── launch.json │ │ ├── astro.config.mjs │ │ └── .gitignore └── client.js ├── .vscode └── extensions.json ├── pnpm-workspace.yaml └── .gitignore /examples/button/style.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /examples/counter/style.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /examples/gccd/robots.txt: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /examples/mathml/style.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /examples/todoapp/style.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /bau/examples/bau-ts-test/src/main.d.ts: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /bau-css/examples/react-bau-css/src/App.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /examples/bau-kit/src/utils/classNames.js: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /examples/benchmark/.npmrc: -------------------------------------------------------------------------------- 1 | package-lock = false 2 | -------------------------------------------------------------------------------- /bau-ui/chip/index.js: -------------------------------------------------------------------------------- 1 | export { default } from "./chip"; 2 | -------------------------------------------------------------------------------- /bau-ui/form/index.js: -------------------------------------------------------------------------------- 1 | export { default } from "./form"; 2 | -------------------------------------------------------------------------------- /bau-ui/lazy/index.js: -------------------------------------------------------------------------------- 1 | export { default } from "./lazy"; 2 | -------------------------------------------------------------------------------- /bau-ui/list/index.js: -------------------------------------------------------------------------------- 1 | export { default } from "./list"; 2 | -------------------------------------------------------------------------------- /bau-ui/tabs/index.js: -------------------------------------------------------------------------------- 1 | export { default } from "./tabs"; 2 | -------------------------------------------------------------------------------- /bau/.npmrc: -------------------------------------------------------------------------------- 1 | save-exact = true 2 | package-lock = false 3 | -------------------------------------------------------------------------------- /bau-css/.npmrc: -------------------------------------------------------------------------------- 1 | save-exact = true 2 | package-lock = false 3 | -------------------------------------------------------------------------------- /bau-ui/.npmrc: -------------------------------------------------------------------------------- 1 | save-exact = true 2 | package-lock = false 3 | -------------------------------------------------------------------------------- /bau-ui/alert/index.js: -------------------------------------------------------------------------------- 1 | export { default } from "./alert"; 2 | -------------------------------------------------------------------------------- /bau-ui/avatar/index.js: -------------------------------------------------------------------------------- 1 | export { default } from "./avatar"; 2 | -------------------------------------------------------------------------------- /bau-ui/badge/index.js: -------------------------------------------------------------------------------- 1 | export { default } from "./badge"; 2 | -------------------------------------------------------------------------------- /bau-ui/button/index.js: -------------------------------------------------------------------------------- 1 | export { default } from "./button"; 2 | -------------------------------------------------------------------------------- /bau-ui/drawer/index.js: -------------------------------------------------------------------------------- 1 | export { default } from "./drawer"; 2 | -------------------------------------------------------------------------------- /bau-ui/input/index.js: -------------------------------------------------------------------------------- 1 | export { default } from "./input"; 2 | -------------------------------------------------------------------------------- /bau-ui/modal/index.js: -------------------------------------------------------------------------------- 1 | export { default } from "./modal"; 2 | -------------------------------------------------------------------------------- /bau-ui/paper/index.js: -------------------------------------------------------------------------------- 1 | export { default } from "./paper"; 2 | -------------------------------------------------------------------------------- /bau-ui/select/index.js: -------------------------------------------------------------------------------- 1 | export { default } from "./select"; 2 | -------------------------------------------------------------------------------- /bau-ui/slider/index.js: -------------------------------------------------------------------------------- 1 | export { default } from "./slider"; 2 | -------------------------------------------------------------------------------- /bau-ui/switch/index.js: -------------------------------------------------------------------------------- 1 | export { default } from "./switch"; 2 | -------------------------------------------------------------------------------- /bau-ui/toggle/index.js: -------------------------------------------------------------------------------- 1 | export { default } from "./toggle"; 2 | -------------------------------------------------------------------------------- /bausaurus/.npmrc: -------------------------------------------------------------------------------- 1 | save-exact = true 2 | package-lock = false 3 | -------------------------------------------------------------------------------- /bau-router/.npmrc: -------------------------------------------------------------------------------- 1 | save-exact = true 2 | package-lock = false 3 | -------------------------------------------------------------------------------- /bau-ui/accordion/index.js: -------------------------------------------------------------------------------- 1 | export { default } from "./accordion"; 2 | -------------------------------------------------------------------------------- /bau-ui/animate/index.js: -------------------------------------------------------------------------------- 1 | export { default } from "./animate"; 2 | -------------------------------------------------------------------------------- /bau-ui/calendar/index.js: -------------------------------------------------------------------------------- 1 | export { default } from "./calendar"; 2 | -------------------------------------------------------------------------------- /bau-ui/carousel/index.js: -------------------------------------------------------------------------------- 1 | export { default } from "./carousel"; 2 | -------------------------------------------------------------------------------- /bau-ui/checkbox/index.js: -------------------------------------------------------------------------------- 1 | export { default } from "./checkbox"; 2 | -------------------------------------------------------------------------------- /bau-ui/divider/index.js: -------------------------------------------------------------------------------- 1 | export { default } from "./divider"; 2 | -------------------------------------------------------------------------------- /bau-ui/fileInput/index.js: -------------------------------------------------------------------------------- 1 | export { default } from "./fileInput"; 2 | -------------------------------------------------------------------------------- /bau-ui/pages/login/index.js: -------------------------------------------------------------------------------- 1 | export { default } from "./login"; 2 | -------------------------------------------------------------------------------- /bau-ui/popover/index.js: -------------------------------------------------------------------------------- 1 | export { default } from "./popover"; 2 | -------------------------------------------------------------------------------- /bau-ui/resizable/index.js: -------------------------------------------------------------------------------- 1 | export { default } from "./resizable"; 2 | -------------------------------------------------------------------------------- /bau-ui/skeleton/index.js: -------------------------------------------------------------------------------- 1 | export { default } from "./skeleton"; 2 | -------------------------------------------------------------------------------- /bau-ui/spinner/index.js: -------------------------------------------------------------------------------- 1 | export { default } from "./spinner"; 2 | -------------------------------------------------------------------------------- /bau-ui/tooltip/index.js: -------------------------------------------------------------------------------- 1 | export { default } from "./tooltip"; 2 | -------------------------------------------------------------------------------- /bau-ui/treeView/index.js: -------------------------------------------------------------------------------- 1 | export { default } from "./treeView"; 2 | -------------------------------------------------------------------------------- /examples/gccd/.dockerignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | dist 3 | coverage 4 | -------------------------------------------------------------------------------- /examples/gccd/.npmrc: -------------------------------------------------------------------------------- 1 | save-exact = true 2 | package-lock = false 3 | -------------------------------------------------------------------------------- /bau-ui/alertStack/index.js: -------------------------------------------------------------------------------- 1 | export { default } from "./alertStack"; 2 | -------------------------------------------------------------------------------- /bau-ui/breadcrumbs/index.js: -------------------------------------------------------------------------------- 1 | export { default } from "./breadcrumbs"; 2 | -------------------------------------------------------------------------------- /bau-ui/buttonGroup/index.js: -------------------------------------------------------------------------------- 1 | export { default } from "./buttonGroup"; 2 | -------------------------------------------------------------------------------- /bau-ui/collapsible/index.js: -------------------------------------------------------------------------------- 1 | export { default } from "./collapsible"; 2 | -------------------------------------------------------------------------------- /bau-ui/globalStyle/index.js: -------------------------------------------------------------------------------- 1 | export { default } from "./globalStyle"; 2 | -------------------------------------------------------------------------------- /bau-ui/inputSearch/index.js: -------------------------------------------------------------------------------- 1 | export { default } from "./inputSearch"; 2 | -------------------------------------------------------------------------------- /bau-ui/multiSelect/index.js: -------------------------------------------------------------------------------- 1 | export { default } from "./multiSelect"; 2 | -------------------------------------------------------------------------------- /bau-ui/radioButton/index.js: -------------------------------------------------------------------------------- 1 | export { default } from "./radioButton"; 2 | -------------------------------------------------------------------------------- /bau-ui/stepper/index.js: -------------------------------------------------------------------------------- 1 | export { default, NextUrl } from "./stepper"; 2 | -------------------------------------------------------------------------------- /bau-ui/themeSwitch/index.js: -------------------------------------------------------------------------------- 1 | export { default } from "./themeSwitch"; 2 | -------------------------------------------------------------------------------- /bau-ui/toggleGroup/index.js: -------------------------------------------------------------------------------- 1 | export { default } from "./toggleGroup"; 2 | -------------------------------------------------------------------------------- /examples/bau-d3/.npmrc: -------------------------------------------------------------------------------- 1 | save-exact = true 2 | package-lock = false 3 | -------------------------------------------------------------------------------- /examples/bau-kit/.npmrc: -------------------------------------------------------------------------------- 1 | save-exact = true 2 | package-lock = false 3 | -------------------------------------------------------------------------------- /examples/bento-grid/.npmrc: -------------------------------------------------------------------------------- 1 | save-exact = true 2 | package-lock = false 3 | -------------------------------------------------------------------------------- /examples/button/.npmrc: -------------------------------------------------------------------------------- 1 | save-exact = true 2 | package-lock = false 3 | -------------------------------------------------------------------------------- /examples/calculator/.npmrc: -------------------------------------------------------------------------------- 1 | save-exact = true 2 | package-lock = false 3 | -------------------------------------------------------------------------------- /examples/counter/.npmrc: -------------------------------------------------------------------------------- 1 | save-exact = true 2 | package-lock = false 3 | -------------------------------------------------------------------------------- /examples/derive/.npmrc: -------------------------------------------------------------------------------- 1 | save-exact = true 2 | package-lock = false 3 | -------------------------------------------------------------------------------- /examples/fetch-data/.npmrc: -------------------------------------------------------------------------------- 1 | save-exact = true 2 | package-lock = false 3 | -------------------------------------------------------------------------------- /examples/form-login/.npmrc: -------------------------------------------------------------------------------- 1 | save-exact = true 2 | package-lock = false 3 | -------------------------------------------------------------------------------- /examples/gccd/src/vite-env.d.ts: -------------------------------------------------------------------------------- 1 | /// 2 | -------------------------------------------------------------------------------- /examples/highlight/.npmrc: -------------------------------------------------------------------------------- 1 | save-exact = true 2 | package-lock = false 3 | -------------------------------------------------------------------------------- /examples/lifecycle/.npmrc: -------------------------------------------------------------------------------- 1 | save-exact = true 2 | package-lock = false 3 | -------------------------------------------------------------------------------- /examples/mathml/.npmrc: -------------------------------------------------------------------------------- 1 | save-exact = true 2 | package-lock = false 3 | -------------------------------------------------------------------------------- /examples/playground/.npmrc: -------------------------------------------------------------------------------- 1 | save-exact = true 2 | package-lock = false 3 | -------------------------------------------------------------------------------- /examples/recipePage/.npmrc: -------------------------------------------------------------------------------- 1 | save-exact = true 2 | package-lock = false 3 | -------------------------------------------------------------------------------- /examples/todoapp/.npmrc: -------------------------------------------------------------------------------- 1 | save-exact = true 2 | package-lock = false 3 | -------------------------------------------------------------------------------- /examples/tree-view/.npmrc: -------------------------------------------------------------------------------- 1 | save-exact = true 2 | package-lock = false 3 | -------------------------------------------------------------------------------- /bau-ui/autocomplete/index.js: -------------------------------------------------------------------------------- 1 | export { default } from "./autocomplete"; 2 | -------------------------------------------------------------------------------- /bau-ui/drillDownMenu/index.js: -------------------------------------------------------------------------------- 1 | export { default } from "./drillDownMenu"; 2 | -------------------------------------------------------------------------------- /bau-ui/dropdownMenu/index.js: -------------------------------------------------------------------------------- 1 | export { default } from "./dropdownMenu"; 2 | -------------------------------------------------------------------------------- /bau-ui/keyValueList/index.js: -------------------------------------------------------------------------------- 1 | export { default } from "./keyValueList"; 2 | -------------------------------------------------------------------------------- /bau-ui/linearProgress/index.js: -------------------------------------------------------------------------------- 1 | export { default } from "./linearProgress"; 2 | -------------------------------------------------------------------------------- /bau-ui/loadingButton/index.js: -------------------------------------------------------------------------------- 1 | export { default } from "./loadingButton"; 2 | -------------------------------------------------------------------------------- /bau-ui/selectNative/index.js: -------------------------------------------------------------------------------- 1 | export { default } from "./selectNative"; 2 | -------------------------------------------------------------------------------- /bau-ui/tableContainer/index.js: -------------------------------------------------------------------------------- 1 | export { default } from "./tableContainer"; 2 | -------------------------------------------------------------------------------- /bau-ui/tableOfContent/index.js: -------------------------------------------------------------------------------- 1 | export { default } from "./tableOfContent"; 2 | -------------------------------------------------------------------------------- /bausaurus/bausaurus-core/.npmrc: -------------------------------------------------------------------------------- 1 | save-exact = true 2 | package-lock = false 3 | -------------------------------------------------------------------------------- /examples/bau-ace-editor/.npmrc: -------------------------------------------------------------------------------- 1 | save-exact = true 2 | package-lock = false 3 | -------------------------------------------------------------------------------- /examples/bau-tailwind/.npmrc: -------------------------------------------------------------------------------- 1 | save-exact = true 2 | package-lock = false 3 | -------------------------------------------------------------------------------- /examples/contact-form/.npmrc: -------------------------------------------------------------------------------- 1 | save-exact = true 2 | package-lock = false 3 | -------------------------------------------------------------------------------- /examples/exchange-rate/.npmrc: -------------------------------------------------------------------------------- 1 | save-exact = true 2 | package-lock = false 3 | -------------------------------------------------------------------------------- /examples/faq-accordion/.npmrc: -------------------------------------------------------------------------------- 1 | save-exact = true 2 | package-lock = false 3 | -------------------------------------------------------------------------------- /examples/list-drag-drop/.npmrc: -------------------------------------------------------------------------------- 1 | save-exact = true 2 | package-lock = false 3 | -------------------------------------------------------------------------------- /examples/multi-step-form/.npmrc: -------------------------------------------------------------------------------- 1 | save-exact = true 2 | package-lock = false 3 | -------------------------------------------------------------------------------- /examples/news-homepage/.npmrc: -------------------------------------------------------------------------------- 1 | save-exact = true 2 | package-lock = false 3 | -------------------------------------------------------------------------------- /examples/rest-countries/.npmrc: -------------------------------------------------------------------------------- 1 | save-exact = true 2 | package-lock = false 3 | -------------------------------------------------------------------------------- /examples/todo-minimal/.npmrc: -------------------------------------------------------------------------------- 1 | save-exact = true 2 | package-lock = false 3 | -------------------------------------------------------------------------------- /bau-css/examples/bau-bau-css/.npmrc: -------------------------------------------------------------------------------- 1 | save-exact = true 2 | package-lock = false 3 | -------------------------------------------------------------------------------- /bau-ui/examples/bau-storybook/.npmrc: -------------------------------------------------------------------------------- 1 | save-exact = true 2 | package-lock = false 3 | -------------------------------------------------------------------------------- /bau-ui/radioButtonGroup/index.js: -------------------------------------------------------------------------------- 1 | export { default } from "./radioButtonGroup"; 2 | -------------------------------------------------------------------------------- /bau-ui/tablePagination/index.js: -------------------------------------------------------------------------------- 1 | export { default } from "./tablePagination"; 2 | -------------------------------------------------------------------------------- /bau-ui/textareaAutosize/index.js: -------------------------------------------------------------------------------- 1 | export { default } from "./textareaAutosize"; 2 | -------------------------------------------------------------------------------- /examples/age-calculator-app/.npmrc: -------------------------------------------------------------------------------- 1 | save-exact = true 2 | package-lock = false 3 | -------------------------------------------------------------------------------- /examples/blog-preview-card/.npmrc: -------------------------------------------------------------------------------- 1 | save-exact = true 2 | package-lock = false 3 | -------------------------------------------------------------------------------- /examples/calculator/src/vite-env.d.ts: -------------------------------------------------------------------------------- 1 | /// 2 | -------------------------------------------------------------------------------- /examples/contact-form/src/vite-env.d.ts: -------------------------------------------------------------------------------- 1 | /// 2 | -------------------------------------------------------------------------------- /examples/exchange-rate/src/vite-env.d.ts: -------------------------------------------------------------------------------- 1 | /// 2 | -------------------------------------------------------------------------------- /examples/faq-accordion/src/vite-env.d.ts: -------------------------------------------------------------------------------- 1 | /// 2 | -------------------------------------------------------------------------------- /examples/form-stateless-login/.npmrc: -------------------------------------------------------------------------------- 1 | save-exact = true 2 | package-lock = false 3 | -------------------------------------------------------------------------------- /examples/ip-address-tracker/.npmrc: -------------------------------------------------------------------------------- 1 | save-exact = true 2 | package-lock = false 3 | -------------------------------------------------------------------------------- /examples/new-year-countdown/.npmrc: -------------------------------------------------------------------------------- 1 | save-exact = true 2 | package-lock = false 3 | -------------------------------------------------------------------------------- /examples/news-homepage/src/vite-env.d.ts: -------------------------------------------------------------------------------- 1 | /// 2 | -------------------------------------------------------------------------------- /examples/product-list-cart/.npmrc: -------------------------------------------------------------------------------- 1 | save-exact = true 2 | package-lock = false 3 | -------------------------------------------------------------------------------- /examples/product-preview-card/.npmrc: -------------------------------------------------------------------------------- 1 | save-exact = true 2 | package-lock = false 3 | -------------------------------------------------------------------------------- /examples/recipePage/src/vite-env.d.ts: -------------------------------------------------------------------------------- 1 | /// 2 | -------------------------------------------------------------------------------- /examples/rest-countries/src/vite-env.d.ts: -------------------------------------------------------------------------------- 1 | /// 2 | -------------------------------------------------------------------------------- /examples/social-link-profile/.npmrc: -------------------------------------------------------------------------------- 1 | save-exact = true 2 | package-lock = false 3 | -------------------------------------------------------------------------------- /bau-astro/examples/bau-astro-simple/src/env.d.ts: -------------------------------------------------------------------------------- 1 | /// -------------------------------------------------------------------------------- /bau-ui/examples/bau-ui-template-js/.npmrc: -------------------------------------------------------------------------------- 1 | save-exact = true 2 | package-lock = false 3 | -------------------------------------------------------------------------------- /bau-ui/examples/bau-ui-template-ts/.npmrc: -------------------------------------------------------------------------------- 1 | save-exact = true 2 | package-lock = false 3 | -------------------------------------------------------------------------------- /bau/examples/bau-ts-test/src/vite-env.d.ts: -------------------------------------------------------------------------------- 1 | /// 2 | -------------------------------------------------------------------------------- /bausaurus/bausaurus-theme-classic/.npmrc: -------------------------------------------------------------------------------- 1 | save-exact = true 2 | package-lock = false 3 | -------------------------------------------------------------------------------- /examples/age-calculator-app/src/vite-env.d.ts: -------------------------------------------------------------------------------- 1 | /// 2 | -------------------------------------------------------------------------------- /examples/blog-preview-card/src/vite-env.d.ts: -------------------------------------------------------------------------------- 1 | /// 2 | -------------------------------------------------------------------------------- /examples/e-commerce-product-page/.npmrc: -------------------------------------------------------------------------------- 1 | save-exact = true 2 | package-lock = false 3 | -------------------------------------------------------------------------------- /examples/launch-countdown-timer/.npmrc: -------------------------------------------------------------------------------- 1 | save-exact = true 2 | package-lock = false 3 | -------------------------------------------------------------------------------- /examples/multi-step-form/src/vite-env.d.ts: -------------------------------------------------------------------------------- 1 | /// 2 | -------------------------------------------------------------------------------- /examples/new-year-countdown/src/vite-env.d.ts: -------------------------------------------------------------------------------- 1 | /// 2 | -------------------------------------------------------------------------------- /examples/newsletter-signup-form/.npmrc: -------------------------------------------------------------------------------- 1 | save-exact = true 2 | package-lock = false 3 | -------------------------------------------------------------------------------- /examples/product-list-cart/src/vite-env.d.ts: -------------------------------------------------------------------------------- 1 | /// 2 | -------------------------------------------------------------------------------- /examples/result-summary-component/.npmrc: -------------------------------------------------------------------------------- 1 | save-exact = true 2 | package-lock = false 3 | -------------------------------------------------------------------------------- /examples/social-link-profile/src/vite-env.d.ts: -------------------------------------------------------------------------------- 1 | /// 2 | -------------------------------------------------------------------------------- /bau-ui/paginationNavigation/index.js: -------------------------------------------------------------------------------- 1 | export { default } from "./paginationNavigation"; 2 | -------------------------------------------------------------------------------- /examples/e-commerce-product-page/src/vite-env.d.ts: -------------------------------------------------------------------------------- 1 | /// 2 | -------------------------------------------------------------------------------- /examples/interactive-comments-section/.npmrc: -------------------------------------------------------------------------------- 1 | save-exact = true 2 | package-lock = false 3 | -------------------------------------------------------------------------------- /examples/interactive-rating-component/.npmrc: -------------------------------------------------------------------------------- 1 | save-exact = true 2 | package-lock = false 3 | -------------------------------------------------------------------------------- /examples/job-listings-with-filtering/.npmrc: -------------------------------------------------------------------------------- 1 | save-exact = true 2 | package-lock = false 3 | -------------------------------------------------------------------------------- /examples/launch-countdown-timer/src/vite-env.d.ts: -------------------------------------------------------------------------------- 1 | /// 2 | -------------------------------------------------------------------------------- /examples/mortgage-repayment-calculator/.npmrc: -------------------------------------------------------------------------------- 1 | save-exact = true 2 | package-lock = false 3 | -------------------------------------------------------------------------------- /examples/newsletter-signup-form/src/vite-env.d.ts: -------------------------------------------------------------------------------- 1 | /// 2 | -------------------------------------------------------------------------------- /examples/product-preview-card/src/vite-env.d.ts: -------------------------------------------------------------------------------- 1 | /// 2 | -------------------------------------------------------------------------------- /examples/result-summary-component/src/vite-env.d.ts: -------------------------------------------------------------------------------- 1 | /// 2 | -------------------------------------------------------------------------------- /bau-ui/examples/bau-ui-template-ts/src/vite-env.d.ts: -------------------------------------------------------------------------------- 1 | /// 2 | -------------------------------------------------------------------------------- /examples/interactive-comments-section/src/vite-env.d.ts: -------------------------------------------------------------------------------- 1 | /// 2 | -------------------------------------------------------------------------------- /examples/interactive-rating-component/src/vite-env.d.ts: -------------------------------------------------------------------------------- 1 | /// 2 | -------------------------------------------------------------------------------- /examples/job-listings-with-filtering/src/vite-env.d.ts: -------------------------------------------------------------------------------- 1 | /// 2 | -------------------------------------------------------------------------------- /examples/mortgage-repayment-calculator/src/vite-env.d.ts: -------------------------------------------------------------------------------- 1 | /// 2 | -------------------------------------------------------------------------------- /bausaurus/example/bausaurus-doc/docs/Styling.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: Styling 3 | --- 4 | 5 | Styling 6 | -------------------------------------------------------------------------------- /examples/bau-tailwind/src/input.css: -------------------------------------------------------------------------------- 1 | @tailwind base; 2 | @tailwind components; 3 | @tailwind utilities; 4 | -------------------------------------------------------------------------------- /bau-css/examples/bau-bau-css/README.md: -------------------------------------------------------------------------------- 1 | # bau-css with bau 2 | 3 | Example on how to use bau-css with bau. 4 | -------------------------------------------------------------------------------- /bau-ui/examples/bau-storybook/README.md: -------------------------------------------------------------------------------- 1 | # bau-css with bau 2 | 3 | Example on how to use bau-css with bau. 4 | -------------------------------------------------------------------------------- /bau-ui/.npmignore: -------------------------------------------------------------------------------- 1 | examples/ 2 | test 3 | node_modules 4 | *.log 5 | .vscode 6 | *.tgz 7 | my-component/ 8 | docs 9 | -------------------------------------------------------------------------------- /examples/grid-layout/src/style.css: -------------------------------------------------------------------------------- 1 | :root { 2 | font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif; 3 | } 4 | -------------------------------------------------------------------------------- /examples/todo-minimal/style.css: -------------------------------------------------------------------------------- 1 | :root { 2 | font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif; 3 | } 4 | -------------------------------------------------------------------------------- /bausaurus/.npmignore: -------------------------------------------------------------------------------- 1 | package-lock.json 2 | node_modules/ 3 | .env 4 | .nyc_output 5 | coverage 6 | *.log 7 | .vscode/ 8 | examples/ -------------------------------------------------------------------------------- /bausaurus/bausaurus-core/constants.js: -------------------------------------------------------------------------------- 1 | export const docPath = "/docs/"; 2 | export const hashMapFile = `${docPath}hashmap.json`; 3 | -------------------------------------------------------------------------------- /bausaurus/example/bausaurus-template/docs/navbar.json: -------------------------------------------------------------------------------- 1 | { 2 | "children": [{ "data": { "name": "index.md" }, "index": true }] 3 | } 4 | -------------------------------------------------------------------------------- /examples/exchange-rate/public/img/money.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/grucloud/bau/HEAD/examples/exchange-rate/public/img/money.png -------------------------------------------------------------------------------- /examples/bau-tailwind/postcss.config.js: -------------------------------------------------------------------------------- 1 | export default { 2 | plugins: { 3 | tailwindcss: {}, 4 | autoprefixer: {}, 5 | }, 6 | } 7 | -------------------------------------------------------------------------------- /examples/benchmark/css/currentStyle.css: -------------------------------------------------------------------------------- 1 | @import url("/node_modules/bootstrap/dist/css/bootstrap.min.css"); 2 | @import url("/css/main.css"); 3 | -------------------------------------------------------------------------------- /examples/highlight/src/context.ts: -------------------------------------------------------------------------------- 1 | import Bau from "@grucloud/bau"; 2 | 3 | export type Context = { 4 | bau: ReturnType; 5 | }; 6 | -------------------------------------------------------------------------------- /examples/lifecycle/src/context.ts: -------------------------------------------------------------------------------- 1 | import Bau from "@grucloud/bau"; 2 | 3 | export type Context = { 4 | bau: ReturnType; 5 | }; 6 | -------------------------------------------------------------------------------- /examples/bau-kit/.npmignore: -------------------------------------------------------------------------------- 1 | # dependencies 2 | /node_modules 3 | /coverage 4 | .DS_Store 5 | 6 | npm-debug.log* 7 | yarn-debug.log* 8 | yarn-error.log* -------------------------------------------------------------------------------- /bau-ui/examples/bau-storybook/src/pagesListData.js: -------------------------------------------------------------------------------- 1 | export const pagesList = () => [ 2 | { 3 | name: "Login", 4 | id: "login", 5 | }, 6 | ]; 7 | -------------------------------------------------------------------------------- /bau-astro/examples/bau-astro-simple/.vscode/extensions.json: -------------------------------------------------------------------------------- 1 | { 2 | "recommendations": ["astro-build.astro-vscode"], 3 | "unwantedRecommendations": [] 4 | } 5 | -------------------------------------------------------------------------------- /bausaurus/example/bausaurus-template/docs/index.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: "Introduction" 3 | --- 4 | 5 | **Bausaurus** is Static Site Generator (SSG) built with Bau. 6 | -------------------------------------------------------------------------------- /examples/bento-grid/public/assets/images/favicon-32x32.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/grucloud/bau/HEAD/examples/bento-grid/public/assets/images/favicon-32x32.png -------------------------------------------------------------------------------- /examples/calculator/public/assets/images/favicon-32x32.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/grucloud/bau/HEAD/examples/calculator/public/assets/images/favicon-32x32.png -------------------------------------------------------------------------------- /examples/contact-form/public/assets/images/favicon-32x32.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/grucloud/bau/HEAD/examples/contact-form/public/assets/images/favicon-32x32.png -------------------------------------------------------------------------------- /examples/recipePage/public/assets/images/favicon-32x32.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/grucloud/bau/HEAD/examples/recipePage/public/assets/images/favicon-32x32.png -------------------------------------------------------------------------------- /examples/recipePage/public/assets/images/image-omelette.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/grucloud/bau/HEAD/examples/recipePage/public/assets/images/image-omelette.jpeg -------------------------------------------------------------------------------- /examples/faq-accordion/public/assets/images/favicon-32x32.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/grucloud/bau/HEAD/examples/faq-accordion/public/assets/images/favicon-32x32.png -------------------------------------------------------------------------------- /examples/news-homepage/public/assets/images/favicon-32x32.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/grucloud/bau/HEAD/examples/news-homepage/public/assets/images/favicon-32x32.png -------------------------------------------------------------------------------- /examples/rest-countries/public/assets/images/favicon-32x32.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/grucloud/bau/HEAD/examples/rest-countries/public/assets/images/favicon-32x32.png -------------------------------------------------------------------------------- /examples/bau-kit/src/pages/admin/header.js: -------------------------------------------------------------------------------- 1 | export const header = ({ tr, bau }) => { 2 | const { header, h1 } = bau.tags; 3 | return () => header(h1(tr("Admin"))); 4 | }; 5 | -------------------------------------------------------------------------------- /examples/blog-preview-card/public/assets/images/favicon-32x32.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/grucloud/bau/HEAD/examples/blog-preview-card/public/assets/images/favicon-32x32.png -------------------------------------------------------------------------------- /examples/blog-preview-card/public/assets/images/image-avatar.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/grucloud/bau/HEAD/examples/blog-preview-card/public/assets/images/image-avatar.webp -------------------------------------------------------------------------------- /examples/multi-step-form/public/assets/images/favicon-32x32.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/grucloud/bau/HEAD/examples/multi-step-form/public/assets/images/favicon-32x32.png -------------------------------------------------------------------------------- /examples/news-homepage/public/assets/images/image-retro-pcs.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/grucloud/bau/HEAD/examples/news-homepage/public/assets/images/image-retro-pcs.jpg -------------------------------------------------------------------------------- /examples/news-homepage/public/assets/images/image-top-laptops.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/grucloud/bau/HEAD/examples/news-homepage/public/assets/images/image-top-laptops.jpg -------------------------------------------------------------------------------- /examples/product-list-cart/public/assets/images/favicon-32x32.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/grucloud/bau/HEAD/examples/product-list-cart/public/assets/images/favicon-32x32.png -------------------------------------------------------------------------------- /examples/product-list-cart/public/assets/images/image-avatar.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/grucloud/bau/HEAD/examples/product-list-cart/public/assets/images/image-avatar.webp -------------------------------------------------------------------------------- /examples/age-calculator-app/public/assets/images/favicon-32x32.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/grucloud/bau/HEAD/examples/age-calculator-app/public/assets/images/favicon-32x32.png -------------------------------------------------------------------------------- /examples/ip-address-tracker/public/assets/images/favicon-32x32.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/grucloud/bau/HEAD/examples/ip-address-tracker/public/assets/images/favicon-32x32.png -------------------------------------------------------------------------------- /examples/news-homepage/public/assets/images/image-gaming-growth.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/grucloud/bau/HEAD/examples/news-homepage/public/assets/images/image-gaming-growth.jpg -------------------------------------------------------------------------------- /examples/news-homepage/public/assets/images/image-web-3-desktop.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/grucloud/bau/HEAD/examples/news-homepage/public/assets/images/image-web-3-desktop.jpg -------------------------------------------------------------------------------- /examples/news-homepage/public/assets/images/image-web-3-mobile.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/grucloud/bau/HEAD/examples/news-homepage/public/assets/images/image-web-3-mobile.jpg -------------------------------------------------------------------------------- /examples/social-link-profile/public/assets/images/favicon-32x32.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/grucloud/bau/HEAD/examples/social-link-profile/public/assets/images/favicon-32x32.png -------------------------------------------------------------------------------- /examples/bento-grid/public/assets/images/illustration-ai-content.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/grucloud/bau/HEAD/examples/bento-grid/public/assets/images/illustration-ai-content.webp -------------------------------------------------------------------------------- /examples/bento-grid/public/assets/images/illustration-create-post.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/grucloud/bau/HEAD/examples/bento-grid/public/assets/images/illustration-create-post.webp -------------------------------------------------------------------------------- /examples/bento-grid/public/assets/images/illustration-five-stars.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/grucloud/bau/HEAD/examples/bento-grid/public/assets/images/illustration-five-stars.webp -------------------------------------------------------------------------------- /examples/e-commerce-product-page/public/assets/images/image-avatar.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/grucloud/bau/HEAD/examples/e-commerce-product-page/public/assets/images/image-avatar.png -------------------------------------------------------------------------------- /examples/ip-address-tracker/public/assets/images/pattern-bg-mobile.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/grucloud/bau/HEAD/examples/ip-address-tracker/public/assets/images/pattern-bg-mobile.png -------------------------------------------------------------------------------- /examples/launch-countdown-timer/public/assets/images/favicon-32x32.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/grucloud/bau/HEAD/examples/launch-countdown-timer/public/assets/images/favicon-32x32.png -------------------------------------------------------------------------------- /examples/newsletter-signup-form/public/assets/images/favicon-32x32.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/grucloud/bau/HEAD/examples/newsletter-signup-form/public/assets/images/favicon-32x32.png -------------------------------------------------------------------------------- /examples/product-list-cart/public/assets/images/image-cake-desktop.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/grucloud/bau/HEAD/examples/product-list-cart/public/assets/images/image-cake-desktop.jpg -------------------------------------------------------------------------------- /examples/product-list-cart/public/assets/images/image-cake-mobile.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/grucloud/bau/HEAD/examples/product-list-cart/public/assets/images/image-cake-mobile.jpg -------------------------------------------------------------------------------- /examples/product-list-cart/public/assets/images/image-cake-tablet.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/grucloud/bau/HEAD/examples/product-list-cart/public/assets/images/image-cake-tablet.jpg -------------------------------------------------------------------------------- /examples/product-preview-card/public/assets/images/favicon-32x32.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/grucloud/bau/HEAD/examples/product-preview-card/public/assets/images/favicon-32x32.png -------------------------------------------------------------------------------- /examples/social-link-profile/public/assets/images/avatar-jessica.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/grucloud/bau/HEAD/examples/social-link-profile/public/assets/images/avatar-jessica.jpeg -------------------------------------------------------------------------------- /bau-ui/examples/bau-storybook/src/notFoundRoute.js: -------------------------------------------------------------------------------- 1 | export const notFoundRouteDefault = (context) => ({ 2 | title: context.tr("Page Not Found"), 3 | component: () => "Not Found", 4 | }); 5 | -------------------------------------------------------------------------------- /examples/bau-kit/src/pages/notFound.js: -------------------------------------------------------------------------------- 1 | export default function (context) { 2 | const { bau, tr } = context; 3 | const { div } = bau.tags; 4 | return () => div(tr("NotFound")); 5 | } 6 | -------------------------------------------------------------------------------- /examples/e-commerce-product-page/public/assets/images/favicon-32x32.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/grucloud/bau/HEAD/examples/e-commerce-product-page/public/assets/images/favicon-32x32.png -------------------------------------------------------------------------------- /examples/ip-address-tracker/public/assets/images/pattern-bg-desktop.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/grucloud/bau/HEAD/examples/ip-address-tracker/public/assets/images/pattern-bg-desktop.png -------------------------------------------------------------------------------- /examples/product-list-cart/public/assets/images/image-baklava-mobile.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/grucloud/bau/HEAD/examples/product-list-cart/public/assets/images/image-baklava-mobile.jpg -------------------------------------------------------------------------------- /examples/product-list-cart/public/assets/images/image-baklava-tablet.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/grucloud/bau/HEAD/examples/product-list-cart/public/assets/images/image-baklava-tablet.jpg -------------------------------------------------------------------------------- /examples/product-list-cart/public/assets/images/image-brownie-mobile.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/grucloud/bau/HEAD/examples/product-list-cart/public/assets/images/image-brownie-mobile.jpg -------------------------------------------------------------------------------- /examples/product-list-cart/public/assets/images/image-brownie-tablet.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/grucloud/bau/HEAD/examples/product-list-cart/public/assets/images/image-brownie-tablet.jpg -------------------------------------------------------------------------------- /examples/product-list-cart/public/assets/images/image-cake-thumbnail.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/grucloud/bau/HEAD/examples/product-list-cart/public/assets/images/image-cake-thumbnail.jpg -------------------------------------------------------------------------------- /examples/product-list-cart/public/assets/images/image-macaron-mobile.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/grucloud/bau/HEAD/examples/product-list-cart/public/assets/images/image-macaron-mobile.jpg -------------------------------------------------------------------------------- /examples/product-list-cart/public/assets/images/image-macaron-tablet.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/grucloud/bau/HEAD/examples/product-list-cart/public/assets/images/image-macaron-tablet.jpg -------------------------------------------------------------------------------- /examples/product-list-cart/public/assets/images/image-waffle-desktop.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/grucloud/bau/HEAD/examples/product-list-cart/public/assets/images/image-waffle-desktop.jpg -------------------------------------------------------------------------------- /examples/product-list-cart/public/assets/images/image-waffle-mobile.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/grucloud/bau/HEAD/examples/product-list-cart/public/assets/images/image-waffle-mobile.jpg -------------------------------------------------------------------------------- /examples/product-list-cart/public/assets/images/image-waffle-tablet.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/grucloud/bau/HEAD/examples/product-list-cart/public/assets/images/image-waffle-tablet.jpg -------------------------------------------------------------------------------- /examples/result-summary-component/public/assets/images/favicon-32x32.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/grucloud/bau/HEAD/examples/result-summary-component/public/assets/images/favicon-32x32.png -------------------------------------------------------------------------------- /.vscode/extensions.json: -------------------------------------------------------------------------------- 1 | { 2 | "recommendations": [ 3 | "zixuanchen.vitest-explorer", 4 | "esbenp.prettier-vscode", 5 | "styled-components.vscode-styled-components" 6 | ] 7 | } 8 | -------------------------------------------------------------------------------- /examples/bento-grid/public/assets/images/illustration-audience-growth.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/grucloud/bau/HEAD/examples/bento-grid/public/assets/images/illustration-audience-growth.webp -------------------------------------------------------------------------------- /examples/bento-grid/public/assets/images/illustration-grow-followers.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/grucloud/bau/HEAD/examples/bento-grid/public/assets/images/illustration-grow-followers.webp -------------------------------------------------------------------------------- /examples/bento-grid/public/assets/images/illustration-schedule-posts.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/grucloud/bau/HEAD/examples/bento-grid/public/assets/images/illustration-schedule-posts.webp -------------------------------------------------------------------------------- /examples/e-commerce-product-page/public/assets/images/image-product-1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/grucloud/bau/HEAD/examples/e-commerce-product-page/public/assets/images/image-product-1.jpg -------------------------------------------------------------------------------- /examples/e-commerce-product-page/public/assets/images/image-product-2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/grucloud/bau/HEAD/examples/e-commerce-product-page/public/assets/images/image-product-2.jpg -------------------------------------------------------------------------------- /examples/e-commerce-product-page/public/assets/images/image-product-3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/grucloud/bau/HEAD/examples/e-commerce-product-page/public/assets/images/image-product-3.jpg -------------------------------------------------------------------------------- /examples/e-commerce-product-page/public/assets/images/image-product-4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/grucloud/bau/HEAD/examples/e-commerce-product-page/public/assets/images/image-product-4.jpg -------------------------------------------------------------------------------- /examples/job-listings-with-filtering/public/assets/images/favicon-32x32.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/grucloud/bau/HEAD/examples/job-listings-with-filtering/public/assets/images/favicon-32x32.png -------------------------------------------------------------------------------- /examples/product-list-cart/public/assets/images/image-baklava-desktop.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/grucloud/bau/HEAD/examples/product-list-cart/public/assets/images/image-baklava-desktop.jpg -------------------------------------------------------------------------------- /examples/product-list-cart/public/assets/images/image-baklava-thumbnail.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/grucloud/bau/HEAD/examples/product-list-cart/public/assets/images/image-baklava-thumbnail.jpg -------------------------------------------------------------------------------- /examples/product-list-cart/public/assets/images/image-brownie-desktop.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/grucloud/bau/HEAD/examples/product-list-cart/public/assets/images/image-brownie-desktop.jpg -------------------------------------------------------------------------------- /examples/product-list-cart/public/assets/images/image-brownie-thumbnail.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/grucloud/bau/HEAD/examples/product-list-cart/public/assets/images/image-brownie-thumbnail.jpg -------------------------------------------------------------------------------- /examples/product-list-cart/public/assets/images/image-macaron-desktop.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/grucloud/bau/HEAD/examples/product-list-cart/public/assets/images/image-macaron-desktop.jpg -------------------------------------------------------------------------------- /examples/product-list-cart/public/assets/images/image-macaron-thumbnail.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/grucloud/bau/HEAD/examples/product-list-cart/public/assets/images/image-macaron-thumbnail.jpg -------------------------------------------------------------------------------- /examples/product-list-cart/public/assets/images/image-meringue-desktop.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/grucloud/bau/HEAD/examples/product-list-cart/public/assets/images/image-meringue-desktop.jpg -------------------------------------------------------------------------------- /examples/product-list-cart/public/assets/images/image-meringue-mobile.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/grucloud/bau/HEAD/examples/product-list-cart/public/assets/images/image-meringue-mobile.jpg -------------------------------------------------------------------------------- /examples/product-list-cart/public/assets/images/image-meringue-tablet.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/grucloud/bau/HEAD/examples/product-list-cart/public/assets/images/image-meringue-tablet.jpg -------------------------------------------------------------------------------- /examples/product-list-cart/public/assets/images/image-tiramisu-desktop.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/grucloud/bau/HEAD/examples/product-list-cart/public/assets/images/image-tiramisu-desktop.jpg -------------------------------------------------------------------------------- /examples/product-list-cart/public/assets/images/image-tiramisu-mobile.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/grucloud/bau/HEAD/examples/product-list-cart/public/assets/images/image-tiramisu-mobile.jpg -------------------------------------------------------------------------------- /examples/product-list-cart/public/assets/images/image-tiramisu-tablet.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/grucloud/bau/HEAD/examples/product-list-cart/public/assets/images/image-tiramisu-tablet.jpg -------------------------------------------------------------------------------- /examples/product-list-cart/public/assets/images/image-waffle-thumbnail.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/grucloud/bau/HEAD/examples/product-list-cart/public/assets/images/image-waffle-thumbnail.jpg -------------------------------------------------------------------------------- /examples/product-preview-card/public/assets/images/image-product-mobile.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/grucloud/bau/HEAD/examples/product-preview-card/public/assets/images/image-product-mobile.jpg -------------------------------------------------------------------------------- /examples/bento-grid/public/assets/images/illustration-multiple-platforms.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/grucloud/bau/HEAD/examples/bento-grid/public/assets/images/illustration-multiple-platforms.webp -------------------------------------------------------------------------------- /examples/interactive-comments-section/public/assets/images/favicon-32x32.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/grucloud/bau/HEAD/examples/interactive-comments-section/public/assets/images/favicon-32x32.png -------------------------------------------------------------------------------- /examples/interactive-rating-component/public/assets/images/favicon-32x32.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/grucloud/bau/HEAD/examples/interactive-rating-component/public/assets/images/favicon-32x32.png -------------------------------------------------------------------------------- /examples/ip-address-tracker/public/assets/images/icon-arrow.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /examples/mortgage-repayment-calculator/public/assets/images/favicon-32x32.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/grucloud/bau/HEAD/examples/mortgage-repayment-calculator/public/assets/images/favicon-32x32.png -------------------------------------------------------------------------------- /examples/product-list-cart/public/assets/images/image-creme-brulee-mobile.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/grucloud/bau/HEAD/examples/product-list-cart/public/assets/images/image-creme-brulee-mobile.jpg -------------------------------------------------------------------------------- /examples/product-list-cart/public/assets/images/image-creme-brulee-tablet.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/grucloud/bau/HEAD/examples/product-list-cart/public/assets/images/image-creme-brulee-tablet.jpg -------------------------------------------------------------------------------- /examples/product-list-cart/public/assets/images/image-meringue-thumbnail.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/grucloud/bau/HEAD/examples/product-list-cart/public/assets/images/image-meringue-thumbnail.jpg -------------------------------------------------------------------------------- /examples/product-list-cart/public/assets/images/image-panna-cotta-desktop.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/grucloud/bau/HEAD/examples/product-list-cart/public/assets/images/image-panna-cotta-desktop.jpg -------------------------------------------------------------------------------- /examples/product-list-cart/public/assets/images/image-panna-cotta-mobile.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/grucloud/bau/HEAD/examples/product-list-cart/public/assets/images/image-panna-cotta-mobile.jpg -------------------------------------------------------------------------------- /examples/product-list-cart/public/assets/images/image-panna-cotta-tablet.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/grucloud/bau/HEAD/examples/product-list-cart/public/assets/images/image-panna-cotta-tablet.jpg -------------------------------------------------------------------------------- /examples/product-list-cart/public/assets/images/image-tiramisu-thumbnail.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/grucloud/bau/HEAD/examples/product-list-cart/public/assets/images/image-tiramisu-thumbnail.jpg -------------------------------------------------------------------------------- /examples/product-preview-card/public/assets/images/image-product-desktop.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/grucloud/bau/HEAD/examples/product-preview-card/public/assets/images/image-product-desktop.jpg -------------------------------------------------------------------------------- /examples/bento-grid/public/assets/images/illustration-consistent-schedule.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/grucloud/bau/HEAD/examples/bento-grid/public/assets/images/illustration-consistent-schedule.webp -------------------------------------------------------------------------------- /examples/product-list-cart/public/assets/images/image-creme-brulee-desktop.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/grucloud/bau/HEAD/examples/product-list-cart/public/assets/images/image-creme-brulee-desktop.jpg -------------------------------------------------------------------------------- /examples/product-list-cart/public/assets/images/image-creme-brulee-thumbnail.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/grucloud/bau/HEAD/examples/product-list-cart/public/assets/images/image-creme-brulee-thumbnail.jpg -------------------------------------------------------------------------------- /examples/product-list-cart/public/assets/images/image-panna-cotta-thumbnail.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/grucloud/bau/HEAD/examples/product-list-cart/public/assets/images/image-panna-cotta-thumbnail.jpg -------------------------------------------------------------------------------- /examples/e-commerce-product-page/public/assets/images/image-product-1-thumbnail.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/grucloud/bau/HEAD/examples/e-commerce-product-page/public/assets/images/image-product-1-thumbnail.jpg -------------------------------------------------------------------------------- /examples/e-commerce-product-page/public/assets/images/image-product-2-thumbnail.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/grucloud/bau/HEAD/examples/e-commerce-product-page/public/assets/images/image-product-2-thumbnail.jpg -------------------------------------------------------------------------------- /examples/e-commerce-product-page/public/assets/images/image-product-3-thumbnail.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/grucloud/bau/HEAD/examples/e-commerce-product-page/public/assets/images/image-product-3-thumbnail.jpg -------------------------------------------------------------------------------- /examples/e-commerce-product-page/public/assets/images/image-product-4-thumbnail.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/grucloud/bau/HEAD/examples/e-commerce-product-page/public/assets/images/image-product-4-thumbnail.jpg -------------------------------------------------------------------------------- /examples/new-year-countdown/style.css: -------------------------------------------------------------------------------- 1 | @import url("https://fonts.googleapis.com/css?family=Lato&display=swap"); 2 | 3 | * { 4 | box-sizing: border-box; 5 | } 6 | 7 | body * { 8 | z-index: 1; 9 | } 10 | -------------------------------------------------------------------------------- /examples/e-commerce-product-page/public/assets/images/icon-next.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /examples/gccd/src/initialScreenFadeOut.ts: -------------------------------------------------------------------------------- 1 | export function initialScreenFadeOut() { 2 | const loading = document.getElementById("loading"); 3 | if (loading) { 4 | loading.classList.add("m-fadeOut"); 5 | } 6 | } 7 | -------------------------------------------------------------------------------- /examples/interactive-comments-section/public/assets/images/avatars/image-amyrobson.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/grucloud/bau/HEAD/examples/interactive-comments-section/public/assets/images/avatars/image-amyrobson.png -------------------------------------------------------------------------------- /examples/interactive-comments-section/public/assets/images/avatars/image-amyrobson.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/grucloud/bau/HEAD/examples/interactive-comments-section/public/assets/images/avatars/image-amyrobson.webp -------------------------------------------------------------------------------- /examples/interactive-comments-section/public/assets/images/avatars/image-juliusomo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/grucloud/bau/HEAD/examples/interactive-comments-section/public/assets/images/avatars/image-juliusomo.png -------------------------------------------------------------------------------- /examples/interactive-comments-section/public/assets/images/avatars/image-juliusomo.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/grucloud/bau/HEAD/examples/interactive-comments-section/public/assets/images/avatars/image-juliusomo.webp -------------------------------------------------------------------------------- /examples/interactive-comments-section/public/assets/images/avatars/image-maxblagun.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/grucloud/bau/HEAD/examples/interactive-comments-section/public/assets/images/avatars/image-maxblagun.png -------------------------------------------------------------------------------- /examples/interactive-comments-section/public/assets/images/avatars/image-maxblagun.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/grucloud/bau/HEAD/examples/interactive-comments-section/public/assets/images/avatars/image-maxblagun.webp -------------------------------------------------------------------------------- /examples/product-list-cart/public/assets/images/icon-decrement-quantity.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /examples/bau-kit/src/pages/landing/header.js: -------------------------------------------------------------------------------- 1 | export const header = ({ tr, bau }) => { 2 | const { header, h1 } = bau.tags; 3 | return function Header() { 4 | return header(h1(tr("Landing Page"))); 5 | }; 6 | }; 7 | -------------------------------------------------------------------------------- /examples/e-commerce-product-page/public/assets/images/icon-menu.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /examples/interactive-comments-section/public/assets/images/avatars/image-ramsesmiron.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/grucloud/bau/HEAD/examples/interactive-comments-section/public/assets/images/avatars/image-ramsesmiron.png -------------------------------------------------------------------------------- /examples/interactive-comments-section/public/assets/images/avatars/image-ramsesmiron.webp: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/grucloud/bau/HEAD/examples/interactive-comments-section/public/assets/images/avatars/image-ramsesmiron.webp -------------------------------------------------------------------------------- /examples/bau-kit/src/utils/initialScreenFadeOut.js: -------------------------------------------------------------------------------- 1 | export function initialScreenFadeOut() { 2 | const loading = document.getElementById("loading"); 3 | if (loading) { 4 | loading.classList.add("m-fadeOut"); 5 | } 6 | } 7 | -------------------------------------------------------------------------------- /examples/e-commerce-product-page/public/assets/images/icon-previous.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /examples/multi-step-form/public/assets/images/icon-checkmark.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /bau-css/examples/react-bau-css/vite.config.js: -------------------------------------------------------------------------------- 1 | import { defineConfig } from 'vite' 2 | import react from '@vitejs/plugin-react' 3 | 4 | // https://vitejs.dev/config/ 5 | export default defineConfig({ 6 | plugins: [react()], 7 | }) 8 | -------------------------------------------------------------------------------- /examples/bau-d3/vite.config.js: -------------------------------------------------------------------------------- 1 | import { defineConfig } from "vite"; 2 | 3 | export default defineConfig(({ command, mode, ssrBuild }) => { 4 | return { 5 | server: { 6 | open: true, 7 | }, 8 | }; 9 | }); 10 | -------------------------------------------------------------------------------- /examples/button/vite.config.js: -------------------------------------------------------------------------------- 1 | import { defineConfig } from "vite"; 2 | 3 | export default defineConfig(({ command, mode, ssrBuild }) => { 4 | return { 5 | server: { 6 | open: true, 7 | }, 8 | }; 9 | }); 10 | -------------------------------------------------------------------------------- /examples/counter/vite.config.js: -------------------------------------------------------------------------------- 1 | import { defineConfig } from "vite"; 2 | 3 | export default defineConfig(({ command, mode, ssrBuild }) => { 4 | return { 5 | server: { 6 | open: true, 7 | }, 8 | }; 9 | }); 10 | -------------------------------------------------------------------------------- /examples/derive/vite.config.js: -------------------------------------------------------------------------------- 1 | import { defineConfig } from "vite"; 2 | 3 | export default defineConfig(({ command, mode, ssrBuild }) => { 4 | return { 5 | server: { 6 | open: true, 7 | }, 8 | }; 9 | }); 10 | -------------------------------------------------------------------------------- /examples/gccd/src/utils/authUtils.ts: -------------------------------------------------------------------------------- 1 | export const getAccessToken = 2 | ({ window }: { window: Window }) => 3 | (regex: RegExp) => { 4 | var match = regex.exec(window.document.cookie); 5 | return match && match[1]; 6 | }; 7 | -------------------------------------------------------------------------------- /examples/mathml/vite.config.js: -------------------------------------------------------------------------------- 1 | import { defineConfig } from "vite"; 2 | 3 | export default defineConfig(({ command, mode, ssrBuild }) => { 4 | return { 5 | server: { 6 | open: true, 7 | }, 8 | }; 9 | }); 10 | -------------------------------------------------------------------------------- /examples/todoapp/vite.config.js: -------------------------------------------------------------------------------- 1 | import { defineConfig } from "vite"; 2 | 3 | export default defineConfig(({ command, mode, ssrBuild }) => { 4 | return { 5 | server: { 6 | open: true, 7 | }, 8 | }; 9 | }); 10 | -------------------------------------------------------------------------------- /bau-ui/examples/bau-storybook/src/initialScreenFadeOut.js: -------------------------------------------------------------------------------- 1 | export function initialScreenFadeOut() { 2 | const loading = document.getElementById("loading"); 3 | if (loading) { 4 | loading.classList.add("m-fadeOut"); 5 | } 6 | } 7 | -------------------------------------------------------------------------------- /bausaurus/example/bausaurus-doc/src/common/context.js: -------------------------------------------------------------------------------- 1 | import createContext from "@grucloud/bausaurus-core/context.js"; 2 | 3 | export default function () { 4 | return createContext({ window, config: { base: "/bau/bausaurus/" } }); 5 | } 6 | -------------------------------------------------------------------------------- /examples/bau-tailwind/tailwind.config.js: -------------------------------------------------------------------------------- 1 | /** @type {import('tailwindcss').Config} */ 2 | export default { 3 | content: ["./src/**/*.{html,js,ts}", "./index.html"], 4 | theme: { 5 | extend: {}, 6 | }, 7 | plugins: [], 8 | }; 9 | -------------------------------------------------------------------------------- /examples/bau-tailwind/vite.config.js: -------------------------------------------------------------------------------- 1 | import { defineConfig } from "vite"; 2 | 3 | export default defineConfig(({ command, mode, ssrBuild }) => { 4 | return { 5 | server: { 6 | open: true, 7 | }, 8 | }; 9 | }); 10 | -------------------------------------------------------------------------------- /examples/exchange-rate/vite.config.js: -------------------------------------------------------------------------------- 1 | import { defineConfig } from "vite"; 2 | 3 | export default defineConfig(({ command, mode, ssrBuild }) => { 4 | return { 5 | server: { 6 | open: true, 7 | }, 8 | }; 9 | }); 10 | -------------------------------------------------------------------------------- /examples/fetch-data/vite.config.js: -------------------------------------------------------------------------------- 1 | import { defineConfig } from "vite"; 2 | 3 | export default defineConfig(({ command, mode, ssrBuild }) => { 4 | return { 5 | server: { 6 | open: true, 7 | }, 8 | }; 9 | }); 10 | -------------------------------------------------------------------------------- /examples/form-login/vite.config.js: -------------------------------------------------------------------------------- 1 | import { defineConfig } from "vite"; 2 | 3 | export default defineConfig(({ command, mode, ssrBuild }) => { 4 | return { 5 | server: { 6 | open: true, 7 | }, 8 | }; 9 | }); 10 | -------------------------------------------------------------------------------- /examples/grid-layout/vite.config.js: -------------------------------------------------------------------------------- 1 | import { defineConfig } from "vite"; 2 | 3 | export default defineConfig(({ command, mode, ssrBuild }) => { 4 | return { 5 | server: { 6 | open: true, 7 | }, 8 | }; 9 | }); 10 | -------------------------------------------------------------------------------- /examples/highlight/vite.config.js: -------------------------------------------------------------------------------- 1 | import { defineConfig } from "vite"; 2 | 3 | export default defineConfig(({ command, mode, ssrBuild }) => { 4 | return { 5 | server: { 6 | open: true, 7 | }, 8 | }; 9 | }); 10 | -------------------------------------------------------------------------------- /examples/lifecycle/vite.config.js: -------------------------------------------------------------------------------- 1 | import { defineConfig } from "vite"; 2 | 3 | export default defineConfig(({ command, mode, ssrBuild }) => { 4 | return { 5 | server: { 6 | open: true, 7 | }, 8 | }; 9 | }); 10 | -------------------------------------------------------------------------------- /examples/news-homepage/public/assets/images/icon-menu.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /examples/playground/vite.config.js: -------------------------------------------------------------------------------- 1 | import { defineConfig } from "vite"; 2 | 3 | export default defineConfig(({ command, mode, ssrBuild }) => { 4 | return { 5 | server: { 6 | open: true, 7 | }, 8 | }; 9 | }); 10 | -------------------------------------------------------------------------------- /examples/todo-minimal/vite.config.js: -------------------------------------------------------------------------------- 1 | import { defineConfig } from "vite"; 2 | 3 | export default defineConfig(({ command, mode, ssrBuild }) => { 4 | return { 5 | server: { 6 | open: true, 7 | }, 8 | }; 9 | }); 10 | -------------------------------------------------------------------------------- /examples/tree-view/vite.config.js: -------------------------------------------------------------------------------- 1 | import { defineConfig } from "vite"; 2 | 3 | export default defineConfig(({ command, mode, ssrBuild }) => { 4 | return { 5 | server: { 6 | open: true, 7 | }, 8 | }; 9 | }); 10 | -------------------------------------------------------------------------------- /bau/examples/bau-ts-test/vite.config.js: -------------------------------------------------------------------------------- 1 | import { defineConfig } from "vite"; 2 | 3 | export default defineConfig(({ command, mode, ssrBuild }) => { 4 | return { 5 | server: { 6 | open: true, 7 | }, 8 | }; 9 | }); 10 | -------------------------------------------------------------------------------- /examples/bau-ace-editor/vite.config.js: -------------------------------------------------------------------------------- 1 | import { defineConfig } from "vite"; 2 | 3 | export default defineConfig(({ command, mode, ssrBuild }) => { 4 | return { 5 | server: { 6 | open: true, 7 | }, 8 | }; 9 | }); 10 | -------------------------------------------------------------------------------- /examples/e-commerce-product-page/src/utils.ts: -------------------------------------------------------------------------------- 1 | const locale = "en-US"; 2 | const currency = "USD"; 3 | 4 | export const formatCurrency = (number: number) => 5 | new Intl.NumberFormat(locale, { style: "currency", currency }).format(number); 6 | -------------------------------------------------------------------------------- /examples/grid-layout/src/context.js: -------------------------------------------------------------------------------- 1 | import Bau from "@grucloud/bau"; 2 | import BauCss from "@grucloud/bau-css"; 3 | 4 | export default function createContext() { 5 | return { 6 | bau: Bau(), 7 | ...BauCss(), 8 | }; 9 | } 10 | -------------------------------------------------------------------------------- /examples/list-drag-drop/vite.config.js: -------------------------------------------------------------------------------- 1 | import { defineConfig } from "vite"; 2 | 3 | export default defineConfig(({ command, mode, ssrBuild }) => { 4 | return { 5 | server: { 6 | open: true, 7 | }, 8 | }; 9 | }); 10 | -------------------------------------------------------------------------------- /examples/new-year-countdown/vite.config.js: -------------------------------------------------------------------------------- 1 | import { defineConfig } from "vite"; 2 | 3 | export default defineConfig(({ command, mode, ssrBuild }) => { 4 | return { 5 | server: { 6 | open: true, 7 | }, 8 | }; 9 | }); 10 | -------------------------------------------------------------------------------- /bausaurus/example/bausaurus-doc/README.md: -------------------------------------------------------------------------------- 1 | # Bausaurus: Static Site Generation 2 | 3 | This is the Bausaurus Documentation built with Bausaurus. 4 | 5 | Consult the [documentation](https://grucloud.github.io/bau/bausaurus/) for more informations. 6 | -------------------------------------------------------------------------------- /examples/e-commerce-product-page/src/notFoundRoute.ts: -------------------------------------------------------------------------------- 1 | import { type Context } from "@grucloud/bau-ui/context"; 2 | 3 | export const notFoundRouteDefault = (_: Context) => ({ 4 | title: "Page Not Found", 5 | component: () => "Not Found", 6 | }); 7 | -------------------------------------------------------------------------------- /examples/form-stateless-login/vite.config.js: -------------------------------------------------------------------------------- 1 | import { defineConfig } from "vite"; 2 | 3 | export default defineConfig(({ command, mode, ssrBuild }) => { 4 | return { 5 | server: { 6 | open: true, 7 | }, 8 | }; 9 | }); 10 | -------------------------------------------------------------------------------- /examples/gccd/src/notFoundRoute.ts: -------------------------------------------------------------------------------- 1 | import { type Context } from "@grucloud/bau-ui/context"; 2 | 3 | export const notFoundRouteDefault = (context: Context) => ({ 4 | title: context.tr("Page Not Found"), 5 | component: () => "Not Found", 6 | }); 7 | -------------------------------------------------------------------------------- /bau-ui/examples/bau-ui-template-js/vite.config.js: -------------------------------------------------------------------------------- 1 | import { defineConfig } from "vite"; 2 | 3 | export default defineConfig(({ command, mode, ssrBuild }) => { 4 | return { 5 | server: { 6 | open: true, 7 | }, 8 | }; 9 | }); 10 | -------------------------------------------------------------------------------- /bau-ui/examples/bau-ui-template-ts/vite.config.js: -------------------------------------------------------------------------------- 1 | import { defineConfig } from "vite"; 2 | 3 | export default defineConfig(({ command, mode, ssrBuild }) => { 4 | return { 5 | server: { 6 | open: true, 7 | }, 8 | }; 9 | }); 10 | -------------------------------------------------------------------------------- /bau-astro/examples/bau-astro-simple/astro.config.mjs: -------------------------------------------------------------------------------- 1 | import { defineConfig } from "astro/config"; 2 | 3 | import bau from "@grucloud/bau-astro"; 4 | 5 | // https://astro.build/config 6 | export default defineConfig({ 7 | integrations: [bau()], 8 | }); 9 | -------------------------------------------------------------------------------- /bau-astro/examples/bau-astro-simple/src/pages/index.astro: -------------------------------------------------------------------------------- 1 | --- 2 | import Layout from "../layouts/Layout.astro"; 3 | import Counter from "../components/Counter"; 4 | --- 5 | 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /examples/bau-kit/src/style.css: -------------------------------------------------------------------------------- 1 | html { 2 | font-family: var(--font-family); 3 | color-scheme: var(--color-scheme); 4 | color: var(--color-content); 5 | } 6 | 7 | html, 8 | body { 9 | height: 100%; 10 | padding: 0; 11 | margin: 0; 12 | } 13 | -------------------------------------------------------------------------------- /examples/grid-layout/src/main.js: -------------------------------------------------------------------------------- 1 | import createContext from "./context"; 2 | import layout from "./Layout"; 3 | 4 | const context = createContext(); 5 | 6 | const Layout = layout(context); 7 | 8 | document.getElementById("app")?.replaceChildren(Layout()); 9 | -------------------------------------------------------------------------------- /bau-ui/README.md: -------------------------------------------------------------------------------- 1 | # BauUI 2 | 3 | A component library built with Bau. 4 | 5 | The library provides 40+ components such as button, input, tabs, tree etc ... 6 | 7 | Visit the [bau-ui website](https://grucloud.github.io/bau/bau-ui/) to see the component gallery. 8 | -------------------------------------------------------------------------------- /examples/product-list-cart/public/assets/images/icon-increment-quantity.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /bau-ui/constants.js: -------------------------------------------------------------------------------- 1 | export const Colors = [ 2 | "neutral", 3 | "primary", 4 | "success", 5 | "danger", 6 | "warning", 7 | //"none", 8 | ]; 9 | export const Variants = ["plain", "outline", "solid"]; 10 | export const Sizes = ["sm", "md", "lg"]; 11 | -------------------------------------------------------------------------------- /bau-ui/pages/login/login.js: -------------------------------------------------------------------------------- 1 | export default function (context, options = {}) { 2 | const { bau, css } = context; 3 | const { div, form, span, pre, h3, h4 } = bau.tags; 4 | 5 | return function Login(props, ...children) { 6 | return div("Login"); 7 | }; 8 | } 9 | -------------------------------------------------------------------------------- /examples/gccd/public/twitter-x-line.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /examples/multi-step-form/src/types.ts: -------------------------------------------------------------------------------- 1 | type Addon = { 2 | // 3 | name: string; 4 | description: string; 5 | pricePerMonth: string; 6 | }; 7 | 8 | type Plan = { 9 | // 10 | name: string; 11 | pricePerMonth: string; 12 | image: string; 13 | }; 14 | -------------------------------------------------------------------------------- /examples/onehtml/README.md: -------------------------------------------------------------------------------- 1 | # Bau in a Single HTML File 2 | 3 | This is an example of how to use _Bau_ within a single HTML file without requiring a bundler such as _Vite_. 4 | 5 | The Bau JavaScript files are downloaded via the CDN [jsDelivr](https://jsdelivr.com). 6 | -------------------------------------------------------------------------------- /bausaurus/example/bausaurus-template/README.md: -------------------------------------------------------------------------------- 1 | # Bausaurus: Static Site Generation 2 | 3 | This is the Bausaurus template for creating static web site from markdown content. 4 | 5 | Consult the [documentation](https://grucloud.github.io/bau/bausaurus/) for more informations. 6 | -------------------------------------------------------------------------------- /examples/product-list-cart/public/assets/images/icon-remove-item.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /bau-router/test/bau-router.test.js: -------------------------------------------------------------------------------- 1 | import { describe, it, vi, expect } from "vitest"; 2 | 3 | import Bau from "@grucloud/bau"; 4 | 5 | const bau = Bau(); 6 | const { div, p, button } = bau.tags; 7 | 8 | describe("BauRouter", async () => { 9 | it("ok", () => {}); 10 | }); 11 | -------------------------------------------------------------------------------- /examples/newsletter-signup-form/public/assets/images/icon-list.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /examples/news-homepage/public/assets/images/icon-menu-close.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /examples/age-calculator-app/public/assets/images/icon-arrow.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /examples/bau-kit/src/utils/context.js: -------------------------------------------------------------------------------- 1 | import Bau from "@grucloud/bau"; 2 | import BauCss from "@grucloud/bau-css"; 3 | 4 | export function createContext(extra = {}) { 5 | return { 6 | bau: Bau(), 7 | ...BauCss(), 8 | tr: (text) => text, 9 | ...extra, 10 | }; 11 | } 12 | -------------------------------------------------------------------------------- /pnpm-workspace.yaml: -------------------------------------------------------------------------------- 1 | packages: 2 | # all packages in direct subdirs of packages/ 3 | - "bau/**" 4 | - "bau-css/**" 5 | - "bau-router/**" 6 | - "bau-ui/**" 7 | - "bausaurus/**" 8 | - "bau-astro/**" 9 | 10 | # all packages in subdirs of components/ 11 | - "examples/**/*" 12 | -------------------------------------------------------------------------------- /bau-css/examples/bau-bau-css/vite.config.js: -------------------------------------------------------------------------------- 1 | import { resolve } from "path"; 2 | import { defineConfig } from "vite"; 3 | 4 | export default defineConfig(({ command, mode, ssrBuild }) => { 5 | return { 6 | build: {}, 7 | server: { 8 | open: true, 9 | }, 10 | }; 11 | }); 12 | -------------------------------------------------------------------------------- /examples/multi-step-form/src/utils.ts: -------------------------------------------------------------------------------- 1 | const locale = "en-US"; 2 | const currency = "USD"; 3 | 4 | export const formatCurrency = (number: number) => 5 | new Intl.NumberFormat(locale, { 6 | style: "currency", 7 | currency, 8 | maximumFractionDigits: 0, 9 | }).format(number); 10 | -------------------------------------------------------------------------------- /examples/todoapp/main.js: -------------------------------------------------------------------------------- 1 | import "./style.css"; 2 | import Bau from "@grucloud/bau"; 3 | 4 | import app from "./src/app"; 5 | 6 | const bau = Bau(); 7 | window.bau = bau; // Debugging 8 | const appDom = document.getElementsByClassName("todoapp")[0]; 9 | appDom.replaceChildren(app({ bau })()); 10 | -------------------------------------------------------------------------------- /bau/main.js: -------------------------------------------------------------------------------- 1 | import Bau from "./bau"; 2 | 3 | const bau = Bau({}); 4 | 5 | const { a, button, div, ul, li, input, span } = bau.tags; 6 | 7 | const App = () => { 8 | return div("Welcome to Bau"); 9 | }; 10 | 11 | const app = document.getElementById("app"); 12 | app.replaceChildren(App({})); 13 | -------------------------------------------------------------------------------- /bausaurus/README.md: -------------------------------------------------------------------------------- 1 | # Bausaurus: Static Site Generation 2 | 3 | Bausaurus is an alternative to Docusaurus, a way to statically generated HTML from markdown files, usually used for documentation web site. 4 | 5 | Consult the [documentation](https://grucloud.github.io/bau/bausaurus/) for more informations. 6 | -------------------------------------------------------------------------------- /examples/exchange-rate/src/main.ts: -------------------------------------------------------------------------------- 1 | import { createContext } from "@grucloud/bau-ui/context"; 2 | import exchangeRate from "./exchangeRate"; 3 | 4 | const context = createContext(); 5 | 6 | const ExchangeRate = exchangeRate(context); 7 | document.getElementsByTagName("body")[0].replaceWith(ExchangeRate()); 8 | -------------------------------------------------------------------------------- /bau-astro/examples/bau-astro-simple/.vscode/launch.json: -------------------------------------------------------------------------------- 1 | { 2 | "version": "0.2.0", 3 | "configurations": [ 4 | { 5 | "command": "./node_modules/.bin/astro dev", 6 | "name": "Development server", 7 | "request": "launch", 8 | "type": "node-terminal" 9 | } 10 | ] 11 | } 12 | -------------------------------------------------------------------------------- /bau/README.md: -------------------------------------------------------------------------------- 1 | # Bau.js 2 | 3 | A Javascript library to write user interface for the web under 2.1KB. 4 | 5 | No JSX, no templating, just a simple way to write UI components using Javascript. 6 | 7 | ## Workflow 8 | 9 | Install the dependencies: 10 | 11 | ```sh 12 | npm install @grucloud/bau 13 | ``` 14 | -------------------------------------------------------------------------------- /bausaurus/example/bausaurus-doc/src/appLanding/appEntry.js: -------------------------------------------------------------------------------- 1 | import layout from "./Layout"; 2 | import createContext from "../common/context.js"; 3 | import { mountApp } from "@grucloud/bausaurus-core/utils.js"; 4 | 5 | const context = createContext(); 6 | 7 | const Layout = layout(context); 8 | mountApp(Layout({})); 9 | -------------------------------------------------------------------------------- /examples/exchange-rate/README.md: -------------------------------------------------------------------------------- 1 | # Exchange Rate 2 | 3 | ## Workflow 4 | 5 | Install the dependencies: 6 | 7 | ```sh 8 | npm install 9 | ``` 10 | 11 | Start a development server: 12 | 13 | ```sh 14 | npm run dev 15 | ``` 16 | 17 | Build a production version: 18 | 19 | ```sh 20 | npm run build 21 | ``` 22 | -------------------------------------------------------------------------------- /examples/gccd/src/stores/routerStore.ts: -------------------------------------------------------------------------------- 1 | import { Context } from "@grucloud/bau-ui/context"; 2 | 3 | export default function (context: Context) { 4 | const { window, bau, config } = context; 5 | 6 | return { 7 | pathname: bau.state(window.location.pathname.replace(config.base, "")), 8 | }; 9 | } 10 | -------------------------------------------------------------------------------- /examples/grid-layout/src/Home.js: -------------------------------------------------------------------------------- 1 | export default function (context) { 2 | const { bau, css } = context; 3 | const { div } = bau.tags; 4 | 5 | const className = css` 6 | grid-area: main; 7 | `; 8 | 9 | return function Home() { 10 | return div({ class: className }, "Home"); 11 | }; 12 | } 13 | -------------------------------------------------------------------------------- /examples/result-summary-component/public/assets/images/icon-reaction.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /examples/e-commerce-product-page/public/assets/images/icon-close.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /examples/faq-accordion/public/assets/images/icon-minus.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /examples/interactive-comments-section/public/assets/images/icon-delete.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /examples/job-listings-with-filtering/public/assets/images/icon-remove.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /bau-css/examples/react-bau-css/src/main.jsx: -------------------------------------------------------------------------------- 1 | import React from 'react' 2 | import ReactDOM from 'react-dom/client' 3 | import App from './App.jsx' 4 | import './index.css' 5 | 6 | ReactDOM.createRoot(document.getElementById('root')).render( 7 | 8 | 9 | , 10 | ) 11 | -------------------------------------------------------------------------------- /examples/gccd/public/mail-line.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /bau-astro/client.js: -------------------------------------------------------------------------------- 1 | export default (element) => { 2 | return (Component, props, slotted, { client }) => { 3 | //console.log("client", Component, props, slotted, client); 4 | if (!element.hasAttribute("ssr")) return; 5 | 6 | const el = Component(props); 7 | element.replaceChildren(el); 8 | }; 9 | }; 10 | -------------------------------------------------------------------------------- /bau-css/examples/vanillajs-bau-css/counter.js: -------------------------------------------------------------------------------- 1 | export function setupCounter(element) { 2 | let counter = 0 3 | const setCounter = (count) => { 4 | counter = count 5 | element.innerHTML = `count is ${counter}` 6 | } 7 | element.addEventListener('click', () => setCounter(counter + 1)) 8 | setCounter(0) 9 | } 10 | -------------------------------------------------------------------------------- /examples/gccd/README.md: -------------------------------------------------------------------------------- 1 | # GruCloud Cloud Management Platform 2 | 3 | ## Workflow 4 | 5 | Install the dependencies: 6 | 7 | ```sh 8 | npm install 9 | ``` 10 | 11 | Start a development server: 12 | 13 | ```sh 14 | npm run dev 15 | ``` 16 | 17 | Build a production version: 18 | 19 | ```sh 20 | npm run build 21 | ``` 22 | -------------------------------------------------------------------------------- /examples/launch-countdown-timer/src/main.ts: -------------------------------------------------------------------------------- 1 | import { createContext } from "@grucloud/bau-ui/context"; 2 | import launchCountDown from "./launchCountDown"; 3 | 4 | const context = createContext(); 5 | 6 | const LaunchCountDown = launchCountDown(context); 7 | document.getElementsByTagName("body")[0].replaceWith(LaunchCountDown()); 8 | -------------------------------------------------------------------------------- /examples/new-year-countdown/src/main.ts: -------------------------------------------------------------------------------- 1 | import { createContext } from "@grucloud/bau-ui/context"; 2 | import newYearCountDown from "./newYearCountDown"; 3 | 4 | const context = createContext(); 5 | 6 | const NewYearCountDown = newYearCountDown(context); 7 | document.getElementsByTagName("body")[0].replaceWith(NewYearCountDown()); 8 | -------------------------------------------------------------------------------- /bau-ui/pages/login/index.d.ts: -------------------------------------------------------------------------------- 1 | declare module "@grucloud/bau-ui/pages/login" { 2 | type ComponentOption = import("../../bau-ui").ComponentOption; 3 | 4 | export type LoginProps = {}; 5 | 6 | type Component = import("../../bau-ui").Component; 7 | 8 | export default function (context: any): Component; 9 | } 10 | -------------------------------------------------------------------------------- /bausaurus/bausaurus-theme-classic/Toc.js: -------------------------------------------------------------------------------- 1 | import tableOfContent from "@grucloud/bau-ui/tableOfContent/tableOfContent.js"; 2 | 3 | export default function (context) { 4 | const TableOfContent = tableOfContent(context); 5 | 6 | return function Toc({ contentEl }) { 7 | return TableOfContent({ contentEl }); 8 | }; 9 | } 10 | -------------------------------------------------------------------------------- /examples/derive/README.md: -------------------------------------------------------------------------------- 1 | # Bau Derive 2 | 3 | Derive example 4 | 5 | ## Workflow 6 | 7 | Install the dependencies: 8 | 9 | ```sh 10 | npm install 11 | ``` 12 | 13 | Start a development server: 14 | 15 | ```sh 16 | npm run dev 17 | ``` 18 | 19 | Build a production version: 20 | 21 | ```sh 22 | npm run build 23 | ``` 24 | -------------------------------------------------------------------------------- /examples/button/README.md: -------------------------------------------------------------------------------- 1 | # Bau.js Button 2 | 3 | Example of buttons. 4 | 5 | ## Workflow 6 | 7 | Install the dependencies: 8 | 9 | ```sh 10 | npm install 11 | ``` 12 | 13 | Start a development server: 14 | 15 | ```sh 16 | npm run dev 17 | ``` 18 | 19 | Build a production version: 20 | 21 | ```sh 22 | npm run build 23 | ``` 24 | -------------------------------------------------------------------------------- /bau-ui/animate/index.d.ts: -------------------------------------------------------------------------------- 1 | declare module "@grucloud/bau-ui/animate" { 2 | export type AnimateProps = { 3 | animationHide?: () => string; 4 | animationShow?: () => string; 5 | }; 6 | 7 | type Component = import("../bau-ui").ComponentOneChild; 8 | 9 | export default function (context: any): Component; 10 | } 11 | -------------------------------------------------------------------------------- /bau-ui/examples/bau-storybook/src/pages/spinner/spinner-grid-item.ts: -------------------------------------------------------------------------------- 1 | import spinner from "@grucloud/bau-ui/spinner"; 2 | import { Context } from "@grucloud/bau-ui/context"; 3 | 4 | export default (context: Context, options?: any) => { 5 | const Spinner = spinner(context, options); 6 | 7 | return (props: any) => Spinner({ ...props }); 8 | }; 9 | -------------------------------------------------------------------------------- /bausaurus/example/bausaurus-doc/docs/navbar.json: -------------------------------------------------------------------------------- 1 | { 2 | "children": [ 3 | { "data": { "name": "index.md" }, "index": true }, 4 | { "data": { "name": "Installation.md" } }, 5 | { "data": { "name": "Commands.md" } }, 6 | { "data": { "name": "Configuration.md" } }, 7 | { "data": { "name": "Markdown.md" } } 8 | ] 9 | } 10 | -------------------------------------------------------------------------------- /bausaurus/example/bausaurus-template/src/appLanding/appEntry.js: -------------------------------------------------------------------------------- 1 | import layout from "./Layout"; 2 | import createContext from "@grucloud/bausaurus-core/context"; 3 | import { mountApp } from "@grucloud/bausaurus-core/utils.js"; 4 | 5 | const context = createContext({ window }); 6 | 7 | const Layout = layout(context); 8 | mountApp(Layout({})); 9 | -------------------------------------------------------------------------------- /examples/bau-kit/src/pages/landing/main.js: -------------------------------------------------------------------------------- 1 | export const main = (context) => { 2 | const { tr, bau } = context; 3 | const { div, p, main, h1 } = bau.tags; 4 | 5 | return function Main() { 6 | return main( 7 | h1(tr("bau Kit Landing Page ")), 8 | p("This is an example of a minimal site ") 9 | ); 10 | }; 11 | }; 12 | -------------------------------------------------------------------------------- /examples/counter/README.md: -------------------------------------------------------------------------------- 1 | # Counter example 2 | 3 | Example of a counter. 4 | 5 | ## Workflow 6 | 7 | Install the dependencies: 8 | 9 | ```sh 10 | npm install 11 | ``` 12 | 13 | Start a development server: 14 | 15 | ```sh 16 | npm run dev 17 | ``` 18 | 19 | Build a production version: 20 | 21 | ```sh 22 | npm run build 23 | ``` 24 | -------------------------------------------------------------------------------- /examples/rest-countries/src/types.ts: -------------------------------------------------------------------------------- 1 | export type Country = { 2 | name: string; 3 | flag: string; 4 | population: string; 5 | region: string; 6 | subregion: string; 7 | capital: string; 8 | currencies: { name: string }[]; 9 | languages: { name: string }[]; 10 | topLevelDomain: string[]; 11 | borders: string[]; 12 | }; 13 | -------------------------------------------------------------------------------- /examples/bento-grid/vite.config.js: -------------------------------------------------------------------------------- 1 | import { defineConfig } from "vite"; 2 | 3 | export default defineConfig(({ command, mode, ssrBuild }) => { 4 | return { 5 | base: "/bau/frontendmentor/bento-grid/", 6 | build: { outDir: "../../dist/frontendmentor/bento-grid" }, 7 | server: { 8 | open: true, 9 | }, 10 | }; 11 | }); 12 | -------------------------------------------------------------------------------- /examples/calculator/vite.config.js: -------------------------------------------------------------------------------- 1 | import { defineConfig } from "vite"; 2 | 3 | export default defineConfig(({ command, mode, ssrBuild }) => { 4 | return { 5 | base: "/bau/frontendmentor/calculator/", 6 | build: { outDir: "../../dist/frontendmentor/calculator" }, 7 | server: { 8 | open: true, 9 | }, 10 | }; 11 | }); 12 | -------------------------------------------------------------------------------- /bau-ui/examples/bau-storybook/src/pages/collapsible/collapsible-grid-item.ts: -------------------------------------------------------------------------------- 1 | import collapsible from "@grucloud/bau-ui/collapsible"; 2 | import { Context } from "@grucloud/bau-ui/context"; 3 | 4 | export default (context: Context) => { 5 | const Collapsible = collapsible(context); 6 | 7 | return (props: any) => Collapsible({ ...props }, ""); 8 | }; 9 | -------------------------------------------------------------------------------- /examples/bau-kit/src/utils/notFoundRoute.js: -------------------------------------------------------------------------------- 1 | import { asyncView } from "../pages/asyncView"; 2 | 3 | export const notFoundRouteDefault = (context) => ({ 4 | title: context.tr("Page Not Found"), 5 | component: asyncView({ 6 | context, 7 | getModule: () => import("../pages/notFound"), 8 | Loader: () => "Loading", 9 | }), 10 | }); 11 | -------------------------------------------------------------------------------- /bau-ui/examples/bau-storybook/src/pages/alert/alert-grid-item.ts: -------------------------------------------------------------------------------- 1 | import alert from "@grucloud/bau-ui/alert"; 2 | import { Context } from "@grucloud/bau-ui/context"; 3 | 4 | export default (context: Context, options?: any) => { 5 | const Alert = alert(context, options); 6 | return (props: any) => Alert({ ...props }, `Alert ${options?.size ?? ""} `); 7 | }; 8 | -------------------------------------------------------------------------------- /bau-ui/tableContainer/index.d.ts: -------------------------------------------------------------------------------- 1 | declare module "@grucloud/bau-ui/tableContainer" { 2 | type ComponentOption = import("../bau-ui").ComponentOption; 3 | 4 | export type TableProps = {}; 5 | 6 | type Component = import("../bau-ui").Component; 7 | 8 | export default function (context: any, option?: ComponentOption): Component; 9 | } 10 | -------------------------------------------------------------------------------- /examples/contact-form/vite.config.js: -------------------------------------------------------------------------------- 1 | import { defineConfig } from "vite"; 2 | 3 | export default defineConfig(({ command, mode, ssrBuild }) => { 4 | return { 5 | base: "/bau/frontendmentor/contact-form/", 6 | build: { outDir: "../../dist/frontendmentor/contact-form" }, 7 | server: { 8 | open: true, 9 | }, 10 | }; 11 | }); 12 | -------------------------------------------------------------------------------- /examples/faq-accordion/vite.config.js: -------------------------------------------------------------------------------- 1 | import { defineConfig } from "vite"; 2 | 3 | export default defineConfig(({ command, mode, ssrBuild }) => { 4 | return { 5 | base: "/bau/frontendmentor/faq-accordion/", 6 | build: { outDir: "../../dist/frontendmentor/faq-accordion" }, 7 | server: { 8 | open: true, 9 | }, 10 | }; 11 | }); 12 | -------------------------------------------------------------------------------- /examples/news-homepage/vite.config.js: -------------------------------------------------------------------------------- 1 | import { defineConfig } from "vite"; 2 | 3 | export default defineConfig(({ command, mode, ssrBuild }) => { 4 | return { 5 | base: "/bau/frontendmentor/news-homepage/", 6 | build: { outDir: "../../dist/frontendmentor/news-homepage" }, 7 | server: { 8 | open: true, 9 | }, 10 | }; 11 | }); 12 | -------------------------------------------------------------------------------- /examples/list-drag-drop/README.md: -------------------------------------------------------------------------------- 1 | # List Drag & Drop 2 | 3 | Reorder a list with drag and drop. 4 | 5 | ## Workflow 6 | 7 | Install the dependencies: 8 | 9 | ```sh 10 | npm install 11 | ``` 12 | 13 | Start a development server: 14 | 15 | ```sh 16 | npm run dev 17 | ``` 18 | 19 | Build a production version: 20 | 21 | ```sh 22 | npm run build 23 | ``` 24 | -------------------------------------------------------------------------------- /examples/multi-step-form/vite.config.js: -------------------------------------------------------------------------------- 1 | import { defineConfig } from "vite"; 2 | 3 | export default defineConfig(({ command, mode, ssrBuild }) => { 4 | return { 5 | base: "/bau/frontendmentor/multi-step-form/", 6 | build: { outDir: "../../dist/frontendmentor/multi-step-form" }, 7 | server: { 8 | open: true, 9 | }, 10 | }; 11 | }); 12 | -------------------------------------------------------------------------------- /examples/rest-countries/vite.config.js: -------------------------------------------------------------------------------- 1 | import { defineConfig } from "vite"; 2 | 3 | export default defineConfig(({ command, mode, ssrBuild }) => { 4 | return { 5 | base: "/bau/frontendmentor/rest-countries/", 6 | build: { outDir: "../../dist/frontendmentor/rest-countries" }, 7 | server: { 8 | open: true, 9 | }, 10 | }; 11 | }); 12 | -------------------------------------------------------------------------------- /examples/bau-d3/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Bau D3 7 | 8 | 9 |
10 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /examples/form-login/README.md: -------------------------------------------------------------------------------- 1 | # Building form 2 | 3 | This example shows how to implement a form. 4 | 5 | ## Workflow 6 | 7 | Install the dependencies: 8 | 9 | ```sh 10 | npm install 11 | ``` 12 | 13 | Start a development server: 14 | 15 | ```sh 16 | npm run dev 17 | ``` 18 | 19 | Build a production version: 20 | 21 | ```sh 22 | npm run build 23 | ``` 24 | -------------------------------------------------------------------------------- /bau-astro/examples/bau-astro-simple/.gitignore: -------------------------------------------------------------------------------- 1 | # build output 2 | dist/ 3 | # generated types 4 | .astro/ 5 | 6 | # dependencies 7 | node_modules/ 8 | 9 | # logs 10 | npm-debug.log* 11 | yarn-debug.log* 12 | yarn-error.log* 13 | pnpm-debug.log* 14 | 15 | 16 | # environment variables 17 | .env 18 | .env.production 19 | 20 | # macOS-specific files 21 | .DS_Store 22 | -------------------------------------------------------------------------------- /examples/age-calculator-app/vite.config.js: -------------------------------------------------------------------------------- 1 | import { defineConfig } from "vite"; 2 | 3 | export default defineConfig(({ command, mode, ssrBuild }) => { 4 | return { 5 | base: "/bau/frontendmentor/age-calculator-app/", 6 | build: { outDir: "../../dist/frontendmentor/age-calculator-app" }, 7 | server: { 8 | open: true, 9 | }, 10 | }; 11 | }); 12 | -------------------------------------------------------------------------------- /examples/bau-ace-editor/README.md: -------------------------------------------------------------------------------- 1 | # Bau.js ACE Editor 2 | 3 | [ACE Editor](https://ace.c9.io/) with Bau 4 | 5 | ## Workflow 6 | 7 | Install the dependencies: 8 | 9 | ```sh 10 | npm install 11 | ``` 12 | 13 | Start a development server: 14 | 15 | ```sh 16 | npm run dev 17 | ``` 18 | 19 | Build a production version: 20 | 21 | ```sh 22 | npm run build 23 | ``` 24 | -------------------------------------------------------------------------------- /examples/bau-tailwind/src/main.ts: -------------------------------------------------------------------------------- 1 | import "./style.css"; 2 | import Bau from "@grucloud/bau"; 3 | const bau = Bau(); 4 | const { div, h1 } = bau.tags; 5 | 6 | const App = () => 7 | div( 8 | h1({ class: "text-3xl font-bold underline text-gray-500" }, "Bau Tailwind") 9 | ); 10 | 11 | const app = document.getElementById("app"); 12 | app?.replaceChildren(App()); 13 | -------------------------------------------------------------------------------- /examples/blog-preview-card/vite.config.js: -------------------------------------------------------------------------------- 1 | import { defineConfig } from "vite"; 2 | 3 | export default defineConfig(({ command, mode, ssrBuild }) => { 4 | return { 5 | base: "/bau/frontendmentor/blog-preview-card/", 6 | build: { outDir: "../../dist/frontendmentor/blog-preview-card" }, 7 | server: { 8 | open: true, 9 | }, 10 | }; 11 | }); 12 | -------------------------------------------------------------------------------- /examples/gccd/.gitignore: -------------------------------------------------------------------------------- 1 | # Logs 2 | logs 3 | *.log 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | pnpm-debug.log* 8 | lerna-debug.log* 9 | 10 | node_modules 11 | dist 12 | dist-ssr 13 | *.local 14 | 15 | # Editor directories and files 16 | !.vscode/extensions.json 17 | .idea 18 | .DS_Store 19 | *.suo 20 | *.ntvs* 21 | *.njsproj 22 | *.sln 23 | *.sw? 24 | -------------------------------------------------------------------------------- /examples/grid-layout/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Layout 7 | 8 | 9 |
10 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /examples/ip-address-tracker/vite.config.js: -------------------------------------------------------------------------------- 1 | import { defineConfig } from "vite"; 2 | 3 | export default defineConfig(({ command, mode, ssrBuild }) => { 4 | return { 5 | base: "/bau/frontendmentor/ip-address-tracker/", 6 | build: { outDir: "../../dist/frontendmentor/ip-address-tracker" }, 7 | server: { 8 | open: true, 9 | }, 10 | }; 11 | }); 12 | -------------------------------------------------------------------------------- /examples/playground/README.md: -------------------------------------------------------------------------------- 1 | # Bau.js playground 2 | 3 | A minimal Bau.js playground buit with Vite. 4 | 5 | ## Workflow 6 | 7 | Install the dependencies: 8 | 9 | ```sh 10 | npm install 11 | ``` 12 | 13 | Start a development server: 14 | 15 | ```sh 16 | npm run dev 17 | ``` 18 | 19 | Build a production version: 20 | 21 | ```sh 22 | npm run build 23 | ``` 24 | -------------------------------------------------------------------------------- /examples/recipePage/vite.config.js: -------------------------------------------------------------------------------- 1 | import { defineConfig } from "vite"; 2 | 3 | export default defineConfig(({ command, mode, ssrBuild }) => { 4 | return { 5 | base: "/bau/frontendmentor/recipePage/", 6 | build: { 7 | outDir: "../../dist/frontendmentor/recipePage", 8 | }, 9 | server: { 10 | open: true, 11 | }, 12 | }; 13 | }); 14 | -------------------------------------------------------------------------------- /bau-ui/examples/bau-storybook/src/pages/themeSwitch/themeSwitch-grid-item.ts: -------------------------------------------------------------------------------- 1 | import createThemeSwitch from "@grucloud/bau-ui/themeSwitch"; 2 | import { Context } from "@grucloud/bau-ui/context"; 3 | 4 | export default (context: Context, options?: any) => { 5 | const ThemeSwitch = createThemeSwitch(context, options); 6 | 7 | return (props: any) => ThemeSwitch(props); 8 | }; 9 | -------------------------------------------------------------------------------- /bau/examples/bau-ts-test/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "bau-ts-test", 3 | "private": true, 4 | "version": "0.106.0", 5 | "type": "module", 6 | "scripts": { 7 | "dev": "vite", 8 | "build": "tsc && vite build", 9 | "preview": "vite preview" 10 | }, 11 | "devDependencies": { 12 | "typescript": "5.6.3", 13 | "vite": "^5.4.11" 14 | } 15 | } 16 | -------------------------------------------------------------------------------- /examples/fetch-data/README.md: -------------------------------------------------------------------------------- 1 | # Fetch data with Bau 2 | 3 | This example fetches data and display the result. 4 | 5 | ## Workflow 6 | 7 | Install the dependencies: 8 | 9 | ```sh 10 | npm install 11 | ``` 12 | 13 | Start a development server: 14 | 15 | ```sh 16 | npm run dev 17 | ``` 18 | 19 | Build a production version: 20 | 21 | ```sh 22 | npm run build 23 | ``` 24 | -------------------------------------------------------------------------------- /examples/lifecycle/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Bau Lifecycle 7 | 8 | 9 |
10 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /examples/todoapp/README.md: -------------------------------------------------------------------------------- 1 | # TODO App 2 | 3 | The typical [Todo app](https://todomvc.com/) built with Bau.js, 4 | 5 | ## Workflow 6 | 7 | Install the dependencies: 8 | 9 | ```sh 10 | npm install 11 | ``` 12 | 13 | Start a development server: 14 | 15 | ```sh 16 | npm run dev 17 | ``` 18 | 19 | Build a production version: 20 | 21 | ```sh 22 | npm run build 23 | ``` 24 | -------------------------------------------------------------------------------- /bau/examples/bau-ts-test/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Bau + TS 7 | 8 | 9 |
10 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /bausaurus/bausaurus-core/context.js: -------------------------------------------------------------------------------- 1 | import Bau from "@grucloud/bau/bau.js"; 2 | import BauCss from "@grucloud/bau-css/bau-css.js"; 3 | 4 | export default function createContext({ window, config }) { 5 | const { document } = window; 6 | const bau = Bau({ window }); 7 | const bauCss = BauCss({ window }); 8 | return { bau, ...bauCss, window, config, tr: (x) => x }; 9 | } 10 | -------------------------------------------------------------------------------- /examples/result-summary-component/public/assets/images/icon-verbal.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /bau-ui/globalStyle/index.d.ts: -------------------------------------------------------------------------------- 1 | declare module "@grucloud/bau-ui/globalStyle" { 2 | type HSL = { 3 | h: string; 4 | s: string; 5 | l: string; 6 | }; 7 | export type ColorDefs = [name: any, hsl: HSL]; 8 | 9 | type StyleOption = { 10 | colorPalette: ColorDefs[]; 11 | }; 12 | 13 | export default function (context: any, option?: StyleOption): void; 14 | } 15 | -------------------------------------------------------------------------------- /bau/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Bau.js - Lean user interface for the web 7 | 8 | 9 |
10 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /examples/bau-tailwind/README.md: -------------------------------------------------------------------------------- 1 | # Bau.js Tailwind 2 | 3 | Example of the Bau with [Tailwind](https://tailwindcss.com/) 4 | 5 | ## Workflow 6 | 7 | Install the dependencies: 8 | 9 | ```sh 10 | npm install 11 | ``` 12 | 13 | Start a development server: 14 | 15 | ```sh 16 | npm run dev 17 | ``` 18 | 19 | Build a production version: 20 | 21 | ```sh 22 | npm run build 23 | ``` 24 | -------------------------------------------------------------------------------- /examples/e-commerce-product-page/public/assets/images/icon-minus.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /examples/e-commerce-product-page/vite.config.js: -------------------------------------------------------------------------------- 1 | import { defineConfig } from "vite"; 2 | 3 | export default defineConfig(({ command, mode, ssrBuild }) => { 4 | return { 5 | base: "/bau/frontendmentor/e-commerce-product-page/", 6 | build: { outDir: "../../dist/frontendmentor/e-commerce-product-page" }, 7 | server: { 8 | open: true, 9 | }, 10 | }; 11 | }); 12 | -------------------------------------------------------------------------------- /examples/gccd/src/components/myComponent.ts: -------------------------------------------------------------------------------- 1 | import { type Context } from "@grucloud/bau-ui/context"; 2 | 3 | export default function (context: Context) { 4 | const { bau, css } = context; 5 | const { div } = bau.tags; 6 | 7 | const className = css``; 8 | 9 | return function MyComponent() { 10 | return div({ 11 | class: className, 12 | }); 13 | }; 14 | } 15 | -------------------------------------------------------------------------------- /examples/interactive-comments-section/public/assets/images/icon-minus.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /examples/launch-countdown-timer/vite.config.js: -------------------------------------------------------------------------------- 1 | import { defineConfig } from "vite"; 2 | 3 | export default defineConfig(({ command, mode, ssrBuild }) => { 4 | return { 5 | base: "/bau/frontendmentor/launch-countdown-timer/", 6 | build: { outDir: "../../dist/frontendmentor/launch-countdown-timer" }, 7 | server: { 8 | open: true, 9 | }, 10 | }; 11 | }); 12 | -------------------------------------------------------------------------------- /examples/list-drag-drop/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Bau List Drag & Drop 7 | 8 | 9 |
10 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /examples/newsletter-signup-form/vite.config.js: -------------------------------------------------------------------------------- 1 | import { defineConfig } from "vite"; 2 | 3 | export default defineConfig(({ command, mode, ssrBuild }) => { 4 | return { 5 | base: "/bau/frontendmentor/newsletter-signup-form/", 6 | build: { outDir: "../../dist/frontendmentor/newsletter-signup-form" }, 7 | server: { 8 | open: true, 9 | }, 10 | }; 11 | }); 12 | -------------------------------------------------------------------------------- /examples/tree-view/README.md: -------------------------------------------------------------------------------- 1 | # Tree View 2 | 3 | This example shows how to implement a tree view to display nested data. 4 | 5 | ## Workflow 6 | 7 | Install the dependencies: 8 | 9 | ```sh 10 | npm install 11 | ``` 12 | 13 | Start a development server: 14 | 15 | ```sh 16 | npm run dev 17 | ``` 18 | 19 | Build a production version: 20 | 21 | ```sh 22 | npm run build 23 | ``` 24 | -------------------------------------------------------------------------------- /examples/bau-d3/.gitignore: -------------------------------------------------------------------------------- 1 | # Logs 2 | logs 3 | *.log 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | pnpm-debug.log* 8 | lerna-debug.log* 9 | 10 | node_modules 11 | dist 12 | dist-ssr 13 | *.local 14 | 15 | # Editor directories and files 16 | .vscode/* 17 | !.vscode/extensions.json 18 | .idea 19 | .DS_Store 20 | *.suo 21 | *.ntvs* 22 | *.njsproj 23 | *.sln 24 | *.sw? 25 | -------------------------------------------------------------------------------- /examples/bau-kit/.gitignore: -------------------------------------------------------------------------------- 1 | # Logs 2 | logs 3 | *.log 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | pnpm-debug.log* 8 | lerna-debug.log* 9 | 10 | node_modules 11 | dist 12 | dist-ssr 13 | *.local 14 | 15 | # Editor directories and files 16 | .vscode/* 17 | !.vscode/extensions.json 18 | .idea 19 | .DS_Store 20 | *.suo 21 | *.ntvs* 22 | *.njsproj 23 | *.sln 24 | *.sw? 25 | -------------------------------------------------------------------------------- /examples/button/.gitignore: -------------------------------------------------------------------------------- 1 | # Logs 2 | logs 3 | *.log 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | pnpm-debug.log* 8 | lerna-debug.log* 9 | 10 | node_modules 11 | dist 12 | dist-ssr 13 | *.local 14 | 15 | # Editor directories and files 16 | .vscode/* 17 | !.vscode/extensions.json 18 | .idea 19 | .DS_Store 20 | *.suo 21 | *.ntvs* 22 | *.njsproj 23 | *.sln 24 | *.sw? 25 | -------------------------------------------------------------------------------- /examples/counter/.gitignore: -------------------------------------------------------------------------------- 1 | # Logs 2 | logs 3 | *.log 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | pnpm-debug.log* 8 | lerna-debug.log* 9 | 10 | node_modules 11 | dist 12 | dist-ssr 13 | *.local 14 | 15 | # Editor directories and files 16 | .vscode/* 17 | !.vscode/extensions.json 18 | .idea 19 | .DS_Store 20 | *.suo 21 | *.ntvs* 22 | *.njsproj 23 | *.sln 24 | *.sw? 25 | -------------------------------------------------------------------------------- /examples/derive/.gitignore: -------------------------------------------------------------------------------- 1 | # Logs 2 | logs 3 | *.log 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | pnpm-debug.log* 8 | lerna-debug.log* 9 | 10 | node_modules 11 | dist 12 | dist-ssr 13 | *.local 14 | 15 | # Editor directories and files 16 | .vscode/* 17 | !.vscode/extensions.json 18 | .idea 19 | .DS_Store 20 | *.suo 21 | *.ntvs* 22 | *.njsproj 23 | *.sln 24 | *.sw? 25 | -------------------------------------------------------------------------------- /examples/highlight/.gitignore: -------------------------------------------------------------------------------- 1 | # Logs 2 | logs 3 | *.log 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | pnpm-debug.log* 8 | lerna-debug.log* 9 | 10 | node_modules 11 | dist 12 | dist-ssr 13 | *.local 14 | 15 | # Editor directories and files 16 | .vscode/* 17 | !.vscode/extensions.json 18 | .idea 19 | .DS_Store 20 | *.suo 21 | *.ntvs* 22 | *.njsproj 23 | *.sln 24 | *.sw? 25 | -------------------------------------------------------------------------------- /examples/lifecycle/.gitignore: -------------------------------------------------------------------------------- 1 | # Logs 2 | logs 3 | *.log 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | pnpm-debug.log* 8 | lerna-debug.log* 9 | 10 | node_modules 11 | dist 12 | dist-ssr 13 | *.local 14 | 15 | # Editor directories and files 16 | .vscode/* 17 | !.vscode/extensions.json 18 | .idea 19 | .DS_Store 20 | *.suo 21 | *.ntvs* 22 | *.njsproj 23 | *.sln 24 | *.sw? 25 | -------------------------------------------------------------------------------- /examples/mathml/.gitignore: -------------------------------------------------------------------------------- 1 | # Logs 2 | logs 3 | *.log 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | pnpm-debug.log* 8 | lerna-debug.log* 9 | 10 | node_modules 11 | dist 12 | dist-ssr 13 | *.local 14 | 15 | # Editor directories and files 16 | .vscode/* 17 | !.vscode/extensions.json 18 | .idea 19 | .DS_Store 20 | *.suo 21 | *.ntvs* 22 | *.njsproj 23 | *.sln 24 | *.sw? 25 | -------------------------------------------------------------------------------- /examples/mathml/README.md: -------------------------------------------------------------------------------- 1 | # Bau.js MathML 2 | 3 | An example of how to display [MathML](https://www.w3.org/Math/) with Bau 4 | 5 | ## Workflow 6 | 7 | Install the dependencies: 8 | 9 | ```sh 10 | npm install 11 | ``` 12 | 13 | Start a development server: 14 | 15 | ```sh 16 | npm run dev 17 | ``` 18 | 19 | Build a production version: 20 | 21 | ```sh 22 | npm run build 23 | ``` 24 | -------------------------------------------------------------------------------- /examples/product-list-cart/vite.config.js: -------------------------------------------------------------------------------- 1 | import { defineConfig } from "vite"; 2 | 3 | export default defineConfig(({ command, mode, ssrBuild }) => { 4 | return { 5 | base: "/bau/frontendmentor/product-list-cart/", 6 | build: { 7 | outDir: "../../dist/frontendmentor/product-list-cart", 8 | }, 9 | server: { 10 | open: true, 11 | }, 12 | }; 13 | }); 14 | -------------------------------------------------------------------------------- /examples/todoapp/.gitignore: -------------------------------------------------------------------------------- 1 | # Logs 2 | logs 3 | *.log 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | pnpm-debug.log* 8 | lerna-debug.log* 9 | 10 | node_modules 11 | dist 12 | dist-ssr 13 | *.local 14 | 15 | # Editor directories and files 16 | .vscode/* 17 | !.vscode/extensions.json 18 | .idea 19 | .DS_Store 20 | *.suo 21 | *.ntvs* 22 | *.njsproj 23 | *.sln 24 | *.sw? 25 | -------------------------------------------------------------------------------- /examples/tree-view/.gitignore: -------------------------------------------------------------------------------- 1 | # Logs 2 | logs 3 | *.log 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | pnpm-debug.log* 8 | lerna-debug.log* 9 | 10 | node_modules 11 | dist 12 | dist-ssr 13 | *.local 14 | 15 | # Editor directories and files 16 | .vscode/* 17 | !.vscode/extensions.json 18 | .idea 19 | .DS_Store 20 | *.suo 21 | *.ntvs* 22 | *.njsproj 23 | *.sln 24 | *.sw? 25 | -------------------------------------------------------------------------------- /bau-css/examples/bau-bau-css/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | BauCss: CSS in JS library 7 | 8 | 9 |
10 | 11 | 12 | 13 | -------------------------------------------------------------------------------- /examples/bau-ace-editor/.gitignore: -------------------------------------------------------------------------------- 1 | # Logs 2 | logs 3 | *.log 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | pnpm-debug.log* 8 | lerna-debug.log* 9 | 10 | node_modules 11 | dist 12 | dist-ssr 13 | *.local 14 | 15 | # Editor directories and files 16 | .vscode/* 17 | !.vscode/extensions.json 18 | .idea 19 | .DS_Store 20 | *.suo 21 | *.ntvs* 22 | *.njsproj 23 | *.sln 24 | *.sw? 25 | -------------------------------------------------------------------------------- /examples/bau-tailwind/.gitignore: -------------------------------------------------------------------------------- 1 | # Logs 2 | logs 3 | *.log 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | pnpm-debug.log* 8 | lerna-debug.log* 9 | 10 | node_modules 11 | dist 12 | dist-ssr 13 | *.local 14 | 15 | # Editor directories and files 16 | .vscode/* 17 | !.vscode/extensions.json 18 | .idea 19 | .DS_Store 20 | *.suo 21 | *.ntvs* 22 | *.njsproj 23 | *.sln 24 | *.sw? 25 | -------------------------------------------------------------------------------- /examples/bento-grid/.gitignore: -------------------------------------------------------------------------------- 1 | # Logs 2 | logs 3 | *.log 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | pnpm-debug.log* 8 | lerna-debug.log* 9 | 10 | node_modules 11 | dist 12 | dist-ssr 13 | *.local 14 | 15 | # Editor directories and files 16 | .vscode/* 17 | !.vscode/extensions.json 18 | .idea 19 | .DS_Store 20 | *.suo 21 | *.ntvs* 22 | *.njsproj 23 | *.sln 24 | *.sw? 25 | -------------------------------------------------------------------------------- /examples/button/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "bau-button", 3 | "private": true, 4 | "version": "0.106.0", 5 | "type": "module", 6 | "scripts": { 7 | "dev": "vite", 8 | "build": "vite build", 9 | "preview": "vite preview" 10 | }, 11 | "dependencies": { 12 | "@grucloud/bau": "^0.106.0" 13 | }, 14 | "devDependencies": { 15 | "vite": "^5.2.11" 16 | } 17 | } 18 | -------------------------------------------------------------------------------- /examples/calculator/.gitignore: -------------------------------------------------------------------------------- 1 | # Logs 2 | logs 3 | *.log 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | pnpm-debug.log* 8 | lerna-debug.log* 9 | 10 | node_modules 11 | dist 12 | dist-ssr 13 | *.local 14 | 15 | # Editor directories and files 16 | .vscode/* 17 | !.vscode/extensions.json 18 | .idea 19 | .DS_Store 20 | *.suo 21 | *.ntvs* 22 | *.njsproj 23 | *.sln 24 | *.sw? 25 | -------------------------------------------------------------------------------- /examples/contact-form/.gitignore: -------------------------------------------------------------------------------- 1 | # Logs 2 | logs 3 | *.log 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | pnpm-debug.log* 8 | lerna-debug.log* 9 | 10 | node_modules 11 | dist 12 | dist-ssr 13 | *.local 14 | 15 | # Editor directories and files 16 | .vscode/* 17 | !.vscode/extensions.json 18 | .idea 19 | .DS_Store 20 | *.suo 21 | *.ntvs* 22 | *.njsproj 23 | *.sln 24 | *.sw? 25 | -------------------------------------------------------------------------------- /examples/exchange-rate/.gitignore: -------------------------------------------------------------------------------- 1 | # Logs 2 | logs 3 | *.log 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | pnpm-debug.log* 8 | lerna-debug.log* 9 | 10 | node_modules 11 | dist 12 | dist-ssr 13 | *.local 14 | 15 | # Editor directories and files 16 | .vscode/* 17 | !.vscode/extensions.json 18 | .idea 19 | .DS_Store 20 | *.suo 21 | *.ntvs* 22 | *.njsproj 23 | *.sln 24 | *.sw? 25 | -------------------------------------------------------------------------------- /examples/faq-accordion/.gitignore: -------------------------------------------------------------------------------- 1 | # Logs 2 | logs 3 | *.log 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | pnpm-debug.log* 8 | lerna-debug.log* 9 | 10 | node_modules 11 | dist 12 | dist-ssr 13 | *.local 14 | 15 | # Editor directories and files 16 | .vscode/* 17 | !.vscode/extensions.json 18 | .idea 19 | .DS_Store 20 | *.suo 21 | *.ntvs* 22 | *.njsproj 23 | *.sln 24 | *.sw? 25 | -------------------------------------------------------------------------------- /examples/faq-accordion/public/assets/images/icon-plus.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /examples/fetch-data/.gitignore: -------------------------------------------------------------------------------- 1 | # Logs 2 | logs 3 | *.log 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | pnpm-debug.log* 8 | lerna-debug.log* 9 | 10 | node_modules 11 | dist 12 | dist-ssr 13 | *.local 14 | 15 | # Editor directories and files 16 | .vscode/* 17 | !.vscode/extensions.json 18 | .idea 19 | .DS_Store 20 | *.suo 21 | *.ntvs* 22 | *.njsproj 23 | *.sln 24 | *.sw? 25 | -------------------------------------------------------------------------------- /examples/form-login/.gitignore: -------------------------------------------------------------------------------- 1 | # Logs 2 | logs 3 | *.log 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | pnpm-debug.log* 8 | lerna-debug.log* 9 | 10 | node_modules 11 | dist 12 | dist-ssr 13 | *.local 14 | 15 | # Editor directories and files 16 | .vscode/* 17 | !.vscode/extensions.json 18 | .idea 19 | .DS_Store 20 | *.suo 21 | *.ntvs* 22 | *.njsproj 23 | *.sln 24 | *.sw? 25 | -------------------------------------------------------------------------------- /examples/grid-layout/.gitignore: -------------------------------------------------------------------------------- 1 | # Logs 2 | logs 3 | *.log 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | pnpm-debug.log* 8 | lerna-debug.log* 9 | 10 | node_modules 11 | dist 12 | dist-ssr 13 | *.local 14 | 15 | # Editor directories and files 16 | .vscode/* 17 | !.vscode/extensions.json 18 | .idea 19 | .DS_Store 20 | *.suo 21 | *.ntvs* 22 | *.njsproj 23 | *.sln 24 | *.sw? 25 | -------------------------------------------------------------------------------- /examples/interactive-comments-section/public/assets/images/icon-reply.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /examples/list-drag-drop/.gitignore: -------------------------------------------------------------------------------- 1 | # Logs 2 | logs 3 | *.log 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | pnpm-debug.log* 8 | lerna-debug.log* 9 | 10 | node_modules 11 | dist 12 | dist-ssr 13 | *.local 14 | 15 | # Editor directories and files 16 | .vscode/* 17 | !.vscode/extensions.json 18 | .idea 19 | .DS_Store 20 | *.suo 21 | *.ntvs* 22 | *.njsproj 23 | *.sln 24 | *.sw? 25 | -------------------------------------------------------------------------------- /examples/mathml/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "bau-mathml", 3 | "private": true, 4 | "version": "0.106.0", 5 | "type": "module", 6 | "scripts": { 7 | "dev": "vite", 8 | "build": "vite build", 9 | "preview": "vite preview" 10 | }, 11 | "dependencies": { 12 | "@grucloud/bau": "^0.106.0" 13 | }, 14 | "devDependencies": { 15 | "vite": "^5.2.11" 16 | } 17 | } 18 | -------------------------------------------------------------------------------- /examples/news-homepage/.gitignore: -------------------------------------------------------------------------------- 1 | # Logs 2 | logs 3 | *.log 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | pnpm-debug.log* 8 | lerna-debug.log* 9 | 10 | node_modules 11 | dist 12 | dist-ssr 13 | *.local 14 | 15 | # Editor directories and files 16 | .vscode/* 17 | !.vscode/extensions.json 18 | .idea 19 | .DS_Store 20 | *.suo 21 | *.ntvs* 22 | *.njsproj 23 | *.sln 24 | *.sw? 25 | -------------------------------------------------------------------------------- /examples/playground/.gitignore: -------------------------------------------------------------------------------- 1 | # Logs 2 | logs 3 | *.log 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | pnpm-debug.log* 8 | lerna-debug.log* 9 | 10 | node_modules 11 | dist 12 | dist-ssr 13 | *.local 14 | 15 | # Editor directories and files 16 | .vscode/* 17 | !.vscode/extensions.json 18 | .idea 19 | .DS_Store 20 | *.suo 21 | *.ntvs* 22 | *.njsproj 23 | *.sln 24 | *.sw? 25 | -------------------------------------------------------------------------------- /examples/recipePage/.gitignore: -------------------------------------------------------------------------------- 1 | # Logs 2 | logs 3 | *.log 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | pnpm-debug.log* 8 | lerna-debug.log* 9 | 10 | node_modules 11 | dist 12 | dist-ssr 13 | *.local 14 | 15 | # Editor directories and files 16 | .vscode/* 17 | !.vscode/extensions.json 18 | .idea 19 | .DS_Store 20 | *.suo 21 | *.ntvs* 22 | *.njsproj 23 | *.sln 24 | *.sw? 25 | -------------------------------------------------------------------------------- /examples/rest-countries/.gitignore: -------------------------------------------------------------------------------- 1 | # Logs 2 | logs 3 | *.log 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | pnpm-debug.log* 8 | lerna-debug.log* 9 | 10 | node_modules 11 | dist 12 | dist-ssr 13 | *.local 14 | 15 | # Editor directories and files 16 | .vscode/* 17 | !.vscode/extensions.json 18 | .idea 19 | .DS_Store 20 | *.suo 21 | *.ntvs* 22 | *.njsproj 23 | *.sln 24 | *.sw? 25 | -------------------------------------------------------------------------------- /examples/social-link-profile/vite.config.js: -------------------------------------------------------------------------------- 1 | import { defineConfig } from "vite"; 2 | 3 | export default defineConfig(({ command, mode, ssrBuild }) => { 4 | return { 5 | base: "/bau/frontendmentor/social-link-profile/", 6 | build: { 7 | outDir: "../../dist/frontendmentor/social-link-profile", 8 | }, 9 | server: { 10 | open: true, 11 | }, 12 | }; 13 | }); 14 | -------------------------------------------------------------------------------- /examples/todo-minimal/.gitignore: -------------------------------------------------------------------------------- 1 | # Logs 2 | logs 3 | *.log 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | pnpm-debug.log* 8 | lerna-debug.log* 9 | 10 | node_modules 11 | dist 12 | dist-ssr 13 | *.local 14 | 15 | # Editor directories and files 16 | .vscode/* 17 | !.vscode/extensions.json 18 | .idea 19 | .DS_Store 20 | *.suo 21 | *.ntvs* 22 | *.njsproj 23 | *.sln 24 | *.sw? 25 | -------------------------------------------------------------------------------- /bau-ui/examples/bau-storybook/src/pages/badge/badge-grid-item.ts: -------------------------------------------------------------------------------- 1 | import badge from "@grucloud/bau-ui/badge"; 2 | import { Context } from "@grucloud/bau-ui/context"; 3 | 4 | export default (context: Context, options?: any) => { 5 | const Badge = badge(context, options); 6 | 7 | return (props: any, { index }: any) => 8 | Badge({ ...props, content: `${index * 100}` }, "\u260F"); 9 | }; 10 | -------------------------------------------------------------------------------- /bau/examples/bau-ts-test/.gitignore: -------------------------------------------------------------------------------- 1 | # Logs 2 | logs 3 | *.log 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | pnpm-debug.log* 8 | lerna-debug.log* 9 | 10 | node_modules 11 | dist 12 | dist-ssr 13 | *.local 14 | 15 | # Editor directories and files 16 | .vscode/* 17 | !.vscode/extensions.json 18 | .idea 19 | .DS_Store 20 | *.suo 21 | *.ntvs* 22 | *.njsproj 23 | *.sln 24 | *.sw? 25 | -------------------------------------------------------------------------------- /bausaurus/.gitignore: -------------------------------------------------------------------------------- 1 | # Logs 2 | logs 3 | *.log 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | pnpm-debug.log* 8 | lerna-debug.log* 9 | 10 | node_modules 11 | dist 12 | dist-ssr 13 | *.local 14 | 15 | # Editor directories and files 16 | .vscode/* 17 | !.vscode/extensions.json 18 | .idea 19 | .DS_Store 20 | *.suo 21 | *.ntvs* 22 | *.njsproj 23 | *.sln 24 | *.sw? 25 | 26 | build 27 | -------------------------------------------------------------------------------- /examples/age-calculator-app/.gitignore: -------------------------------------------------------------------------------- 1 | # Logs 2 | logs 3 | *.log 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | pnpm-debug.log* 8 | lerna-debug.log* 9 | 10 | node_modules 11 | dist 12 | dist-ssr 13 | *.local 14 | 15 | # Editor directories and files 16 | .vscode/* 17 | !.vscode/extensions.json 18 | .idea 19 | .DS_Store 20 | *.suo 21 | *.ntvs* 22 | *.njsproj 23 | *.sln 24 | *.sw? 25 | -------------------------------------------------------------------------------- /examples/blog-preview-card/.gitignore: -------------------------------------------------------------------------------- 1 | # Logs 2 | logs 3 | *.log 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | pnpm-debug.log* 8 | lerna-debug.log* 9 | 10 | node_modules 11 | dist 12 | dist-ssr 13 | *.local 14 | 15 | # Editor directories and files 16 | .vscode/* 17 | !.vscode/extensions.json 18 | .idea 19 | .DS_Store 20 | *.suo 21 | *.ntvs* 22 | *.njsproj 23 | *.sln 24 | *.sw? 25 | -------------------------------------------------------------------------------- /examples/interactive-comments-section/vite.config.js: -------------------------------------------------------------------------------- 1 | import { defineConfig } from "vite"; 2 | 3 | export default defineConfig(({ command, mode, ssrBuild }) => { 4 | return { 5 | base: "/bau/frontendmentor/interactive-comments-section/", 6 | build: { outDir: "../../dist/frontendmentor/interactive-comments-section" }, 7 | server: { 8 | open: true, 9 | }, 10 | }; 11 | }); 12 | -------------------------------------------------------------------------------- /examples/interactive-rating-component/vite.config.js: -------------------------------------------------------------------------------- 1 | import { defineConfig } from "vite"; 2 | 3 | export default defineConfig(({ command, mode, ssrBuild }) => { 4 | return { 5 | base: "/bau/frontendmentor/interactive-rating-component/", 6 | build: { outDir: "../../dist/frontendmentor/interactive-rating-component" }, 7 | server: { 8 | open: true, 9 | }, 10 | }; 11 | }); 12 | -------------------------------------------------------------------------------- /examples/job-listings-with-filtering/vite.config.js: -------------------------------------------------------------------------------- 1 | import { defineConfig } from "vite"; 2 | 3 | export default defineConfig(({ command, mode, ssrBuild }) => { 4 | return { 5 | base: "/bau/frontendmentor/job-listings-with-filtering/", 6 | build: { outDir: "../../dist/frontendmentor/job-listings-with-filtering" }, 7 | server: { 8 | open: true, 9 | }, 10 | }; 11 | }); 12 | -------------------------------------------------------------------------------- /examples/multi-step-form/.gitignore: -------------------------------------------------------------------------------- 1 | # Logs 2 | logs 3 | *.log 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | pnpm-debug.log* 8 | lerna-debug.log* 9 | 10 | node_modules 11 | dist 12 | dist-ssr 13 | *.local 14 | 15 | # Editor directories and files 16 | .vscode/* 17 | !.vscode/extensions.json 18 | .idea 19 | .DS_Store 20 | *.suo 21 | *.ntvs* 22 | *.njsproj 23 | *.sln 24 | *.sw? 25 | -------------------------------------------------------------------------------- /examples/new-year-countdown/.gitignore: -------------------------------------------------------------------------------- 1 | # Logs 2 | logs 3 | *.log 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | pnpm-debug.log* 8 | lerna-debug.log* 9 | 10 | node_modules 11 | dist 12 | dist-ssr 13 | *.local 14 | 15 | # Editor directories and files 16 | .vscode/* 17 | !.vscode/extensions.json 18 | .idea 19 | .DS_Store 20 | *.suo 21 | *.ntvs* 22 | *.njsproj 23 | *.sln 24 | *.sw? 25 | -------------------------------------------------------------------------------- /examples/product-list-cart/.gitignore: -------------------------------------------------------------------------------- 1 | # Logs 2 | logs 3 | *.log 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | pnpm-debug.log* 8 | lerna-debug.log* 9 | 10 | node_modules 11 | dist 12 | dist-ssr 13 | *.local 14 | 15 | # Editor directories and files 16 | .vscode/* 17 | !.vscode/extensions.json 18 | .idea 19 | .DS_Store 20 | *.suo 21 | *.ntvs* 22 | *.njsproj 23 | *.sln 24 | *.sw? 25 | -------------------------------------------------------------------------------- /examples/product-preview-card/vite.config.js: -------------------------------------------------------------------------------- 1 | import { defineConfig } from "vite"; 2 | 3 | export default defineConfig(({ command, mode, ssrBuild }) => { 4 | return { 5 | base: "/bau/frontendmentor/product-preview-card/", 6 | build: { 7 | outDir: "../../dist/frontendmentor/product-preview-card", 8 | }, 9 | server: { 10 | open: true, 11 | }, 12 | }; 13 | }); 14 | -------------------------------------------------------------------------------- /examples/social-link-profile/.gitignore: -------------------------------------------------------------------------------- 1 | # Logs 2 | logs 3 | *.log 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | pnpm-debug.log* 8 | lerna-debug.log* 9 | 10 | node_modules 11 | dist 12 | dist-ssr 13 | *.local 14 | 15 | # Editor directories and files 16 | .vscode/* 17 | !.vscode/extensions.json 18 | .idea 19 | .DS_Store 20 | *.suo 21 | *.ntvs* 22 | *.njsproj 23 | *.sln 24 | *.sw? 25 | -------------------------------------------------------------------------------- /examples/tree-view/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "bau-tree-view", 3 | "private": true, 4 | "version": "0.106.0", 5 | "type": "module", 6 | "scripts": { 7 | "dev": "vite", 8 | "build": "vite build", 9 | "preview": "vite preview" 10 | }, 11 | "dependencies": { 12 | "@grucloud/bau": "^0.106.0" 13 | }, 14 | "devDependencies": { 15 | "vite": "^5.2.11" 16 | } 17 | } 18 | -------------------------------------------------------------------------------- /bau-css/examples/react-bau-css/.gitignore: -------------------------------------------------------------------------------- 1 | # Logs 2 | logs 3 | *.log 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | pnpm-debug.log* 8 | lerna-debug.log* 9 | 10 | node_modules 11 | dist 12 | dist-ssr 13 | *.local 14 | 15 | # Editor directories and files 16 | .vscode/* 17 | !.vscode/extensions.json 18 | .idea 19 | .DS_Store 20 | *.suo 21 | *.ntvs* 22 | *.njsproj 23 | *.sln 24 | *.sw? 25 | -------------------------------------------------------------------------------- /bau-ui/context.d.ts: -------------------------------------------------------------------------------- 1 | import Bau from "@grucloud/bau"; 2 | import BauCss from "@grucloud/bau-css"; 3 | 4 | export type Context = { 5 | bau: ReturnType; 6 | tr: (text: string) => string; 7 | window: Window; 8 | config?: any; 9 | states?: any; 10 | rest?: any; 11 | stores?: any; 12 | } & ReturnType; 13 | 14 | export function createContext(input?: any): Context; 15 | -------------------------------------------------------------------------------- /bau-ui/examples/bau-storybook/src/pages/loadingButton/loadingButton-grid-item.ts: -------------------------------------------------------------------------------- 1 | import loadingButton from "@grucloud/bau-ui/loadingButton"; 2 | import { Context } from "@grucloud/bau-ui/context"; 3 | 4 | export default (context: Context, options?: any) => { 5 | const LoadingButton = loadingButton(context, options); 6 | 7 | return (props: any) => LoadingButton({ ...props, loading: true }, "Save"); 8 | }; 9 | -------------------------------------------------------------------------------- /bau-ui/examples/bau-storybook/src/pages/stepper/stepper-grid-item.ts: -------------------------------------------------------------------------------- 1 | import stepper from "@grucloud/bau-ui/stepper"; 2 | import { Context } from "@grucloud/bau-ui/context"; 3 | 4 | export default (context: Context) => { 5 | const { bau } = context; 6 | const { section } = bau.tags; 7 | const Stepper = stepper(context); 8 | 9 | return (props: any) => section(Stepper({ ...props })); 10 | }; 11 | -------------------------------------------------------------------------------- /bau-ui/examples/bau-storybook/src/pages/textareaAutosize/textareaAutosize-grid-item.ts: -------------------------------------------------------------------------------- 1 | import textareaAutosize from "@grucloud/bau-ui/textareaAutosize"; 2 | import { Context } from "@grucloud/bau-ui/context"; 3 | 4 | export default (context: Context, options?: any) => { 5 | const TextareaAutosize = textareaAutosize(context, options); 6 | 7 | return (props: any) => TextareaAutosize({ ...props }); 8 | }; 9 | -------------------------------------------------------------------------------- /examples/counter/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "bau-counter-example", 3 | "private": true, 4 | "version": "0.106.0", 5 | "type": "module", 6 | "scripts": { 7 | "dev": "vite", 8 | "build": "vite build", 9 | "preview": "vite preview" 10 | }, 11 | "dependencies": { 12 | "@grucloud/bau": "^0.106.0" 13 | }, 14 | "devDependencies": { 15 | "vite": "^5.2.11" 16 | } 17 | } 18 | -------------------------------------------------------------------------------- /examples/derive/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "bau-example-derive", 3 | "private": true, 4 | "version": "0.106.0", 5 | "type": "module", 6 | "scripts": { 7 | "dev": "vite", 8 | "build": "vite build", 9 | "preview": "vite preview" 10 | }, 11 | "devDependencies": { 12 | "vite": "^5.2.11" 13 | }, 14 | "dependencies": { 15 | "@grucloud/bau-ui": "^0.106.0" 16 | } 17 | } 18 | -------------------------------------------------------------------------------- /examples/e-commerce-product-page/.gitignore: -------------------------------------------------------------------------------- 1 | # Logs 2 | logs 3 | *.log 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | pnpm-debug.log* 8 | lerna-debug.log* 9 | 10 | node_modules 11 | dist 12 | dist-ssr 13 | *.local 14 | 15 | # Editor directories and files 16 | .vscode/* 17 | !.vscode/extensions.json 18 | .idea 19 | .DS_Store 20 | *.suo 21 | *.ntvs* 22 | *.njsproj 23 | *.sln 24 | *.sw? 25 | -------------------------------------------------------------------------------- /examples/exchange-rate/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Exchange Rate Calculator 8 | 9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /examples/faq-accordion/public/assets/images/icon-star.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /examples/fetch-data/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "bau-fetch-data", 3 | "private": true, 4 | "version": "0.106.0", 5 | "type": "module", 6 | "scripts": { 7 | "dev": "vite", 8 | "build": "vite build", 9 | "preview": "vite preview" 10 | }, 11 | "dependencies": { 12 | "@grucloud/bau": "^0.106.0" 13 | }, 14 | "devDependencies": { 15 | "vite": "^5.2.11" 16 | } 17 | } 18 | -------------------------------------------------------------------------------- /examples/form-login/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "bau-form-login", 3 | "private": true, 4 | "version": "0.106.0", 5 | "type": "module", 6 | "scripts": { 7 | "dev": "vite", 8 | "build": "vite build", 9 | "preview": "vite preview" 10 | }, 11 | "dependencies": { 12 | "@grucloud/bau": "^0.106.0" 13 | }, 14 | "devDependencies": { 15 | "vite": "^5.2.11" 16 | } 17 | } 18 | -------------------------------------------------------------------------------- /examples/form-stateless-login/.gitignore: -------------------------------------------------------------------------------- 1 | # Logs 2 | logs 3 | *.log 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | pnpm-debug.log* 8 | lerna-debug.log* 9 | 10 | node_modules 11 | dist 12 | dist-ssr 13 | *.local 14 | 15 | # Editor directories and files 16 | .vscode/* 17 | !.vscode/extensions.json 18 | .idea 19 | .DS_Store 20 | *.suo 21 | *.ntvs* 22 | *.njsproj 23 | *.sln 24 | *.sw? 25 | -------------------------------------------------------------------------------- /examples/ip-address-tracker/.gitignore: -------------------------------------------------------------------------------- 1 | # Logs 2 | logs 3 | *.log 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | pnpm-debug.log* 8 | lerna-debug.log* 9 | 10 | node_modules 11 | dist 12 | dist-ssr 13 | *.local 14 | 15 | # Editor directories and files 16 | .vscode/* 17 | !.vscode/extensions.json 18 | .idea 19 | .DS_Store 20 | *.suo 21 | *.ntvs* 22 | *.njsproj 23 | *.sln 24 | *.sw? 25 | .env -------------------------------------------------------------------------------- /examples/launch-countdown-timer/.gitignore: -------------------------------------------------------------------------------- 1 | # Logs 2 | logs 3 | *.log 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | pnpm-debug.log* 8 | lerna-debug.log* 9 | 10 | node_modules 11 | dist 12 | dist-ssr 13 | *.local 14 | 15 | # Editor directories and files 16 | .vscode/* 17 | !.vscode/extensions.json 18 | .idea 19 | .DS_Store 20 | *.suo 21 | *.ntvs* 22 | *.njsproj 23 | *.sln 24 | *.sw? 25 | -------------------------------------------------------------------------------- /examples/lifecycle/README.md: -------------------------------------------------------------------------------- 1 | # Bau.js Lifecycle 2 | 3 | Example of the Bau Lifecycle methods: 4 | 5 | - `bauCreated` 6 | - `bauMounted` 7 | 8 | ## Workflow 9 | 10 | Install the dependencies: 11 | 12 | ```sh 13 | npm install 14 | ``` 15 | 16 | Start a development server: 17 | 18 | ```sh 19 | npm run dev 20 | ``` 21 | 22 | Build a production version: 23 | 24 | ```sh 25 | npm run build 26 | ``` 27 | -------------------------------------------------------------------------------- /examples/new-year-countdown/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | New Year Countdown 8 | 9 | 10 | 11 | 12 | -------------------------------------------------------------------------------- /examples/newsletter-signup-form/.gitignore: -------------------------------------------------------------------------------- 1 | # Logs 2 | logs 3 | *.log 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | pnpm-debug.log* 8 | lerna-debug.log* 9 | 10 | node_modules 11 | dist 12 | dist-ssr 13 | *.local 14 | 15 | # Editor directories and files 16 | .vscode/* 17 | !.vscode/extensions.json 18 | .idea 19 | .DS_Store 20 | *.suo 21 | *.ntvs* 22 | *.njsproj 23 | *.sln 24 | *.sw? 25 | -------------------------------------------------------------------------------- /examples/playground/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "bau-playground", 3 | "private": true, 4 | "version": "0.106.0", 5 | "type": "module", 6 | "scripts": { 7 | "dev": "vite", 8 | "build": "vite build", 9 | "preview": "vite preview" 10 | }, 11 | "dependencies": { 12 | "@grucloud/bau": "^0.106.0" 13 | }, 14 | "devDependencies": { 15 | "vite": "^5.2.11" 16 | } 17 | } 18 | -------------------------------------------------------------------------------- /examples/product-preview-card/.gitignore: -------------------------------------------------------------------------------- 1 | # Logs 2 | logs 3 | *.log 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | pnpm-debug.log* 8 | lerna-debug.log* 9 | 10 | node_modules 11 | dist 12 | dist-ssr 13 | *.local 14 | 15 | # Editor directories and files 16 | .vscode/* 17 | !.vscode/extensions.json 18 | .idea 19 | .DS_Store 20 | *.suo 21 | *.ntvs* 22 | *.njsproj 23 | *.sln 24 | *.sw? 25 | -------------------------------------------------------------------------------- /examples/result-summary-component/.gitignore: -------------------------------------------------------------------------------- 1 | # Logs 2 | logs 3 | *.log 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | pnpm-debug.log* 8 | lerna-debug.log* 9 | 10 | node_modules 11 | dist 12 | dist-ssr 13 | *.local 14 | 15 | # Editor directories and files 16 | .vscode/* 17 | !.vscode/extensions.json 18 | .idea 19 | .DS_Store 20 | *.suo 21 | *.ntvs* 22 | *.njsproj 23 | *.sln 24 | *.sw? 25 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | # Logs 2 | logs 3 | *.log 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | pnpm-debug.log* 8 | lerna-debug.log* 9 | 10 | node_modules 11 | dist 12 | dist-ssr 13 | *.local 14 | 15 | # Editor directories and files 16 | .vscode/* 17 | !.vscode/extensions.json 18 | .idea 19 | .DS_Store 20 | *.suo 21 | *.ntvs* 22 | *.njsproj 23 | *.sln 24 | *.sw? 25 | coverage 26 | .replit 27 | replit.nix -------------------------------------------------------------------------------- /bau-css/examples/vanillajs-bau-css/.gitignore: -------------------------------------------------------------------------------- 1 | # Logs 2 | logs 3 | *.log 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | pnpm-debug.log* 8 | lerna-debug.log* 9 | 10 | node_modules 11 | dist 12 | dist-ssr 13 | *.local 14 | 15 | # Editor directories and files 16 | .vscode/* 17 | !.vscode/extensions.json 18 | .idea 19 | .DS_Store 20 | *.suo 21 | *.ntvs* 22 | *.njsproj 23 | *.sln 24 | *.sw? 25 | -------------------------------------------------------------------------------- /bau-ui/examples/bau-ui-template-js/.gitignore: -------------------------------------------------------------------------------- 1 | # Logs 2 | logs 3 | *.log 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | pnpm-debug.log* 8 | lerna-debug.log* 9 | 10 | node_modules 11 | dist 12 | dist-ssr 13 | *.local 14 | 15 | # Editor directories and files 16 | .vscode/* 17 | !.vscode/extensions.json 18 | .idea 19 | .DS_Store 20 | *.suo 21 | *.ntvs* 22 | *.njsproj 23 | *.sln 24 | *.sw? 25 | -------------------------------------------------------------------------------- /bau-ui/examples/bau-ui-template-js/README.md: -------------------------------------------------------------------------------- 1 | # Bau UI Javascript Template 2 | 3 | Minimal example for the Bau UI component library in Javascript. 4 | 5 | ## Workflow 6 | 7 | Install the dependencies: 8 | 9 | ```sh 10 | npm install 11 | ``` 12 | 13 | Start a development server: 14 | 15 | ```sh 16 | npm run dev 17 | ``` 18 | 19 | Build a production version: 20 | 21 | ```sh 22 | npm run build 23 | ``` 24 | -------------------------------------------------------------------------------- /bau-ui/examples/bau-ui-template-ts/.gitignore: -------------------------------------------------------------------------------- 1 | # Logs 2 | logs 3 | *.log 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | pnpm-debug.log* 8 | lerna-debug.log* 9 | 10 | node_modules 11 | dist 12 | dist-ssr 13 | *.local 14 | 15 | # Editor directories and files 16 | .vscode/* 17 | !.vscode/extensions.json 18 | .idea 19 | .DS_Store 20 | *.suo 21 | *.ntvs* 22 | *.njsproj 23 | *.sln 24 | *.sw? 25 | -------------------------------------------------------------------------------- /bau-ui/examples/bau-ui-template-ts/README.md: -------------------------------------------------------------------------------- 1 | # Bau UI Typescript Template 2 | 3 | Minimal example for the Bau UI component library in Typescript. 4 | 5 | ## Workflow 6 | 7 | Install the dependencies: 8 | 9 | ```sh 10 | npm install 11 | ``` 12 | 13 | Start a development server: 14 | 15 | ```sh 16 | npm run dev 17 | ``` 18 | 19 | Build a production version: 20 | 21 | ```sh 22 | npm run build 23 | ``` 24 | -------------------------------------------------------------------------------- /bau-ui/themeSwitch/index.d.ts: -------------------------------------------------------------------------------- 1 | declare module "@grucloud/bau-ui/themeSwitch" { 2 | type ComponentOption = import("../bau-ui").ComponentOption; 3 | 4 | export type ThemeSwitchProps = {}; 5 | 6 | type Component = import("../bau-ui").Component< 7 | ThemeSwitchProps, 8 | HTMLInputElement 9 | >; 10 | 11 | export default function (context: any, option?: ComponentOption): Component; 12 | } 13 | -------------------------------------------------------------------------------- /examples/interactive-comments-section/.gitignore: -------------------------------------------------------------------------------- 1 | # Logs 2 | logs 3 | *.log 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | pnpm-debug.log* 8 | lerna-debug.log* 9 | 10 | node_modules 11 | dist 12 | dist-ssr 13 | *.local 14 | 15 | # Editor directories and files 16 | .vscode/* 17 | !.vscode/extensions.json 18 | .idea 19 | .DS_Store 20 | *.suo 21 | *.ntvs* 22 | *.njsproj 23 | *.sln 24 | *.sw? 25 | -------------------------------------------------------------------------------- /examples/interactive-rating-component/.gitignore: -------------------------------------------------------------------------------- 1 | # Logs 2 | logs 3 | *.log 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | pnpm-debug.log* 8 | lerna-debug.log* 9 | 10 | node_modules 11 | dist 12 | dist-ssr 13 | *.local 14 | 15 | # Editor directories and files 16 | .vscode/* 17 | !.vscode/extensions.json 18 | .idea 19 | .DS_Store 20 | *.suo 21 | *.ntvs* 22 | *.njsproj 23 | *.sln 24 | *.sw? 25 | -------------------------------------------------------------------------------- /examples/job-listings-with-filtering/.gitignore: -------------------------------------------------------------------------------- 1 | # Logs 2 | logs 3 | *.log 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | pnpm-debug.log* 8 | lerna-debug.log* 9 | 10 | node_modules 11 | dist 12 | dist-ssr 13 | *.local 14 | 15 | # Editor directories and files 16 | .vscode/* 17 | !.vscode/extensions.json 18 | .idea 19 | .DS_Store 20 | *.suo 21 | *.ntvs* 22 | *.njsproj 23 | *.sln 24 | *.sw? 25 | -------------------------------------------------------------------------------- /examples/list-drag-drop/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "list-drag-drop", 3 | "private": true, 4 | "version": "0.106.0", 5 | "type": "module", 6 | "scripts": { 7 | "dev": "vite", 8 | "build": "vite build", 9 | "preview": "vite preview" 10 | }, 11 | "devDependencies": { 12 | "vite": "^5.2.11" 13 | }, 14 | "dependencies": { 15 | "@grucloud/bau-ui": "^0.106.0" 16 | } 17 | } 18 | -------------------------------------------------------------------------------- /examples/mortgage-repayment-calculator/.gitignore: -------------------------------------------------------------------------------- 1 | # Logs 2 | logs 3 | *.log 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | pnpm-debug.log* 8 | lerna-debug.log* 9 | 10 | node_modules 11 | dist 12 | dist-ssr 13 | *.local 14 | 15 | # Editor directories and files 16 | .vscode/* 17 | !.vscode/extensions.json 18 | .idea 19 | .DS_Store 20 | *.suo 21 | *.ntvs* 22 | *.njsproj 23 | *.sln 24 | *.sw? 25 | -------------------------------------------------------------------------------- /examples/result-summary-component/vite.config.js: -------------------------------------------------------------------------------- 1 | import { defineConfig } from "vite"; 2 | 3 | export default defineConfig(({ command, mode, ssrBuild }) => { 4 | return { 5 | base: "/bau/frontendmentor/result-summary-component/", 6 | build: { 7 | outDir: "../../dist/frontendmentor/result-summary-component", 8 | }, 9 | server: { 10 | open: true, 11 | }, 12 | }; 13 | }); 14 | -------------------------------------------------------------------------------- /examples/todo-minimal/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "bau-todo-minimal", 3 | "private": true, 4 | "version": "0.106.0", 5 | "type": "module", 6 | "scripts": { 7 | "dev": "vite", 8 | "build": "vite build", 9 | "preview": "vite preview" 10 | }, 11 | "dependencies": { 12 | "@grucloud/bau": "^0.106.0" 13 | }, 14 | "devDependencies": { 15 | "vite": "^5.2.11" 16 | } 17 | } 18 | -------------------------------------------------------------------------------- /bausaurus/bausaurus-core/.gitignore: -------------------------------------------------------------------------------- 1 | # Logs 2 | logs 3 | *.log 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | pnpm-debug.log* 8 | lerna-debug.log* 9 | 10 | node_modules 11 | dist 12 | dist-ssr 13 | *.local 14 | 15 | # Editor directories and files 16 | .vscode/* 17 | !.vscode/extensions.json 18 | .idea 19 | .DS_Store 20 | *.suo 21 | *.ntvs* 22 | *.njsproj 23 | *.sln 24 | *.sw? 25 | 26 | build 27 | -------------------------------------------------------------------------------- /bausaurus/src/server/constants.js: -------------------------------------------------------------------------------- 1 | import { fileURLToPath } from "url"; 2 | import { resolve, join } from "path"; 3 | 4 | export const PKG_ROOT = resolve(fileURLToPath(import.meta.url), "../.."); 5 | export const DIST_CLIENT_PATH = resolve(PKG_ROOT, "client"); 6 | export const APP_PATH = join(DIST_CLIENT_PATH, "app"); 7 | 8 | export const hashRE = /-(\w+)\.js$/; 9 | export const EXTERNAL_URL_RE = /^[a-z]+:/i; 10 | -------------------------------------------------------------------------------- /bausaurus/src/server/jsdom.js: -------------------------------------------------------------------------------- 1 | import jsdom from "jsdom"; 2 | 3 | export default function createJSDOM() { 4 | const { JSDOM } = jsdom; 5 | // See https://github.com/jsdom/jsdom/issues/2230 6 | const virtualConsole = new jsdom.VirtualConsole(); 7 | virtualConsole.on("error", (error) => { 8 | console.log(error); 9 | }); 10 | return new JSDOM(``, { virtualConsole, pretendToBeVisual: true }); 11 | } 12 | -------------------------------------------------------------------------------- /examples/form-stateless-login/README.md: -------------------------------------------------------------------------------- 1 | # Building stateless form 2 | 3 | This example shows how to implement a simple form, without any bau state. 4 | 5 | ## Workflow 6 | 7 | Install the dependencies: 8 | 9 | ```sh 10 | npm install 11 | ``` 12 | 13 | Start a development server: 14 | 15 | ```sh 16 | npm run dev 17 | ``` 18 | 19 | Build a production version: 20 | 21 | ```sh 22 | npm run build 23 | ``` 24 | -------------------------------------------------------------------------------- /examples/interactive-comments-section/public/assets/images/icon-edit.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /bau-css/examples/vanillajs-bau-css/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "vanillajs-bau-css", 3 | "private": true, 4 | "version": "0.106.0", 5 | "type": "module", 6 | "scripts": { 7 | "dev": "vite", 8 | "build": "vite build", 9 | "preview": "vite preview" 10 | }, 11 | "devDependencies": { 12 | "vite": "^5.2.11" 13 | }, 14 | "dependencies": { 15 | "@grucloud/bau-css": "^0.106.0" 16 | } 17 | } 18 | -------------------------------------------------------------------------------- /bau-ui/examples/bau-storybook/src/pages/divider/divider-example-default.ts: -------------------------------------------------------------------------------- 1 | import divider from "@grucloud/bau-ui/divider"; 2 | import { Context } from "@grucloud/bau-ui/context"; 3 | 4 | export default (context: Context) => { 5 | const { bau } = context; 6 | const { section } = bau.tags; 7 | 8 | const Divider = divider(context); 9 | 10 | return () => { 11 | return section(Divider("OR")); 12 | }; 13 | }; 14 | -------------------------------------------------------------------------------- /bau-ui/examples/bau-ui-template-js/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "bau-ui-template-js", 3 | "private": true, 4 | "version": "0.106.0", 5 | "type": "module", 6 | "scripts": { 7 | "dev": "vite", 8 | "build": "vite build", 9 | "preview": "vite preview" 10 | }, 11 | "devDependencies": { 12 | "vite": "^5.2.11" 13 | }, 14 | "dependencies": { 15 | "@grucloud/bau-ui": "^0.106.0" 16 | } 17 | } 18 | -------------------------------------------------------------------------------- /bausaurus/bausaurus-theme-classic/.gitignore: -------------------------------------------------------------------------------- 1 | # Logs 2 | logs 3 | *.log 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | pnpm-debug.log* 8 | lerna-debug.log* 9 | 10 | node_modules 11 | dist 12 | dist-ssr 13 | *.local 14 | 15 | # Editor directories and files 16 | .vscode/* 17 | !.vscode/extensions.json 18 | .idea 19 | .DS_Store 20 | *.suo 21 | *.ntvs* 22 | *.njsproj 23 | *.sln 24 | *.sw? 25 | 26 | build 27 | -------------------------------------------------------------------------------- /examples/form-stateless-login/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "bau-form-stateless-login", 3 | "private": true, 4 | "version": "0.106.0", 5 | "type": "module", 6 | "scripts": { 7 | "dev": "vite", 8 | "build": "vite build", 9 | "preview": "vite preview" 10 | }, 11 | "dependencies": { 12 | "@grucloud/bau": "^0.106.0" 13 | }, 14 | "devDependencies": { 15 | "vite": "^5.2.11" 16 | } 17 | } 18 | -------------------------------------------------------------------------------- /examples/mortgage-repayment-calculator/vite.config.js: -------------------------------------------------------------------------------- 1 | import { defineConfig } from "vite"; 2 | 3 | export default defineConfig(({ command, mode, ssrBuild }) => { 4 | return { 5 | base: "/bau/frontendmentor/mortgage-repayment-calculator/", 6 | build: { 7 | outDir: "../../dist/frontendmentor/mortgage-repayment-calculator", 8 | }, 9 | server: { 10 | open: true, 11 | }, 12 | }; 13 | }); 14 | -------------------------------------------------------------------------------- /bau-ui/form/index.d.ts: -------------------------------------------------------------------------------- 1 | declare module "@grucloud/bau-ui/form" { 2 | type DefaultDesignProps = import("../constants").DefaultDesignProps; 3 | type ComponentOption = import("../bau-ui").ComponentOption; 4 | 5 | export type FormProps = {} & DefaultDesignProps; 6 | 7 | type Component = import("../bau-ui").Component; 8 | 9 | export default function (context: any, option?: ComponentOption): Component; 10 | } 11 | -------------------------------------------------------------------------------- /bausaurus/test/main.test.js: -------------------------------------------------------------------------------- 1 | // import assert from "assert"; 2 | // import rubico from "rubico"; 3 | // import path from "path"; 4 | // import { describe, it } from "node:test"; 5 | 6 | // const { pipe, tap } = rubico; 7 | 8 | // describe("Bausaurus", async function () { 9 | // it("run", () => 10 | // pipe([ 11 | // tap((params) => { 12 | // assert(true); 13 | // }), 14 | // ])()); 15 | // }); 16 | -------------------------------------------------------------------------------- /examples/ip-address-tracker/public/assets/images/icon-location.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /bau-router/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | BauRouter: a lean router 9 | 10 | 11 |
12 | 13 | 14 | 15 | -------------------------------------------------------------------------------- /bau-ui/.gitignore: -------------------------------------------------------------------------------- 1 | # Logs 2 | logs 3 | *.log 4 | npm-debug.log* 5 | yarn-debug.log* 6 | yarn-error.log* 7 | pnpm-debug.log* 8 | lerna-debug.log* 9 | 10 | node_modules 11 | dist 12 | dist-ssr 13 | *.local 14 | 15 | # Editor directories and files 16 | .vscode/* 17 | !.vscode/extensions.json 18 | .idea 19 | .DS_Store 20 | *.suo 21 | *.ntvs* 22 | *.njsproj 23 | *.sln 24 | *.sw? 25 | coverage 26 | .replit 27 | replit.nix 28 | 29 | docs -------------------------------------------------------------------------------- /bau-ui/examples/bau-storybook/src/pages/badge/badge-example-default.ts: -------------------------------------------------------------------------------- 1 | import badge from "@grucloud/bau-ui/badge"; 2 | import { Context } from "@grucloud/bau-ui/context"; 3 | 4 | export default (context: Context) => { 5 | const { bau } = context; 6 | const { section } = bau.tags; 7 | 8 | const Badge = badge(context); 9 | 10 | return () => { 11 | return section(Badge({ content: "10" }, "\u260F")); 12 | }; 13 | }; 14 | -------------------------------------------------------------------------------- /bau-ui/paper/index.d.ts: -------------------------------------------------------------------------------- 1 | declare module "@grucloud/bau-ui/paper" { 2 | type DefaultDesignProps = import("../constants").DefaultDesignProps; 3 | type ComponentOption = import("../bau-ui").ComponentOption; 4 | 5 | export type PaperProps = {} & DefaultDesignProps; 6 | 7 | type Component = import("../bau-ui").Component; 8 | 9 | export default function (context: any, option?: ComponentOption): Component; 10 | } 11 | -------------------------------------------------------------------------------- /examples/bau-kit/src/pages/admin/main.js: -------------------------------------------------------------------------------- 1 | export const Main = (context) => { 2 | const { tr, bau } = context; 3 | const { main, h1, button } = bau.tags; 4 | return () => 5 | main( 6 | h1(tr("Admin Area")), 7 | button( 8 | { 9 | onclick: () => { 10 | history.pushState({}, null, "login"); 11 | }, 12 | }, 13 | tr("Login") 14 | ) 15 | ); 16 | }; 17 | -------------------------------------------------------------------------------- /examples/gccd/src/components/cloudAuthentication/awsRegion.json: -------------------------------------------------------------------------------- 1 | [ 2 | "ap-northeast-1", 3 | "ap-northeast-2", 4 | "ap-northeast-3", 5 | "ap-south-1", 6 | "ap-southeast-1", 7 | "ap-southeast-2", 8 | "ca-central-1", 9 | "eu-central-1", 10 | "eu-north-1", 11 | "eu-west-1", 12 | "eu-west-2", 13 | "eu-west-3", 14 | "sa-east-1", 15 | "us-east-1", 16 | "us-east-2", 17 | "us-west-1", 18 | "us-west-2" 19 | ] -------------------------------------------------------------------------------- /examples/highlight/README.md: -------------------------------------------------------------------------------- 1 | # Bau.js Syntax Highlight 2 | 3 | Integration with the Syntax Highlight library [highlight.js](https://github.com/highlightjs/highlight.js) 4 | 5 | ## Workflow 6 | 7 | Install the dependencies: 8 | 9 | ```sh 10 | npm install 11 | ``` 12 | 13 | Start a development server: 14 | 15 | ```sh 16 | npm run dev 17 | ``` 18 | 19 | Build a production version: 20 | 21 | ```sh 22 | npm run build 23 | ``` 24 | -------------------------------------------------------------------------------- /examples/multi-step-form/src/data/plans.json: -------------------------------------------------------------------------------- 1 | [ 2 | { 3 | "name": "Arcade", 4 | "pricePerMonth": "9", 5 | "image": "./assets/images/icon-arcade.svg" 6 | }, 7 | { 8 | "name": "Advanced", 9 | "pricePerMonth": "12", 10 | "image": "./assets/images/icon-advanced.svg" 11 | }, 12 | { 13 | "name": "Pro", 14 | "pricePerMonth": "15", 15 | "image": "./assets/images/icon-pro.svg" 16 | } 17 | ] 18 | -------------------------------------------------------------------------------- /examples/tree-view/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Tree view 8 | 9 | 10 |
11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /bau-astro/examples/bau-astro-simple/src/components/Counter.js: -------------------------------------------------------------------------------- 1 | import context from "./context"; 2 | const { bau } = context; 3 | const { button, span } = bau.tags; 4 | const counter = bau.state(0); 5 | 6 | export default function Counter() { 7 | return span( 8 | "❤️ ", 9 | counter, 10 | " ", 11 | button({ onclick: () => ++counter.val }, "👍"), 12 | button({ onclick: () => --counter.val }, "👎") 13 | ); 14 | } 15 | -------------------------------------------------------------------------------- /bau-router/bau-router.d.ts: -------------------------------------------------------------------------------- 1 | declare module "@grucloud/bau-router" { 2 | type RouteResult = { 3 | title: string; 4 | description?: string; 5 | tags?: string; 6 | component: (...args: any[]) => HTMLElement; 7 | Layout: (...args: any[]) => HTMLElement; 8 | }; 9 | type Router = { 10 | resolve: (input: { pathname: string }) => RouteResult; 11 | }; 12 | export default function (context: any): Router; 13 | } 14 | -------------------------------------------------------------------------------- /bau-ui/drawer/index.d.ts: -------------------------------------------------------------------------------- 1 | declare module "@grucloud/bau-ui/drawer" { 2 | type DefaultDesignProps = import("../constants").DefaultDesignProps; 3 | type ComponentOption = import("../bau-ui").ComponentOption; 4 | 5 | export type DrawerProps = {} & DefaultDesignProps; 6 | 7 | type Component = import("../bau-ui").Component; 8 | 9 | export default function (context: any, option?: ComponentOption): Component; 10 | } 11 | -------------------------------------------------------------------------------- /examples/bau-tailwind/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Bau with Tailwind 7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /examples/button/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Button with Bau.js 8 | 9 | 10 |
11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /examples/fetch-data/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Fetch data 8 | 9 | 10 |
11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /examples/form-login/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Form example 8 | 9 | 10 |
11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /examples/grid-layout/README.md: -------------------------------------------------------------------------------- 1 | # Grid Layout 2 | 3 | This example implements a minimal web app with a css grid layout: 4 | 5 | - Header 6 | - Main content 7 | - Footer 8 | 9 | ## Workflow 10 | 11 | Install the dependencies: 12 | 13 | ```sh 14 | npm install 15 | ``` 16 | 17 | Start a development server: 18 | 19 | ```sh 20 | npm run dev 21 | ``` 22 | 23 | Build a production version: 24 | 25 | ```sh 26 | npm run build 27 | ``` 28 | -------------------------------------------------------------------------------- /examples/mathml/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | MathML with Bau.js 8 | 9 | 10 |
11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /bau-ui/divider/index.d.ts: -------------------------------------------------------------------------------- 1 | declare module "@grucloud/bau-ui/divider" { 2 | type DefaultDesignProps = import("../constants").DefaultDesignProps; 3 | type ComponentOption = import("../bau-ui").ComponentOption; 4 | 5 | export type DividerProps = {} & DefaultDesignProps; 6 | 7 | type Component = import("../bau-ui").Component; 8 | 9 | export default function (context: any, option?: ComponentOption): Component; 10 | } 11 | -------------------------------------------------------------------------------- /bau-ui/examples/bau-storybook/src/pages/paper/paper-example-default.ts: -------------------------------------------------------------------------------- 1 | import paper from "@grucloud/bau-ui/paper"; 2 | import { Context } from "@grucloud/bau-ui/context"; 3 | 4 | export default (context: Context) => { 5 | const { bau } = context; 6 | const { section, div } = bau.tags; 7 | 8 | const Paper = paper(context, { size: "md" }); 9 | 10 | return () => { 11 | return section(Paper(div("My content"))); 12 | }; 13 | }; 14 | -------------------------------------------------------------------------------- /examples/grid-layout/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "grid-layout", 3 | "private": true, 4 | "version": "0.106.0", 5 | "type": "module", 6 | "scripts": { 7 | "dev": "vite", 8 | "build": "vite build", 9 | "preview": "vite preview" 10 | }, 11 | "dependencies": { 12 | "@grucloud/bau": "^0.106.0", 13 | "@grucloud/bau-css": "^0.106.0" 14 | }, 15 | "devDependencies": { 16 | "vite": "^5.2.11" 17 | } 18 | } 19 | -------------------------------------------------------------------------------- /examples/todo-minimal/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Bau.js TODO list 8 | 9 | 10 |
11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /bau-css/examples/vanillajs-bau-css/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Vite App 8 | 9 | 10 |
11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /bau-ui/chip/index.d.ts: -------------------------------------------------------------------------------- 1 | declare module "@grucloud/bau-ui/chip" { 2 | type DefaultDesignProps = import("../constants").DefaultDesignProps; 3 | type ComponentOption = import("../bau-ui").ComponentOption; 4 | 5 | export type ChipProps = {} & DefaultDesignProps; 6 | 7 | type Component = import("../bau-ui").Component; 8 | 9 | export default function (context: any, option?: ComponentOption): Component; 10 | } 11 | -------------------------------------------------------------------------------- /bau-ui/list/index.d.ts: -------------------------------------------------------------------------------- 1 | declare module "@grucloud/bau-ui/list" { 2 | type DefaultDesignProps = import("../constants").DefaultDesignProps; 3 | type ComponentOption = import("../bau-ui").ComponentOption; 4 | 5 | export type ListProps = {} & DefaultDesignProps; 6 | 7 | type Component = import("../bau-ui").Component; 8 | 9 | export default function (context: any, option?: ComponentOption): Component; 10 | } 11 | -------------------------------------------------------------------------------- /bau-ui/skeleton/index.d.ts: -------------------------------------------------------------------------------- 1 | declare module "@grucloud/bau-ui/skeleton" { 2 | type DefaultDesignProps = import("../constants").DefaultDesignProps; 3 | type ComponentOption = import("../bau-ui").ComponentOption; 4 | 5 | export type SkeletonProps = {} & DefaultDesignProps; 6 | 7 | type Component = import("../bau-ui").Component; 8 | 9 | export default function (context: any, option?: ComponentOption): Component; 10 | } 11 | -------------------------------------------------------------------------------- /examples/benchmark/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Bau.js Benchmark 8 | 9 | 10 |
11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /examples/counter/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Counter App with Bau.js 8 | 9 | 10 |
11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /examples/e-commerce-product-page/src/types.ts: -------------------------------------------------------------------------------- 1 | type ImageInfo = { alt: string; thumbnail: string; desktop: string }; 2 | type CartItem = { 3 | name: string; 4 | price: number; 5 | quantity: number; 6 | thumbnail?: string; 7 | }; 8 | 9 | type ProductInfo = { 10 | name: string; 11 | brand: string; 12 | description: string; 13 | price: number; 14 | discount: number; 15 | priceOld: number; 16 | imageInfo: ImageInfo[]; 17 | }; 18 | -------------------------------------------------------------------------------- /examples/exchange-rate/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "exchange-rate", 3 | "private": true, 4 | "version": "0.106.0", 5 | "type": "module", 6 | "scripts": { 7 | "dev": "vite", 8 | "build": "tsc && vite build", 9 | "preview": "vite preview" 10 | }, 11 | "devDependencies": { 12 | "typescript": "^5.0.2", 13 | "vite": "^5.2.11" 14 | }, 15 | "dependencies": { 16 | "@grucloud/bau-ui": "^0.106.0" 17 | } 18 | } 19 | -------------------------------------------------------------------------------- /examples/new-year-countdown/README.md: -------------------------------------------------------------------------------- 1 | # New Year Countdown 2 | 3 | The new year countdown inspired from https://github.com/bradtraversy/vanillawebprojects/tree/master/new-year-countdown 4 | 5 | ## Workflow 6 | 7 | Install the dependencies: 8 | 9 | ```sh 10 | npm install 11 | ``` 12 | 13 | Start a development server: 14 | 15 | ```sh 16 | npm run dev 17 | ``` 18 | 19 | Build a production version: 20 | 21 | ```sh 22 | npm run build 23 | ``` 24 | -------------------------------------------------------------------------------- /bau-css/examples/react-bau-css/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Vite + React 8 | 9 | 10 |
11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /bau-ui/examples/bau-storybook/404.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | Page Not Found- Redirect 7 | 10 | 11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /bau-ui/examples/bau-storybook/src/pages/chip/chip-grid-item.ts: -------------------------------------------------------------------------------- 1 | import chip from "@grucloud/bau-ui/chip"; 2 | import { Context } from "@grucloud/bau-ui/context"; 3 | 4 | export default (context: Context, options?: any) => { 5 | const Chip = chip(context, options); 6 | 7 | return (props: any) => 8 | Chip( 9 | { 10 | ...props, 11 | }, 12 | `Chip ${props.color} ${props.variant} ${props.size ?? ""}` 13 | ); 14 | }; 15 | -------------------------------------------------------------------------------- /bau-ui/examples/bau-storybook/src/pages/tableOfContent/tableOfContent-grid-item.ts: -------------------------------------------------------------------------------- 1 | import tableOfContent from "@grucloud/bau-ui/tableOfContent"; 2 | import { Context } from "@grucloud/bau-ui/context"; 3 | 4 | export default (context: Context) => { 5 | const { bau } = context; 6 | const { section } = bau.tags; 7 | const TableOfContent = tableOfContent(context); 8 | 9 | return (props: any) => section(TableOfContent({ ...props })); 10 | }; 11 | -------------------------------------------------------------------------------- /examples/multi-step-form/public/assets/images/icon-arcade.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /examples/playground/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Bau.js App built with Vite 8 | 9 | 10 |
11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /bau-ui/buttonGroup/index.d.ts: -------------------------------------------------------------------------------- 1 | declare module "@grucloud/bau-ui/buttonGroup" { 2 | type DefaultDesignProps = import("../constants").DefaultDesignProps; 3 | type ComponentOption = import("../bau-ui").ComponentOption; 4 | 5 | export type ButtonGroupProps = {} & DefaultDesignProps; 6 | 7 | type Component = import("../bau-ui").Component; 8 | 9 | export default function (context: any, option?: ComponentOption): Component; 10 | } 11 | -------------------------------------------------------------------------------- /bau-ui/slider/index.d.ts: -------------------------------------------------------------------------------- 1 | declare module "@grucloud/bau-ui/slider" { 2 | type DefaultDesignProps = import("../constants").DefaultDesignProps; 3 | type ComponentOption = import("../bau-ui").ComponentOption; 4 | 5 | export type SliderProps = {} & DefaultDesignProps; 6 | 7 | type Component = import("../bau-ui").Component; 8 | 9 | export default function (context: any, option?: ComponentOption): Component; 10 | } 11 | -------------------------------------------------------------------------------- /bau-ui/switch/index.d.ts: -------------------------------------------------------------------------------- 1 | declare module "@grucloud/bau-ui/switch" { 2 | type DefaultDesignProps = import("../constants").DefaultDesignProps; 3 | type ComponentOption = import("../bau-ui").ComponentOption; 4 | 5 | export type SwitchProps = {} & DefaultDesignProps; 6 | 7 | type Component = import("../bau-ui").Component; 8 | 9 | export default function (context: any, option?: ComponentOption): Component; 10 | } 11 | -------------------------------------------------------------------------------- /examples/benchmark/vite.config.js: -------------------------------------------------------------------------------- 1 | import { defineConfig } from "vite"; 2 | 3 | export default defineConfig(({ command, mode, ssrBuild }) => { 4 | return { 5 | build: { 6 | modulePreload: { polyfill: true }, 7 | rollupOptions: { 8 | input: "main.js", 9 | output: { 10 | entryFileNames: "main.js", 11 | }, 12 | }, 13 | }, 14 | server: { 15 | open: true, 16 | }, 17 | }; 18 | }); 19 | -------------------------------------------------------------------------------- /examples/form-stateless-login/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Form stateless example 8 | 9 | 10 |
11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /examples/new-year-countdown/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "new-year-countdown", 3 | "private": true, 4 | "version": "0.106.0", 5 | "type": "module", 6 | "scripts": { 7 | "dev": "vite", 8 | "build": "tsc && vite build", 9 | "preview": "vite preview" 10 | }, 11 | "devDependencies": { 12 | "typescript": "^5.0.2", 13 | "vite": "^5.2.11" 14 | }, 15 | "dependencies": { 16 | "@grucloud/bau-ui": "^0.106.0" 17 | } 18 | } 19 | -------------------------------------------------------------------------------- /bau-ui/context.js: -------------------------------------------------------------------------------- 1 | import Bau from "@grucloud/bau"; 2 | import BauCss from "@grucloud/bau-css"; 3 | 4 | import globalStyle from "./globalStyle"; 5 | 6 | export function createContext(extra) { 7 | const bau = Bau(); 8 | const bauCss = BauCss({ target: window.document.getElementById("bau-css") }); 9 | globalStyle(bauCss); 10 | return { 11 | bau, 12 | ...bauCss, 13 | tr: (text) => text, 14 | window, 15 | ...extra, 16 | }; 17 | } 18 | -------------------------------------------------------------------------------- /bau-ui/examples/bau-storybook/src/pages/themeSwitch/themeSwitch-example-default.ts: -------------------------------------------------------------------------------- 1 | import createThemeSwitch from "@grucloud/bau-ui/themeSwitch"; 2 | import { Context } from "@grucloud/bau-ui/context"; 3 | 4 | export default (context: Context) => { 5 | const { bau } = context; 6 | const { section } = bau.tags; 7 | 8 | const ThemeSwitch = createThemeSwitch(context); 9 | 10 | return () => { 11 | return section(ThemeSwitch({})); 12 | }; 13 | }; 14 | -------------------------------------------------------------------------------- /bau-ui/examples/bau-ui-template-ts/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "bau-ui-template-ts", 3 | "private": true, 4 | "version": "0.106.0", 5 | "type": "module", 6 | "scripts": { 7 | "dev": "vite", 8 | "build": "tsc && vite build", 9 | "preview": "vite preview" 10 | }, 11 | "devDependencies": { 12 | "typescript": "^5.0.2", 13 | "vite": "^5.2.11" 14 | }, 15 | "dependencies": { 16 | "@grucloud/bau-ui": "^0.106.0" 17 | } 18 | } 19 | -------------------------------------------------------------------------------- /bau-ui/keyValueList/index.d.ts: -------------------------------------------------------------------------------- 1 | declare module "@grucloud/bau-ui/keyValueList" { 2 | type DefaultDesignProps = import("../constants").DefaultDesignProps; 3 | type ComponentOption = import("../bau-ui").ComponentOption; 4 | 5 | export type KeyValueListProps = {} & DefaultDesignProps; 6 | 7 | type Component = import("../bau-ui").Component; 8 | 9 | export default function (context: any, option?: ComponentOption): Component; 10 | } 11 | -------------------------------------------------------------------------------- /examples/grid-layout/src/Header.js: -------------------------------------------------------------------------------- 1 | export default function (context) { 2 | const { bau, css } = context; 3 | const { h1, header } = bau.tags; 4 | 5 | const className = css` 6 | grid-area: header; 7 | display: flex; 8 | justify-content: space-between; 9 | align-items: center; 10 | border: 1px dashed lightgray; 11 | `; 12 | 13 | return function Header() { 14 | return header({ class: className }, h1("Header")); 15 | }; 16 | } 17 | -------------------------------------------------------------------------------- /examples/newsletter-signup-form/public/assets/images/icon-success.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /examples/todo-minimal/README.md: -------------------------------------------------------------------------------- 1 | # Bau.js TODO list 2 | 3 | A minimal Bau.js todo list. 4 | 5 | This example shows how to use a state containing an array, and how to use `bind` to render an array . 6 | 7 | ## Workflow 8 | 9 | Install the dependencies: 10 | 11 | ```sh 12 | npm install 13 | ``` 14 | 15 | Start a development server: 16 | 17 | ```sh 18 | npm run dev 19 | ``` 20 | 21 | Build a production version: 22 | 23 | ```sh 24 | npm run build 25 | ``` 26 | -------------------------------------------------------------------------------- /bau-ui/badge/index.d.ts: -------------------------------------------------------------------------------- 1 | declare module "@grucloud/bau-ui/badge" { 2 | type DefaultDesignProps = import("../constants").DefaultDesignProps; 3 | type ComponentOption = import("../bau-ui").ComponentOption; 4 | 5 | export type BadgeProps = { 6 | content: string; 7 | } & DefaultDesignProps; 8 | 9 | type Component = import("../bau-ui").Component; 10 | 11 | export default function (context: any, option?: ComponentOption): Component; 12 | } 13 | -------------------------------------------------------------------------------- /bau-ui/examples/bau-storybook/src/pages/button/button-grid-item.ts: -------------------------------------------------------------------------------- 1 | import button from "@grucloud/bau-ui/button"; 2 | import { Context } from "@grucloud/bau-ui/context"; 3 | 4 | export default (context: Context, options: any = {}) => { 5 | const Button = button(context, options); 6 | 7 | return (props: any) => 8 | Button( 9 | { 10 | ...props, 11 | }, 12 | `${props.variant} ${props.color} ${options.size ?? ""}` 13 | ); 14 | }; 15 | -------------------------------------------------------------------------------- /bau-ui/tableOfContent/index.d.ts: -------------------------------------------------------------------------------- 1 | declare module "@grucloud/bau-ui/tableOfContent" { 2 | type DefaultDesignProps = import("../constants").DefaultDesignProps; 3 | type ComponentOption = import("../bau-ui").ComponentOption; 4 | 5 | export type TableOfContentProps = {} & DefaultDesignProps; 6 | 7 | type Component = import("../bau-ui").Component; 8 | 9 | export default function (context: any, option?: ComponentOption): Component; 10 | } 11 | -------------------------------------------------------------------------------- /examples/bau-kit/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 11 | Landing 12 | 13 | 14 |
15 | 16 | 17 | -------------------------------------------------------------------------------- /examples/counter/main.js: -------------------------------------------------------------------------------- 1 | import Bau from "@grucloud/bau"; 2 | 3 | const bau = Bau(); 4 | 5 | const { button, span } = bau.tags; 6 | 7 | const counter = bau.state(0); 8 | 9 | function Counter() { 10 | return span( 11 | "❤️ ", 12 | counter, 13 | " ", 14 | button({ onclick: () => ++counter.val }, "👍"), 15 | button({ onclick: () => --counter.val }, "👎") 16 | ); 17 | } 18 | 19 | document.getElementById("app").replaceChildren(Counter()); 20 | -------------------------------------------------------------------------------- /examples/derive/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | Bau App 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | -------------------------------------------------------------------------------- /examples/gccd/src/components/kvOrg.ts: -------------------------------------------------------------------------------- 1 | import { type Context } from "@grucloud/bau-ui/context"; 2 | 3 | export default function (context: Context) { 4 | const { bau, config } = context; 5 | const { li, a, span, label } = bau.tags; 6 | 7 | return function KvOrg({ org_id }: any) { 8 | console.assert(org_id); 9 | return li( 10 | label("Organisation"), 11 | span(a({ href: `${config.base}/org/${org_id}` }, org_id)) 12 | ); 13 | }; 14 | } 15 | -------------------------------------------------------------------------------- /examples/launch-countdown-timer/public/assets/images/icon-facebook.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /examples/multi-step-form/src/data/addons.json: -------------------------------------------------------------------------------- 1 | [ 2 | { 3 | "name": "Online service", 4 | "description": "Access to multiplayer games", 5 | "pricePerMonth": "1" 6 | }, 7 | { 8 | "name": "Larger storage", 9 | "description": "Extra 1TB of cloud save", 10 | "pricePerMonth": "2" 11 | }, 12 | { 13 | "name": "Customizable profile", 14 | "description": "Custom theme on your profile", 15 | "pricePerMonth": "3" 16 | } 17 | ] 18 | -------------------------------------------------------------------------------- /examples/gccd/src/components/buttonNext.ts: -------------------------------------------------------------------------------- 1 | import button from "@grucloud/bau-ui/button"; 2 | 3 | import { Context } from "@grucloud/bau-ui/context"; 4 | 5 | export default (context: Context) => { 6 | const Button = button(context); 7 | 8 | return function ButtonNext(props: any) { 9 | return Button( 10 | { 11 | variant: "solid", 12 | color: "primary", 13 | ...props, 14 | }, 15 | "Next" 16 | ); 17 | }; 18 | }; 19 | -------------------------------------------------------------------------------- /examples/highlight/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "bau-highlight", 3 | "private": true, 4 | "version": "0.106.0", 5 | "type": "module", 6 | "scripts": { 7 | "dev": "vite", 8 | "build": "tsc && vite build", 9 | "preview": "vite preview" 10 | }, 11 | "dependencies": { 12 | "@grucloud/bau": "^0.106.0", 13 | "highlight.js": "11.8.0" 14 | }, 15 | "devDependencies": { 16 | "typescript": "5.0.2", 17 | "vite": "^5.2.11" 18 | } 19 | } 20 | -------------------------------------------------------------------------------- /examples/todoapp/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "van-playground", 3 | "private": true, 4 | "version": "0.106.0", 5 | "type": "module", 6 | "scripts": { 7 | "dev": "vite", 8 | "build": "vite build", 9 | "preview": "vite preview" 10 | }, 11 | "dependencies": { 12 | "@grucloud/bau": "^0.106.0", 13 | "todomvc-app-css": "2.4.3", 14 | "todomvc-common": "1.0.5" 15 | }, 16 | "devDependencies": { 17 | "vite": "^5.2.11" 18 | } 19 | } 20 | -------------------------------------------------------------------------------- /bau-ui/collapsible/index.d.ts: -------------------------------------------------------------------------------- 1 | declare module "@grucloud/bau-ui/collapsible" { 2 | type DefaultDesignProps = import("../constants").DefaultDesignProps; 3 | type ComponentOption = import("../bau-ui").ComponentOption; 4 | 5 | export type CollapsibleProps = { expanded?: boolean } & DefaultDesignProps; 6 | 7 | type Component = import("../bau-ui").Component; 8 | 9 | export default function (context: any, option?: ComponentOption): Component; 10 | } 11 | -------------------------------------------------------------------------------- /examples/lifecycle/src/style.css: -------------------------------------------------------------------------------- 1 | :root { 2 | font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif; 3 | line-height: 1.5; 4 | font-weight: 400; 5 | } 6 | 7 | body { 8 | margin: 0; 9 | display: flex; 10 | min-width: 320px; 11 | min-height: 100vh; 12 | } 13 | 14 | .scroll-number { 15 | position: fixed; 16 | right: 1rem; 17 | top: 1rem; 18 | font-size: x-large; 19 | padding: 2rem; 20 | border: 2px dotted red; 21 | width: 200px; 22 | } 23 | -------------------------------------------------------------------------------- /bau-ui/examples/bau-ui-template-js/myComponent.js: -------------------------------------------------------------------------------- 1 | export default function (context) { 2 | const { bau, css } = context; 3 | const { h1, h2, p, article } = bau.tags; 4 | 5 | const className = css` 6 | margin: 1rem; 7 | border: 2px dotted grey; 8 | `; 9 | 10 | return function myComponent() { 11 | return article( 12 | { class: className }, 13 | h1("My Title"), 14 | h2("My Subtitle"), 15 | p("My paragraph") 16 | ); 17 | }; 18 | } 19 | -------------------------------------------------------------------------------- /bau-ui/modal/index.d.ts: -------------------------------------------------------------------------------- 1 | declare module "@grucloud/bau-ui/modal" { 2 | type DefaultDesignProps = import("../constants").DefaultDesignProps; 3 | type ComponentOption = import("../bau-ui").ComponentOption; 4 | 5 | export type ModalProps = { 6 | id: string; 7 | } & DefaultDesignProps; 8 | 9 | type Component = import("../bau-ui").Component; 10 | 11 | export default function (context: any, option?: ComponentOption): Component; 12 | } 13 | -------------------------------------------------------------------------------- /bau-ui/toggle/index.d.ts: -------------------------------------------------------------------------------- 1 | declare module "@grucloud/bau-ui/toggle" { 2 | type DefaultDesignProps = import("../constants").DefaultDesignProps; 3 | type ComponentOption = import("../bau-ui").ComponentOption; 4 | 5 | export type ToggleProps = {} & DefaultDesignProps; 6 | 7 | type Component = import("../bau-ui").Component< 8 | ToggleProps, 9 | HTMLButtonElement 10 | >; 11 | 12 | export default function (context: any, option?: ComponentOption): Component; 13 | } 14 | -------------------------------------------------------------------------------- /examples/bau-ace-editor/src/style.css: -------------------------------------------------------------------------------- 1 | :root { 2 | font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif; 3 | line-height: 1.5; 4 | font-weight: 400; 5 | } 6 | 7 | body { 8 | margin: 0; 9 | display: flex; 10 | min-width: 320px; 11 | min-height: 100vh; 12 | } 13 | 14 | .scroll-number { 15 | position: fixed; 16 | right: 1rem; 17 | top: 1rem; 18 | font-size: x-large; 19 | padding: 2rem; 20 | border: 2px dotted red; 21 | width: 200px; 22 | } 23 | -------------------------------------------------------------------------------- /examples/bau-kit/src/pages/landing/footer.js: -------------------------------------------------------------------------------- 1 | export const footer = ({ tr, bau, css }) => { 2 | const { footer, span, a, ul, li, p } = bau.tags; 3 | 4 | return function Footer() { 5 | return footer( 6 | { 7 | class: css` 8 | display: flex; 9 | justify-content: center; 10 | span { 11 | margin: 1rem; 12 | } 13 | `, 14 | }, 15 | span(`version: ${__VERSION__}`) 16 | ); 17 | }; 18 | }; 19 | -------------------------------------------------------------------------------- /examples/lifecycle/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "bau-lifecycle-example", 3 | "private": true, 4 | "version": "0.106.0", 5 | "type": "module", 6 | "scripts": { 7 | "dev": "vite", 8 | "build": "tsc && vite build", 9 | "preview": "vite preview" 10 | }, 11 | "dependencies": { 12 | "@grucloud/bau": "^0.106.0", 13 | "highlight.js": "11.8.0" 14 | }, 15 | "devDependencies": { 16 | "typescript": "5.0.2", 17 | "vite": "^5.2.11" 18 | } 19 | } 20 | -------------------------------------------------------------------------------- /bau-css/bau-css.d.ts: -------------------------------------------------------------------------------- 1 | export default function BauCss(input?: { 2 | window?: Window; 3 | target?: HTMLElement; 4 | }): { 5 | css: ( 6 | tag: TemplateStringsArray, 7 | ...tagArgs: TagArgs 8 | ) => string; 9 | keyframes: ( 10 | tag: TemplateStringsArray, 11 | ...tagArgs: TagArgs 12 | ) => string; 13 | createGlobalStyles: ( 14 | tag: TemplateStringsArray, 15 | ...tagArgs: TagArgs 16 | ) => any; 17 | }; 18 | 19 | type TagArgs = (string | number)[] 20 | -------------------------------------------------------------------------------- /bau-ui/examples/bau-storybook/src/pages/chip/chip-example-default.ts: -------------------------------------------------------------------------------- 1 | import chip from "@grucloud/bau-ui/chip"; 2 | import { Context } from "@grucloud/bau-ui/context"; 3 | 4 | export default (context: Context) => { 5 | const { bau } = context; 6 | const { section } = bau.tags; 7 | 8 | const Chip = chip(context, { variant: "outline", color: "primary" }); 9 | 10 | return () => { 11 | return section( 12 | // 13 | Chip("My Chip") 14 | ); 15 | }; 16 | }; 17 | --------------------------------------------------------------------------------