Skip to content

Remove: Theme selector, Cheat Sheet references, npmtrends.com iframes #276

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 7 commits into from
Feb 5, 2025
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
1 change: 0 additions & 1 deletion .gitignore
Original file line number Diff line number Diff line change
Expand Up @@ -23,7 +23,6 @@ readmes
/static/assets/roboto/
/static/assets/tabler-icons/
/static/assets/kolibri.ico
/static/cheat-sheet/
/static/assets/components-esm
/static/assets/themes

Expand Down
10 changes: 0 additions & 10 deletions docs/10-get-started/1-first-steps.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -2,16 +2,6 @@ import { KolAlert, KolLink } from '@public-ui/react';

# Erste Schritte

<div class="grid md:grid-cols-12 mb-4">
<KolAlert _label="Cheat Sheet herunterladen" _level="2" _type="info" _variant="card">
<KolLink
_label="Klicken Sie hier, um sich das Cheat-Sheet zum Entwickeln anzuschauen und herunterzuladen."
_href="https://public-ui.github.io/cheat-sheet/"
_target="_blank"
/>
</KolAlert>
</div>

<KolAlert _type="warning" _variant="card">
Für Projekt im ITZBund gibt es ein vorgegebenes Seed-Projekt, welches über die internen Kommunikationswege angefragt
werden kann.
Expand Down
11 changes: 0 additions & 11 deletions docs/10-get-started/5-frameworks.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -129,14 +129,3 @@ Alle Pakete/Artefakte von KoliBri werden in der öffentlichen <KolLink _label="N
| -------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| <img src="/assets/astro.png" width="150" alt="Logo von Astro" /> | <b>Astro</b><br/>Die Integration erfolgt mittels der <b>React- und Preact-Components</b>. Hierbei werden die Framework-Componentens Server-seitig und die Web Components Client-seitig gerendert. |
| <img src="/assets/next.js.png" width="150" alt="Logo von Next.js" /> | <b>Next.js</b><br/>Die Integration erfolgt mittels der <b>React-Components</b> (CSR der Web Components). Hierbei werden die Framework-Componentens Server-seitig und die Web Components Client-seitig gerendert. |

## Aktuelle Trends

<iframe
src="https://npmtrends.com/@angular/core-vs-next-vs-preact-vs-react-vs-vue-vs-astro-vs-svelte"
style={{
width: '100%',
border: '0',
height: '800px',
}}
></iframe>
2 changes: 1 addition & 1 deletion docs/30-components/table-stateful.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -17,7 +17,7 @@ Synonyme: Data Table, Details List, Data Grid
Die **TableStateful**-Komponente dient primär der übersichtlichen Darstellung von Datenmengen. Dabei ist sie so ausgelegt, dass sie alle von den Daten abhängige Werte automatisch ermittelt und die Tabelle entsprechend darstellt. Hierzu gehören beispielsweise die optionalen Funktionalitäten Spaltensortierung oder Pagination.

<kol-indented-text _summary="Backend-seitige Pagination">
Bei sehr großen Datenmengen ist auch eine manuelle Nutzung der TableStateless-Komponente möglich. Das bedeutet, dass die Tabelle seitenweise "manuell" befüllt wird. Hierzu kann einfach anstatt der Table-Pagination eine "eigene" Pagination unter der Tabelle mittels der Pagination-Komponente verwendet werden. Eine mögliche Sortierung muss ebenfalls über die `onSort`-Events selber implementiert werden. Siehe [KolTableStateless](./table-stateless).
Bei sehr großen Datenmengen ist auch eine manuelle Nutzung der TableStateless-Komponente möglich. Das bedeutet, dass die Tabelle seitenweise "manuell" befüllt wird. Hierzu kann einfach anstatt der Table-Pagination eine "eigene" Pagination unter der Tabelle mittels der Pagination-Komponente verwendet werden. Eine mögliche Sortierung muss ebenfalls über die `onSort`-Events selber implementiert werden. Siehe <kol-link _href="table-stateless" _label="KolTableStateless" />.
</kol-indented-text>

## Konstruktion
Expand Down
2 changes: 1 addition & 1 deletion docs/30-components/table-stateless.mdx
Original file line number Diff line number Diff line change
Expand Up @@ -14,7 +14,7 @@ import { ExampleLink } from '@site/src/components/ExampleLink';

Synonyme: Data Table, Details List, Data Grid

Die **TableStateless**-Komponente ist für die reine Darstellung der KoliBri-Tabelle verantwortlich. Für eine Tabellen-Komponente, die Sortierung und Paginierung mit den zur Verfügung gestellten Daten automatisch übernehmen kann, siehe [KolTableStateful](./table-stateful).
Die **TableStateless**-Komponente ist für die reine Darstellung der KoliBri-Tabelle verantwortlich. Für eine Tabellen-Komponente, die Sortierung und Paginierung mit den zur Verfügung gestellten Daten automatisch übernehmen kann, siehe <kol-link _href="table-stateful" _label="KolTableStateful" />.

