c546a33eff
This commit introduces native operating system file dialogs in the desktop application replacing the existing web-based dialogs. It lays the foundation for future enhancements such as: - Providing error messages when saving or executing files, addressing #264. - Creating system restore points, addressing #50. Documentation updates: - Update `desktop-vs-web-features.md` with added functionality. - Update `README.md` with security feature highlights. - Update home page documentation to emphasize security features. Other supporting changes include: - Integrate IPC communication channels for secure Electron dialog API interactions. - Refactor `IpcRegistration` for more type-safety and simplicity. - Introduce a Vue hook to encapsulate dialog functionality. - Improve errors during IPC registration for easier troubleshooting. - Move `ClientLoggerFactory` for consistency in hooks organization and remove `LoggerFactory` interface for simplicity. - Add tests for the save file dialog in the browser context. - Add `Blob` polyfill in tests to compensate for the missing `blob.text()` function in `jsdom` (see jsdom/jsdom#2555). Improve environment detection logic: - Treat test environment as browser environments to correctly activate features based on the environment. This resolves issues where the environment is misidentified as desktop, but Electron preloader APIs are missing. - Rename `isDesktop` environment identification variable to `isRunningAsDesktopApplication` for better clarity and to avoid confusion with desktop environments in web/browser/test environments. - Simplify `BrowserRuntimeEnvironment` to consistently detect non-desktop application environments. - Improve environment detection for Electron main process (electron/electron#2288).
55 lines
1.4 KiB
Vue
55 lines
1.4 KiB
Vue
<template>
|
|
<IconButton
|
|
v-if="canRun"
|
|
text="Run"
|
|
icon-name="play"
|
|
@click="executeCode"
|
|
/>
|
|
</template>
|
|
|
|
<script lang="ts">
|
|
import { defineComponent, computed } from 'vue';
|
|
import { injectKey } from '@/presentation/injectionSymbols';
|
|
import { OperatingSystem } from '@/domain/OperatingSystem';
|
|
import IconButton from './IconButton.vue';
|
|
|
|
export default defineComponent({
|
|
components: {
|
|
IconButton,
|
|
},
|
|
setup() {
|
|
const { currentState, currentContext } = injectKey((keys) => keys.useCollectionState);
|
|
const { os, isRunningAsDesktopApplication } = injectKey((keys) => keys.useRuntimeEnvironment);
|
|
const { codeRunner } = injectKey((keys) => keys.useCodeRunner);
|
|
|
|
const canRun = computed<boolean>(() => getCanRunState(
|
|
currentState.value.os,
|
|
isRunningAsDesktopApplication,
|
|
os,
|
|
));
|
|
|
|
async function executeCode() {
|
|
if (!codeRunner) { throw new Error('missing code runner'); }
|
|
await codeRunner.runCode(
|
|
currentContext.state.code.current,
|
|
currentContext.state.collection.scripting.fileExtension,
|
|
);
|
|
}
|
|
|
|
return {
|
|
canRun,
|
|
executeCode,
|
|
};
|
|
},
|
|
});
|
|
|
|
function getCanRunState(
|
|
selectedOs: OperatingSystem,
|
|
isRunningAsDesktopApplication: boolean,
|
|
hostOs: OperatingSystem | undefined,
|
|
): boolean {
|
|
const isRunningOnSelectedOs = selectedOs === hostOs;
|
|
return isRunningAsDesktopApplication && isRunningOnSelectedOs;
|
|
}
|
|
</script>
|