@huluvu424242/honey-news

News reader web component for custom urls.

Usage no npm install needed!

<script type="module">
  import huluvu424242HoneyNews from 'https://cdn.skypack.dev/@huluvu424242/honey-news';
</script>

README

Build Status Github CI npm npm npm Published on webcomponents.org Donate with paypal Keybase BTC

honey-news

This project contains web components to build an news feed reader at an web site. (currently under development - unready and unstable)

installation

npm install --save @huluvu424242/honey-news

usage

<script 
    type="module" 
    src='https://unpkg.com/@huluvu424242/honey-news@0.0.7/dist/honey-news/honey-news.esm.js'>
</script>
<script 
    nomodule 
    src='https://unpkg.com/@huluvu424242/honey-news@0.0.7/dist/honey-news/honey-news.js'>
</script>

To the demo site

Vision of API (under construction)

demo

<head>
  <title>Honey-HoneyNewsFeed Feed Reader</title>
  <script type="module"
          src="https://unpkg.com/@huluvu424242/honey-style-it@0.0.5/dist/honey-style-it/honey-style-it.esm.js"></script>
  <script nomodule
          src="https://unpkg.com/@huluvu424242/honey-style-it@0.0.5/dist/honey-style-it/honey-style-it.js"></script>
  <!-- style module -->
  <script type="module"
          src="https://unpkg.com/@huluvu424242/honey-papercss-style@0.0.2/dist/honey-papercss-style/honey-papercss-style.esm.js"></script>
  <script nomodule
          src="https://unpkg.com/@huluvu424242/honey-papercss-style@0.0.2/dist/honey-papercss-style/honey-papercss-style.js"></script>
  <base href="/honey-news">
</head>
<body id="seite">

<h1>Nutzung der honey-news Komponente</h1>
<span class="wichtig">!!!</span> Das ist eine Demo Seite welche alle Feature der App zeigen soll - aus diesem Grund ist auch die Statistik eingeschaltet <span class="wichtig">!!!</span><br>
Es werden nur Daten zu den abgerufenen HoneyNewsVerwaltung gespeichert (in memory) wie: url, anzahl der abfragen, anzahl valider responses<br>
Sollten Sie die Speicherung nicht wünschen - dann geben Sie bitte keinen neuen HoneyNewsFeed ein.<br>
Vielen Dank für Ihr Verständnis. <br>
<hr>

<honey-define-style>
  <honey-papercss-style/>
</honey-define-style>

<honey-news site-basepath="/honey-news" local-basepath="/"/>


</body>

To the live demo

become an supporter

  1. Fork it!
  2. Create your feature branch: git checkout -b my-new-feature
  3. Commit your changes: git commit -am 'Add some feature'
  4. Push to the branch: git push origin my-new-feature
  5. Submit a pull request :D

releaselog

see CHANGELOG.md

warranty

no warranty

license

MIT License, see LICENSE

technology used

browser support

Generell

Custom Elements

CSS Custom Properties

Shadow Parts

Firefox

Maybe you must via about:config set the layout.css.shadow-parts.enabled to true.

Generell

Credits

Thanks to:

  • Github for hosting of this project and support the source code management and build pipelines
  • JetBrains to provide all JetBrains IDEs for project main developers with an free license to use it in none commercial open source projects.
  • Travis CI for providing container builds
  • Npmjs for delivery of this project world wide

JetBrains