TableStateless bietet sich insbesondere bei größeren Datenmengen an, wenn es nicht praktikabel ist, die komplette Datenmenge zur Filterung und Sortierung in den Browser auszuliefern.

Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -2,16 +2,6 @@ import {KolAlert, KolLink,} from '@public-ui/react';

# First steps

<div class="grid md:grid-cols-12 mb-4">
<KolAlert _label="Download Cheat Sheet" _level="2" _type="info" _variant="card">
<KolLink
_label="Click here to view and download the cheat sheet for developing."
_href="https://public-ui.github.io/cheat-sheet/"
_target="_blank"
/>
</KolAlert>
</div>

## Create a new project

A new project can be created quickly using the command line wizard.
Expand Down
Original file line number Diff line number Diff line change
Expand Up @@ -129,14 +129,3 @@ All packages/artifacts of KoliBri are provided versioned in the public <KolLink
| ---------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| <img src="/assets/astro.png" width="150" alt="Astro logo" /> | <b>Astro</b><br/>The integration is done using the <b>React and Preact components</b>. The framework components are rendered server-side and the web components are rendered client-side. |
| <img src="/assets/next.js.png" width="150" alt="Next.js logo" /> | <b>Next.js</b><br/>The integration is done through the <b>React-Components</b> (CSR of the Web Components). The framework components are rendered on the server side and the Web Components on the client side. |

## Aktuelle Trends

<iframe
src="https://npmtrends.com/@angular/core-vs-next-vs-preact-vs-react-vs-vue-vs-astro-vs-svelte"
style={{
width: '100%',
border: '0',
height: '800px',
}}
></iframe>
Original file line number Diff line number Diff line change
Expand Up @@ -129,14 +129,3 @@ All packages/artifacts of KoliBri are provided versioned in the public <kol-link
| ---------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| <img src="/assets/astro.png" width="150" alt="Astro logo" /> | <b>Astro</b><br/>The integration is done using the <b>React and Preact components</b>. The framework components are rendered server-side and the web components are rendered client-side. |
| <img src="/assets/next.js.png" width="150" alt="Next.js logo" /> | <b>Next.js</b><br/>The integration is done through the <b>React-Components</b> (CSR of the Web Components). The framework components are rendered on the server side and the Web Components on the client side. |

## Aktuelle Trends

<iframe
src="https://npmtrends.com/@angular/core-vs-next-vs-preact-vs-react-vs-vue-vs-astro-vs-svelte"
style={{
width: '100%',
border: '0',
height: '800px',
}}
></iframe>
Original file line number Diff line number Diff line change
Expand Up @@ -129,14 +129,3 @@ All packages/artifacts of KoliBri are provided versioned in the public <kol-link
| ---------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| <img src="/assets/astro.png" width="150" alt="Astro logo" /> | <b>Astro</b><br/>The integration is done using the <b>React and Preact components</b>. The framework components are rendered server-side and the web components are rendered client-side. |
| <img src="/assets/next.js.png" width="150" alt="Next.js logo" /> | <b>Next.js</b><br/>The integration is done through the <b>React-Components</b> (CSR of the Web Components). The framework components are rendered on the server side and the Web Components on the client side. |

## Aktuelle Trends

<iframe
src="https://npmtrends.com/@angular/core-vs-next-vs-preact-vs-react-vs-vue-vs-astro-vs-svelte"
style={{
width: '100%',
border: '0',
height: '800px',
}}
></iframe>
Original file line number Diff line number Diff line change
Expand Up @@ -129,14 +129,3 @@ All packages/artifacts of KoliBri are provided versioned in the public <kol-link
| ---------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| <img src="/assets/astro.png" width="150" alt="Astro logo" /> | <b>Astro</b><br/>The integration is done using the <b>React and Preact components</b>. The framework components are rendered server-side and the web components are rendered client-side. |
| <img src="/assets/next.js.png" width="150" alt="Next.js logo" /> | <b>Next.js</b><br/>The integration is done through the <b>React-Components</b> (CSR of the Web Components). The framework components are rendered on the server side and the Web Components on the client side. |

## Aktuelle Trends

<iframe
src="https://npmtrends.com/@angular/core-vs-next-vs-preact-vs-react-vs-vue-vs-astro-vs-svelte"
style={{
width: '100%',
border: '0',
height: '800px',
}}
></iframe>
Original file line number Diff line number Diff line change
Expand Up @@ -129,14 +129,3 @@ All packages/artifacts of KoliBri are provided versioned in the public <kol-link
| ---------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| <img src="/assets/astro.png" width="150" alt="Astro logo" /> | <b>Astro</b><br/>The integration is done using the <b>React and Preact components</b>. The framework components are rendered server-side and the web components are rendered client-side. |
| <img src="/assets/next.js.png" width="150" alt="Next.js logo" /> | <b>Next.js</b><br/>The integration is done through the <b>React-Components</b> (CSR of the Web Components). The framework components are rendered on the server side and the Web Components on the client side. |

