website: copy tweak to simplify apps and services wording. (#2005)

website/.vitepress/config.mts

@@ -53,9 +53,14 @@ export default defineConfig({
       'typescript'
     ]
   },
-  rewrites: {
-    'blog/posts/:year(\\d{4})-:month(\\d{2})-:day(\\d{2})-:slug([^/]+).md':
-      'blog/:year/:month/:day/:slug.md'
+  rewrites(id) {
+    if (id.startsWith('blog/posts')) {
+      // 'blog/posts/:year-:month-:day-:slug.md': 'blog/:year/:month/:day/:slug.md'
+      return id.replace(
+        /^blog\/posts\/(2[0-9][0-9][0-9])-([0-9][0-9])-([0-9][0-9])-(.*)/,
+        'blog/$1/$2/$3/$4'
+      )
+    }
   },
   sitemap: {
     hostname: 'https://electric-sql.com'

website/data/activeJobs.data.ts

@@ -1,17 +1,17 @@
 import fs from 'node:fs'
-import path from "node:path"
-import { parse } from "yaml"
+import path from 'node:path'
+import { parse } from 'yaml'
 
 export default {
-  watch: ["../about/jobs/*.md"],
+  watch: ['../about/jobs/*.md'],
 
   load(files) {
     return files
       .map((file) => {
-        const slug = path.basename(file, ".md")
+        const slug = path.basename(file, '.md')
 
-        const contents = fs.readFileSync(file, "utf-8")
-        const frontmatter = contents.split("---\n")[1]
+        const contents = fs.readFileSync(file, 'utf-8')
+        const frontmatter = contents.split('---\n')[1]
 
         const data = parse(frontmatter)
         data.link = `/about/jobs/${slug}`

website/data/posts.data.ts

@@ -1,12 +1,13 @@
 import fs from 'node:fs'
+import path from 'node:path'
 import { parse } from 'yaml'
 
 export default {
   watch: ['../blog/posts/*.md'],
 
   load (files) {
     return files.map((file) => {
-      const base = file.split('blog/posts/')[1].split('.md')[0]
+      const base = path.basename(file, '.md')
       const parts = base.split('-')
 
       const year = parts[0]

website/data/team.data.ts

@@ -1,4 +1,5 @@
 import fs from 'node:fs'
+import path from 'node:path'
 import { parse } from 'yaml'
 
 export default {
@@ -8,7 +9,7 @@ export default {
     result = {}
 
     files.forEach((file) => {
-      const slug = file.split('/team/')[1].split('.')[0]
+      const slug = path.basename(file, '.yaml')
 
       const contents = fs.readFileSync(file, 'utf-8')
       const items = parse(contents).filter(x => x.published)

website/data/use-cases.data.ts

@@ -1,17 +1,17 @@
 import fs from 'node:fs'
-import path from "node:path"
-import { parse } from "yaml"
+import path from 'node:path'
+import { parse } from 'yaml'
 
 export default {
   watch: ["../use-cases/*.md"],
 
   load(files) {
     return files
       .map((file) => {
-        const slug = path.basename(file, ".md")
+        const slug = path.basename(file, '.md')
 
-        const contents = fs.readFileSync(file, "utf-8")
-        const frontmatter = contents.split("---\n")[1]
+        const contents = fs.readFileSync(file, 'utf-8')
+        const frontmatter = contents.split('---\n')[1]
 
         const data = parse(frontmatter)
         data.link = `/use-cases/${slug}`

website/docs/guides/shapes.md

@@ -17,7 +17,7 @@ Shapes are the core primitive for controlling sync in the ElectricSQL system.
 
 ## What is a Shape?
 
-Electric syncs little subsets of your Postgres data into local apps, services and environments. Those subsets are defined using Shapes.
+Electric syncs little subsets of your Postgres data into local apps and services. Those subsets are defined using Shapes.
 
 ### Little subsets
 

website/index.md

@@ -25,7 +25,7 @@ features:
     details: >-
       <span class="para">
         Sync subsets of your Postgres data into
-        local&nbsp;apps and&nbsp;environments.
+        local&nbsp;apps and&nbsp;services.
       </span>
       <span class="feature-cta electric-star-count">
       </span>
@@ -35,9 +35,8 @@ features:
   - title: Cloud
     details: >-
       <span class="para">
-        Hosted Electric sync that's blazing fast and
-        <span class="no-wrap-lg">scales to</span>
-        millions
+        Hosted sync that's blazing fast and scales
+        <span class="no-wrap-lg">to millions</span>
         <span class="no-wrap">of users</span>.
       </span>
       <span class="feature-cta sign-up-link">

website/product/sync.md

@@ -2,7 +2,7 @@
 title: Sync
 description: >-
   Sync little subsets of your Postgres data into
-  local apps, services and environments.
+  local apps and services.
 outline: deep
 ---
 
@@ -46,7 +46,7 @@ onMounted(async () => {
 # Sync
 
 Sync little subsets of your Postgres data into
-local apps, services and environments.
+local apps and services.
 
 <div class="actions cta-actions page-footer-actions left">
   <div class="action">
@@ -67,7 +67,7 @@ local apps, services and environments.
 
 ## Electric sync engine
 
-The Electric sync engine syncs [little subsets](/docs/guides/shapes) of data out of Postgres into local apps, services and environments &mdash; wherever you need the data.
+The Electric sync engine syncs [little subsets](/docs/guides/shapes) of data out of Postgres into local apps and services &mdash; wherever you need the data.
 
 <img srcset="/img/about/use-cases.sm.png 1098w, /img/about/use-cases.png 1484w"
     sizes="(max-width: 767px) 600px, 1484px"

website/src/partials/home-features-before.md

@@ -1,3 +1,3 @@
 ## Sync your Postgres data <span class="no-wrap-sm">wherever <span class="no-wrap">you need it</span></span>
 
-Electric syncs [little subsets](/docs/guides/shapes) of your Postgres data into local apps<span class="no-wrap-sm">, services and environments</span>. <span class="hidden-md"><span class="no-wrap-lg">So you can have the data you need</span>, <span class="no-wrap">in-sync</span>, <span class="no-wrap">wherever you need it</span>.</span>
+Electric syncs [little subsets](/docs/guides/shapes) of your Postgres data into <span class="no-wrap-sm">local apps and services</span>. <span class="hidden-md"><span class="no-wrap-lg">So you can have the data you need</span>, <span class="no-wrap">in-sync</span>, <span class="no-wrap">wherever you need it</span>.</span>

website/use-cases/local-first-software.md

@@ -69,7 +69,7 @@ Local-first apps are built on sync engine architecture.
 
 ### How does Electric help?
 
-Electric is a sync engine. It syncs little subsets of your Postgres data into local apps, services and environments.
+Electric is a sync engine. It syncs little subsets of your Postgres data into local apps and services.
 
 <div style="width: 100%;">
   <img src="/img/use-cases/local-first-sync-engine.png"