@md-plugins/quasar-app-extension-q-press 0.1.0-beta.2 → 0.1.0-beta.21

package/src/templates/update/src/_q-press/css/themes/sunrise.scss

@@ -34,7 +34,7 @@ $light-pill: $brand-light;
 $light-text: $brand-light-text;
 $light-bg: $brand-light-bg;
 
-$dark-pill: scale-color($brand-dark, $lightness: 20%);
+$dark-pill: color.scale($brand-dark-bg, $lightness: 12%);
 $dark-text: $brand-dark-text;
 $dark-bg: $brand-dark-bg;
 

package/src/templates/update/src/_q-press/css/themes/tawny.scss

@@ -34,7 +34,7 @@ $light-pill: $brand-light;
 $light-text: $brand-light-text;
 $light-bg: $brand-light-bg;
 
-$dark-pill: scale-color($brand-primary, $lightness: -80%);
+$dark-pill: color.scale($brand-dark-bg, $lightness: 12%);
 $dark-text: $brand-dark-text;
 $dark-bg: $brand-dark-bg;
 

package/src/templates/update/src/_q-press/layouts/MarkdownDrawerSidebar.vue

@@ -25,7 +25,7 @@
 <script setup lang="ts">
 import { mdiClose } from '@quasar/extras/mdi-v7'
 
-import { useMarkdownStore } from 'src/.q-press/stores/markdown'
+import { useMarkdownStore } from '@/.q-press/stores/markdown'
 import MarkdownPageSidebar from './MarkdownPageSidebar'
 
 const markdownStore = useMarkdownStore()

package/src/templates/update/src/_q-press/layouts/MarkdownDrawerToc.vue

@@ -29,7 +29,7 @@
 <script setup lang="ts">
 import { mdiClose } from '@quasar/extras/mdi-v7'
 
-import { useMarkdownStore } from 'src/.q-press/stores/markdown'
+import { useMarkdownStore } from '@/.q-press/stores/markdown'
 
 import MarkdownPageToc from './MarkdownPageToc.vue'
 

package/src/templates/update/src/_q-press/layouts/MarkdownHeader.vue

