tauri-apps/tauri.studio
1
0
Fork 0
mirror of https://github.com/tauri-apps/tauri.studio.git synced 2026-02-04 10:31:16 +01:00
Code Issues Packages Projects Releases Wiki Activity

feat(prelaunch): prep

Browse Source
This commit is contained in:
Daniel Thompson-Yvetot
2019-12-31 13:16:38 +01:00
parent e5a0b1c3ae
commit 1c4e3f98b7
24 changed files with 159 additions and 296 deletions
Download Patch File Download Diff File Expand all files Collapse all files

104
docs-generator/src/components/Hero.vue
View File

@@ -1,25 +1,13 @@
<template>
<div class="full-width q-pa-md">
<q-page-sticky id="hero" expand class="page-header fixed-top shadow-8 scroll-determined z-top" v-scroll="scrolled" style="position:fixed!important;">
<div id="claim">
<q-chip v-if="$route.name === 'landing'" outline dense square class="claim text-weight-light text-black bg-cyan-1 shadow-8" style="top: 84%">
<q-icon name="star"></q-icon>
<span class="text-weight-light text-caption">Build more secure native apps with fast, tiny binaries.</span>
<q-icon name="star"></q-icon>
</q-chip>
</div>
<q-page-sticky id="hero" expand class="page-header fixed-top shadow-8 scroll-determined z-top" style="position:fixed!important;">
<div class="bg-container scroll-determined q-pa-md q-ml-lg"></div>
<div>
<router-link to="/">
<div id="tauri-name--holder">
<img src="statics/tauri.svg" class="tauri-name scroll-determined" style="cursor:pointer" alt="Tauri Wordmark" title="Tauri">
<img src="statics/tauri.svg" class="animateLeft tauri-name scroll-determined" style="cursor:pointer" alt="Tauri Wordmark" title="Tauri">
</div>
</router-link>
<div v-if="buttons" class="row" style="margin-top:90px">
<q-btn name="Quick Start" dense size="small" to="/docs/quickstart" class="btn" label="Quick Start" no-caps color="yellow-2" text-color="black"/>
<q-btn name="Patterns" dense size="small" to="/docs/patterns" class="btn" label="Patterns" no-caps color="yellow-2" text-color="black"/>
<q-btn name="Docs" v-if="showDocs" dense size="small" to="/docs" class="btn" label="Docs" no-caps color="yellow-2" text-color="black"/>
</div>
<q-btn
flat
dense
@@ -35,81 +23,40 @@
<div class="absolute-right" style="margin:18px 20px 0 0;">
<q-btn-dropdown flat dense text-color="cyan-1" :label="current" no-caps class="q-mr-lg">
<q-list color="yellow-2" >
<q-item dense clickable v-close-popup to="/docs/introduction" v-if="showDocs">
<q-item dense clickable v-close-popup :to="{name: 'introduction'}" v-if="showDocs">
<q-item-section>
<q-item-label>Introduction</q-item-label>
</q-item-section>
</q-item>
<q-item dense clickable v-close-popup to="/docs/quickstart">
<q-item-section>
<q-item-label>Quickstart</q-item-label>
</q-item-section>
</q-item>
<q-item dense clickable v-close-popup to="/security" v-if="showDocs">
<q-item dense clickable v-close-popup :to="{name: 'security'}" v-if="showDocs">
<q-item-section>
<q-item-label>Security</q-item-label>
</q-item-section>
</q-item>
<q-item dense clickable v-close-popup to="/contribute" v-if="showDocs">
<q-item dense clickable v-close-popup :to="{name: 'governance-and-guidance'}">
<q-item-section>
<q-item-label>Contribute</q-item-label>
<q-item-label>Governance</q-item-label>
</q-item-section>
</q-item>
<q-separator />
<q-item dense clickable v-close-popup to="/docs/config" v-if="showDocs">
<q-item-section>
<q-item-label>Config</q-item-label>
</q-item-section>
</q-item>
<q-item dense clickable v-close-popup to="/docs/api" v-if="showDocs">
<q-item-section>
<q-item-label>API</q-item-label>
</q-item-section>
</q-item>
<q-item dense clickable v-close-popup to="/docs/cli" v-if="showDocs">
<q-item-section>
<q-item-label>CLI</q-item-label>
</q-item-section>
</q-item>
<q-item dense clickable v-close-popup to="/docs/bundler" v-if="showDocs">
<q-item-section>
<q-item-label>Bundler</q-item-label>
</q-item-section>
</q-item>
<q-separator />
<q-item dense clickable v-close-popup to="/docs/patterns">
<q-item dense clickable v-close-popup :to="{name: 'patterns'}">
<q-item-section>
<q-item-label>Patterns</q-item-label>
</q-item-section>
</q-item>
<q-item dense clickable v-close-popup to="/docs/frameworks">
<q-item-section>
<q-item-label>Frameworks</q-item-label>
</q-item-section>
</q-item>
<q-item dense clickable v-close-popup to="/docs/no-server">
<q-item-section>
<q-item-label>No Server</q-item-label>
</q-item-section>
</q-item>
<q-item dense clickable v-close-popup to="/wtf">
<q-item-section>
<q-item-label>WTF</q-item-label>
</q-item-section>
</q-item>
<q-separator />
<q-item dense clickable v-close-popup to="/book" v-if="showDocs">
<q-item dense clickable v-close-popup :to="{name: 'book'}" v-if="showDocs">
<q-item-section>
<q-item-label>Book</q-item-label>
</q-item-section>
</q-item>
<q-item dense clickable v-close-popup to="/governance-and-guidance">
<q-item dense clickable v-close-popup>
<q-item-section>
<q-item-label>Governance</q-item-label>
<q-item-label><a href="https://github.com/tauri-apps/tauri/wiki" target="_blank">Documentation</a></q-item-label>
</q-item-section>
</q-item>
@@ -140,7 +87,7 @@ export default {
}
},
mounted () {
this.scrolled(document.offsetTop)
// this.scrolled(document.offsetTop)
},
computed: {
showDocs () {
@@ -155,7 +102,8 @@ export default {
sidebar () {
// const action = !!this.rightDrawerOpen
this.$store.commit('common/rightDrawerOpen', true)
},
}
/*
scrolled (position) {
const pos = position / 4.5
this.height = 270 - (pos)
@@ -207,7 +155,7 @@ export default {
// the sidebar
document.getElementsByClassName('q-drawer__content')[0].setAttribute('style', `margin-top: ${this.height + 10}px`)
*/
}
// }
}
}
</script>
@@ -222,17 +170,16 @@ export default {
right 0
background red
.tauri-name
max-height 110px!important
height 30px
min-height 30px
max-width 50%
height inherit
position fixed
text-align center
margin 0 30%
top 21px
left 0
.page-header
height 270px
height 70px
border-bottom 2px solid #212111
.bg-container
background-image url(/statics/thetaTauri_logo.png)
@@ -241,24 +188,15 @@ export default {
position absolute
left -10px
top 5px
height 250px
width 250px
height 60px
width 60px
max-height 250px
max-width 250px
min-height 60px
min-width 60px
.claim
position absolute
margin 0 auto
left 20px
right 20px
width 346px
i
margin: 0 2px
color rebeccapurple
text-shadow 0 0 1px #0099dd
.animateLeft
animation-duration 1s
animation-delay 5s
animation-name slideover
animation-iteration-count 1
animation-fill-mode forwards

2
docs-generator/src/components/PartnerCard.vue
View File

@@ -31,7 +31,7 @@ export default {
title: String,
tags: Array,
url: String,
logoUrl: Array,
logoUrl: String,
description: String,
flair: String
}

90
docs-generator/src/layouts/MainLayout.vue
View File

@@ -12,7 +12,7 @@
>
<q-scroll-area
id="scrollHolder"
style="height:calc(100% - 320px)"
style="height:calc(100% - 80px)"
:thumb-style="{ right: '3px', borderRadius: '2px', background: '#ffaa00', width: '6px', opacity: 0.5 }"
>
<q-list dense class="q-pt-lg">
@@ -41,11 +41,11 @@
Tauri is an Open Source Project<br/>
<a href="https://github.com/tauri-apps/tauri" target="_blank" rel="noreferrer">GitHub</a>
&nbsp;|&nbsp;
<router-link to="/partners">
<router-link :to="{name: 'partners'}">
Partners
</router-link>
&nbsp;|&nbsp;
<router-link to="/governance-and-guidance">Governance</router-link>
<router-link :to="{name: 'governance-and-guidance'}">Governance</router-link>
</div>
<div class="absolute-right" style="margin:5px 10px 0 0">
<q-btn type="a" flat round @click="$q.dark.toggle()" :icon="$q.dark.isActive ? 'brightness_2' : 'brightness_5'" />
@@ -62,37 +62,49 @@
<UpScroller />
</q-page-container>
<div class="full-width text-center" :class="$q.dark.isActive ? 'bg-blue-grey-6' : 'bg-cyan-1'">
<div class="full-width" :class="$q.dark.isActive ? 'bg-blue-grey-8' : 'bg-cyan-1'">
<q-separator></q-separator>
<div class="row q-pa-sm" style="font-size:0.9em">
<div class="col-6 col-md-4 col-sm-3" dense>
<q-list>
<q-item clickable class="justify-center" dense>
<a href="mailto:contact@tauri-apps.org">Email</a>
</q-item>
<q-item clickable class="justify-center" dense>
<a href="https://discord.gg/SpmNs4S" target="_blank" rel="noreferrer">Discord</a>
</q-item>
<q-item clickable class="justify-center" dense>
<a href="https://twitter.com/tauriapps" target="_blank" rel="noreferrer">Twitter</a>
</q-item>
</q-list>
<div class="row q-pa-sm q-ml-lg" style="font-size:0.9em">
<div class="col-8 col-md-4 col-sm-3">
<div class="q-pt-md">
<span class="text-weight-bold">
<q-icon name="ti-comment-alt"></q-icon>
CONTACT
</span>
<q-separator></q-separator>
<q-list class="q-pl-md">
<q-item clickable class="footer-item">
<a href="mailto:contact@tauri.studio">Email</a>
</q-item>
<q-item clickable class="footer-item">
<a href="https://discord.gg/SpmNs4S" target="_blank" rel="noreferrer">Discord</a>
</q-item>
<q-item clickable class="footer-item">
<a href="https://twitter.com/tauriapps" target="_blank" rel="noreferrer">Twitter</a>
</q-item>
</q-list>
</div>
</div>
<div class="col-6 col-md-4 col-sm-3" dense>
<q-list>
<q-item clickable class="justify-center" dense>
<a href="https://dev.to/tauri" target="_blank" rel="noreferrer">Dev.to</a>
</q-item>
<q-item clickable class="justify-center" dense>
<a href="https://opencollective.com/tauri" target="_blank" rel="noreferrer">Open Collective</a>
</q-item>
<q-item clickable class="justify-center" dense>
<a href="https://github.com/tauri-apps/tauri" target="_blank" rel="noreferrer">Github</a>
</q-item>
<div class="col-1 col-md-1 col-sm-1"></div>
<div class="col-8 col-md-4 col-sm-3">
<div class="q-pt-md">
<span class="text-weight-bold">
<q-icon name="ti-direction-alt"></q-icon>
NETWORK
</span>
<q-separator></q-separator>
<q-list class="q-pl-md">
<q-item clickable class="footer-item">
<a href="https://dev.to/tauri" target="_blank" rel="noreferrer">Dev.to</a>
</q-item>
<q-item clickable class="footer-item">
<a href="https://opencollective.com/tauri" target="_blank" rel="noreferrer">Open Collective</a>
</q-item>
<q-item clickable class="footer-item">
<a href="https://github.com/tauri-apps/tauri" target="_blank" rel="noreferrer">Github</a>
</q-item>
</q-list>
</div>
<div class="col-10 col-md-2 col-sm-2 text-left" dense>
Tauri-Apps is an Open Source project licensed under MIT. Please get in touch with us if you have any questions.
</div>
</div>
<div class="col"></div>
</div>
@@ -125,10 +137,10 @@ export default {
return {
title: this.metaRoute.page_title,
meta: {
ogUrl: { name: 'og:title', content: this.metaRoute.page_title },
ogUrl: { name: 'og:url', content: `https://tauri.studio/en/${this.$route.name}` },
ogTitle: { name: 'og:title', content: this.metaRoute.page_title },
twitterTitle: { name: 'twitter:title', content: this.metaRoute.page_title },
ogSiteName: { name: 'og:site_name', content: this.metaRoute.site_name },
ogSiteName: { name: 'og:site_name', content: 'Tauri Studio' },
desc: { name: 'description', content: this.metaRoute.description },
ogDesc: { name: 'og:description', content: this.metaRoute.description },
twitterDesc: { name: 'twitter:description', content: this.metaRoute.description },
@@ -143,7 +155,7 @@ export default {
"@type": "Article",
"mainEntityOfPage": {
"@type": "WebPage",
"@id": "${this.metaRoute.url}"
"@id": "https://tauri.studio/en/${this.$route.name}"
},
"name": "${this.metaRoute.page_title}",
"author": {
@@ -182,8 +194,7 @@ export default {
contentStyle () {
return {
background: this.$q.dark.isActive ? '' : '#FDFADE',
marginTop: '260px',
paddingTop: '30px'
paddingTop: '70px'
}
}
},
@@ -213,7 +224,7 @@ export default {
scrollPage (el) {
const target = getScrollTarget(el)
const current = window.pageYOffset || document.documentElement.scrollTop
let offset = el.offsetTop - 50
let offset = el.offsetTop - 80
if (current <= 50) offset = el.offsetTop - 250
setScrollPosition(target, offset, 500)
}
@@ -222,6 +233,11 @@ export default {
</script>
<style lang="stylus">
.q-item.footer-item
margin 2px 0!important
padding 0!important
height 10px!important
min-height 20px!important
h2
margin-left -10px!important
.toc-level

2
docs-generator/src/markdown/book.md
View File

@@ -216,7 +216,7 @@ This is an early outline of the contents that we expect to publish. Contents sub
- Encrypt All the Things, All the Time
- Constantly Audit Project Dependencies
- Harden Yourself, Your Organization and Your Ecosystem
- “Do What You Can Until You Run Out of Time.” - [ROBERT C. SEACORD](http://bit.ly/ep35robertseacord)
- “Do What You Can Until You Run Out of Time.” - [ROBERT C. SEACORD]
3. Production Strategies for Sustainability (with Rhys Parry (Independent))
- Develop in the “Perfect” Environment
- Minimal Impact for Existing Enterprise Architectures

0
docs-generator/src/markdown/lin/install_en.md
View File

2
docs-generator/src/pages/Book.vue
View File

@@ -1,6 +1,6 @@
<template>
<div>
<div id="padding" style="padding-top:260px"></div>
<div id="padding" style="padding-top:40px"></div>
<q-markdown :src="markdown" toc @data="onToc" no-line-numbers no-highlight />
</div>
</template>

2
docs-generator/src/pages/Bundler.vue
View File

@@ -1,6 +1,6 @@
<template>
<div>
<div id="padding" style="padding-top:260px"></div>
<div id="padding" style="padding-top:40px"></div>
<q-markdown :src="markdown" toc @data="onToc" no-line-numbers no-highlight />
</div>
</template>

2
docs-generator/src/pages/Cli.vue
View File

@@ -1,6 +1,6 @@
<template>
<div>
<div id="padding" style="padding-top:260px"></div>
<div id="padding" style="padding-top:40px"></div>
<q-markdown :src="markdown" toc @data="onToc" no-line-numbers no-highlight />
</div>

2
docs-generator/src/pages/Config.vue
View File

@@ -1,6 +1,6 @@
<template>
<div>
<div id="padding" style="padding-top:260px"></div>
<div id="padding" style="padding-top:40px"></div>
<q-markdown :src="markdown" toc @data="onToc" no-line-numbers />
</div>
</template>

2
docs-generator/src/pages/Contribute.vue
View File

@@ -1,6 +1,6 @@
<template>
<div>
<div id="padding" style="padding-top:260px"></div>
<div id="padding" style="padding-top:40px"></div>
<q-markdown :src="markdown" toc @data="onToc" />
</div>
</template>

2
docs-generator/src/pages/Examples.vue
View File

@@ -1,6 +1,6 @@
<template>
<hero>
<div id="padding" style="padding-top:260px"></div>
<div id="padding" style="padding-top:40px"></div>
<q-markdown>
You can add markdown to your page by surrounding it with `q-markdown` tag.
Be aware, markdown is sensitive to being on left side, otherwise will wrap it in blocks (indented).

2
docs-generator/src/pages/Frameworks.vue
View File

@@ -1,6 +1,6 @@
<template>
<div>
<div id="padding" style="padding-top:260px"></div>
<div id="padding" style="padding-top:40px"></div>
<q-markdown :src="markdown" toc @data="onToc" line-number-alt="$" />
</div>
</template>

2
docs-generator/src/pages/Governance.vue
View File

@@ -1,6 +1,6 @@
<template>
<div>
<div id="padding" style="padding-top:260px"></div>
<div id="padding" style="padding-top:40px"></div>
<q-markdown :src="markdown" toc @data="onToc" />
</div>
</template>

13
docs-generator/src/pages/Introduction.vue
View File

@@ -1,6 +1,6 @@
<template>
<div>
<div id="padding" style="padding-top:260px"></div>
<div id="padding" style="padding-top:60px"></div>
<p>
Tauri is a polyglot system for building apps. It uses NodeJS to scaffold an HTML/CSS/JS rendering Window as a User Interface that is bootstrapped and managed by Rust. The final product is a monolithic binary that can be distributed as common file-types for Windows (exe/msi), Linux (deb/appimage) and Macintosh (app/dmg).
</p>
@@ -9,10 +9,10 @@
## How it all works
1. First you make an interface in your [GUI framework](/docs/frameworks) and prepare the HTML/CSS/JS for consumption
2. The tauri.js [Node CLI](/docs/cli) takes it and rigs the rust runner according to your configuration.
3. In [dev mode](/docs/cli#dev) it creates a webview window with debugging and hot-module-reloading.
4. In [build mode](/docs/cli#build) it rigs the [bundler](/docs/bundler) and creates a final application according to your settings.
1. First you make an interface in your GUI framework and prepare the HTML/CSS/JS for consumption
2. The tauri.js Node CLI takes it and rigs the rust runner according to your configuration.
3. In dev mode it creates a webview window with debugging and hot-module-reloading.
4. In build mode it rigs the bundler and creates a final application according to your settings.
### Setting up Your Environment
We are assuming that you know what the command line is, how to install packages on your operating system and generally know your way around the development side of computing. Obviously, you must first make sure that all required languages / compilers are available and in your PATH. Then you globally install the Tauri CLI with your Node package manager.
@@ -147,14 +147,11 @@ export default {
U(HTML<BR>CSS<BR>JS)
JS(tauri.js)
style JS stroke:#77CFE4,stroke-width:4px
click JS "/docs/cli"
WIN[WebView<br>in container]
B{tauri core<br>CLI}
style B stroke:#D08050,stroke-width:4px
click B "/docs/api"
BND((tauri<br>bundler))
style BND stroke:#EFD3AF, stroke-width:4px
click BND "/docs/bundler"
DBG[WebView:Debug<br>with HMR]
`
}

57
docs-generator/src/pages/Landing.vue
View File

@@ -1,6 +1,6 @@
<template>
<div>
<div id="padding" style="padding-top:240px"></div>
<div id="padding" style="padding-top:40px"></div>
<q-carousel
animated
v-model="slide"
@@ -35,9 +35,10 @@
<q-card-section>
{{ item.claim }}
</q-card-section>
<q-card-actions align="center">
<!-- <q-card-actions align="center">
<q-btn color="yellow-2" text-color="black" :to="item.btnTarget" :label="item.btnLabel"></q-btn>
</q-card-actions>
-->
</q-card>
</div>
@@ -219,7 +220,7 @@ export default {
timeline: [
{
icon: 'ti-target',
iconColor: 'blue',
iconColor: 'green',
iconTextColor: 'white',
label: 'CLI',
caption: 'Generate, develop and build Tauri apps from the command line.',
@@ -227,7 +228,7 @@ export default {
},
{
icon: 'ti-crown',
iconColor: 'blue',
iconColor: 'green',
iconTextColor: 'white',
label: 'API',
caption: 'Finalize, audit, write documentation and create examples for the smoke-tests.',
@@ -235,7 +236,7 @@ export default {
},
{
icon: 'ti-pulse',
iconColor: 'blue',
iconColor: 'green',
iconTextColor: 'white',
label: 'Testing & CI',
caption: 'Implement CI with testing and bundle-pipeline validation.',
@@ -243,7 +244,7 @@ export default {
},
{
icon: 'ti-desktop',
iconColor: 'blue',
iconColor: 'green',
iconTextColor: 'white',
label: 'Desktop Bundler',
caption: 'Bundle for all major desktops from native systems.',
@@ -251,12 +252,36 @@ export default {
},
{
icon: 'ti-flag-alt',
iconColor: 'red',
iconColor: 'green',
iconTextColor: 'white',
label: 'Alpha Release',
caption: 'Mostly stable on desktop, edge cases and bugs acceptable.',
caption: 'Technical Release Candidate for desktop, edge cases and bugs acceptable.',
time: 'Q4 2019'
},
{
icon: 'ti-link',
iconColor: 'blue',
iconTextColor: 'white',
label: 'Sideloader',
caption: 'Integrate and instrument other binaries.',
time: 'Q1 2020'
},
{
icon: 'ti-layout-grid3-alt',
iconColor: 'blue',
iconTextColor: 'white',
label: 'Multi Window',
caption: 'Run multiple window instances in Tauri.',
time: 'Q1 2020'
},
{
icon: 'ti-download',
iconColor: 'blue',
iconTextColor: 'white',
label: 'Self Updater',
caption: 'Update Tauri Apps from within Tauri.',
time: 'Q1 2020'
},
{
icon: 'ti-cup',
iconColor: 'blue',
@@ -297,20 +322,20 @@ export default {
caption: 'Cross-platform notifications using polyfilled WEB API.',
time: 'Q1 2020'
},
{
icon: 'ti-flag-alt',
iconColor: 'red',
iconTextColor: 'white',
label: 'Beta Release',
caption: 'Generally stable on Desktop, API fixed',
time: 'Q2 2020'
},
{
icon: 'ti-mobile',
iconColor: 'blue',
iconTextColor: 'white',
label: 'Mobile Bundler',
caption: 'Bundle to all major mobile device operating systems.',
time: 'Q1 2020'
},
{
icon: 'ti-flag-alt',
iconColor: 'red',
iconTextColor: 'white',
label: 'Beta Release',
caption: 'Mostly stable on Desktop & Mobile.',
time: 'Q2 2020'
},
{

2
docs-generator/src/pages/Markdown.vue
View File

@@ -1,6 +1,6 @@
<template>
<div>
<div id="padding" style="padding-top:260px"></div>
<div id="padding" style="padding-top:40px"></div>
<q-markdown :src="markdown" toc @data="onToc" no-line-numbers />
</div>
</template>

2
docs-generator/src/pages/Noserver.vue
View File

@@ -1,6 +1,6 @@
<template>
<div>
<div id="padding" style="padding-top:260px"></div>
<div id="padding" style="padding-top:40px"></div>
<q-markdown :src="markdown" toc @data="onToc" />
</div>
</template>

2
docs-generator/src/pages/Partners.vue
View File

@@ -1,6 +1,6 @@
<template>
<div>
<div id="padding" style="padding-top:260px"></div>
<div id="padding" style="padding-top:40px"></div>
<div class="text-h4 text-center text-weight-thin q-ma-sm">Sponsors</div>
<div class="row justify-center">
<PartnerCard

4
docs-generator/src/pages/Patterns.vue
View File

@@ -1,10 +1,10 @@
<template>
<div>
<div id="padding" style="padding-top:260px"></div>
<div id="padding" style="padding-top:40px"></div>
<p class="q-mt-xl">Tauri patterns are descriptions of use-cases that are entirely configurable within the tauri.conf.js file. These are not the limits of what Tauri can do, and there are probably more out there. If you discover one, why not get in touch and help us update this collection!
</p>
<p>If you haven't read about the general design of Tauri, then it would make the most sense for you to visit the
<router-link to="/docs">INTRODUCTION</router-link> and become familiar with the basic architecture and terminology used in these patterns.
<router-link :to="{name: 'introduction'}">INTRODUCTION</router-link> and become familiar with the basic architecture and terminology used in these patterns.
</p>
<q-card class="q-mt-xl">
<q-card-section class="text-center" style="padding-bottom:-20px">

2
docs-generator/src/pages/Quickstart.vue
View File

@@ -1,6 +1,6 @@
<template>
<div>
<div id="padding" style="padding-top:260px"></div>
<div id="padding" style="padding-top:40px"></div>
<q-markdown :src="markdown" toc @data="onToc" line-number-alt="$" />
</div>
</template>

2
docs-generator/src/pages/Security.vue
View File

@@ -1,6 +1,6 @@
<template>
<div>
<div id="padding" style="padding-top:260px"></div>
<div id="padding" style="padding-top:40px"></div>
<q-markdown :src="markdown" toc @data="onToc" line-number-alt="$" />
</div>
</template>

2
docs-generator/src/pages/WTF.vue
View File

@@ -1,6 +1,6 @@
<template>
<div>
<div id="padding" style="padding-top:260px"></div>
<div id="padding" style="padding-top:40px"></div>
<q-markdown :src="markdown" toc @data="onToc" />
</div>
</template>

155
docs-generator/src/router/routes.js
View File

@@ -1,6 +1,10 @@
const routes = [
{
path: '/',
redirect: '/en'
},
{
path: '/en',
component: () => import('layouts/MainLayout.vue'),
children: [
{
@@ -16,7 +20,8 @@ const routes = [
}
},
{
path: '/governance-and-guidance',
path: 'governance-and-guidance',
name: 'governance-and-guidance',
component: () => import('pages/Governance.vue'),
meta: {
name: 'Governance',
@@ -27,7 +32,8 @@ const routes = [
}
},
{
path: '/book',
path: 'book',
name: 'book',
component: () => import('pages/Book.vue'),
meta: {
name: 'Book',
@@ -38,7 +44,8 @@ const routes = [
}
},
{
path: '/security',
path: 'security',
name: 'security',
component: () => import('pages/Security.vue'),
meta: {
name: 'Security',
@@ -47,30 +54,10 @@ const routes = [
tags: 'tauri, open-source, native-apps, development, macos, windows, linux',
url: 'https://tauri.studio/docs/security'
}
}
]
},
{
path: '/docs',
meta: {
showDocslink: false
},
component: () => import('layouts/MainLayout.vue'),
children: [
{
path: '/docs', // todo: make this a nice list
name: 'docs',
component: () => import('pages/Docs.vue'),
meta: {
name: 'Docs',
page_title: 'Tauri - Documentation Overview.',
description: 'Table of Contents for the Documentation Pages.',
tags: 'open-source, native-apps, development, macos, windows, linux, documentation',
url: 'https://tauri.studio/docs'
}
},
{
path: '/docs/introduction',
path: 'introduction',
name: 'introduction',
component: () => import('pages/Introduction.vue'),
meta: {
name: 'Introduction',
@@ -81,18 +68,8 @@ const routes = [
}
},
{
path: '/docs/quickstart',
component: () => import('pages/Quickstart.vue'),
meta: {
name: 'Quickstart',
page_title: 'Tauri - Setup your environment in 5 minutes.',
description: 'Learn how to get your Linux, Mac or Windows development machine up and running with Node and Rust in order to make Tauri Apps.',
tags: 'tauri, quick-start, open-source, native-apps, development, macos, windows, linux',
url: 'https://tauri.studio/docs/quickstart'
}
},
{
path: '/docs/patterns',
path: 'patterns',
name: 'patterns',
component: () => import('pages/Patterns.vue'),
meta: {
name: 'Patterns',
@@ -103,95 +80,8 @@ const routes = [
}
},
{
path: '/docs/frameworks',
component: () => import('pages/Frameworks.vue'),
meta: {
name: 'Frameworks',
page_title: 'Tauri - Design Patterns',
description: 'Learn about the variety of systems you can design with simple configuration changes - now includes flowcharts and grading to make it easier to compare and choose!',
tags: 'tauri, architecture, flowcharts, open-source, native-apps, development, macos, windows, linux',
url: 'https://tauri.studio/docs/frameworks'
}
},
{
path: '/docs/no-server',
component: () => import('pages/Noserver.vue'),
meta: {
name: 'No-Server',
page_title: 'Tauri - Design Patterns',
description: 'Learn about the variety of systems you can design with simple configuration changes - now includes flowcharts and grading to make it easier to compare and choose!',
tags: 'tauri, architecture, flowcharts, open-source, native-apps, development, macos, windows, linux',
url: 'https://tauri.studio/docs/no-server'
}
},
{
path: '/docs/config',
component: () => import('pages/Config.vue'),
meta: {
name: 'Config',
page_title: 'Tauri - Configuration',
description: 'Learn about the variety of ways you can configure tauri to meet your needs.',
tags: 'tauri, api, open-source, native-apps, development, macos, windows, linux',
url: 'https://tauri.studio/docs/config'
}
},
{
path: '/docs/api',
component: () => import('pages/API.vue'),
meta: {
name: 'API',
page_title: 'Tauri - API',
description: 'Learn about the various endpoints and communication protocols that Tauri enables you to use',
tags: 'tauri, api, open-source, native-apps, development, macos, windows, linux',
url: 'https://tauri.studio/docs/api'
}
},
{
path: '/docs/cli',
component: () => import('pages/Cli.vue'),
meta: {
name: 'CLI',
page_title: 'Tauri - Node.js CLI.',
description: 'Learn about the Node CLI commands and their configurations.',
tags: 'tauri, cli, open-source, native-apps, development, macos, windows, linux',
url: 'https://tauri.studio/docs/cli'
}
},
{
path: '/docs/bundler',
component: () => import('pages/Bundler.vue'),
meta: {
name: 'Bundler',
page_title: 'Tauri - Rust Bundler.',
description: 'Learn about the Rust bundler.',
tags: 'tauri, bundler, open-source, native-apps, development, macos, windows, linux',
url: 'https://tauri.studio/docs/bundler'
}
},
{
path: '/contribute',
component: () => import('pages/Contribute.vue'),
meta: {
name: 'Contribute',
page_title: 'Tauri - Contribute.',
description: 'Learn about the stack and processes involved in Tauri Development, and get involved in making it better.',
tags: 'development, contributions, open-source, native-apps, development, macos, windows, linux',
url: 'https://tauri.studio/contribute'
}
},
{
path: '/wtf',
component: () => import('pages/WTF.vue'),
meta: {
name: 'WTF',
page_title: 'WTF Tauri?',
description: 'When things go wrong, this page will help you get back and track.',
tags: 'development, open-source, native-apps, development, macos, windows, linux',
url: 'https://tauri.studio/wtf'
}
},
{
path: '/partners',
path: 'partners',
name: 'partners',
component: () => import('pages/Partners.vue'),
meta: {
name: 'Partners',
@@ -202,15 +92,12 @@ const routes = [
}
}
]
},
{
path: '*',
name: 'notfound',
redirect: '/en'
}
]
// Always leave this as last one
if (process.env.MODE !== 'ssr') {
routes.push({
path: '*',
component: () => import('pages/Error404.vue')
})
}
export default routes

BIN
docs-generator/src/statics/icons/favicon.ico
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 80 KiB

After

Width:  |  Height:  |  Size: 80 KiB