create-eziwiki 0.1.0 → 0.2.0

package/template/package-lock.json

@@ -7,14 +7,17 @@
     "": {
       "name": "my-wiki",
       "version": "0.1.0",
+      "license": "MIT",
       "dependencies": {
         "@shikijs/rehype": "^4.3.1",
         "ajv": "^8.12.0",
         "ajv-formats": "^3.0.1",
+        "github-slugger": "^2.0.0",
         "gray-matter": "^4.0.3",
         "hast-util-to-string": "^3.0.1",
         "katex": "^0.16.47",
         "lucide-react": "^0.554.0",
+        "mdast-util-to-string": "^4.0.0",
         "minisearch": "^7.2.0",
         "next": "^14.2.0",
         "react": "^18.3.0",
@@ -1047,15 +1050,6 @@
         "url": "https://opencollective.com/pkgr"
       }
     },
-    "node_modules/@polka/url": {
-      "version": "1.0.0-next.29",
-      "resolved": "https://registry.npmjs.org/@polka/url/-/url-1.0.0-next.29.tgz",
-      "integrity": "sha512-wwQAWhWSuHaag8c4q/KN/vCoeOJYshAIvMQwD4GpSb3OiZklFfvAgmj0VCBBImRpuF/aFgIRzllXlVX93Jevww==",
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "peer": true
-    },
     "node_modules/@rollup/rollup-android-arm-eabi": {
       "version": "4.53.2",
       "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.53.2.tgz",
@@ -2222,30 +2216,6 @@
         "url": "https://opencollective.com/vitest"
       }
     },
-    "node_modules/@vitest/ui": {
-      "version": "4.0.9",
-      "resolved": "https://registry.npmjs.org/@vitest/ui/-/ui-4.0.9.tgz",
-      "integrity": "sha512-6HV2HHl9aRJ09TlYj/WAQxaa797Ezb5u0LpgabthlASAUAWKgw/W1DSPX7t848mMZmIUvzZgnUHGIylAoYHP0w==",
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "peer": true,
-      "dependencies": {
-        "@vitest/utils": "4.0.9",
-        "fflate": "^0.8.2",
-        "flatted": "^3.3.3",
-        "pathe": "^2.0.3",
-        "sirv": "^3.0.2",
-        "tinyglobby": "^0.2.15",
-        "tinyrainbow": "^3.0.3"
-      },
-      "funding": {
-        "url": "https://opencollective.com/vitest"
-      },
-      "peerDependencies": {
-        "vitest": "4.0.9"
-      }
-    },
     "node_modules/@vitest/utils": {
       "version": "4.0.9",
       "resolved": "https://registry.npmjs.org/@vitest/utils/-/utils-4.0.9.tgz",
@@ -4288,15 +4258,6 @@
         "reusify": "^1.0.4"
       }
     },
-    "node_modules/fflate": {
-      "version": "0.8.2",
-      "resolved": "https://registry.npmjs.org/fflate/-/fflate-0.8.2.tgz",
-      "integrity": "sha512-cPJU47OaAoCbg0pBvzsgpTPhmhqI5eJjh/JIu8tPj5q+T7iLvW/JAYUqmE7KOB4R1ZyEhzBaIQpQpardBF5z8A==",
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "peer": true
-    },
     "node_modules/file-entry-cache": {
       "version": "6.0.1",
       "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-6.0.1.tgz",
@@ -6793,18 +6754,6 @@
       "integrity": "sha512-dqT2XBYUOZOiC5t2HRnwADjhNS2cecp9u+TJRiJ1Qp/f5qjkeT5APcGPjHw+bz89Ms8Jp+cG4AlE+QZ/QnDglg==",
       "license": "MIT"
     },
-    "node_modules/mrmime": {
-      "version": "2.0.1",
-      "resolved": "https://registry.npmjs.org/mrmime/-/mrmime-2.0.1.tgz",
-      "integrity": "sha512-Y3wQdFg2Va6etvQ5I82yUhGdsKrcYox6p7FfL1LbK2J4V01F9TGlepTIhnK24t7koZibmg82KGglhA1XK5IsLQ==",
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "peer": true,
-      "engines": {
-        "node": ">=10"
-      }
-    },
     "node_modules/ms": {
       "version": "2.1.3",
       "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
@@ -8349,23 +8298,6 @@
         "url": "https://github.com/sponsors/isaacs"
       }
     },
-    "node_modules/sirv": {
-      "version": "3.0.2",
-      "resolved": "https://registry.npmjs.org/sirv/-/sirv-3.0.2.tgz",
-      "integrity": "sha512-2wcC/oGxHis/BoHkkPwldgiPSYcpZK3JU28WoMVv55yHJgcZ8rlXvuG9iZggz+sU1d4bRgIGASwyWqjxu3FM0g==",
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "peer": true,
-      "dependencies": {
-        "@polka/url": "^1.0.0-next.24",
-        "mrmime": "^2.0.0",
-        "totalist": "^3.0.0"
-      },
-      "engines": {
-        "node": ">=18"
-      }
-    },
     "node_modules/slash": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/slash/-/slash-3.0.0.tgz",
@@ -8955,18 +8887,6 @@
         "node": ">=8.0"
       }
     },