@@ -306,7 +306,7 @@ const hasMoreLinks = computed(() => siteConfig.links.moreLinks.length > 0)
   }
 
   &__links {
-    justify-content: end;
+    justify-content: flex-end;
 
     @media (min-width: 1921px) {
       justify-content: center;

package/src/templates/update/src/_q-press/layouts/MarkdownLayout.vue

@@ -38,7 +38,7 @@ import { computed } from 'vue'
 import { useRoute } from 'vue-router'
 import { mdiArrowUp } from '@quasar/extras/mdi-v7'
 
-// import { useMarkdownStore } from 'src/.q-press/stores/doc'
+// import { useMarkdownStore } from '@/.q-press/stores/doc'
 import { useScroll } from '../composables/scroll'
 
 import MarkdownHeader from './MarkdownHeader.vue'
@@ -101,7 +101,7 @@ const pageContentClass = computed(
       }
 
       @media (max-width: 1845px) {
-        justify-content: start;
+        justify-content: flex-start;
 
         .markdown-page__toc-container--flowing {
           display: none;

package/src/templates/update/src/_q-press/layouts/MarkdownPage.vue

@@ -49,7 +49,7 @@
 
     <slot />
 
-    <div v-if="props.nav" class="markdown-page__nav markdown-page__nav--footer">
+    <div v-if="showFooterNav" class="markdown-page__nav markdown-page__nav--footer">
       <div class="text-h6 q-pb-md markdown-heading">Ready for more?</div>
       <div class="q-gutter-sm flex">
         <router-link
@@ -94,7 +94,6 @@ import { useRoute } from 'vue-router'
 import { mdiPencil, mdiFlash, mdiLaunch } from '@quasar/extras/mdi-v7'
 
 import type { NavItem, RelatedItem } from '@md-plugins/vite-md-plugin'
-import type { TocItem } from '@md-plugins/md-plugin-headers'
 import MarkdownLink from '../components/MarkdownLink.vue'
 import MarkdownPageToc from './MarkdownPageToc.vue'
 
@@ -129,7 +128,7 @@ const props = defineProps({
   },
 
   toc: {
-    type: Array<TocItem>,
+    type: Array<TocMenuItem>,
     default: () => [],
   },
   related: {
@@ -164,6 +163,8 @@ const editHref = computed(() => `${siteConfig.githubEditRootSrc}/markdown/${prop
 
 const isFullscreen = computed(() => route.meta.fullscreen === true || props.fullscreen)
 
+const showFooterNav = computed(() => isFullscreen.value !== true && props.nav.length > 0)
+
 const hasToc = computed(
   () =>
     route.meta.fullwidth !== true &&

package/src/templates/update/src/_q-press/layouts/MarkdownSearch.vue

@@ -39,7 +39,7 @@
   </div>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import { useQuasar } from 'quasar'
 import { computed, ref, watch, markRaw, onMounted, onBeforeUnmount } from 'vue'
 import { useRoute, useRouter } from 'vue-router'

package/src/templates/update/src/_q-press/stores/markdown.ts

@@ -1,7 +1,6 @@
 import { defineStore, acceptHMRUpdate } from 'pinia'
 import { useRoute } from 'vue-router'
 import { useScroll } from '../composables/scroll'
-import type { TocItem } from '@md-plugins/md-plugin-headers'
 
 export const useMarkdownStore = defineStore('markdown-store', {
   state: () => ({
@@ -60,7 +59,7 @@ export const useMarkdownStore = defineStore('markdown-store', {
       }
     },
 
-    setToc(toc: TocItem[]) {
+    setToc(toc: TocMenuItem[]) {
       const { scrollTo } = useScroll()
       this.toc =
         toc !== void 0

package/tsconfig.json

@@ -13,4 +13,4 @@
   },
   "include": ["./src/index.ts", "./src/install.ts"],
   "exclude": ["./node_modules"]
-}
+}

package/dist/templates/init/src/_q-press/api/components/MarkdownCodePrism.json

@@ -1,29 +0,0 @@
-{
-  "type": "component",
-  "meta": {
-    "docsUrl": "https://path-to-your-docs/markdown-code-prism"
-  },
-  "props": {
-    "code": {
-      "type": "String",
-      "desc": "The code to display with syntax highlighting",
-      "examples": [
-        "'const a = 1;'",
-        "'<div>Hello World</div>'"
-      ],
-      "required": true,
-      "category": "content"
-    },
-    "lang": {
-      "type": "String",
-      "desc": "Language of the code for syntax highlighting",
-      "examples": [
-        "'js'",
-        "'html'",
-        "'css'"
-      ],
-      "required": true,
-      "category": "content"
-    }
-  }
-}

package/dist/templates/init/src/_q-press/components/MarkdownCodePrism.ts

@@ -1,36 +0,0 @@
-import Prism from 'prismjs'
-import { h, computed, defineComponent, type PropType } from 'vue'
-
-export default defineComponent({
-  name: 'MarkdownCodePrism',
-
-  props: {
-    code: {
-      type: String as PropType<string>,
-      required: true,
-    },
-    lang: {
-      type: String as PropType<string>,
-      required: true,
-    },
-  },
-
-  setup(props) {
-    const html = computed(() => {
-      if (!props.code || !props.lang) {
-        return ''
-      }
-
-      return Prism.highlight(props.code, Prism.languages[props.lang] as Prism.Grammar, props.lang)
-    })
-
-    return () =>
-      h(
-        'pre',
-        {
-          class: `markdown-code language-${props.lang}`,
-        },
-        [h('code', { innerHTML: html.value })],
-      )
-  },
-})

package/dist/templates/init/src/_q-press/css/prism-theme.scss

@@ -1,298 +0,0 @@
-.markdown-code {
-  margin: 0;
-  position: relative;
-  overflow: auto;
-  border-radius: inherit;
-
-  code {
-    display: block;
-    padding: 16px;
-    width: fit-content;
-    min-width: 100%;
-
-    font-size: ($font-size - 2px);
-    font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
-    line-height: 1.5em;
-    tab-size: 2;
-    text-align: left;
-    white-space: pre;
-    word-spacing: normal;
-    word-break: normal;
-    word-wrap: normal;
-    hyphens: none;
-
-    color: inherit;
-    background-color: inherit;
-    border-radius: inherit;
-  }
-
-  &--copying {
-    .c-lpref,
-    .c-line,
-    .token.deleted-sign,
-    .token.prefix {
-      display: none;
-    }
-  }
-}
-
-.c-line {
-  position: relative;
-  display: block;
-  width: 100%;
-  height: 0;
-  &:before {
-    content: ' ';
-    position: absolute;
-    pointer-events: none;
-    top: 1px;
-    left: -16px;
-    right: -16px;
-    height: 1.5em;
-  }
-}
-
-.c-lpref {
-  position: sticky;
-  pointer-events: none;
-  user-select: none;
-  left: 8px;
-  padding: 0 16px 0 8px;
-  margin: -16px 0 -16px -8px;
-  &:before {
-    border-right: 1px solid;
-    content: '';
-    position: absolute;
-    pointer-events: none;
-    top: -1px;
-    left: -8px;
-    right: 8px;
-    bottom: -2px;
-    z-index: -1;
-    height: 1.5em;
-  }
-}
-
-.line-add:before,
-.token.inserted-sign:before {
-  background: rgba($positive, 0.4);
-}
-
-.token.deleted-sign,
-.token.inserted-sign {
-  position: relative;
-  display: block;
-  width: 100%;
-
-  &:before {
-    content: '';
-    position: absolute;
-    pointer-events: none;
-    top: 0;
-    left: -16px;
-    right: -16px;
-    bottom: 0;
-  }
-}
-
-.token.prefix {
-  margin-right: 8px;
-}
-
-body.body--light {
-  .markdown-code {
-    color: $brand-light-codeblock-text;
-    background-color: $brand-light-codeblock-bg;
-  }
-
-  .line-highlight:before {
-    background: rgba($grey, 0.2);
-  }
-  .line-rem:before,
-  .token.deleted-sign:before {
-    background: rgba($negative, 0.2);
-  }
-
-  .c-lpref {
-    color: $brand-light-codeblock-text;
-    &:before {
-      border-right-color: $separator-color;
-      background: $brand-light-codeblock-bg;
-    }
-  }
-
-  .token.comment,
-  .token.block-comment,
-  .token.prolog,
-  .token.doctype,
-  .token.cdata {
-    color: #7d8b99;
-  }
-
-  .token {
-    &.punctuation {
-      color: #5f6364;
-    }
-    &.important {
-      font-weight: 400;
-    }
-    &.bold {
-      font-weight: 700;
-    }
-    &.italic {
-      font-style: italic;
-    }
-    &.entity {
-      cursor: help;
-    }
-  }
-
-  .token.property,
-  .token.tag,
-  .token.boolean,
-  .token.number,
-  .token.function-name,
-  .token.constant,
-  .token.symbol,
-  .token.deleted {
-    color: #c92c2c;
-  }
-
-  .token.selector,
-  .token.attr-name,
-  .token.string,
-  .token.char,
-  .token.function,
-  .token.builtin,
-  .token.inserted {
-    color: #2f9c0a;
-  }
-
-  .token.operator,
-  .token.entity,
-  .token.url,
-  .token.variable {
-    color: #da5a20;
-  }
-
-  .token.atrule,
-  .token.attr-value,
-  .token.keyword,
-  .token.class-name {
-    color: #1990b8;
-  }
-
-  .token.regex,
-  .token.important {
-    color: #e90;
-  }
-
-  .language-css .token.string,
-  .style .token.string {
-    color: #a67f59;
-    background: rgba(255, 255, 255, 0.5);
-  }
-
-  .namespace {
-    opacity: 0.7;
-  }
-
-  .token.tab:not(:empty):before,
-  .token.cr:before,
-  .token.lf:before {
-    color: #e0d7d1;
-  }
-}
-
-body.body--dark {
-  .markdown-code {
-    color: $brand-dark-codeblock-text;
-    background-color: $brand-dark-codeblock-bg;
-  }
-
-  .line-highlight:before {
-    background: rgba($grey-3, 0.2);
-  }
-  .line-rem:before,
-  .token.deleted-sign:before {
-    background: rgba($red, 0.3);
-  }
-
-  .c-lpref {
-    color: $brand-light-codeblock-text;
-    &:before {
-      border-right-color: $separator-dark-color;
-      background: $brand-dark-codeblock-bg;
-    }
-  }
-
-  .token.comment,
-  .token.prolog,
-  .token.doctype,
-  .token.cdata {
-    color: #d4d0ab;
-  }
-
-  .token.punctuation {
-    color: #fefefe;
-  }
-
-  .token.property,
-  .token.tag,
-  .token.constant,
-  .token.symbol,
-  .token.deleted {
-    color: #ffa07a;
-  }
-
-  .token.boolean,
-  .token.number {
-    color: #00e0e0;
-  }
-
-  .token.selector,
-  .token.attr-name,
-  .token.string,
-  .token.char,
-  .token.builtin,
-  .token.inserted {
-    color: #abe338;
-  }
-
-  .token.operator,
-  .token.entity,
-  .token.url,
-  .language-css .token.string,
-  .style .token.string,
-  .token.variable {
-    color: #00e0e0;
-  }
-
-  .token.atrule,
-  .token.attr-value,
-  .token.function {
-    color: #ffd700;
-  }
-
-  .token.keyword {
-    color: #00e0e0;
-  }
-
-  .token.regex,
-  .token.important {
-    color: #ffd700;
-  }
-
-  .token.important,
-  .token.bold {
-    font-weight: 700;
-  }
-
-  .token.italic {
-    font-style: italic;
-  }
-
-  .token.entity {
-    cursor: help;
-  }
-}

package/dist/templates/init/src/markdown/guides/contributing.md

@@ -1,101 +0,0 @@
----
-title: Contributing Guide
-desc: Guidelines for contributing to the Markdown Plugins project.
----
-
-Thank you for your interest in contributing to the Markdown Plugins project! We welcome contributions from the community and appreciate your efforts to improve the project. This guide will help you get started with contributing.
-
-## How to Contribute
-
-### Reporting Issues
-
-If you encounter any bugs or have suggestions for improvements, please report them by opening an issue on the GitHub repository. When reporting an issue, please include:
-
-- A clear and descriptive title.
-- A detailed description of the issue or suggestion.
-- Steps to reproduce the issue (if applicable).
-- Any relevant code snippets or screenshots.
-
-### Submitting Pull Requests
-
-We welcome pull requests for bug fixes, new features, and improvements. To submit a pull request:
-
-1. **Fork the Repository**: Click the "Fork" button on the repository's GitHub page to create a copy of the repository in your GitHub account.
-
-2. **Clone the Repository**: Clone the forked repository to your local machine.
-
-   ```bash
-   git clone https://github.com/your-username/md-plugins.git
-   cd md-plugins
-   ```
-
-3. **Create a Branch**: Create a new branch for your changes.
-
-   ```bash
-   git checkout -b my-feature-branch
-   ```
-
-4. **Make Changes**: Make your changes to the codebase. Ensure that your changes follow the project's coding standards and guidelines.
-
-5. **Commit Changes**: Commit your changes with a clear and descriptive commit message.
-
-   ```bash
-   git add .
-   git commit -m "Add new feature or fix bug"
-   ```
-
-6. **Push Changes**: Push your changes to your forked repository.
-
-   ```bash
-   git push origin my-feature-branch
-   ```
-
-7. **Open a Pull Request**: Go to the original repository on GitHub and open a pull request. Provide a clear and descriptive title and description for your pull request.
-
-### Code Style and Guidelines
-
-Please ensure that your code follows the project's coding standards and guidelines. This includes:
-
-- Writing clear and concise code.
-- Adding comments and documentation where necessary.
-- Following the project's naming conventions and file organization.
-- Writing tests for new features and bug fixes.
-
-### Running Tests
-
-Before submitting your pull request, ensure that all tests pass. You can run the tests using the following command:
-
-```bash
-pnpm test
-```
-
-If you add new features or fix bugs, please add corresponding tests to ensure the changes are properly tested.
-
-### Documentation
-
-If your changes affect the project's documentation, please update the relevant documentation files. This includes:
-
-- Updating the `README.md` file.
-- Updating the documentation in the `docs` directory.
-- Adding examples or usage instructions if applicable.
-
-## Community Guidelines
-
-We strive to create a welcoming and inclusive community. Please adhere to the following guidelines:
-
-- Be respectful and considerate of others.
-- Provide constructive feedback and be open to feedback from others.
-- Avoid using offensive or inappropriate language.
-- Follow the project's code of conduct.
-
-## Getting Help
-
-If you need help or have any questions, feel free to reach out to the community or the project maintainers. You can:
-
-- Open an issue on the GitHub repository.
-- Join the project's discussion forum or chat (if available).
-- Contact the project maintainers directly.
-
-Thank you for contributing to the Markdown Plugins project! Your contributions help make the project better for everyone.
-
-Happy coding!