@blastlauncher/runtime 1.0.1

package/.eslintrc.js

@@ -0,0 +1,6 @@
+module.exports = {
+  extends: ["../../.eslintrc.js"],
+  settings: {
+    "import/core-modules": ["@raycast/api"],
+  },
+};

package/CHANGELOG.md

@@ -0,0 +1,10 @@
+# @blastlauncher/runtime
+
+## 1.0.1
+
+### Patch Changes
+
+- Initial npm publish
+- Updated dependencies
+  - @blastlauncher/api@1.0.1
+  - @blastlauncher/renderer@1.0.1

package/LICENSE

@@ -0,0 +1,7 @@
+Copyright 2023 Yukai Huang
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

package/dist/App.d.ts

@@ -0,0 +1,5 @@
+import type { Server } from "rpc-websockets";
+export type AppProps = {
+    server: Server;
+};
+export declare const App: ({ server }: AppProps) => JSX.Element;

package/dist/App.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.App = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const api_1 = require("@blastlauncher/api");
+const CommandList_1 = require("./components/CommandList");
+const App = ({ server }) => {
+    return ((0, jsx_runtime_1.jsx)(api_1.WsServerProvider, { server: server, children: (0, jsx_runtime_1.jsx)(api_1.NavigationProvider, { children: (0, jsx_runtime_1.jsx)(CommandList_1.CommandList, {}) }) }));
+};
+exports.App = App;

package/dist/components/CommandList/index.d.ts

@@ -0,0 +1 @@
+export declare const CommandList: () => JSX.Element;

package/dist/components/CommandList/index.js

@@ -0,0 +1,20 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CommandList = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const api_1 = require("@raycast/api");
+const os_1 = __importDefault(require("os"));
+const path_1 = __importDefault(require("path"));
+const utils_1 = require("./utils");
+// TODO: gather all available commands from modules
+// Install with the following command
+// npm install --prefix ~/.blast/extensions @BlastLauncher/todo-list@0.0.2
+const pkg = path_1.default.join(os_1.default.homedir(), ".blast/extensions/node_modules/@BlastLauncher/todo-list/index.js");
+const TODOCommand = (0, utils_1.evalCommandModule)(pkg);
+const CommandList = () => {
+    return ((0, jsx_runtime_1.jsx)(api_1.List, { isLoading: false, searchBarPlaceholder: "Search for apps and commands...", children: (0, jsx_runtime_1.jsx)(api_1.List.Item, { title: "Test item", actions: (0, jsx_runtime_1.jsx)(api_1.ActionPanel, { children: (0, jsx_runtime_1.jsx)(api_1.Action.Push, { title: "Open Command", target: (0, jsx_runtime_1.jsx)(TODOCommand, {}) }) }) }) }));
+};
+exports.CommandList = CommandList;

package/dist/components/CommandList/utils.d.ts

@@ -0,0 +1 @@
+export declare function evalCommandModule(pkg: string): any;

package/dist/components/CommandList/utils.js

@@ -0,0 +1,24 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.evalCommandModule = void 0;
+const fs_1 = __importDefault(require("fs"));
+const eval_1 = __importDefault(require("eval"));
+const react_1 = __importDefault(require("react"));
+function evalCommandModule(pkg) {
+    const jsCode = fs_1.default.readFileSync(pkg, "utf8");
+    const mod = (0, eval_1.default)(jsCode, pkg, {
+        require,
+        _jsx: react_1.default.createElement,
+        _jsxFragment: react_1.default.Fragment,
+    }, true);
+    // If we use rollup for bundling, we can use the following:
+    // return mod;
+    // https://github.com/rollup/rollup/issues/3284
+    //
+    // Stay mod.default for compatibility with official raycast build, might be changed in the future
+    return mod.default;
+}
+exports.evalCommandModule = evalCommandModule;

package/dist/index.d.ts

@@ -0,0 +1 @@
+import "./utils/window";

package/dist/index.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+require("./utils/window");
+const renderer_1 = require("@blastlauncher/renderer");
+const App_1 = require("./App");
+const connectDevtools_1 = require("./utils/connectDevtools");
+const run_1 = require("./utils/run");
+(0, connectDevtools_1.connect)();
+(0, run_1.run)(App_1.App, {
+    server: (0, renderer_1.runServer)(),
+});

package/dist/utils/connectDevtools.d.ts

@@ -0,0 +1 @@
+export declare function connect(): void;

package/dist/utils/connectDevtools.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.connect = void 0;
+const react_devtools_core_1 = require("react-devtools-core");
+const websocket_1 = require("websocket");
+function connect() {
+    (0, react_devtools_core_1.connectToDevTools)({
+        websocket: new websocket_1.w3cwebsocket("ws://localhost:8097"),
+    });
+}
+exports.connect = connect;

package/dist/utils/run.d.ts

@@ -0,0 +1,4 @@
+import type { Server } from "rpc-websockets";
+export declare function run(App: (...args: any) => JSX.Element, props: {
+    server: Server;
+}): void;

package/dist/utils/run.js

@@ -0,0 +1,12 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.run = void 0;
+const renderer_1 = require("@blastlauncher/renderer");
+const react_1 = __importDefault(require("react"));
+function run(App, props) {
+    (0, renderer_1.render)(react_1.default.createElement(App, props), props.server);
+}
+exports.run = run;

package/dist/utils/window.js

@@ -0,0 +1,2 @@
+"use strict";
+global.window = globalThis;

package/package.json

