@turnipxenon/pineapple 4.5.1 → 5.0.0-alpha.10

package/dist/scripts/pineapple_fiber/PineappleWeaver.js

@@ -6,6 +6,15 @@
  *
  * npx vite-node src/lib/scripts/pineapple_fiber/PineappleWeaver.ts
  */
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
 import { getAllFiles } from "../util/FileManagement";
 import fs, { readFileSync } from "fs";
 import { PortraitType } from "../../types/pineapple_fiber/PortraitType";
@@ -15,10 +24,10 @@ const pineappleWeaverRun = () => {
     const BASE_PATH = "./src/routes";
     getAllFiles(BASE_PATH, (path) => {
         return path.split(".").pop() === "yarn";
-    }).map(async (filePath) => {
+    }).map((filePath) => __awaiter(void 0, void 0, void 0, function* () {
         console.info(`Converting: ${filePath}`);
         const fileContent = readFileSync(filePath, "utf-8");
-        const dialogDetailList = await parseYarn(fileContent);
+        const dialogDetailList = yield parseYarn(fileContent);
         const dialogDetailToString = (detail) => {
             if (detail.portraitType === undefined) {
                 detail.portraitType = PortraitType.AresNeutral;
@@ -63,7 +72,7 @@ export const ${fileName}Yarn = new _${fileName}Yarn();
         filePathSplit.pop();
         const generatedPath = `${filePathSplit.join(".")}Yarn.ts`;
         fs.writeFileSync(generatedPath, template);
-    });
+    }));
     console.info("Finish converting all yarn files!");
 };
 pineappleWeaverRun();

package/dist/scripts/util/FileManagement.d.ts

@@ -5,3 +5,4 @@ export declare const getDirectories: (path: string) => string[];
  * @param filter?: optional path filter
  */
 export declare const getAllFiles: (path: string, filter?: (path: string) => boolean) => string[];
+//# sourceMappingURL=FileManagement.d.ts.map

package/dist/scripts/util/FileManagement.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileManagement.d.ts","sourceRoot":"","sources":["../../../src/lib/scripts/util/FileManagement.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,cAAc,GAAI,MAAM,MAAM,KAAG,MAAM,EASnD,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,WAAW,GAAI,MAAM,MAAM,EAAE,SAAS,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,KAAG,MAAM,EAkBpF,CAAC"}

package/dist/scripts/util/ManualCheck.d.ts

@@ -1 +1,2 @@
 export declare const runAll: () => void;
+//# sourceMappingURL=ManualCheck.d.ts.map

package/dist/scripts/util/ManualCheck.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ManualCheck.d.ts","sourceRoot":"","sources":["../../../src/lib/scripts/util/ManualCheck.ts"],"names":[],"mappings":"AA6BA,eAAO,MAAM,MAAM,YAElB,CAAC"}

package/dist/scripts/util/ManualCheckRun.d.ts

@@ -1 +1,2 @@
 export {};
+//# sourceMappingURL=ManualCheckRun.d.ts.map

package/dist/scripts/util/ManualCheckRun.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ManualCheckRun.d.ts","sourceRoot":"","sources":["../../../src/lib/scripts/util/ManualCheckRun.ts"],"names":[],"mappings":""}

package/dist/store.d.ts

