Merge pull request #145 from 7rs/dev

0.4.2
7rs · May 10, 2024 · 3b40d49 · 3b40d49
2 parents 8275daf + 03f7d9a
commit 3b40d49
Show file tree

Hide file tree

Showing 147 changed files with 12,876 additions and 7,267 deletions.
diff --git a/.gitignore b/.gitignore
@@ -16,3 +16,5 @@ lighthouse.html
 # Environment-dependent files
 .DS_Store
 *.Identifier
+
+*storybook.log
diff --git a/.npmrc b/.npmrc
@@ -0,0 +1 @@
+ignore-workspace-root-check=true
diff --git a/.prettierrc b/.prettierrc
@@ -1,13 +1,13 @@
 {
-    "plugins": ["prettier-plugin-astro", "prettier-plugin-stylus", "prettier-plugin-svelte"],
-    "astroAllowShorthand": false,
     "printWidth": 120,
-    "tabWidth": 2,
     "useTabs": false,
-    "semi": true,
+    "tabWidth": 2,
     "singleQuote": false,
+    "semi": true,
     "endOfLine": "lf",
     "options.editorconfig": true,
+    "plugins": ["prettier-plugin-astro", "prettier-plugin-stylus", "prettier-plugin-svelte"],
+    "astroAllowShorthand": false,
     "overrides": [
         {
             "files": [".prettierrc", "*.json"],
@@ -19,14 +19,18 @@
         {
             "files": [
                 "*.js",
+                "*.jsx",
+                "*.test.js",
                 "*.ts",
                 "*.test.ts",
-                "*.svelte",
-                "*.jsx",
                 "*.tsx",
+                "*.svelte",
                 "*.mjs",
+                "*.*.mjs",
+                "*.cjs",
+                "*.*.cjs",
                 "astro.config.mjs",
-                "astro.mjs"
+                "postcss.config.mjs"
             ],
             "options": {
                 "singleQuote": true

diff --git a/.stylelintrc.json b/.stylelintrc.json
@@ -0,0 +1,3 @@
+{
+    "extends": ["stylelint-config-html", "stylelint-stylus/standard"]
+}
diff --git a/.vscode/extensions.json b/.vscode/extensions.json
@@ -1,19 +1,22 @@
 {
     "recommendations": [
         "astro-build.astro-vscode",
-        "editorconfig.editorconfig",
-        "sysoev.language-stylus",
-        "esbenp.prettier-vscode",
-        "yzhang.markdown-all-in-one",
-        "davidanson.vscode-markdownlint",
         "svelte.svelte-vscode",
-        "dbaeumer.vscode-eslint",
-        "stylelint.vscode-stylelint",
+        "sysoev.language-stylus",
+        "unifiedjs.vscode-mdx",
+        "redhat.vscode-yaml",
+        // Development tools
+        "editorconfig.editorconfig",
         "antfu.iconify",
+        // Visualization
         "usernamehw.errorlens",
-        "pkief.material-icon-theme",
-        "unifiedjs.vscode-mdx",
         "yoavbls.pretty-ts-errors",
-        "redhat.vscode-yaml"
+        "pkief.material-icon-theme",
+        "oderwat.indent-rainbow",
+        // Formatter
+        "esbenp.prettier-vscode",
+        "dbaeumer.vscode-eslint",
+        "stylelint.vscode-stylelint",
+        "davidanson.vscode-markdownlint"
     ]
 }
diff --git a/.vscode/settings.json b/.vscode/settings.json
@@ -1,7 +1,19 @@
 {
+    // Scriptex is not distributed
+    // Fira Code: https://github.com/tonsky/FiraCode
+    // HackGen (CJK Support): https://github.com/yuru7/HackGen
+    "editor.fontFamily": "'Scriptex', 'Fira Code', 'HackGen35 Console NFJ', monospace",
+    "editor.fontLigatures": true,
+    "editor.insertSpaces": true,
+    "typescript.preferences.importModuleSpecifier": "non-relative",
+    "eslint.workingDirectories": ["packages"],
+    // Prettier
     "prettier.configPath": "./.prettierrc",
     "prettier.ignorePath": "./.prettierignore",
-    "editor.insertSpaces": true,
+    // Stylelint
+    "stylelint.customSyntax": "stylelint-stylus/custom-syntax",
+    "stylelint.validate": ["astro", "svelte", "stylus"],
+    // file
     "[astro]": {
         "editor.tabSize": 2
     },
@@ -20,5 +32,7 @@
     },
     "[json]": {
         "editor.tabSize": 4
-    }
+    },
+    // Recommended: probably has to set up in user settings
+    "workbench.editor.enablePreview": false
 }
diff --git a/README.md b/README.md
@@ -1,66 +1,57 @@
 [main-version]: https://img.shields.io/github/package-json/v/7rs/pages/main?style=flat-square&label=main&labelColor=000&color=blue
 [main-modified]: https://flat.badgen.net/github/last-commit/7rs/pages/main?label&color=purple
-[pre-version]: https://img.shields.io/github/package-json/v/7rs/pages/pre?style=flat-square&label=pre&labelColor=000&color=blue
-[pre-modified]: https://flat.badgen.net/github/last-commit/7rs/pages/pre?label&color=purple
 [dev-version]: https://img.shields.io/github/package-json/v/7rs/pages/dev?style=flat-square&label=dev&labelColor=000&color=blue
 [dev-modified]: https://flat.badgen.net/github/last-commit/7rs/pages/dev?label&color=purple
 
-[vscode]: https://code.visualstudio.com/  
-
 <picture>
   <source srcset=".github/assets/banner.avif" />
   <source srcset=".github/assets/banner.webp" />
   <img src=".github/assets/banner.jpg" alt="banner" />
 </picture>
 
 ![Version][main-version]![Last commit][main-modified]
-![Version][pre-version]![Last commit][pre-modified]
 ![Version][dev-version]![Last commit][dev-modified]  
 
 # [Pages](https://7rs.dev/)  
 
   **Fast**, **Readable** and **Flexible**.  
-  A tool to create awesome websites. And an website.  
+  The tools to create awesome websites. And an website.  
+
+## What's new  
+
+  This project is **under development**.
+  There are **breaking changes** and **many bugs**.  
+  Please create an issue or report to the discord server If you have any issues.
 
 [pagespeed-insights]: https://pagespeed.web.dev/
 
-## Features (Goals)  
+## 🎁 Features (Goals)  
 
 ### 🚀 Fast  
 
-Pages is developed with the emphasis on performance.  
-A goal is to score 90+ on [PageSpeed Insights][pagespeed-insights].  
+  Pages is developed with an **emphasis on performance**.  
+  The goal is to get **scores of 90+** on [PageSpeed Insights][pagespeed-insights].  
 
 ### ✨ Readable  
 
-Splits huge codes and mark up semantically (Minimize div tags).  
-And reduces multi-line Flexboxes by using a grid layout instead.  
-So **components** and **semantics HTML**.  
-
-### 🍄 Flexible  
+  Pages is developed with **component-based** and **semantics** in mind.  
+  Pages **doesn't use any CSS frameworks** and **Global styles is the minimum required**.  
 
-Pages has no `!important`. And the use of classes is minimal.  
-So you can override styles and use any class name!  
-Also, because used Astro, PostCSS, UI frameworks such as Svelte, etc., you can use their ecosystems.  
+### 🐣 Flexible  
 
-### 🌟 For all users  
+  Pages has **no important** and **no style class**. Anyone can override styles.  
+  Also **ecosystems of frameworks** which used in Pages are **available**.  
 
-  For all visitors and all developers.  
+### 🛸 For all users  
 
+<!--  -->
 - [Responsive web design](https://developer.mozilla.org/docs/Learn/CSS/CSS_layout/Responsive_Design)
-- [Dark mode](https://en.wikipedia.org/wiki/Light-on-dark_color_scheme)
+- [Accessibility](https://developer.mozilla.org/docs/Learn/Accessibility/What_is_accessibility)
 - [i18n](https://en.wikipedia.org/wiki/Internationalization_and_localization)
-- [use pnpm](https://pnpm.io/motivation)
-- [use TypeScript](https://www.typescriptlang.org/)
-- [use VSCode](https://code.visualstudio.com/)
-
-## Benchmarks  
-
-  Images
-
-## Getting Started  
+- [Color schemes](https://en.wikipedia.org/wiki/Light-on-dark_color_scheme)
+<!--  -->
 
-### Clone Pages  
+## 💡 Getting Started  
 
   If cloning over HTTPS, replace to this url:
   `https://github.com/7rs/pages.git`  
@@ -69,63 +60,34 @@ Also, because used Astro, PostCSS, UI frameworks such as Svelte, etc., you can u
   git clone git@github.com:7rs/pages.git --depth 1 && cd pages
   ```  
 
-### Install Node.js  
-
-  [fnm](https://github.com/Schniz/fnm)  
-
-  Not necessary when using stackblitz, etc.  
-
-  ```sh
-  fnm install lts/hydrogen
-  fnm use lts/hydrogen
-  ```
-
-### Install Pages  
-
-  [pnpm](https://pnpm.io/)  
-
-  You can start with npm or yarn, but don't officially support them.  
-
   ```sh
   pnpm install
   ```  
 
-### Preview  
-
   ```sh
   pnpm dev  
   ```  
 
-### Build  
-
-  ```sh
-  pnpm build
-  ```  
-
-[unsplash-badge]: https://img.shields.io/badge/Unsplash-black?style=for-the-badge&logo=unsplash
-[unsplash-license]: https://unsplash.com/license
 [cc0]: https://creativecommons.org/publicdomain/zero/1.0/
+[astro-badge]: https://astro.badg.es/v2/built-with-astro/large.svg
+[unsplash-badge]: https://img.shields.io/badge/Unsplash-black?style=for-the-badge&logo=unsplash
+[stackshare-badge]: https://img.shields.io/badge/stackshare-0690FA?style=for-the-badge&logo=stackshare&logoColor=white
+[license-badge]: https://img.shields.io/badge/license-black?style=for-the-badge
 
-## License  
+## ⚖️ License  
 
-  **Pages** is published under [CC0][cc0] except for asset files.  
+  [Pages](https://github.com/7rs/pages) is published under [CC0][cc0] except for asset files.  
 
-[![Built with Astro](https://astro.badg.es/v2/built-with-astro/large.svg)](https://astro.build/)  [![Unsplash][unsplash-badge]][unsplash-license]
+  [![Built with Astro][astro-badge]](https://astro.build/)
 
-## Contributing  
+  [![License][license-badge]](https://github.com/7rs/pages/blob/main/LICENSE)
+  [![Unsplash][unsplash-badge]](https://unsplash.com/license)
+  [![Stackshare][stackshare-badge]](https://stackshare.io/7rs/pages)
 
-### Languages  
+## 🛠️ Contributing  
 
   Please use **Japanese** or **English**.  
 
-### Style Guides  
-
-  Styleguides are controlled by tools. [VSCode][vscode] makes it so easy to complete the setup.  
-
-### Community  
-
-  [![Static Badge](https://img.shields.io/badge/Discord-5865F2?style=for-the-badge&logo=discord&logoColor=white)](https://7rs.dev/d)
-
-## Author  
-
-- [Cbrnex](https://github.com/7rs)  
+  [![Discord Badge](https://img.shields.io/badge/Discord-5865F2?style=for-the-badge&logo=discord&logoColor=white)](https://7rs.dev/d)
+  [![GitHub Issue Badge](https://img.shields.io/badge/issue-black?style=for-the-badge&logo=github)](https://github.com/7rs/pages/issues)
+  [![GitHub Issue Badge](https://img.shields.io/badge/discussions-black?style=for-the-badge&logo=github)](https://github.com/7rs/pages/discussions)
diff --git a/astro.config.ts b/astro.config.ts
@@ -1,23 +1,19 @@
 import { defineConfig } from 'astro/config';
-import mdx from '@astrojs/mdx';
+import path from 'node:path';
+
 import svelte from '@astrojs/svelte';
-import qwikdev from '@qwikdev/astro';
-import robotsTxt from 'astro-robots-txt';
-import sitemap from '@astrojs/sitemap';
+import mdx from '@astrojs/mdx';
 import pagefind from 'astro-pagefind';
-import purgecss from 'astro-purgecss';
 import icon from 'astro-icon';
 
-import path from 'path';
-import playformCompress from '@playform/compress';
+import robotsTxt from 'astro-robots-txt';
+import sitemap from '@astrojs/sitemap';
+
+import purgecss from 'astro-purgecss';
 
 // https://astro.build/config
 export default defineConfig({
-  site: 'https://7rs.dev',
-  server: {
-    host: true,
-    port: 2999,
-  },
+  server: { host: true, port: 2999 },
   scopedStyleStrategy: 'attribute',
   i18n: {
     defaultLocale: 'ja',
@@ -34,17 +30,19 @@ export default defineConfig({
       theme: 'dracula',
     },
   },
+  site: 'https://7rs.dev',
   integrations: [
-    mdx(),
     svelte({ emitCss: false }),
-    qwikdev(),
+    mdx(),
+    pagefind(),
+    icon({ iconDir: 'src/icons' }),
+    // Metadata
     robotsTxt(),
     sitemap(),
-    pagefind(),
+    // Compress
     purgecss(),
-    icon({ iconDir: 'src/icons' }),
-    playformCompress(),
   ],
+  // https://vitejs.dev/config/
   vite: {
     resolve: {
       alias: {

diff --git a/jest.config.mjs b/jest.config.mjs