@cenk1cenk2/md-printer 2.20.12 → 3.0.0

package/templates/mail/Template.svelte

@@ -0,0 +1,166 @@
+<script>
+  import { Page } from '@cenk1cenk2/md-printer/components'
+
+  let { content } = $props()
+</script>
+
+<svelte:head>
+  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
+  <meta charset="UTF-8" />
+</svelte:head>
+
+<Page>
+  <!-- eslint-disable-next-line svelte/no-at-html-tags -- markdown input is trusted, same as the document itself -->
+  <div class="leading-tight prose">{@html content}</div>
+</Page>
+
+<style lang="postcss">
+  @import '@fontsource/montserrat/latin-400.css';
+  @import '@fontsource/montserrat/latin-ext-400.css';
+  @import '@fontsource/montserrat/latin-700.css';
+  @import '@fontsource/montserrat/latin-ext-700.css';
+
+  @import 'tailwindcss';
+  @plugin '@tailwindcss/typography';
+
+  @theme {
+    --font-sans: 'Montserrat';
+    --font-serif: 'Montserrat';
+    --font-weight-semibold: 700;
+    --font-weight-bold: 800;
+    --font-weight-extrabold: 900;
+    --color-primary-500: #cd0043;
+    --color-gray-50: oklch(98.5% 0.002 247.839);
+    --color-gray-100: #abb2bf;
+    --color-gray-200: #979eab;
+    --color-gray-300: #7c8a9d;
+    --color-gray-400: #5c6370;
+    --color-gray-500: #4b5263;
+    --color-gray-600: #2c333d;
+    --color-gray-700: #22282f;
+    --color-gray-800: #1e2127;
+    --color-gray-900: #17191e;
+    --color-gray-950: oklch(13% 0.028 261.692);
+  }
+
+  *,
+  ::after,
+  ::before,
+  ::backdrop,
+  ::file-selector-button {
+    border-color: var(--color-gray-200, currentcolor);
+  }
+
+  body {
+    font-family: var(--font-sans);
+  }
+
+  address {
+    @apply text-sm;
+  }
+
+  /* Typography styles converted from config */
+  .prose a {
+    text-decoration: none;
+  }
+
+  .prose h1 {
+    font-weight: 800;
+    padding-top: 0.1875rem;
+    /* 0.75 * 0.25rem */
+    padding-bottom: 0.1875rem;
+    margin-bottom: 0;
+    margin-top: 0;
+    border-width: 0;
+  }
+
+  .prose h2 {
+    font-weight: 800;
+    padding-top: 0.125rem;
+    /* 0.5 * 0.25rem */
+    padding-bottom: 0.125rem;
+    margin-bottom: 0;
+    margin-top: 0;
+    border-width: 0;
+  }
+
+  .prose h3 {
+    font-weight: 700;
+    padding-top: 0.0625rem;
+    /* 0.25 * 0.25rem */
+    padding-bottom: 0.0625rem;
+    margin-bottom: 0;
+    margin-top: 0;
+    border-width: 0;
+  }
+
+  p {
+    margin: 0.1em 0em;
+  }
+
+  .prose blockquote {
+    font-weight: 400;
+    color: var(--color-gray-600);
+    font-style: normal;
+    quotes: '\201C' '\201D' '\2018' '\2019';
+  }
+
+  .prose blockquote p:first-of-type::before {
+    content: '';
+  }
+
+  .prose blockquote p:last-of-type::after {
+    content: '';
+  }
+
+  .prose ul > li {
+    padding-left: 1em;
+    text-align: left;
+  }
+
+  .prose ol > li {
+    padding-left: 1em;
+    text-align: left;
+  }
+
+  .prose ol > li::before {
+    top: calc(0.875em - 0.1em);
+  }
+
+  .prose ul > li::before {
+    top: calc(0.875em - 0.1em);
+  }
+
+  html {
+    font-size: 12px;
+  }
+
+  .page-break {
+    page-break-after: always;
+  }
+
+  .text-vertical {
+    text-orientation: upright;
+    writing-mode: vertical-lr;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    @apply p-4;
+  }
+
+  table th {
+    @apply bg-gray-700 text-white;
+  }
+
+  table tr {
+    border-top: 0;
+    @apply even:bg-gray-50;
+  }
+
+  table th,
+  table td,
+  table tr {
+    border: 0;
+    padding: 0.5em 0.5em;
+  }
+</style>

package/templates/mail/settings.json