@@ -14,3 +14,4 @@
  * ```
  */
 export declare const enableBackground: import("svelte/store").Writable<boolean>;
+//# sourceMappingURL=store.d.ts.map

package/dist/store.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"store.d.ts","sourceRoot":"","sources":["../src/lib/store.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,gBAAgB,0CAAiB,CAAC"}

package/dist/styles/app.css

@@ -1,20 +1,19 @@
-@import 'tailwindcss';
-@import "@skeletonlabs/skeleton";
-@import "@skeletonlabs/skeleton/optional/presets";
-@import "@skeletonlabs/skeleton/themes/crimson";
+@import "./tailwind.css";
+@import "./color-tokens.css";
 @import "./turnip-theme.css";
 
-@source "../../../node_modules/@skeletonlabs/skeleton-svelte/dist";
-
-@custom-variant dark (&:where(.dark, .dark *));
-
-@custom-variant turnip (&:where([data-theme=turnip], [data-theme=turnip] *));
-
 html {
     --dialog-start-pad: clamp(0em, 5vw, 2em);
-    --dialog-box-width: min(calc(54em), calc(100vw - var(--dialog-start-pad) - 2px));
+    --dialog-box-width: 54em;
     --dialog-box-height: clamp(15em, 50vw, 18em);
     --fab-margin: 1rem;
+
+
+    /* spacing calcs */
+    --spacing-1: calc(var(--spacing) * 1);
+    --spacing-2: calc(var(--spacing) * 2);
+    --spacing-3: calc(var(--spacing) * 3);
+    --spacing-4: calc(var(--spacing) * 4);
 }
 
 .footer-space {
@@ -22,7 +21,7 @@ html {
     height: calc(var(--dialog-box-height) + 4em);
 }
 
-.dialog-box a, .dialog-box b, .dialog-box i {
+.main-dialog-box-container a, .main-dialog-box-container b, .main-dialog-box-container i {
     font-size: inherit;
 }
 
@@ -51,11 +50,18 @@ a.external-link {
 
 @layer base {
     .game-link-section {
-        @apply mt-6 flex gap-2 justify-center;
+        margin-top: calc(var(--spacing) * 6);
+        display: flex;
+        gap: calc(var(--spacing) * 2);
+        justify-content: center;
     }
 
     .game-video-cover {
-        @apply rounded-t-lg max-h-64 object-cover w-full;
+        border-top-left-radius: var(--radius-lg);
+        border-top-right-radius: var(--radius-lg);
+        max-height: calc(var(--spacing) * 64);
+        object-fit: cover;
+        width: 100%;
     }
 
     .text-chip-container {
@@ -122,19 +128,20 @@ pre button.copy {
 
     & .ready {
         background-image: url("$pkg/assets/icons/icon-copy-light-contrast.svg");
-
-        @variant dark {
-            background-image: url("$pkg/assets/icons/icon-copy-dark-contrast.svg");
-        }
+        /*todo*/
+        /*@variant dark {*/
+        /*    background-image: url("$pkg/assets/icons/icon-copy-dark-contrast.svg");*/
+        /*}*/
     }
 
     & .success {
         display: none;
         background-image: url("$pkg/assets/icons/icon-check-light-contrast.svg");
 
-        @variant dark {
-            background-image: url("$pkg/assets/icons/icon-check-dark-contrast.svg");
-        }
+        /*todo: migration*/
+        /*@variant dark {*/
+        /*    background-image: url("$pkg/assets/icons/icon-check-dark-contrast.svg");*/
+        /*}*/
     }
 
     &.copied {
@@ -149,3 +156,16 @@ pre button.copy {
 }
 
 /* endregion shiki copy button */
+
+
+ul + h2, ol + h2 {
+    margin-top: 1rlh;
+}
+
+.default-flex {
+    display: flex;
+    gap: 0.5lh;
+    flex-direction: column;
+}
+
+/* endregion general styles */

package/dist/styles/color-tokens.css

@@ -0,0 +1,23 @@
+html {
+    --color-primary-50-900: var(--color-primary-50);
+    --color-primary-300-700: var(--color-primary-300);
+    --color-primary-400-600: var(--color-primary-400);
+    --color-secondary-400-600: var(--color-secondary-400);
+    --color-secondary-950-0: var(--color-secondary-950);
+    --color-secondary-0-950: var(--color-secondary-0);
+    --color-warning-700-400: var(--color-warning-700);
+    --color-surface-50-950: var(--color-surface-50);
+    --color-surface-700-600: var(--color-surface-700);
+}
+
+html.dark {
+    --color-primary-50-900: var(--color-primary-900);
+    --color-primary-300-700: var(--color-primary-700);
+    --color-primary-400-600: var(--color-primary-600);
+    --color-secondary-400-600: var(--color-secondary-600);
+    --color-secondary-950-0: var(--color-secondary-0);
+    --color-secondary-0-950: var(--color-secondary-950);
+    --color-warning-700-400: var(--color-warning-400);
+    --color-surface-50-950: var(--color-surface-950);
+    --color-surface-700-600: var(--color-surface-600);
+}

package/dist/styles/surface-colors.scss

@@ -0,0 +1,55 @@
+// todo: add dark mode colors or maybe the on-surface-color
+
+
+.apply-current-surface {
+    background-color: var(--current-surface-color);
+}
+
+%surface-body {
+    --current-surface-color: var(--body-background-color);
+    background-color: var(--current-surface-color);
+}
+
+%card-body {
+    --current-surface-color: var(--pinya-card-bg-color);
+    background-color: var( --pinya-card-bg-color);
+}
+
+%surface-dialog {
+    --current-surface-color: var(--bg-dialog);
+    background-color: var(--current-surface-color);
+}
+
+%surface-success {
+    --current-surface-color: var(--color-success-500);
+    background-color: var(--current-surface-color);
+}
+
+%surface-error {
+    --current-surface-color: var(--color-error-500);
+    background-color: var(--current-surface-color);
+}
+
+%surface-primary-button {
+    --current-surface-color: var(--color-primary-400-600);
+    --current-surface-contrast: var(--color-secondary-950-0);
+    background-color: var(--current-surface-color);
+    color: var(--current-surface-contrast);
+
+    --link-color: var(--color-secondary-400);
+    --visited-link-color: var(--color-secondary-900);
+    --link-color-dark: var(--color-secondary-600);
+    --visited-link-color-dark: var(--color-secondary-800);
+}
+
+%surface-secondary-button {
+    --current-surface-color: var(--color-secondary-400-600);
+    --current-surface-contrast: var(--color-secondary-950-0);
+    background-color: var(--current-surface-color);
+    color: var(--current-surface-contrast);
+
+    --link-color: var(--color-secondary-400);
+    --visited-link-color: var(--color-secondary-900);
+    --link-color-dark: var(--color-secondary-200);
+    --visited-link-color-dark: var(--color-secondary-300);
+}