@@ -0,0 +1,28 @@
+{
+  "name": "@blastlauncher/runtime",
+  "version": "1.0.1",
+  "main": "dist/index.js",
+  "dependencies": {
+    "@raycast/api": "npm:@blastlauncher/api@*",
+    "eval": "^0.1.8",
+    "react": "^18.2.0",
+    "react-devtools-core": "^4.27.1",
+    "websocket": "^1.0.34",
+    "@blastlauncher/api": "1.0.1",
+    "@blastlauncher/renderer": "1.0.1"
+  },
+  "devDependencies": {
+    "@types/react": "18.0.9",
+    "@types/websocket": "^1.0.5",
+    "raycast-original": "npm:@raycast/api@*",
+    "rimraf": "^4.1.1",
+    "rpc-websockets": "^7.5.0"
+  },
+  "repository": "https://github.com/BlastLauncher/blast.git",
+  "scripts": {
+    "build": "rimraf dist/ && tsc",
+    "build:watch": "rimraf dist/ && tsc -w",
+    "start:dev": "nodemon --watch dist --exec node dist/index.js",
+    "start": "node dist/index.js"
+  }
+}

package/src/@types/raycast.d.ts

@@ -0,0 +1,4 @@
+// Create a module alias for raycast-original to @raycast/api
+declare module "@raycast/api" {
+  export * from "raycast-original";
+}

package/src/@types/react-devtools-core.d.ts

@@ -0,0 +1,19 @@
+declare module "react-devtools-core" {
+  import { w3cwebsocket as W3CWebSocket } from "websocket";
+  type ResolveNativeStyle = any;
+  type DevToolsSettingsManager = any;
+
+  interface ConnectOptions {
+    host?: string;
+    nativeStyleEditorValidAttributes?: ReadonlyArray<string>;
+    port?: number;
+    useHttps?: boolean;
+    resolveRNStyle?: ResolveNativeStyle;
+    retryConnectionDelay?: number;
+    isAppActive?: () => boolean;
+    websocket?: WebSocket | W3CWebSocket | null;
+    devToolsSettingsManager?: DevToolsSettingsManager | null;
+  }
+
+  export function connectToDevTools(options?: ConnectOptions): void;
+}

package/src/App.tsx

@@ -0,0 +1,18 @@
+import { NavigationProvider, WsServerProvider } from "@blastlauncher/api";
+import type { Server } from "rpc-websockets";
+
+import { CommandList } from "./components/CommandList";
+
+export type AppProps = {
+  server: Server;
+};
+
+export const App = ({ server }: AppProps) => {
+  return (
+    <WsServerProvider server={server}>
+      <NavigationProvider>
+        <CommandList />
+      </NavigationProvider>
+    </WsServerProvider>
+  );
+};

package/src/components/CommandList/index.tsx

@@ -0,0 +1,27 @@
+import { ActionPanel, List, Action } from "@raycast/api";
+import os from "os";
+import path from "path";
+
+import { evalCommandModule } from "./utils";
+
+// TODO: gather all available commands from modules
+// Install with the following command
+// npm install --prefix ~/.blast/extensions @BlastLauncher/todo-list@0.0.2
+const pkg = path.join(os.homedir(), ".blast/extensions/node_modules/@BlastLauncher/todo-list/index.js");
+
+const TODOCommand = evalCommandModule(pkg);
+
+export const CommandList = () => {
+  return (
+    <List isLoading={false} searchBarPlaceholder="Search for apps and commands...">
+      <List.Item
+        title="Test item"
+        actions={
+          <ActionPanel>
+            <Action.Push title="Open Command" target={<TODOCommand />} />
+          </ActionPanel>
+        }
+      />
+    </List>
+  );
+};

package/src/components/CommandList/utils.ts

@@ -0,0 +1,26 @@
+import fs from "fs";
+
+import _eval from "eval";
+import React from "react";
+
+export function evalCommandModule(pkg: string) {
+  const jsCode = fs.readFileSync(pkg, "utf8");
+
+  const mod: any = _eval(
+    jsCode,
+    pkg,
+    {
+      require,
+      _jsx: React.createElement,
+      _jsxFragment: React.Fragment,
+    },
+    true
+  );
+
+  // If we use rollup for bundling, we can use the following:
+  // return mod;
+  // https://github.com/rollup/rollup/issues/3284
+  //
+  // Stay mod.default for compatibility with official raycast build, might be changed in the future
+  return mod.default;
+}

package/src/index.ts

@@ -0,0 +1,13 @@
+import "./utils/window";
+
+import { runServer } from "@blastlauncher/renderer";
+
+import { App } from "./App";
+import { connect } from "./utils/connectDevtools";
+import { run } from "./utils/run";
+
+connect();
+
+run(App, {
+  server: runServer(),
+});

package/src/utils/connectDevtools.ts

@@ -0,0 +1,8 @@
+import { connectToDevTools } from "react-devtools-core";
+import { w3cwebsocket as W3CWebSocket } from "websocket";
+
+export function connect() {
+  connectToDevTools({
+    websocket: new W3CWebSocket("ws://localhost:8097"),
+  });
+}

package/src/utils/run.ts

@@ -0,0 +1,7 @@
+import { render } from "@blastlauncher/renderer";
+import React, { Attributes } from "react";
+import type { Server } from "rpc-websockets";
+
+export function run(App: (...args: any) => JSX.Element, props: { server: Server }) {
+  render(React.createElement(App, props as Attributes), props.server);
+}

package/src/utils/window.js

@@ -0,0 +1 @@
+global.window = globalThis;

package/tsconfig.json

@@ -0,0 +1,10 @@
+{
+  "extends": "../../tsconfig.json",
+  "include": [
+    "src/**/*"
+  ],
+  "compilerOptions": {
+    "outDir": "dist",
+    "declaration": true
+  }
+}