@@ -1,7 +1,5 @@
 {
-  "body_class": [],
-  "highlight_style": "atom-one-dark",
-  "pdf_options": {
+  "pdfOptions": {
     "format": "A4",
     "margin": "0",
     "printBackground": true

package/dist/hooks/not-found.hook.mjs

@@ -1,7 +0,0 @@
-import { notFoundHook } from "@cenk1cenk2/oclif-common";
-
-//#region src/hooks/not-found.hook.ts
-var not_found_hook_default = notFoundHook;
-
-//#endregion
-export { not_found_hook_default as default };

package/dist/hooks/update-notifier.hook.mjs

@@ -1,7 +0,0 @@
-import { updateNotifierHook } from "@cenk1cenk2/oclif-common";
-
-//#region src/hooks/update-notifier.hook.ts
-var update_notifier_hook_default = updateNotifierHook;
-
-//#endregion
-export { update_notifier_hook_default as default };

package/dist/interfaces/pupeteer.mjs

@@ -1 +0,0 @@
-export {  };

package/templates/default/main.css

@@ -1,73 +0,0 @@
-@import url(https://unpkg.com/github-markdown-css/github-markdown-light.css);
-@import url('https://fonts.bunny.net/css?family=montserrat:100,200,300,400,500,600,700,800,900&display=swap');
-@import url(https://fonts.googleapis.com/css2?family=Roboto+Mono);
-
-.markdown-body {
-  font-size: 11px;
-  font-family: 'Montserrat', sans-serif;
-}
-
-.markdown-body h1,
-.markdown-body h2 {
-  font-weight: 800;
-}
-
-.markdown-body h3,
-.markdown-body h4,
-.markdown-body h5,
-.markdown-body h6,
-.markdown-body strong,
-.markdown-body b {
-  font-weight: 700;
-}
-
-.page-break {
-  page-break-after: always;
-}
-
-.markdown-body pre > code {
-  white-space: pre-wrap;
-  padding: 0;
-  margin: 0;
-
-  font-family: 'Roboto Mono', monospace;
-}
-
-.markdown-body .document-title-header {
-  height: 500px;
-  margin: auto auto;
-  padding-top: 50%;
-  page-break-after: always;
-  border-bottom: 0;
-  font-size: 2.5em;
-}
-
-.markdown-body pre {
-  background-color: #1e2127;
-  padding: 12px 8px;
-}
-
-.markdown-body output pre {
-  margin-top: -36px;
-  background-color: #1e2127;
-  border-top-left-radius: 0;
-  border-top-right-radius: 0;
-  border-top-color: #38404b;
-  border-top-width: 2px;
-  border-top-style: solid;
-}
-
-.markdown-body output::before {
-  padding: 4px 16px;
-  position: relative;
-  top: -24px;
-  border-top-left-radius: 4px;
-  border-top-right-radius: 4px;
-  color: #a0a0a0;
-  background-color: #1e2127;
-  content: '> output';
-  font-size: 0.85em;
-  border-top-color: #38404b;
-  border-top-width: 2px;
-  border-top-style: solid;
-}

package/templates/invoice/.gitignore

@@ -1 +0,0 @@
-/main.css

package/templates/invoice/footer.html

@@ -1,18 +0,0 @@
-<style>
-  footer {
-    margin: 0 auto;
-    text-align: center;
-    font-size: 8px;
-    color: #38404b;
-    width: 100%;
-    padding-top: 8px;
-    margin-bottom: -8px;
-  }
-</style>
-<footer>
-  <div>
-    <span class="title"></span>
-    -
-    <b> <span class="pageNumber"></span>/<span class="totalPages"></span> </b>
-  </div>
-</footer>

package/templates/invoice/tailwind.css

@@ -1,164 +0,0 @@
-@import url('https://fonts.bunny.net/css?family=montserrat:100,200,300,400,500,600,700,800,900&display=swap');
-
-@import 'tailwindcss';
-@plugin '@tailwindcss/typography';
-
-@theme {
-  --font-sans: 'Montserrat';
-  --font-serif: 'Montserrat';
-  --font-weight-semibold: 700;
-  --font-weight-bold: 800;
-  --font-weight-extrabold: 900;
-  --color-primary-500: #cd0043;
-  --color-gray-50: oklch(98.5% 0.002 247.839);
-  --color-gray-100: #abb2bf;
-  --color-gray-200: #979eab;
-  --color-gray-300: #7c8a9d;
-  --color-gray-400: #5c6370;
-  --color-gray-500: #4b5263;
-  --color-gray-600: #2c333d;
-  --color-gray-700: #22282f;
-  --color-gray-800: #1e2127;
-  --color-gray-900: #17191e;
-  --color-gray-950: oklch(13% 0.028 261.692);
-}
-
-*,
-::after,
-::before,
-::backdrop,
-::file-selector-button {
-  border-color: var(--color-gray-200, currentcolor);
-}
-
-body {
-  font-family: var(--font-sans);
-}
-
-address {
-  @apply text-sm;
-  white-space: pre-line;
-}
-
-/* Typography styles converted from config */
-.prose a {
-  text-decoration: none;
-}
-
-.prose h1 {
-  font-weight: 800;
-  padding-top: 0.1875rem;
-  /* 0.75 * 0.25rem */
-  padding-bottom: 0.1875rem;
-  margin-bottom: 0;
-  margin-top: 0;
-  border-width: 0;
-}
-
-.prose h2 {
-  font-weight: 800;
-  padding-top: 0.125rem;
-  /* 0.5 * 0.25rem */
-  padding-bottom: 0.125rem;
-  margin-bottom: 0;
-  margin-top: 0;
-  border-width: 0;
-}
-
-.prose h3 {
-  font-weight: 700;
-  padding-top: 0.0625rem;
-  /* 0.25 * 0.25rem */
-  padding-bottom: 0.0625rem;
-  margin-bottom: 0;
-  margin-top: 0;
-  border-width: 0;
-}
-
-p {
-  margin: 0.1em 0em;
-}
-
-.prose blockquote {
-  font-weight: 400;
-  color: var(--color-gray-600);
-  font-style: normal;
-  quotes: '\201C' '\201D' '\2018' '\2019';
-}
-
-.prose blockquote p:first-of-type::before {
-  content: '';
-}
-
-.prose blockquote p:last-of-type::after {
-  content: '';
-}
-
-.prose ul > li {
-  padding-left: 1em;
-  text-align: left;
-}
-
-.prose ol > li {
-  padding-left: 1em;
-  text-align: left;
-}
-
-.prose ol > li::before {
-  top: calc(0.875em - 0.1em);
-}
-
-.prose ul > li::before {
-  top: calc(0.875em - 0.1em);
-}
-
-html {
-  font-size: 12px;
-}
-
-.page-break {
-  page-break-after: always;
-}
-
-.text-vertical {
-  text-orientation: upright;
-  writing-mode: vertical-lr;
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  @apply p-4;
-}
-
-/* md-to-pdf ships github-markdown-css, which sets `table { display: block }` for horizontal
- * scrolling. That collapses rows into an anonymous max-content box, so column widths are ignored. */
-table {
-  display: table;
-  width: 100%;
-}
-
-table th {
-  @apply bg-gray-700 text-white;
-}
-
-table tr {
-  border-top: 0;
-  break-inside: avoid;
-}
-
-/* zebra rows only pay off over many rows, so striping is opt-in; the short key/value
- * tables use hairline row dividers instead and stay quieter beside the items table.
- * The reset is needed because md-to-pdf's markdown.css stripes every table itself. */
-table tr:nth-child(even) {
-  background-color: transparent;
-}
-
-table.striped tr:nth-child(even) {
-  @apply bg-gray-50;
-}
-
-table th,
-table td,
-table tr {
-  border: 0;
-  padding: 0.5em 0.5em;
-}

package/templates/invoice/template.html.j2

@@ -1,189 +0,0 @@
-<!--
-  vim: ft=htmldjango
--->
-<!DOCTYPE html>
-<html lang="{{ language }}">
-
-<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>{{ t('meta.title') }}</title>
-</head>
-
-<body>
-  <div class="max-w-full leading-tight prose grid">
-    <section id="header" class="relative grid grid-cols-12">
-      <img src="https://main.s3.kilic.dev/html/icon.png" alt="logo"
-        class="absolute h-40 top-1/2 left-1/2 -translate-x-1/2 -translate-y-[62%] drop-shadow-lg drop-shadow-gray-900 z-10">
-      <div class="col-span-1 flex flex-col justify-center text-lg font-extrabold text-gray-100">
-        <p class="text-vertical">{{ t('sections.from') }}</p>
-      </div>
-      <div class="col-start-2 col-span-5 flex flex-col justify-start p-4 pt-10 mr-12">
-        <h1>{{ company.name }}</h1>
-        <h3>{{ company.tax_number }}</h3>
-        <address>{{ company.address | trim }}</address>
-        <div class="flex flex-col text-sm">
-          {% if company.phone %}
-          <a href="tel:{{ company.phone }}">{{ company.phone }}</a>
-          {% endif %}
-          {% if company.email %}
-          <a href="mailto:{{ company.email }}">{{ company.email }}</a>
-          {% endif %}
-          {% if company.website %}
-          <a href="{{ company.website }}">{{ company.website }}</a>
-          {% endif %}
-        </div>
-      </div>
-      <div class="col-span-6 bg-gray-900 rounded-bl-4xl flex flex-col justify-center text-center">
-        <p class="p-4 font-bold text-white text-6xl">{{ t('invoice') }}</p>
-      </div>
-    </section>
-    <section id="client" class="grid grid-cols-12">
-      <div class="col-span-1 flex flex-col justify-center text-lg font-extrabold text-gray-100">
-        <p class="text-vertical">{{ t('sections.to') }}</p>
-      </div>
-      <div class="col-span-5 flex flex-col justify-start p-4">
-        <h2>{{ client.name }}</h2>
-        {% if client.tax_number %}
-        <h3>{{ client.tax_number }}</h3>
-        {% endif %}
-        <address>{{ client.address | trim }}</address>
-      </div>
-      <div class="col-span-6 flex items-center justify-center text-xs py-4 pl-4 pr-16">
-        <div class="w-full overflow-hidden rounded-xl border-y-2 shadow-md shadow-gray-300 border-gray-900!">
-          <table class="w-full table-auto my-0!">
-            <tbody>
-              <tr>
-                <td class="w-[30%] text-left align-middle font-bold">{{ t('fields.date') }}</td>
-                <td class="w-[70%] text-right align-middle font-semibold">{{ date }}</td>
-              </tr>
-              <tr>
-                <td class="w-[30%] text-left align-middle font-bold border-t! border-t-gray-100/30!">{{ t('fields.id') }}</td>
-                <td class="w-[70%] text-right align-middle font-semibold border-t! border-t-gray-100/30!">{{ id }}</td>
-              </tr>
-            </tbody>
-          </table>
-        </div>
-      </div>
-    </section>
-    <section id="items" class="grid grid-cols-12">
-      <div class="col-span-12 px-16 py-4">
-        <div class="overflow-hidden rounded-xl border-y-2 shadow-md shadow-gray-300 border-gray-900!">
-        <table class="striped w-full table-auto my-0!">
-          <thead class="border-b-1 border-b-gray-900! border-x-2 border-x-gray-900!">
-            <tr>
-              <th scope="col" class="w-md text-center">
-                {{ t('table.description') }}
-              </th>
-              <th scope="col" class="w-[10%] text-center">
-                {{ t('table.quantity') }}
-              </th>
-              <th scope="col" class="w-[10%] text-center">
-                {{ t('table.price') }}
-              </th>
-              <th scope="col" class="w-[10%] text-center">
-                {{ t('table.subtotal') }}
-              </th>
-              <th scope="col" class="w-[10%] text-center">
-                {{ t('table.tax') }}
-              </th>
-              <th scope="col" class="w-[14%] font-semibold text-center">
-                {{ t('table.total') }}
-              </th>
-            </tr>
-          </thead>
-          <tbody>
-            {% set calculated_subtotal = 0 %}
-            {% set calculated_tax = 0 %}
-            {% for item in items %}
-            <tr>
-              <td class="text-left align-middle">{{ item.description }}</td>
-              <td class="text-center align-middle">{{ item.quantity }} {{ item.unit }}</td>
-              <td class="text-center align-middle">{{ item.price }}{{ currency }}</td>
-              {% set calculated_item_subtotal = item.quantity * item.price %}
-              <td class="text-center align-middle">{{ calculated_item_subtotal | round(2) }}{{ currency }}</td>
-              {% set calculated_item_tax = calculated_item_subtotal * item.tax / 100 %}
-              {% set calculated_tax = calculated_tax + calculated_item_tax %}
-              <td class="text-center align-middle">
-                {% if calculated_item_tax > 0 %}
-                <div class="flex flex-row items-center">
-                  <span
-                    class="w-8 shrink-0 mr-1 py-px rounded-full text-center text-[0.50rem] font-semibold bg-gray-700 text-white">{{ item.tax }}%</span>
-                  <span>{{ calculated_item_tax | round(2) }}{{ currency }}</span>
-                </div>
-                {% else %}
-                <span class="font-semibold">—</span>
-                {% endif %}
-              </td>
-              {% set calculated_item_total = calculated_item_subtotal + calculated_item_tax %}
-              <td class="font-semibold text-right align-middle">{{ calculated_item_total | round(2) }}{{ currency }}</td>
-            </tr>
-            {% set calculated_subtotal = calculated_subtotal + calculated_item_subtotal %}
-            {% endfor %}
-            </tbody>
-        </table>
-        </div>
-      </div>
-    </section>
-    <section id="payment" class="grid grid-cols-12">
-      <div class="col-span-1 flex flex-col justify-center text-lg font-extrabold text-gray-100 bg-gray-900">
-        <p class="text-vertical">{{ t('sections.payment') }}</p>
-      </div>
-      <div
-        class="col-span-5 flex flex-col p-4 ml-[-1px] pl-5 justify-center bg-gray-700 rounded-r-4xl text-white">
-        <span>{{ payment.bank }}</span>
-        <address>{{ payment.address | trim }}</address>
-        <span>{{ payment.bic }}</span>
-        <span>{{ payment.routing }}</span>
-        <span class="mt-4 font-semibold">{{ payment.name }}</span>
-        <span class="font-semibold">{{ payment.iban }}</span>
-      </div>
-      <div class="col-span-1"></div>
-      <div class="col-span-5 flex flex-col justify-center m-8 mr-16">
-        <div class="w-full overflow-hidden rounded-xl border-y-2 shadow-md shadow-gray-300 border-gray-900!">
-          <table class="w-full table-auto my-0!">
-            <tbody>
-              <tr>
-                <td class="w-[55%] text-left align-middle font-semibold">{{ t('summary.subtotal') }}</td>
-                <td class="w-[45%] text-right align-middle font-semibold">{{ calculated_subtotal | round(2) }}{{ currency }}</td>
-              </tr>
-              <tr>
-                <td class="w-[55%] text-left align-middle font-semibold border-t! border-t-gray-100/30!">{{ t('summary.tax') }}</td>
-                <td class="w-[45%] text-right align-middle font-semibold border-t! border-t-gray-100/30!">
-                  {% if calculated_tax > 0 %}
-                  {{ calculated_tax | round(2) }}{{ currency }}
-                  {% else %}
-                  —
-                  {% endif %}
-                </td>
-              </tr>
-              {% set calculated_total = calculated_subtotal + calculated_tax %}
-              <tr>
-                <td class="w-[55%] text-left align-middle font-bold text-primary-500 border-t-2! border-t-primary-500!">{{ t('summary.total') }}</td>
-                <td class="w-[45%] text-right align-middle font-bold text-primary-500 border-t-2! border-t-primary-500!">
-                  {{ calculated_total | round(2) }}{{ currency }}
-                </td>
-              </tr>
-            </tbody>
-          </table>
-        </div>
-      </div>
-    </section>
-    <section id="footer" class="grid grid-cols-12">
-      <div class="col-span-1 flex flex-col justify-center text-lg font-extrabold text-gray-100">
-        <p class="text-vertical">{{ t('sections.notes') }}</p>
-      </div>
-      <div class="col-span-5 flex flex-col p-4 text-sm leading-tight prose">
-        {{ content | safe }}<br />
-      </div>
-      <div class="col-span-1"></div>
-      <div
-        class="col-span-5 flex flex-col justify-end text-center m-8 mr-16 p-4 pb-0 border-2 border-gray-50! rounded-xl text-xs text-gray-100 h-36">
-        <p>{{ t('signature') }}</p>
-      </div>
-    </section>
-  </div>
-</body>
-
-</html>

package/templates/kilic.dev/footer.html

@@ -1,26 +0,0 @@
-<style>
-  footer {
-    margin: 0 auto;
-    text-align: center;
-    font-size: 8px;
-    color: #38404b;
-    width: 100%;
-    border-top: 1px solid #efefef;
-    padding-top: 8px;
-  }
-</style>
-<footer>
-  <div>
-    <img
-      height="8px"
-      src="data:image/png;base64,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"
-      alt="logo"
-    />
-
-    <span>kilic.dev</span>
-    -
-    <span class="title"></span>
-    -
-    <span class="pageNumber"></span>/<span class="totalPages"></span>
-  </div>
-</footer>