html-flip-book-react 0.0.0-alpha.1

package/example/assets/pages_data/en/content/101-learn-materialize.md

@@ -0,0 +1,267 @@
+# Learn Materialize by running streaming SQL on your nginx logs
+
+In this tutorial, I will show you how [Materialize](https://materialize.com) works by using it to run SQL queries on continuously produced nginx logs. By the end of the tutorial, you will have a better idea of what Materialize is, how it's different than other SQL engines, and how to use it.
+
+# Prerequisites
+
+For the sake of simplicity, I will use a brand new Ubuntu 21.04 server where I will install nginx, Materialize and `mzcli`, a CLI tool similar to `psql` used to connect to Materialize and execute SQL on it.
+
+If you want to follow along you could spin up a new Ubuntu 21.04 server on your favorite could provider.
+
+If you prefer runing Materialize on a different operating system, you can follow the steps on how to install Materialize here:
+
+* [How to install Materialize](https://materialize.com/docs/install/)
+
+# What is Materialize
+
+Materialize is a streaming database for real-time analytics.
+
+It is not a substitution for your transactional database, instead it accepts input data from a variety of sources like:
+
+ * Messages from streaming sources like Kafka
+ * Archived data from object stores like S3
+ * Change feeds from databases like PostgreSQL
+ * Data in Files: CSV, JSON and even unstructured files like logs _(what we'll be using today.)_
+
+And it maintains the answers to your SQL queries over time, keeping them up-to-date as new data flows in (using _materialized views_), instead of running them against a static snapshot at a point in time.
+
+![Materialize Landing Page](https://imgur.com/MU5IHOV.png)
+
+If you want to learn more about Materialize, make sure to check out their official documentation here:
+
+[Materialize Documentation](https://materialize.com/docs/)
+
+# Installing Materialize
+
+Materialize runs as a single binary called `materialized` _(d for daemon, following Unix conventions)_. Since we're running on Linux, we'll just install Materialize directly. To install it, run the following command:
+
+```
+sudo apt install materialized
+```
+
+Once it's installed, start Materialize (with sudo so it has access to nginx logs):
+
+```
+sudo materialized
+```
+
+Now that we have the `materialized` running, we need to open a new terminal to install and run a CLI tool that we use to interact with our Materialize instance!
+
+There are other ways that you could use in order to run Materialize as described [here](https://materialize.com/docs/install/). For a production-ready Materialize instance, I would recommend giving [Materialize Cloud](https://materialize.com/product) a try!
+
+# Installing `mzcli`
+
+The [`mzcli` tool](https://github.com/MaterializeInc/mzcli#quick-start) lets us connect to Materialize similar to how we would use a SQL client to connect to any other database.
+
+Materialize is wire-compatible with PostgreSQL, so if you have `psql` already installed you could use it instead of `mzcli`, but with `mzcli` you get nice syntax highlighting and autocomplete when writing your queries.
+
+To learn the main differences between the two, make sure to check out the official documentation here: [Materialize CLI Connections](https://materialize.com/docs/connect/cli/)
+
+The easiest way to install `mzcli` is via `pipx`, so first run:
+
+```
+apt install pipx
+```
+
+and, once `pipx` is installed, install `mzcli` with:
+
+```
+pipx install mzcli
+```
+
+Now that we have `mzcli` we can connect to `materialized` with:
+
+```
+mzcli -U materialize -h localhost -p 6875 materialize
+```
+
+![Materialize mzcli autocompletion](https://imgur.com/SyLQvlT.png)
+
+For this demo, let's quickly install nginx and use Regex to parse the log and create Materialized Views.
+
+## Installing nginx
+
+If you don't already have nginx installed, install it with the following command:
+
+```
+sudo apt install nginx
+```
+
+Next, let's populate the access log with some entries with a Bash loop:
+
+```
+for i in {1..200} ; do curl -s 'localhost/materialize'  > /dev/null ; echo $i ; done
+```
+
+> If you have an actual nginx `access.log`, you can skip the step above.
+
+Now we'll have some entries in the `/var/log/nginx/access.log` access log file that we would be able to able to feed into Materialize.
+
+## Adding a Materialize Source
+
+By creating a Source you are essentially telling Materialize to connect to some external data source. As described in the introduction, you could connect a wide variety of sources to Materialize.
+
+For the full list of source types make sure to check out the official documentation here:
+
+[Materialize source types](https://materialize.com/docs/sql/create-source/)
+
+Let's start by creating a [text file source](https://materialize.com/docs/sql/create-source/text-file/) from our nginx access log.
+
+First, access the Materialize instance with the `mzcli` command:
+
+```
+mzcli -U materialize -h localhost -p 6875 materialize
+```
+
+Then run the following statement to create the source:
+
+```
+CREATE SOURCE nginx_log
+FROM FILE '/var/log/nginx/access.log'
+WITH (tail = true)
+FORMAT REGEX '(?P<ipaddress>[^ ]+) - - \[(?P<time>[^\]]+)\] "(?P<request>[^ ]+) (?P<url>[^ ]+)[^"]+" (?P<statuscode>\d{3})';
+```
+
+A quick rundown:
+
+ * `CREATE SOURCE`: First we specify that we want to create a source
+ * `FROM FILE`: Then we specify that this source will read from a local file, and we provide the path to that file
+ * `WITH (tail = true)`: Continually check the file for new content
+ * `FORMAT REGEX`: as this is an unstructured file we need to specify regex as the format so that we could get only the specific parts of the log that we need.
+
+Let's quickly review the Regex itself as well.
+
+> The Materialize-specific behavior to note here is the `?P<NAME_HERE>` pattern extracts the matched text into a column named `NAME_HERE`.
+
+To make this a bit more clear, a standard entry in your nginx access log file would look like this:
+
+```
+123.123.123.119 - - [13/Oct/2021:10:54:22 +0000] "GET / HTTP/1.1" 200 396 "-" "Mozilla/5.0 zgrab/0.x"
+```
+
+* `(?P<ipaddress>[^ ]+)`: With this pattern we match the IP address for each line of the nginx log, e.g. `123.123.123.119`.
+* `\[(?P<time>[^\]]+)\]`: the timestamp string from inside square brackets, e.g. `[13/Oct/2021:10:54:22 +0000]`
+* `"(?P<request>[^ ]+)`: the type of request like `GET`, `POST` etc.
+* `(?P<url>[^ ]+)`: the relative URL, eg. `/favicon.ico`
+* `(?P<statuscode>\d{3})`: the three digit HTTP status code.
+
+Once you execute the create source statement, you can confirm the source was created successfully by running the following:
+
+```
+mz> SHOW SOURCES;
+// Output
++-----------+
+| name      |
+|-----------|
+| nginx_log |
++-----------+
+SELECT 1
+Time: 0.021s
+```
+
+Now that we have our source in place, let's go ahead and create a view!
+
+# Creating a Materialized View
+
+You may be familiar with [Materialized Views](https://en.wikipedia.org/wiki/Materialized_view) from the world of traditional databases like PostgreSQL, which are essentially cached queries. The unique feature here is the materialized view we are about to create is **automatically kept up-to-date**.
+
+In order to create a materialized view, we will use the following statement:
+
+```
+CREATE MATERIALIZED VIEW aggregated_logs AS
+  SELECT
+    ipaddress,
+    request,
+    url,
+    statuscode::int,
+    COUNT(*) as count
+  FROM nginx_log GROUP BY 1,2,3,4;
+```
+
+The important things to note are:
+
+* Materialize will keep the results of the embedded query in memory, so you'll always get a fast and up-to-date answer
+* The results are incrementally updated as new log events arrive
+
+Under the hood, **Materialize compiles your SQL query into a dataflow** and then takes care of all the heavy lifting for you. This is incredibly powerful, as it allows you to process data in real-time using _just_ SQL.
+
+A quick rundown of the statement itself:
+
+* First we start with the `CREATE MATERIALIZED VIEW aggregated_logs` which identifies that we want to create a new Materialized view named `aggregated_logs`.
+* Then we specify the `SELECT` statement that we are interested in keeping track of over time. In this case we are aggregating the data in our log file by `ipaddress`, `request`, `url` and `statuscode`, and we are counting the total instances of each combo with a `COUNT(*)`
+
+When creating a Materialized View, it could be based on multiple sources like a stream from Kafka, a raw data file that you have on an S3 bucket, or your PostgreSQL database. This single statement will give you the power to analyze your data in real-time.
+
+> We specified a simple `SELECT` that we want the view to be based on but this could include complex operations like `JOIN`s, however for the sake of this tutorial we are keeping things simple.
+
+For more information about Materialized Views check out the official documentation here:
+
+[Creating Materialized views](https://materialize.com/docs/sql/create-materialized-view/)
+
+Now you could use this new view and interact with the data from the nginx log with pure SQL!
+
+# Reading from the view
+
+If we do a `SELECT` on this Materialized view, we get a nice aggregated summary of stats:
+
+```sql
+SELECT * FROM aggregated_logs;
+
+   ipaddress    | request |           url            | statuscode | count
+----------------+---------+--------------------------+------------+-------
+ 127.0.0.1      | GET     | /materialize             |        404 |   200
+```
+
+As more requests come in to the nginx server, the aggregated stats in the view are kept up-to-date.
+
+We could also write queries that do further aggregation and filtering on top of the materialized view, for example, counting requests by route only:
+
+```
+SELECT url, SUM(count) as total FROM aggregated_logs GROUP BY 1 ORDER BY 2 DESC;
+```
+
+If we were re-run the query over and over again, we could see the numbers change instantly as soon as we get new data in the log as Materialize processes each line of the log and keeps listening for new lines:
+
+```
++--------------------------+-------+
+| url                      | total |
+|--------------------------+-------|
+| /materialize/demo-page-2 | 1255  |
+| /materialize/demo-page   | 1957  |
+| /materialize             | 400   |
++--------------------------+-------+
+```
+
+As another example, let's use `psql` together with the `watch` command to see this in action.
+
+If you don't have `psql` already isntalled you can install it with the following command:
+
+```
+sudo apt install postgresql-client
+```
+
+After that, let's run the `SELECT * FROM aggregated_logs` statement every second using the `watch` command:
+
+```
+watch -n1 "psql -c 'select * from aggregated_logs' -U materialize -h localhost -p 6875 materialize"
+```
+
+In **another terminal window**, you could run another `for` loop to generate some new nginx logs and see how the results change:
+
+```
+for i in {1..2000} ; do curl -s 'localhost/materialize/demo-page-2' > /dev/null ; echo $i ; done
+```
+
+The output of the `watch` command would look like this:
+
+![Materialize nginx logs demo](https://user-images.githubusercontent.com/21223421/141499876-58fdf03e-fb68-4966-ad12-b3708d50bb91.gif)
+
+Feel free to experiment with more complex queries and analyze your nginx access log for suspicious activity using pure SQL and keep track of the results in real-time!
+
+# Conclusion
+
+By now, hopefully you have a hands-on understanding of how incrementally maintained materialized views work in Materialize.  In case that you like the project, make sure to star it on GitHub:
+
+[https://github.com/MaterializeInc/materialize](https://github.com/MaterializeInc/materialize)
+
+[Source](https://devdojo.com/bobbyiliev/learn-materialize-by-running-streaming-sql-on-your-nginx-logs)

package/example/assets/pages_data/en/content/999-conclusion.md

@@ -0,0 +1,24 @@
+# Conclusion
+
+Congratulations! You have just completed the SQL basics guide!
+
+If you found this helpful, be sure to star the project on [GitHub](https://github.com/bobbyiliev/introduction-to-sql)!
+
+If you have any suggestions for improvements, make sure to contribute pull requests or open issues.
+
+In this introduction to SQL eBook, we just covered the basics, but you still have enough under your belt to start working with any relational database out there!
+
+As a next step, try to create a database server, import some demo data, and play around with all of the statements that you've learned so far. You can also take a look at this website here to help you build your tables and relations and visualize them:
+
+[https://dbdiagram.io/](https://dbdiagram.io/)
+
+In case that this eBook inspired you to contribute to some fantastic open-source project, make sure to tweet about it and tag [@bobbyiliev_](https://twitter.com) so that we could check it out!
+
+Congrats again on completing this eBook!
+
+## Other eBooks
+
+Some other opensource eBooks that you might find helpful are:
+
+- [Introduction to Git and GitHub](https://github.com/bobbyiliev/introduction-to-git-and-github-ebook)
+- [Introduction to Bash Scripting](https://github.com/bobbyiliev/introduction-to-bash-scripting)

package/example/assets/pages_data/he/4.txt

@@ -0,0 +1,2 @@
+א מַשָּׂא דְבַר-יְהוָה, אֶל-יִשְׂרָאֵל, בְּיַד, מַלְאָכִי.  ב אָהַבְתִּי אֶתְכֶם אָמַר יְהוָה, וַאֲמַרְתֶּם בַּמָּה אֲהַבְתָּנוּ; הֲלוֹא-אָח עֵשָׂו לְיַעֲקֹב נְאֻם-יְהוָה, וָאֹהַב אֶת-יַעֲקֹב.  ג וְאֶת-עֵשָׂו, שָׂנֵאתִי; וָאָשִׂים אֶת-הָרָיו שְׁמָמָה, וְאֶת-נַחֲלָתוֹ לְתַנּוֹת מִדְבָּר.  ד כִּי-תֹאמַר אֱדוֹם רֻשַּׁשְׁנוּ, וְנָשׁוּב וְנִבְנֶה חֳרָבוֹת--כֹּה אָמַר יְהוָה צְבָאוֹת, הֵמָּה יִבְנוּ וַאֲנִי אֶהֱרוֹס; וְקָרְאוּ לָהֶם גְּבוּל רִשְׁעָה, וְהָעָם אֲשֶׁר-זָעַם יְהוָה עַד-עוֹלָם.  ה וְעֵינֵיכֶם, תִּרְאֶינָה; וְאַתֶּם תֹּאמְרוּ יִגְדַּל יְהוָה, מֵעַל לִגְבוּל יִשְׂרָאֵל.  ו בֵּן יְכַבֵּד אָב, וְעֶבֶד אֲדֹנָיו; וְאִם-אָב אָנִי אַיֵּה כְבוֹדִי וְאִם-אֲדוֹנִים אָנִי אַיֵּה מוֹרָאִי אָמַר יְהוָה צְבָאוֹת, לָכֶם הַכֹּהֲנִים בּוֹזֵי שְׁמִי, וַאֲמַרְתֶּם, בַּמֶּה בָזִינוּ אֶת-שְׁמֶךָ.  ז מַגִּישִׁים עַל-מִזְבְּחִי לֶחֶם מְגֹאָל, וַאֲמַרְתֶּם בַּמֶּה גֵאַלְנוּךָ; בֶּאֱמָרְכֶם, שֻׁלְחַן יְהוָה נִבְזֶה הוּא.  ח וְכִי-תַגִּישׁוּן עִוֵּר לִזְבֹּחַ אֵין רָע, וְכִי תַגִּישׁוּ פִּסֵּחַ וְחֹלֶה אֵין רָע; הַקְרִיבֵהוּ נָא לְפֶחָתֶךָ, הֲיִרְצְךָ אוֹ הֲיִשָּׂא פָנֶיךָ--אָמַר, יְהוָה צְבָאוֹת.  ט וְעַתָּה חַלּוּ-נָא פְנֵי-אֵל, וִיחָנֵּנוּ; מִיֶּדְכֶם, הָיְתָה זֹּאת--הֲיִשָּׂא מִכֶּם פָּנִים, אָמַר יְהוָה צְבָאוֹת.  י מִי גַם-בָּכֶם וְיִסְגֹּר דְּלָתַיִם, וְלֹא-תָאִירוּ מִזְבְּחִי חִנָּם; אֵין-לִי חֵפֶץ בָּכֶם, אָמַר יְהוָה צְבָאוֹת, וּמִנְחָה, לֹא-אֶרְצֶה מִיֶּדְכֶם.  יא כִּי מִמִּזְרַח-שֶׁמֶשׁ וְעַד-מְבוֹאוֹ, גָּדוֹל שְׁמִי בַּגּוֹיִם, וּבְכָל-מָקוֹם מֻקְטָר מֻגָּשׁ לִשְׁמִי, וּמִנְחָה טְהוֹרָה:  כִּי-גָדוֹל שְׁמִי בַּגּוֹיִם, אָמַר יְהוָה צְבָאוֹת.  יב וְאַתֶּם, מְחַלְּלִים אוֹתוֹ--בֶּאֱמָרְכֶם, שֻׁלְחַן אֲדֹנָי מְגֹאָל הוּא, וְנִיבוֹ, נִבְזֶה אָכְלוֹ.  יג וַאֲמַרְתֶּם הִנֵּה מַתְּלָאָה וְהִפַּחְתֶּם אוֹתוֹ, אָמַר יְהוָה צְבָאוֹת, וַהֲבֵאתֶם גָּזוּל וְאֶת-הַפִּסֵּחַ וְאֶת-הַחוֹלֶה, וַהֲבֵאתֶם אֶת-הַמִּנְחָה; הַאֶרְצֶה אוֹתָהּ מִיֶּדְכֶם, אָמַר יְהוָה. {ס}
+יד וְאָרוּר נוֹכֵל, וְיֵשׁ בְּעֶדְרוֹ זָכָר, וְנֹדֵר וְזֹבֵחַ מָשְׁחָת, לַאדֹנָי:  כִּי מֶלֶךְ גָּדוֹל אָנִי, אָמַר יְהוָה צְבָאוֹת, וּשְׁמִי, נוֹרָא בַגּוֹיִם.

package/example/assets/pages_data/he/5.txt

@@ -0,0 +1,4 @@
+א וְעַתָּה, אֲלֵיכֶם הַמִּצְוָה הַזֹּאת--הַכֹּהֲנִים.  ב אִם-לֹא תִשְׁמְעוּ וְאִם-לֹא תָשִׂימוּ עַל-לֵב לָתֵת כָּבוֹד לִשְׁמִי, אָמַר יְהוָה צְבָאוֹת, וְשִׁלַּחְתִּי בָכֶם אֶת-הַמְּאֵרָה, וְאָרוֹתִי אֶת-בִּרְכוֹתֵיכֶם; וְגַם, אָרוֹתִיהָ, כִּי אֵינְכֶם, שָׂמִים עַל-לֵב.  ג הִנְנִי גֹעֵר לָכֶם, אֶת-הַזֶּרַע, וְזֵרִיתִי פֶרֶשׁ עַל-פְּנֵיכֶם, פֶּרֶשׁ חַגֵּיכֶם; וְנָשָׂא אֶתְכֶם, אֵלָיו.  ד וִידַעְתֶּם--כִּי שִׁלַּחְתִּי אֲלֵיכֶם, אֵת הַמִּצְוָה הַזֹּאת:  לִהְיוֹת בְּרִיתִי אֶת-לֵוִי, אָמַר יְהוָה צְבָאוֹת.  ה בְּרִיתִי הָיְתָה אִתּוֹ, הַחַיִּים וְהַשָּׁלוֹם, וָאֶתְּנֵם-לוֹ מוֹרָא, וַיִּירָאֵנִי; וּמִפְּנֵי שְׁמִי, נִחַת הוּא.  ו תּוֹרַת אֱמֶת הָיְתָה בְּפִיהוּ, וְעַוְלָה לֹא-נִמְצָא בִשְׂפָתָיו; בְּשָׁלוֹם וּבְמִישׁוֹר הָלַךְ אִתִּי, וְרַבִּים הֵשִׁיב מֵעָו‍ֹן.  ז כִּי-שִׂפְתֵי כֹהֵן יִשְׁמְרוּ-דַעַת, וְתוֹרָה יְבַקְשׁוּ מִפִּיהוּ:  כִּי מַלְאַךְ יְהוָה-צְבָאוֹת, הוּא.  ח וְאַתֶּם סַרְתֶּם מִן-הַדֶּרֶךְ, הִכְשַׁלְתֶּם רַבִּים בַּתּוֹרָה; שִׁחַתֶּם בְּרִית הַלֵּוִי, אָמַר יְהוָה צְבָאוֹת.  ט וְגַם-אֲנִי נָתַתִּי אֶתְכֶם, נִבְזִים וּשְׁפָלִים--לְכָל-הָעָם:  כְּפִי, אֲשֶׁר אֵינְכֶם שֹׁמְרִים אֶת-דְּרָכַי, וְנֹשְׂאִים פָּנִים, בַּתּוֹרָה. {פ}
+י הֲלוֹא אָב אֶחָד לְכֻלָּנוּ, הֲלוֹא אֵל אֶחָד בְּרָאָנוּ; מַדּוּעַ, נִבְגַּד אִישׁ בְּאָחִיו--לְחַלֵּל, בְּרִית אֲבֹתֵינוּ.  יא בָּגְדָה יְהוּדָה, וְתוֹעֵבָה נֶעֶשְׂתָה בְיִשְׂרָאֵל וּבִירוּשָׁלִָם:  כִּי חִלֵּל יְהוּדָה, קֹדֶשׁ יְהוָה אֲשֶׁר אָהֵב, וּבָעַל, בַּת-אֵל נֵכָר.  יב יַכְרֵת יְהוָה לָאִישׁ אֲשֶׁר יַעֲשֶׂנָּה, עֵר וְעֹנֶה, מֵאָהֳלֵי, יַעֲקֹב; וּמַגִּישׁ מִנְחָה, לַיהוָה צְבָאוֹת. {פ}
+יג וְזֹאת, שֵׁנִית תַּעֲשׂוּ--כַּסּוֹת דִּמְעָה אֶת-מִזְבַּח יְהוָה, בְּכִי וַאֲנָקָה; מֵאֵין עוֹד, פְּנוֹת אֶל-הַמִּנְחָה, וְלָקַחַת רָצוֹן, מִיֶּדְכֶם.  יד וַאֲמַרְתֶּם, עַל-מָה:  עַל כִּי-יְהוָה הֵעִיד בֵּינְךָ וּבֵין אֵשֶׁת נְעוּרֶיךָ, אֲשֶׁר אַתָּה בָּגַדְתָּה בָּהּ, וְהִיא חֲבֶרְתְּךָ, וְאֵשֶׁת בְּרִיתֶךָ.  טו וְלֹא-אֶחָד עָשָׂה, וּשְׁאָר רוּחַ לוֹ, וּמָה הָאֶחָד, מְבַקֵּשׁ זֶרַע אֱלֹהִים; וְנִשְׁמַרְתֶּם, בְּרוּחֲכֶם, וּבְאֵשֶׁת נְעוּרֶיךָ, אַל-יִבְגֹּד.  טז כִּי-שָׂנֵא שַׁלַּח, אָמַר יְהוָה אֱלֹהֵי יִשְׂרָאֵל, וְכִסָּה חָמָס עַל-לְבוּשׁוֹ, אָמַר יְהוָה צְבָאוֹת; וְנִשְׁמַרְתֶּם בְּרוּחֲכֶם, וְלֹא תִבְגֹּדוּ. {פ}
+יז הוֹגַעְתֶּם יְהוָה בְּדִבְרֵיכֶם, וַאֲמַרְתֶּם בַּמָּה הוֹגָעְנוּ:  בֶּאֱמָרְכֶם, כָּל-עֹשֵׂה רָע טוֹב בְּעֵינֵי יְהוָה וּבָהֶם הוּא חָפֵץ, אוֹ אַיֵּה, אֱלֹהֵי הַמִּשְׁפָּט.

package/example/assets/pages_data/he/6.txt

@@ -0,0 +1,4 @@
+א הִנְנִי שֹׁלֵחַ מַלְאָכִי, וּפִנָּה-דֶרֶךְ לְפָנָי; וּפִתְאֹם יָבוֹא אֶל-הֵיכָלוֹ הָאָדוֹן אֲשֶׁר-אַתֶּם מְבַקְשִׁים, וּמַלְאַךְ הַבְּרִית אֲשֶׁר-אַתֶּם חֲפֵצִים הִנֵּה-בָא--אָמַר, יְהוָה צְבָאוֹת.  ב וּמִי מְכַלְכֵּל אֶת-יוֹם בּוֹאוֹ, וּמִי הָעֹמֵד בְּהֵרָאוֹתוֹ:  כִּי-הוּא כְּאֵשׁ מְצָרֵף, וּכְבֹרִית מְכַבְּסִים.  ג וְיָשַׁב מְצָרֵף וּמְטַהֵר, כֶּסֶף, וְטִהַר אֶת-בְּנֵי-לֵוִי וְזִקַּק אֹתָם, כַּזָּהָב וְכַכָּסֶף; וְהָיוּ, לַיהוָה, מַגִּישֵׁי מִנְחָה, בִּצְדָקָה.  ד וְעָרְבָה, לַיהוָה, מִנְחַת יְהוּדָה, וִירוּשָׁלִָם--כִּימֵי עוֹלָם, וּכְשָׁנִים קַדְמֹנִיֹּת.  ה וְקָרַבְתִּי אֲלֵיכֶם, לַמִּשְׁפָּט, וְהָיִיתִי עֵד מְמַהֵר בַּמְכַשְּׁפִים וּבַמְנָאֲפִים, וּבַנִּשְׁבָּעִים לַשָּׁקֶר; וּבְעֹשְׁקֵי שְׂכַר-שָׂכִיר אַלְמָנָה וְיָתוֹם וּמַטֵּי-גֵר, וְלֹא יְרֵאוּנִי--אָמַר, יְהוָה צְבָאוֹת.  ו כִּי אֲנִי יְהוָה, לֹא שָׁנִיתִי; וְאַתֶּם בְּנֵי-יַעֲקֹב, לֹא כְלִיתֶם.  ז לְמִימֵי אֲבֹתֵיכֶם סַרְתֶּם מֵחֻקַּי, וְלֹא שְׁמַרְתֶּם--שׁוּבוּ אֵלַי וְאָשׁוּבָה אֲלֵיכֶם, אָמַר יְהוָה צְבָאוֹת; וַאֲמַרְתֶּם, בַּמֶּה נָשׁוּב.  ח הֲיִקְבַּע אָדָם אֱלֹהִים, כִּי אַתֶּם קֹבְעִים אֹתִי, וַאֲמַרְתֶּם, בַּמֶּה קְבַעֲנוּךָ:  הַמַּעֲשֵׂר, וְהַתְּרוּמָה.  ט בַּמְּאֵרָה אַתֶּם נֵאָרִים, וְאֹתִי אַתֶּם קֹבְעִים--הַגּוֹי, כֻּלּוֹ.  י הָבִיאוּ אֶת-כָּל-הַמַּעֲשֵׂר אֶל-בֵּית הָאוֹצָר, וִיהִי טֶרֶף בְּבֵיתִי, וּבְחָנוּנִי נָא בָּזֹאת, אָמַר יְהוָה צְבָאוֹת:  אִם-לֹא אֶפְתַּח לָכֶם, אֵת אֲרֻבּוֹת הַשָּׁמַיִם, וַהֲרִיקֹתִי לָכֶם בְּרָכָה, עַד-בְּלִי-דָי.  יא וְגָעַרְתִּי לָכֶם בָּאֹכֵל, וְלֹא-יַשְׁחִת לָכֶם אֶת-פְּרִי הָאֲדָמָה; וְלֹא-תְשַׁכֵּל לָכֶם הַגֶּפֶן בַּשָּׂדֶה, אָמַר יְהוָה צְבָאוֹת.  יב וְאִשְּׁרוּ אֶתְכֶם, כָּל-הַגּוֹיִם:  כִּי-תִהְיוּ אַתֶּם אֶרֶץ חֵפֶץ, אָמַר יְהוָה צְבָאוֹת. {פ}
+יג חָזְקוּ עָלַי דִּבְרֵיכֶם, אָמַר יְהוָה; וַאֲמַרְתֶּם, מַה-נִּדְבַּרְנוּ עָלֶיךָ.  יד אֲמַרְתֶּם, שָׁוְא עֲבֹד אֱלֹהִים; וּמַה-בֶּצַע, כִּי שָׁמַרְנוּ מִשְׁמַרְתּוֹ, וְכִי הָלַכְנוּ קְדֹרַנִּית, מִפְּנֵי יְהוָה צְבָאוֹת.  טו וְעַתָּה, אֲנַחְנוּ מְאַשְּׁרִים זֵדִים; גַּם-נִבְנוּ עֹשֵׂי רִשְׁעָה, גַּם בָּחֲנוּ אֱלֹהִים וַיִּמָּלֵטוּ.  טז אָז נִדְבְּרוּ יִרְאֵי יְהוָה, אִישׁ אֶל-רֵעֵהוּ; וַיַּקְשֵׁב יְהוָה, וַיִּשְׁמָע, וַיִּכָּתֵב סֵפֶר זִכָּרוֹן לְפָנָיו לְיִרְאֵי יְהוָה, וּלְחֹשְׁבֵי שְׁמוֹ.  יז וְהָיוּ לִי, אָמַר יְהוָה צְבָאוֹת, לַיּוֹם, אֲשֶׁר אֲנִי עֹשֶׂה סְגֻלָּה; וְחָמַלְתִּי עֲלֵיהֶם--כַּאֲשֶׁר יַחְמֹל אִישׁ, עַל-בְּנוֹ הָעֹבֵד אֹתוֹ.  יח וְשַׁבְתֶּם, וּרְאִיתֶם, בֵּין צַדִּיק, לְרָשָׁע--בֵּין עֹבֵד אֱלֹהִים, לַאֲשֶׁר לֹא עֲבָדוֹ. {פ}
+יט כִּי-הִנֵּה הַיּוֹם בָּא, בֹּעֵר כַּתַּנּוּר; וְהָיוּ כָל-זֵדִים וְכָל-עֹשֵׂה רִשְׁעָה, קַשׁ, וְלִהַט אֹתָם הַיּוֹם הַבָּא אָמַר יְהוָה צְבָאוֹת, אֲשֶׁר לֹא-יַעֲזֹב לָהֶם שֹׁרֶשׁ וְעָנָף.  כ וְזָרְחָה לָכֶם יִרְאֵי שְׁמִי, שֶׁמֶשׁ צְדָקָה, וּמַרְפֵּא, בִּכְנָפֶיהָ; וִיצָאתֶם וּפִשְׁתֶּם, כְּעֶגְלֵי מַרְבֵּק.  כא וְעַסּוֹתֶם רְשָׁעִים--כִּי-יִהְיוּ אֵפֶר, תַּחַת כַּפּוֹת רַגְלֵיכֶם:  בַּיּוֹם אֲשֶׁר אֲנִי עֹשֶׂה, אָמַר יְהוָה צְבָאוֹת. {פ}
+כב זִכְרוּ, תּוֹרַת מֹשֶׁה עַבְדִּי, אֲשֶׁר צִוִּיתִי אוֹתוֹ בְחֹרֵב עַל-כָּל-יִשְׂרָאֵל, חֻקִּים וּמִשְׁפָּטִים.  כג הִנֵּה אָנֹכִי שֹׁלֵחַ לָכֶם, אֵת אֵלִיָּה הַנָּבִיא--לִפְנֵי, בּוֹא יוֹם יְהוָה, הַגָּדוֹל, וְהַנּוֹרָא.  כד וְהֵשִׁיב לֵב-אָבוֹת עַל-בָּנִים, וְלֵב בָּנִים עַל-אֲבוֹתָם--פֶּן-אָבוֹא, וְהִכֵּיתִי אֶת-הָאָרֶץ חֵרֶם.

package/example/index.html

@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8" />
+  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title>HTML Flip Book Example</title>
+  <script type="importmap">
+    {
+      "imports": {
+        "react": "https://esm.sh/react@18.3.1",
+        "react-dom": "https://esm.sh/react-dom@18.3.1"
+      }
+    }
+  </script>
+</head>
+<body>
+<div id="root"></div>
+<script type="module" src="./src/index.tsx"></script>
+</body>
+</html>