feat(web): added the resources

package.json

@@ -43,6 +43,7 @@
   "dependencies": {
     "@solidjs/router": "^0.13.6",
     "@solidjs/start": "^1.0.2",
+    "marked": "^13.0.1",
     "solid-icons": "^1.1.0",
     "solid-js": "^1.8.18",
     "tw-elements": "^2.0.0"

scripts/createDynamicJson.mjs

@@ -1,15 +1,39 @@
-import { readdir, writeFile } from 'node:fs/promises';
+import { readdir, readFile, writeFile } from 'node:fs/promises';
+import { parse } from 'marked';
 
 /** icons directory */
 const ICONS = 'public/icons';
 
 /** destination file */
 const DEST = 'src/dynamic.json';
 
+/** texts directory */
+const MDS = 'src/assets/texts';
+
 /** icons list */
 const icons = (await readdir(ICONS, { withFileTypes: true }))
   .filter((file) => file.isFile() && file.name.endsWith('.svg'))
   .map((file) => file.name.replace(/\.svg$/, ''))
   .sort();
 
-await writeFile(DEST, JSON.stringify({ icons }, null, 2));
+/**
+ * empty texts
+ * @type {Readonly<Record<string, string>>}
+ */
+const emptyTexts = {};
+
+const texts = await (
+  await readdir(MDS, { withFileTypes: true })
+)
+  .filter((file) => file.isFile() && file.name.endsWith('.md'))
+  .reduce(
+    (acc, file) =>
+      acc.then(async (texts) => {
+        const key = file.name.replace(/\.md$/, '');
+        const text = await readFile(`${MDS}/${file.name}`, 'utf8');
+        return { ...texts, [key]: await parse(text) };
+      }),
+    Promise.resolve(emptyTexts),
+  );
+
+await writeFile(DEST, JSON.stringify({ icons, texts }, null, 2));

src/app.css

@@ -14,4 +14,12 @@
   .nav-icon-button {
     @apply text-black/60 hover:text-black/80 dark:text-white/60 dark:hover:text-white/80;
   }
+
+  .prose-article {
+    @apply article-container leading-loose prose prose-neutral dark:prose-invert prose-h2:text-surface dark:prose-h2:text-neutral-400;
+  }
+
+  .prose-anchor {
+    @apply prose-a:text-primary prose-a:transition prose-a:duration-150 prose-a:ease-in-out hover:prose-a:text-primary-600 focus:prose-a:text-primary-600 active:prose-a:text-primary-700 dark:prose-a:text-primary-400 dark:hover:prose-a:text-primary-500 dark:focus:prose-a:text-primary-500 dark:active:prose-a:text-primary-600;
+  }
 }

src/assets/texts/gettingStarted.md

@@ -0,0 +1,21 @@
+<!-- markdownlint-disable MD033 MD041 -->
+
+### System requirements
+
+- **<span translate="no">VRChat Creator Companion</span>** (Recommended)
+- There is a bundled sample scene created in Unity _2022.3.22f1_;
+  we recommend previewing it using the same version.
+
+### Installation
+
+#### 1. Import the registry via the <span translate="no">VRChat Creator Companion (VCC)</span>
+
+[Add to VCC](vcc://vpm/addRepo?url=https%3A%2F%2Fkurone-kito.github.io%2Fvpm%2Findex.json)
+
+#### 2. Import the package to your project
+
+1. Click on the “Manage Project” button in the VCC
+2. Find the “<span translate="no">LaunchPad Icons</span>” package and
+   click on the “(+) Add package” button
+
+#### 3. Use the package, enjoy :D

src/assets/texts/manuallyInstallation.md

@@ -0,0 +1,21 @@
+<!-- markdownlint-disable MD033 MD041 -->
+
+### Manually installation (not recommended)
+
+#### 1. Download the package
+
+Download the package from the
+[latest release](https://github.com/kurone-kito/launchpad-icons/releases).
+
+#### 2. Manually resolve the dependencies
+
+The package requires the following dependencies:
+
+- [<span translate="no">Unity Vector Graphics (com.unity.vectorgraphics)</span>](https://docs.unity3d.com/Packages/[email protected]/manual/index.html)
+  `>=2.0.0-preview.24`
+
+#### 3. Import the package to your project
+
+1. Open your Unity project
+2. Drag and drop the downloaded package into the Unity Editor
+3. Click on the “Import” button