@owdproject/nuxt-theme-ui 0.0.0-stage → 4.0.0-alpha.3

package/dist/i18n/locales/en.d.ts

@@ -0,0 +1,2 @@
+declare const _default: {};
+export default _default;

package/dist/i18n/locales/en.js

@@ -0,0 +1 @@
+export default {};

package/dist/module.d.mts

@@ -0,0 +1,7 @@
+import * as _nuxt_schema from '@nuxt/schema';
+
+declare const _default: {
+    with: <TOptionsDefaults extends Partial<_nuxt_schema.ModuleOptions>>(definition: _nuxt_schema.ModuleDefinition<_nuxt_schema.ModuleOptions, TOptionsDefaults, true> | _nuxt_schema.NuxtModule<_nuxt_schema.ModuleOptions, TOptionsDefaults, true>) => _nuxt_schema.NuxtModule<_nuxt_schema.ModuleOptions, TOptionsDefaults, true>;
+};
+
+export { _default as default };

package/dist/module.json

@@ -0,0 +1,9 @@
+{
+  "name": "desktop-theme-nuxt",
+  "configKey": "desktop",
+  "version": "4.0.0-alpha.3",
+  "builder": {
+    "@nuxt/module-builder": "1.0.3",
+    "unbuild": "3.6.1"
+  }
+}

package/dist/module.mjs

@@ -0,0 +1,50 @@
+import { existsSync } from 'node:fs';
+import { createResolver, installModule, addComponentsDir, addImportsDir } from '@nuxt/kit';
+import { defineDesktopTheme } from '@owdproject/nuxt';
+import { registerThemeTailwindPath, registerTailwindPath } from '@owdproject/nuxt-kit-nuxt-ui/kit/registerTailwindPath';
+import { installNuxtBuiltInApps } from '../dist/runtime/apps/installBuiltInApps.js';
+
+const module$1 = defineDesktopTheme({
+  meta: {
+    name: "desktop-theme-nuxt"
+  },
+  defaults: {
+    name: "nuxt",
+    systemBar: {
+      enabled: true,
+      position: "top",
+      startButton: true
+    },
+    windows: {
+      position: "fixed"
+    }
+  },
+  async setup(_options, nuxt) {
+    const { resolve } = createResolver(import.meta.url);
+    await installModule("@owdproject/nuxt-kit-nuxt-ui");
+    registerThemeTailwindPath(nuxt, import.meta.url);
+    registerTailwindPath(nuxt, resolve("./runtime/pages/**/*.{vue,mjs,ts}"));
+    addComponentsDir({
+      path: resolve("./runtime/components"),
+      pathPrefix: false
+    });
+    nuxt.hook("i18n:registerModule", (register) => {
+      register({
+        langDir: resolve("./i18n"),
+        locales: [
+          {
+            code: "en",
+            file: existsSync(resolve("./i18n/locales/en.js")) ? "locales/en.js" : "locales/en.ts"
+          }
+        ]
+      });
+    });
+    addImportsDir(resolve("./runtime/composables"));
+    addImportsDir(resolve("./runtime/consts"));
+    addImportsDir(resolve("./runtime/stores"));
+    addImportsDir(resolve("./runtime/utils"));
+    installNuxtBuiltInApps(nuxt, import.meta.url);
+  }
+});
+
+export { module$1 as default };

package/dist/runtime/apps/calculator/app.config.d.ts

@@ -0,0 +1,34 @@
+declare const _default: {
+    id: string;
+    title: string;
+    singleton: boolean;
+    icon: string;
+    provides: {
+        name: string;
+        entry: string;
+    };
+    windows: {
+        main: {
+            component: () => Promise<any>;
+            resizable: boolean;
+            size: {
+                width: number;
+                height: number;
+            };
+            position: {
+                x: number;
+                y: number;
+                z: number;
+            };
+        };
+    };
+    entries: {
+        calculator: {
+            command: string;
+        };
+    };
+    commands: {
+        calculator: (app: any) => void;
+    };
+};
+export default _default;

package/dist/runtime/apps/calculator/app.config.js