## Aktuelle Trends

<iframe
src="https://npmtrends.com/@angular/core-vs-next-vs-preact-vs-react-vs-vue-vs-astro-vs-svelte"
style={{
width: '100%',
border: '0',
height: '800px',
}}
></iframe>
Original file line number Diff line number Diff line change
Expand Up @@ -129,14 +129,3 @@ All packages/artifacts of KoliBri are provided versioned in the public <KolLink
| ---------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| <img src="/assets/astro.png" width="150" alt="Astro logo" /> | <b>Astro</b><br/>The integration is done using the <b>React and Preact components</b>. The framework components are rendered server-side and the web components are rendered client-side. |
| <img src="/assets/next.js.png" width="150" alt="Next.js logo" /> | <b>Next.js</b><br/>The integration is done through the <b>React-Components</b> (CSR of the Web Components). The framework components are rendered on the server side and the Web Components on the client side. |

## Aktuelle Trends

<iframe
src="https://npmtrends.com/@angular/core-vs-next-vs-preact-vs-react-vs-vue-vs-astro-vs-svelte"
style={{
width: '100%',
border: '0',
height: '800px',
}}
></iframe>
Original file line number Diff line number Diff line change
Expand Up @@ -129,14 +129,3 @@ All packages/artifacts of KoliBri are provided versioned in the public <KolLink
| ---------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| <img src="/assets/astro.png" width="150" alt="Astro logo" /> | <b>Astro</b><br/>The integration is done using the <b>React and Preact components</b>. The framework components are rendered server-side and the web components are rendered client-side. |
| <img src="/assets/next.js.png" width="150" alt="Next.js logo" /> | <b>Next.js</b><br/>The integration is done through the <b>React-Components</b> (CSR of the Web Components). The framework components are rendered on the server side and the Web Components on the client side. |

## Aktuelle Trends

<iframe
src="https://npmtrends.com/@angular/core-vs-next-vs-preact-vs-react-vs-vue-vs-astro-vs-svelte"
style={{
width: '100%',
border: '0',
height: '800px',
}}
></iframe>
10 changes: 5 additions & 5 deletions package.json
Original file line number Diff line number Diff line change
Expand Up @@ -7,7 +7,7 @@
"docusaurus": "npm run gen:doc && docusaurus",
"start": "npm run gen:doc && docusaurus start --no-open",
"startonly": "docusaurus start --no-open",
"build": "rimraf build && node scripts/cheat-sheet.js && npm run gen:doc && cpy \"backup/**\" \"readmes\" && docusaurus build && node scripts/update.meta.js && node scripts/minify.js && node scripts/sitemap.en.js",
"build": "rimraf build && npm run gen:doc && cpy \"backup/**\" \"readmes\" && docusaurus build && node scripts/update.meta.js && node scripts/minify.js && node scripts/sitemap.en.js",
"swizzle": "npm run gen:doc && docusaurus swizzle",
"deploy": "npm run gen:doc && docusaurus deploy",
"clear": "npm run gen:doc && docusaurus clear",
Expand All @@ -25,7 +25,7 @@
"unused": "knip",
"postinstall": "npm-run-all postinstall:*",
"postinstall:components-assets": "cpy \"node_modules/@public-ui/components/assets/**/*\" static/assets --dot",
"postinstall:themes-assets": "cpy \"node_modules/@public-ui/themes/assets/**/*\" static/assets --dot",
"postinstall:themes-assets": "cpy \"node_modules/@public-ui/theme-default/assets/**/*\" static/assets --dot",
"update": "pnpm ncu:minor && pnpm ncu:major",
"regenerate:version": "rimraf i18n/en/docusaurus-plugin-content-docs/version-2.0 versioned_docs/version-2.0 versioned_readmes/2.0 versioned_sidebars/version-2.0-sidebars.json && npm run docusaurus docs:version 2.0"
},
Expand All @@ -41,9 +41,9 @@
"@leanup/form": "1.3.54",
"@mdx-js/react": "3.1.0",
"@monaco-editor/react": "4.6.0",
"@public-ui/components": "next",
"@public-ui/react": "next",
"@public-ui/themes": "next",
"@public-ui/components": "2.2.6-rc.0",
"@public-ui/react": "2.2.6-rc.0",
"@public-ui/theme-default": "2.2.6-rc.0",
"classnames": "2.5.1",
"docusaurus-lunr-search": "3.5.0",
"mermaid": "11.4.1",
Expand Down
Loading
Loading