-    "node_modules/totalist": {
-      "version": "3.0.1",
-      "resolved": "https://registry.npmjs.org/totalist/-/totalist-3.0.1.tgz",
-      "integrity": "sha512-sf4i37nQ2LBx4m3wB74y+ubopq6W/dIzXg0FDGjsYnZHVa1Da8FH853wlL2gtUhg+xJXjfk3kUZS3BRoQeoQBQ==",
-      "dev": true,
-      "license": "MIT",
-      "optional": true,
-      "peer": true,
-      "engines": {
-        "node": ">=6"
-      }
-    },
     "node_modules/trim-lines": {
       "version": "3.0.1",
       "resolved": "https://registry.npmjs.org/trim-lines/-/trim-lines-3.0.1.tgz",

package/template/package.json

@@ -24,10 +24,12 @@
     "@shikijs/rehype": "^4.3.1",
     "ajv": "^8.12.0",
     "ajv-formats": "^3.0.1",
+    "github-slugger": "^2.0.0",
     "gray-matter": "^4.0.3",
     "hast-util-to-string": "^3.0.1",
     "katex": "^0.16.47",
     "lucide-react": "^0.554.0",
+    "mdast-util-to-string": "^4.0.0",
     "minisearch": "^7.2.0",
     "next": "^14.2.0",
     "react": "^18.3.0",

package/template/styles/markdown.css

@@ -31,14 +31,14 @@
   font-size: 0.75rem;
   text-transform: uppercase;
   letter-spacing: 0.03em;
-  color: var(--color-text-muted);
+  color: var(--color-code-muted);
 }
 
 .ezw-code__copy {
   font-size: 0.75rem;
   padding: 0.25rem 0.5rem;
   border-radius: 0.25rem;
-  color: var(--color-text-muted);
+  color: var(--color-code-muted);
   background: transparent;
   transition:
     color 0.15s ease,
@@ -165,3 +165,77 @@ html.dark .ezw-broken-link {
     white-space: normal;
   }
 }
+
+/* Content pulled in from another page with `![[wiki link]]`.
+   Set apart so a reader can tell borrowed text from the page's own, and
+   attributed so they can follow it back to where it is maintained. */
+.ezw-transclusion {
+  margin: 1.5rem 0;
+  padding: 1rem 1.25rem;
+  border: 1px solid var(--color-border);
+  border-left: 3px solid var(--color-primary, #2563eb);
+  border-radius: 0.375rem;
+  background: var(--color-sidebar-bg);
+}
+
+.ezw-transclusion > :first-child {
+  margin-top: 0;
+}
+
+.ezw-transclusion__source {
+  margin: 0.75rem 0 0;
+  padding-top: 0.5rem;
+  border-top: 1px solid var(--color-border);
+  font-size: 0.8125rem;
+  color: var(--color-text-muted);
+}
+
+.ezw-transclusion__source::before {
+  content: 'From ';
+}
+
+/* Card shown when a reader hovers or focuses a wiki link. Its contents are
+   already on the anchor from the build, so it never waits on a request. */
+.ezw-link-preview {
+  position: fixed;
+  z-index: 60;
+  padding: 0.75rem 0.875rem;
+  border: 1px solid var(--color-border);
+  border-radius: 0.5rem;
+  background: var(--color-background);
+  box-shadow:
+    0 4px 6px -1px rgb(0 0 0 / 0.1),
+    0 2px 4px -2px rgb(0 0 0 / 0.1);
+  /* Purely informational, so it never intercepts the pointer heading for the
+     link underneath it. */
+  pointer-events: none;
+}
+
+.ezw-link-preview__title {
+  margin: 0;
+  font-size: 0.875rem;
+  font-weight: 600;
+  color: var(--color-text);
+}
+
+.ezw-link-preview__excerpt {
+  margin: 0.375rem 0 0;
+  font-size: 0.8125rem;
+  line-height: 1.5;
+  color: var(--color-text-muted);
+}
+
+@media (prefers-reduced-motion: no-preference) {
+  .ezw-link-preview {
+    animation: ezw-link-preview-in 120ms ease-out;
+  }
+
+  @keyframes ezw-link-preview-in {
+    from {
+      opacity: 0;
+    }
+    to {
+      opacity: 1;
+    }
+  }
+}

package/template/styles/theme.css

@@ -28,6 +28,11 @@
   /* Code block colors */
   --color-code-bg: #f3f4f6;
   --color-code-text: #1f2937;
+  /* Secondary text inside a code block. Darker than --color-text-muted, which
+     reaches only 4.39:1 against the code background and so falls short of the
+     4.5:1 that the small type used for the language label and the copy button
+     needs. */
+  --color-code-muted: #4b5563;
 
   /* Border colors */
   --color-border: #e5e7eb;
@@ -59,6 +64,8 @@
   /* Code block colors */
   --color-code-bg: #374151;
   --color-code-text: #f9fafb;
+  /* See the light theme: the muted grey reaches only 4.06:1 here. */
+  --color-code-muted: #d1d5db;
 
   /* Border colors */
   --color-border: #374151;

package/template/vercel.json

@@ -0,0 +1,31 @@
+{
+  "$schema": "https://openapi.vercel.sh/vercel.json",
+  "headers": [
+    {
+      "source": "/fonts/(.*)",
+      "headers": [{ "key": "Cache-Control", "value": "public, max-age=31536000, immutable" }]
+    },
+    {
+      "source": "/images/(.*)",
+      "headers": [{ "key": "Cache-Control", "value": "public, max-age=31536000, immutable" }]
+    },
+    {
+      "source": "/(search-index.json|favicon.svg|og-image.svg)",
+      "headers": [
+        {
+          "key": "Cache-Control",
+          "value": "public, max-age=0, s-maxage=86400, stale-while-revalidate=604800"
+        }
+      ]
+    },
+    {
+      "source": "/(.*)",
+      "headers": [
+        { "key": "X-Content-Type-Options", "value": "nosniff" },
+        { "key": "X-Frame-Options", "value": "SAMEORIGIN" },
+        { "key": "Referrer-Policy", "value": "strict-origin-when-cross-origin" },
+        { "key": "Permissions-Policy", "value": "camera=(), microphone=(), geolocation=()" }
+      ]
+    }
+  ]
+}