@@ -0,0 +1,35 @@
+export default {
+  id: "org.owdproject.calculator",
+  title: "Calculator",
+  singleton: false,
+  icon: "i-heroicons-calculator",
+  provides: {
+    name: "calculator",
+    entry: "calculator"
+  },
+  windows: {
+    main: {
+      component: () => import("./components/Window/WindowCalculator.vue"),
+      resizable: false,
+      size: {
+        width: 260,
+        height: 380
+      },
+      position: {
+        x: 200,
+        y: 150,
+        z: 0
+      }
+    }
+  },
+  entries: {
+    calculator: {
+      command: "calculator"
+    }
+  },
+  commands: {
+    calculator: (app) => {
+      app.openWindow("main");
+    }
+  }
+};

package/dist/runtime/apps/calculator/components/Window/WindowCalculator.d.vue.ts

@@ -0,0 +1,6 @@
+type __VLS_Props = {
+    window: any;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/apps/calculator/components/Window/WindowCalculator.vue

@@ -0,0 +1,85 @@
+<script setup>
+import { ref } from "vue";
+defineProps({
+  window: { type: null, required: true }
+});
+const display = ref("0");
+const equation = ref("");
+const isFinished = ref(false);
+const buttons = [
+  ["C", "(", ")", "/"],
+  ["7", "8", "9", "*"],
+  ["4", "5", "6", "-"],
+  ["1", "2", "3", "+"],
+  ["0", ".", "=", ""]
+];
+function handleClick(val) {
+  if (val === "=") {
+    calculate();
+  } else if (val === "C") {
+    clear();
+  } else if (val === "") {
+  } else {
+    append(val);
+  }
+}
+function append(val) {
+  if (isFinished.value) {
+    display.value = "";
+    isFinished.value = false;
+  }
+  if (display.value === "0" && val !== ".") {
+    display.value = val;
+  } else {
+    display.value += val;
+  }
+}
+function clear() {
+  display.value = "0";
+  equation.value = "";
+  isFinished.value = false;
+}
+function calculate() {
+  try {
+    const expr = display.value;
+    if (/^[0-9+\-*/().\s]+$/.test(expr)) {
+      const res = eval(expr);
+      equation.value = expr + " =";
+      display.value = String(res);
+      isFinished.value = true;
+    } else {
+      display.value = "Error";
+    }
+  } catch (e) {
+    display.value = "Error";
+  }
+}
+</script>
+
+<template>
+  <DesktopWindow :window="window" class="h-full bg-gray-50 dark:bg-gray-950 flex flex-col p-3">
+    <!-- Calculator screen -->
+    <div class="bg-white dark:bg-gray-900 border border-gray-200 dark:border-gray-800 rounded-lg p-3 mb-3 text-right shadow-inner flex-shrink-0">
+      <div class="text-xs text-gray-400 dark:text-gray-500 h-4 mb-0.5 truncate">{{ equation }}</div>
+      <div class="text-2xl font-bold font-mono text-gray-800 dark:text-gray-100 truncate">{{ display }}</div>
+    </div>
+
+    <!-- Buttons Grid -->
+    <div class="grid grid-cols-4 gap-2 flex-1">
+      <template v-for="(row, rIdx) in buttons" :key="rIdx">
+        <template v-for="(btn, bIdx) in row" :key="bIdx">
+          <UButton
+            v-if="btn !== ''"
+            :label="btn"
+            size="md"
+            class="flex items-center justify-center font-bold text-sm h-11 w-full"
+            :color="btn === '=' ? 'primary' : btn === 'C' ? 'red' : ['/', '*', '-', '+'].includes(btn) ? 'orange' : 'gray'"
+            variant="solid"
+            @click="handleClick(btn)"
+          />
+          <div v-else class="h-11 w-full" />
+        </template>
+      </template>
+    </div>
+  </DesktopWindow>
+</template>

package/dist/runtime/apps/calculator/components/Window/WindowCalculator.vue.d.ts

@@ -0,0 +1,6 @@
+type __VLS_Props = {
+    window: any;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/apps/calculator/plugin.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("nuxt/app").Plugin<Record<string, unknown>> & import("nuxt/app").ObjectPlugin<Record<string, unknown>>;
+export default _default;

package/dist/runtime/apps/calculator/plugin.js

@@ -0,0 +1,11 @@
+import { defineNuxtPlugin } from "nuxt/app";
+import { defineDesktopApp } from "@owdproject/nuxt/kit/defineDesktopApp";
+import configAppCalculator from "./app.config.js";
+export default defineNuxtPlugin({
+  name: "desktop-theme-nuxt-calculator",
+  dependsOn: ["pinia", "desktop-shell-init"],
+  async setup() {
+    if (import.meta.server) return;
+    await defineDesktopApp(configAppCalculator);
+  }
+});

package/dist/runtime/apps/explorer/app.config.d.ts

@@ -0,0 +1,36 @@
+declare const _default: {
+    id: string;
+    title: string;
+    singleton: boolean;
+    icon: string;
+    provides: {
+        name: string;
+        entry: string;
+    };
+    windows: {
+        main: {
+            component: () => Promise<any>;
+            resizable: boolean;
+            size: {
+                width: number;
+                height: number;
+                minWidth: number;
+                minHeight: number;
+            };
+            position: {
+                x: number;
+                y: number;
+                z: number;
+            };
+        };
+    };
+    entries: {
+        explorer: {
+            command: string;
+        };
+    };
+    commands: {
+        explorer: (app: any, args: any) => void;
+    };
+};
+export default _default;

package/dist/runtime/apps/explorer/app.config.js

@@ -0,0 +1,39 @@
+export default {
+  id: "org.owdproject.explorer",
+  title: "Explorer",
+  singleton: false,
+  icon: "i-heroicons-folder-open",
+  provides: {
+    name: "explorer",
+    entry: "explorer"
+  },
+  windows: {
+    main: {
+      component: () => import("./components/Window/WindowExplorer.vue"),
+      resizable: true,
+      size: {
+        width: 720,
+        height: 480,
+        minWidth: 560,
+        minHeight: 440
+      },
+      position: {
+        x: 120,
+        y: 80,
+        z: 0
+      }
+    }
+  },
+  entries: {
+    explorer: {
+      command: "explorer /"
+    }
+  },
+  commands: {
+    explorer: (app, args) => {
+      const a = args;
+      const pathArg = a?._?.[1];
+      app.openWindow("main", void 0, { path: pathArg ?? "/" });
+    }
+  }
+};

package/dist/runtime/apps/explorer/components/Window/WindowExplorer.d.vue.ts

@@ -0,0 +1,6 @@
+type __VLS_Props = {
+    window: any;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/apps/explorer/components/Window/WindowExplorer.vue

@@ -0,0 +1,30 @@
+<script setup>
+import { useI18n } from "vue-i18n";
+import { inject } from "vue";
+import { DESKTOP_DIALOG_PROVIDER_KEY } from "@owdproject/nuxt/runtime/constants/desktopShellKeys";
+import { createExplorerWindowMenuItems } from "@owdproject/nuxt-module-fs/runtime/composables/useExplorerWindowMenu";
+const props = defineProps({
+  window: { type: null, required: true }
+});
+const { t } = useI18n();
+const dialogs = inject(DESKTOP_DIALOG_PROVIDER_KEY);
+const explorerMenu = createExplorerWindowMenuItems(
+  () => props.window,
+  t,
+  () => {
+    dialogs?.alert("Nuxt UI theme explorer powered by module-fs!", { title: "About Explorer" });
+  }
+);
+props.window.setMenu(explorerMenu);
+</script>
+
+<template>
+  <DesktopExplorerWorkspace
+    :window="window"
+    frame-class="nuxt-explorer-frame"
+  >
+    <template #nav>
+      <DesktopWindowNav />
+    </template>
+  </DesktopExplorerWorkspace>
+</template>

package/dist/runtime/apps/explorer/components/Window/WindowExplorer.vue.d.ts

@@ -0,0 +1,6 @@
+type __VLS_Props = {
+    window: any;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/apps/explorer/plugin.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("nuxt/app").Plugin<Record<string, unknown>> & import("nuxt/app").ObjectPlugin<Record<string, unknown>>;
+export default _default;

package/dist/runtime/apps/explorer/plugin.js

@@ -0,0 +1,11 @@
+import { defineNuxtPlugin } from "nuxt/app";
+import { defineDesktopApp } from "@owdproject/nuxt/kit/defineDesktopApp";
+import configAppExplorer from "./app.config.js";
+export default defineNuxtPlugin({
+  name: "desktop-theme-nuxt-explorer",
+  dependsOn: ["pinia", "desktop-shell-init"],
+  async setup() {
+    if (import.meta.server) return;
+    await defineDesktopApp(configAppExplorer);
+  }
+});

package/dist/runtime/apps/installBuiltInApps.d.ts

@@ -0,0 +1,3 @@
+import type { Nuxt } from '@nuxt/schema';
+/** Register autoload built-in apps from `runtime/apps/<name>/`. */
+export declare function installNuxtBuiltInApps(nuxt: Nuxt, themeRoot: string): void;

package/dist/runtime/apps/installBuiltInApps.js

@@ -0,0 +1,28 @@
+import {
+  addComponentsDir,
+  addPlugin,
+  createResolver
+} from "@nuxt/kit";
+import { registerTailwindPath } from "@owdproject/nuxt-kit-nuxt-ui/kit/registerTailwindPath";
+import { NUXT_THEME_BUILTIN_APPS } from "./registry.js";
+export function installNuxtBuiltInApps(nuxt, themeRoot) {
+  const { resolve } = createResolver(themeRoot);
+  for (const app of NUXT_THEME_BUILTIN_APPS) {
+    if (!app.autoload) continue;
+    if (app.when && !app.when(nuxt)) continue;
+    const appRoot = resolve(`./runtime/apps/${app.name}`);
+    addPlugin({
+      src: resolve(appRoot, "plugin"),
+      mode: "client",
+      name: `desktop-theme-nuxt-${app.name}`,
+      order: 1
+    });
+    addComponentsDir({
+      path: resolve(appRoot, "components")
+    });
+    registerTailwindPath(
+      nuxt,
+      resolve(appRoot, "components/**/*.{vue,mjs,ts}")
+    );
+  }
+}

package/dist/runtime/apps/notepad/app.config.d.ts

@@ -0,0 +1,34 @@
+declare const _default: {
+    id: string;
+    title: string;
+    singleton: boolean;
+    icon: string;
+    provides: {
+        name: string;
+        entry: string;
+    };
+    windows: {
+        main: {
+            component: () => Promise<any>;
+            resizable: boolean;
+            size: {
+                width: number;
+                height: number;
+            };
+            position: {
+                x: number;
+                y: number;
+                z: number;
+            };
+        };
+    };
+    entries: {
+        notepad: {
+            command: string;
+        };
+    };
+    commands: {
+        notepad: (app: any) => void;
+    };
+};
+export default _default;

package/dist/runtime/apps/notepad/app.config.js

@@ -0,0 +1,35 @@
+export default {
+  id: "org.owdproject.notepad",
+  title: "Notepad",
+  singleton: false,
+  icon: "i-heroicons-document-text",
+  provides: {
+    name: "notepad",
+    entry: "notepad"
+  },
+  windows: {
+    main: {
+      component: () => import("./components/Window/WindowNotepad.vue"),
+      resizable: true,
+      size: {
+        width: 600,
+        height: 400
+      },
+      position: {
+        x: 180,
+        y: 120,
+        z: 0
+      }
+    }
+  },
+  entries: {
+    notepad: {
+      command: "notepad"
+    }
+  },
+  commands: {
+    notepad: (app) => {
+      app.openWindow("main");
+    }
+  }
+};

package/dist/runtime/apps/notepad/components/Window/WindowNotepad.d.vue.ts

@@ -0,0 +1,6 @@
+type __VLS_Props = {
+    window: any;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/apps/notepad/components/Window/WindowNotepad.vue

@@ -0,0 +1,43 @@
+<script setup>
+import { ref } from "vue";
+defineProps({
+  window: { type: null, required: true }
+});
+const text = ref("");
+function clear() {
+  text.value = "";
+}
+</script>
+
+<template>
+  <DesktopWindow :window="window" class="h-full bg-white dark:bg-gray-950 flex flex-col">
+    <!-- Toolbar -->
+    <div class="flex items-center space-x-2 p-2 bg-gray-50 dark:bg-gray-900 border-b border-gray-200 dark:border-gray-800 flex-shrink-0">
+      <UButton
+        icon="i-heroicons-document"
+        label="New"
+        color="gray"
+        variant="ghost"
+        size="xs"
+        @click="clear"
+      />
+      <UButton
+        icon="i-heroicons-trash"
+        label="Clear"
+        color="red"
+        variant="ghost"
+        size="xs"
+        @click="clear"
+      />
+    </div>
+
+    <!-- Text area -->
+    <div class="flex-1 min-h-0">
+      <textarea
+        v-model="text"
+        class="w-full h-full p-4 resize-none outline-none border-0 text-sm font-mono bg-transparent text-gray-800 dark:text-gray-200"
+        placeholder="Type here..."
+      />
+    </div>
+  </DesktopWindow>
+</template>

package/dist/runtime/apps/notepad/components/Window/WindowNotepad.vue.d.ts

@@ -0,0 +1,6 @@
+type __VLS_Props = {
+    window: any;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/apps/notepad/plugin.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("nuxt/app").Plugin<Record<string, unknown>> & import("nuxt/app").ObjectPlugin<Record<string, unknown>>;
+export default _default;

package/dist/runtime/apps/notepad/plugin.js

@@ -0,0 +1,11 @@
+import { defineNuxtPlugin } from "nuxt/app";
+import { defineDesktopApp } from "@owdproject/nuxt/kit/defineDesktopApp";
+import configAppNotepad from "./app.config.js";
+export default defineNuxtPlugin({
+  name: "desktop-theme-nuxt-notepad",
+  dependsOn: ["pinia", "desktop-shell-init"],
+  async setup() {
+    if (import.meta.server) return;
+    await defineDesktopApp(configAppNotepad);
+  }
+});

package/dist/runtime/apps/registry.d.ts

@@ -0,0 +1,8 @@
+import type { Nuxt } from '@nuxt/schema';
+export type NuxtThemeBuiltInApp = {
+    name: string;
+    autoload: boolean;
+    when?: (nuxt: Nuxt) => boolean;
+};
+export declare function hasModuleFs(nuxt: Nuxt): boolean;
+export declare const NUXT_THEME_BUILTIN_APPS: NuxtThemeBuiltInApp[];

package/dist/runtime/apps/registry.js

@@ -0,0 +1,10 @@
+export function hasModuleFs(nuxt) {
+  const desktop = nuxt.options.runtimeConfig.public.desktop;
+  const modules = desktop?.modules ?? [];
+  return modules.some((m) => String(m).includes("nuxt-fs"));
+}
+export const NUXT_THEME_BUILTIN_APPS = [
+  { name: "explorer", autoload: true },
+  { name: "calculator", autoload: true },
+  { name: "notepad", autoload: true }
+];

package/dist/runtime/components/Background/DesktopBackground.d.vue.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/Background/DesktopBackground.vue

@@ -0,0 +1,3 @@
+<template>
+  <DesktopCoreBackground />
+</template>

package/dist/runtime/components/Background/DesktopBackground.vue.d.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/components/Desktop/DesktopContent.d.vue.ts

@@ -0,0 +1,13 @@
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/runtime/components/Desktop/DesktopContent.vue

@@ -0,0 +1,23 @@
+<script setup>
+import { useAppConfig } from "nuxt/app";
+import { computed } from "vue";
+const appConfig = useAppConfig();
+const classes = computed(() => {
+  const list = ["owd-desktop__content"];
+  const pos = appConfig.desktop?.systemBar?.position;
+  if (pos) {
+    list.push(`owd-desktop__content--system-bar-position-${pos}`);
+  }
+  return list;
+});
+</script>
+
+<template>
+  <div :class="classes">
+    <slot />
+  </div>
+</template>
+
+<style scoped>
+.owd-desktop__content{height:100%;overflow:hidden;position:relative;width:100%}.owd-desktop__content--system-bar-position-bottom,.owd-desktop__content--system-bar-position-top{flex:1 1 auto;min-height:0}
+</style>