rimelight-components 2.0.2 → 2.0.5

package/dist/module.d.mts

@@ -5,6 +5,7 @@ interface CalloutOptions {
     title: string;
     tooltip: string;
 }
+
 interface ModuleOptions {
     /**
      * Prefix for components
@@ -21,7 +22,47 @@ interface ModuleOptions {
         source: CalloutOptions;
     };
 }
-declare const _default: _nuxt_schema.NuxtModule<ModuleOptions, ModuleOptions, false>;
+declare const _default: _nuxt_schema.NuxtModule<ModuleOptions, {
+    enabled: boolean;
+    prefix: string;
+    callouts: {
+        info: {
+            icon: string;
+            title: string;
+            tooltip: string;
+        };
+        success: {
+            icon: string;
+            title: string;
+            tooltip: string;
+        };
+        warning: {
+            icon: string;
+            title: string;
+            tooltip: string;
+        };
+        error: {
+            icon: string;
+            title: string;
+            tooltip: string;
+        };
+        commentary: {
+            icon: string;
+            title: string;
+            tooltip: string;
+        };
+        ideation: {
+            icon: string;
+            title: string;
+            tooltip: string;
+        };
+        source: {
+            icon: string;
+            title: string;
+            tooltip: string;
+        };
+    };
+}, true>;
 
 export { _default as default };
 export type { ModuleOptions };

package/dist/module.json

@@ -1,6 +1,6 @@
 {
   "name": "rimelight-components",
-  "version": "2.0.2",
+  "version": "2.0.5",
   "docs": "https://rimelight.com/tools/rimelight-components",
   "configKey": "rimelightComponents",
   "compatibility": {

package/dist/module.mjs

@@ -4,10 +4,11 @@ import { readdirSync } from 'node:fs';
 import { basename } from 'node:path';
 
 const name = "rimelight-components";
-const version = "2.0.2";
+const version = "2.0.5";
 const homepage = "https://rimelight.com/tools/rimelight-components";
 
 const defaultOptions = {
+  enabled: true,
   prefix: "RC",
   callouts: {
     info: {
@@ -48,7 +49,7 @@ const defaultOptions = {
   }
 };
 
-function addBlockMapTemplates(blockNames, resolver) {
+function addBlockMapTemplates(blockNames) {
   const template = addTemplate({
     filename: "rimelight-blocks-map.mjs",
     getContents: () => {
@@ -84,7 +85,7 @@ function addBlockMapTemplates(blockNames, resolver) {
   return template;
 }
 
-const module = defineNuxtModule({
+const module = defineNuxtModule().with({
   meta: {
     name,
     version,
@@ -94,84 +95,87 @@ const module = defineNuxtModule({
       nuxt: ">=4.0.0"
     }
   },
-  defaults: defaultOptions,
   hooks: {},
-  moduleDependencies: {
-    "@nuxt/image": {
-      version: ">=1.0.0",
-      optional: false,
-      overrides: {},
-      defaults: {}
-    },
-    "@nuxtjs/i18n": {
-      version: ">=10.1.1",
-      optional: false,
-      overrides: {},
-      defaults: {}
-    },
-    "@nuxt/ui": {
-      version: ">=4.0.0",
-      optional: false,
-      overrides: {},
-      defaults: {
-        prefix: "U",
-        theme: {
-          colors: [
-            "neutral",
-            "primary",
-            "secondary",
-            "info",
-            "success",
-            "warning",
-            "error",
-            "commentary",
-            "ideation",
-            "source"
-          ]
+  defaults: defaultOptions,
+  moduleDependencies(nuxt) {
+    const dependencies = {
+      "@nuxt/image": {
+        version: ">=1.0.0",
+        optional: false,
+        overrides: {},
+        defaults: {}
+      },
+      "@nuxtjs/i18n": {
+        version: ">=10.1.1",
+        optional: false,
+        overrides: {},
+        defaults: {}
+      },
+      "@nuxt/ui": {
+        version: ">=4.0.0",
+        optional: false,
+        overrides: {},
+        defaults: {
+          prefix: "U",
+          theme: {
+            colors: [
+              "neutral",
+              "primary",
+              "secondary",
+              "info",
+              "success",
+              "warning",
+              "error",
+              "commentary",
+              "ideation",
+              "source"
+            ]
+          }
         }
+      },
+      "@vueuse/nuxt": {
+        version: ">=13.9.0",
+        optional: false,
+        overrides: {},
+        defaults: {}
+      },
+      "motion-v/nuxt": {
+        version: ">=1.7.2",
+        optional: false,
+        overrides: {},
+        defaults: {}
       }
-    },
-    "@vueuse/nuxt": {
-      version: ">=13.9.0",
-      optional: false,
-      overrides: {},
-      defaults: {}
-    },
-    "motion-v/nuxt": {
-      version: ">=1.7.2",
-      optional: false,
-      overrides: {},
-      defaults: {}
-    }
+    };
+    return dependencies;
+  },
+  onInstall(nuxt) {
+    console.log(`Setting up ${name}.`);
+  },
+  onUpgrade(nuxt, options, previousVersion) {
+    console.log(`Upgrading ${name} from ${previousVersion} to ${version}.`);
   },
   setup(options, nuxt) {
-    const resolver = createResolver(import.meta.url);
+    const { resolve } = createResolver(import.meta.url);
     nuxt.options.appConfig.rimelightComponents = defu(
       nuxt.options.appConfig.rimelightComponents || {},
       options
     );
     addComponentsDir({
-      path: resolver.resolve("./runtime/components/"),
+      path: resolve("./runtime/components/"),
       pathPrefix: false,
-      prefix: options.prefix,
+      //TODO Figure out if this can be typed better
+      prefix: options.prefix ?? void 0,
       global: true
     });
-    addImportsDir(resolver.resolve("./runtime/composables"));
-    addImportsDir(resolver.resolve("./runtime/types"));
-    addImportsDir(resolver.resolve("./runtime/utils"));
-    const blocksPath = resolver.resolve("./runtime/components/blocks");
-    const blockFiles = readdirSync(blocksPath).filter(
-      (name2) => name2.endsWith(".vue")
-    );
+    addImportsDir(resolve("./runtime/composables"));
+    addImportsDir(resolve("./runtime/types"));
+    addImportsDir(resolve("./runtime/utils"));
+    const blockFiles = readdirSync(
+      resolve("./runtime/components/blocks")
+    ).filter((name2) => name2.endsWith(".vue"));
     const blockNames = blockFiles.map((file) => basename(file, ".vue"));
     const template = addBlockMapTemplates(blockNames);
     nuxt.options.alias["#build/rimelight-blocks-map"] = template.dst;
-  },
-  onInstall() {
-    console.log("Setting up rimelight-components for the first time!");
-  },
-  onUpgrade() {
-    console.log("Upgrading rimelight-components.");
   }
 });
 

package/dist/runtime/components/backgrounds/FlickeringGrid.d.vue.ts

@@ -9,10 +9,10 @@ interface FlickeringGridProps {
     maxOpacity?: number;
 }
 declare const __VLS_export: import("vue").DefineComponent<FlickeringGridProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<FlickeringGridProps> & Readonly<{}>, {
-    color: string;
     squareSize: number;
     gridGap: number;
     flickerChance: number;
+    color: string;
     maxOpacity: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/components/backgrounds/FlickeringGrid.vue.d.ts

@@ -9,10 +9,10 @@ interface FlickeringGridProps {
     maxOpacity?: number;
 }
 declare const __VLS_export: import("vue").DefineComponent<FlickeringGridProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<FlickeringGridProps> & Readonly<{}>, {
-    color: string;
     squareSize: number;
     gridGap: number;
     flickerChance: number;
+    color: string;
     maxOpacity: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/runtime/components/content/Callout.vue

@@ -1,6 +1,8 @@
 <script setup>
 import { useAppConfig } from "#imports";
 import { computed } from "#imports";
+import { useI18n } from "vue-i18n";
+const { t } = useI18n();
 const appConfig = useAppConfig();
 const { variant, to, target } = defineProps({
   variant: { type: String, required: true },
@@ -22,7 +24,7 @@ const tooltip = computed(() => config.value.tooltip);
 <template>
   <NuxtLink :to="to" :target="target">
     <UAlert
-      :title="$t(title)"
+      :title="t(title)"
       :color="variant"
       variant="subtle"
       :close="{
@@ -36,7 +38,7 @@ const tooltip = computed(() => config.value.tooltip);
         <slot />
       </template>
       <template #close>
-        <UTooltip v-if="tooltip" :text="$t(tooltip)">
+        <UTooltip v-if="tooltip" :text="t(tooltip)">
           <UIcon
             name="lucide:circle-question-mark"
             class="pointer-events-auto size-5"

package/dist/runtime/components/page/PageSurround.vue

@@ -1,4 +1,6 @@
 <script setup>
+import { useI18n } from "vue-i18n";
+const { t } = useI18n();
 const {
   pageType,
   previousTitle,
@@ -34,8 +36,8 @@ const {
                 class="group-hover w-fit rounded-full text-primary group-hover:text-highlighted"
               />
               <span class="text-muted">
-                {{ $t("navigation_previous") }}
-                {{ $t(pageType) }}
+                {{ t("navigation_previous") }}
+                {{ t(pageType) }}
               </span>
             </div>
             <div class="flex flex-col gap-xs">
@@ -64,8 +66,8 @@ const {
                 class="w-fit rounded-full text-primary group-hover:text-highlighted"
               />
               <span class="text-muted">
-                {{ $t("navigation_next") }}
-                {{ $t(pageType) }}</span
+                {{ t("navigation_next") }}
+                {{ t(pageType) }}</span
               >
             </div>
             <div class="flex flex-col items-end gap-xs">

package/dist/runtime/components/renderers/TOC.vue

@@ -1,6 +1,8 @@
 <script setup>
 import { computed } from "vue";
 import { slugify } from "../../utils";
+import { useI18n } from "vue-i18n";
+const { t } = useI18n();
 const {
   pageBlocks,
   title = "table_of_contents",
@@ -58,7 +60,7 @@ const tocItems = computed(() => {
       aria-label="Table of Contents"
     >
       <h5 class="text-highlighted">
-        {{ $t(title) }}
+        {{ t(title) }}
       </h5>
 
       <ul

package/dist/runtime/components/swatches/ColorSwatch.vue

@@ -1,7 +1,7 @@
 <script setup>
 import { computed } from "vue";
 import { useClipboard } from "@vueuse/core";
-import { useToast } from "#imports";
+import { useToast } from "@nuxt/ui";
 const { copy } = useClipboard();
 const toast = useToast();
 const { name, hex, rgb, hsl, oklch, cmyk } = defineProps({

package/dist/runtime/types/app.config.d.ts

@@ -1,6 +1,9 @@
-declare module "#build/app.config" {
-  import type { AppConfig } from "@nuxt/schema"
+import type { ModuleOptions } from "../../module"
 
-  const _default: AppConfig
-  export default _default
+declare module "@nuxt/schema" {
+  interface AppConfig {
+    rimelightComponents: ModuleOptions
+  }
 }
+
+export {}

package/package.json

@@ -2,7 +2,7 @@
   "type": "module",
   "name": "rimelight-components",
   "description": "A component library by Rimelight Entertainment.",
-  "version": "2.0.2",
+  "version": "2.0.5",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/Rimelight-Entertainment/rimelight-components.git"
@@ -115,7 +115,10 @@
   },
   "trustedDependencies": [
     "@parcel/watcher",
-    "@tailwindcss/oxide"
+    "@tailwindcss/oxide",
+    "esbuild",
+    "sharp",
+    "vue-demi"
   ],
   "resolutions": {
     "rimelight-components": "workspace:*"