@thatopen/services 0.0.6 → 0.2.0

package/src/cli/templates/shared/_gitignore

@@ -1,4 +1,5 @@
-node_modules
-dist
-*.zip
-.thatopen
+node_modules
+dist
+*.zip
+.thatopen
+.npmrc

package/src/cli/templates/app/src/app.ts

@@ -1,16 +0,0 @@
-import * as OBC from "@thatopen/components";
-import * as BUI from "@thatopen/ui";
-import { AppManager } from "@thatopen/services";
-import { icons } from "./globals";
-import { AppInfoSectionGridElement, CloudRunnerSectionGridElement } from "./ui-components";
-
-export type App = {
-  icons: (keyof typeof icons)[];
-  grid: BUI.Grid<
-    ["Viewer", "Split"],
-    ["viewer", AppInfoSectionGridElement, CloudRunnerSectionGridElement]
-  >;
-};
-
-export const getAppManager = (components: OBC.Components) =>
-  components.get(AppManager<App>);

package/src/cli/templates/app/src/globals.ts

@@ -1 +0,0 @@
-export const icons = {};

package/src/cli/templates/app/src/setups/ui-manager.ts

@@ -1,27 +0,0 @@
-import * as OBC from "@thatopen/components";
-import * as BUI from "@thatopen/ui";
-import { UIManager } from "@thatopen/services";
-import {
-  appInfoSectionTemplate,
-  AppInfoSectionState,
-  cloudRunnerSectionTemplate,
-  CloudRunnerSectionState,
-} from "../ui-components";
-
-export type CustomUIs = {
-  appInfoSection: { type: BUI.PanelSection; state: AppInfoSectionState };
-  cloudRunnerSection: { type: BUI.PanelSection; state: CloudRunnerSectionState };
-};
-
-export const getUIManager = (components: OBC.Components) =>
-  components.get(UIManager<CustomUIs>);
-
-export const uiManager = (components: OBC.Components) => {
-  const uis = getUIManager(components);
-  uis.registerTemplate("appInfoSection", {
-    template: appInfoSectionTemplate,
-  });
-  uis.registerTemplate("cloudRunnerSection", {
-    template: cloudRunnerSectionTemplate,
-  });
-};

package/src/cli/templates/app/src/setups/viewports-manager.ts

@@ -1,22 +0,0 @@
-import * as OBC from "@thatopen/components";
-import { ViewportsManager } from "@thatopen/services";
-
-export const viewportsManager = async (components: OBC.Components) => {
-  const viewports = components.get(ViewportsManager);
-  const { element, world } = await viewports.create();
-
-  // Load a sample model. Replace with client.downloadFile(fileId) to load
-  // a model from the platform:
-  //   const response = await client.downloadFile(fileId);
-  //   const buffer = await response.arrayBuffer();
-  const fragments = components.get(OBC.FragmentsManager);
-  const file = await fetch(
-    "https://thatopen.github.io/engine_components/resources/frags/school_arq.frag",
-  );
-  const buffer = await file.arrayBuffer();
-  await fragments.core.load(buffer, { modelId: "school_arq" });
-  await world.camera.controls.setLookAt(68, 23, -8.5, 21.5, -5.5, 23);
-  await fragments.core.update(true);
-
-  return element;
-};

package/src/cli/templates/app/src/ui-components/app-info-section/index.ts

@@ -1,26 +0,0 @@
-import * as BUI from "@thatopen/ui";
-import { AppInfoSectionComponent } from "./src";
-import { getAppManager } from "../../app";
-
-export const appInfoSectionTemplate: AppInfoSectionComponent = ({
-  components,
-}) => {
-  const app = getAppManager(components);
-
-  const fileItems =
-    app.projectData?.files.map(
-      (f: { name: string }) => BUI.html`<bim-label>${f.name}</bim-label>`,
-    ) ?? [];
-
-  return BUI.html`
-    <bim-panel-section label="App Info" icon="solar:info-circle-bold">
-      <bim-label>App ID: ${app.client?.context.appId}</bim-label>
-      <bim-label>Project ID: ${app.client?.context.projectId}</bim-label>
-      <bim-label>API URL: ${app.client?.context.apiUrl}</bim-label>
-      <bim-label>Files: ${fileItems.length}</bim-label>
-      ${fileItems}
-    </bim-panel-section>
-  `;
-};
-
-export * from "./src";

package/src/cli/templates/app/src/ui-components/app-info-section/src/index.ts

@@ -1 +0,0 @@
-export * from "./types";

package/src/cli/templates/app/src/ui-components/app-info-section/src/types.ts

@@ -1,15 +0,0 @@
-import * as BUI from "@thatopen/ui";
-import * as OBC from "@thatopen/components";
-
-export interface AppInfoSectionState {
-  components: OBC.Components;
-}
-
-export type AppInfoSectionComponent =
-  BUI.StatefullComponent<AppInfoSectionState>;
-
-// Used in App type (app.ts) to type this element slot in the grid.
-export type AppInfoSectionGridElement = {
-  name: "appInfoSection";
-  state: AppInfoSectionState;
-};

package/src/cli/templates/app/src/ui-components/cloud-runner-section/index.ts

@@ -1,37 +0,0 @@
-import * as BUI from "@thatopen/ui";
-import { CloudRunner } from "../../bim-components";
-import { CloudRunnerSectionComponent } from "./src";
-
-export const cloudRunnerSectionTemplate: CloudRunnerSectionComponent = ({
-  components,
-}) => {
-  const runner = components.get(CloudRunner);
-
-  const messageItems = runner.messages.map(
-    (m) => BUI.html`<bim-label>${m}</bim-label>`,
-  );
-
-  return BUI.html`
-    <bim-panel-section label="Cloud Component" icon="solar:code-bold">
-      <bim-label>Component ID: ${runner.componentId}</bim-label>
-      <bim-label>Local server: ${runner.localServerUrl}</bim-label>
-      <div style="display:flex;gap:0.5rem;">
-        <bim-button
-          label="Run Local"
-          icon="solar:play-bold"
-          @click=${() => runner.run(true)}
-        ></bim-button>
-        <bim-button
-          label="Run Deployed"
-          icon="solar:cloud-bold-duotone"
-          @click=${() => runner.run(false)}
-        ></bim-button>
-      </div>
-      <bim-label>${runner.status}</bim-label>
-      <bim-label>Progress: ${runner.progress}%</bim-label>
-      ${messageItems}
-    </bim-panel-section>
-  `;
-};
-
-export * from "./src";

package/src/cli/templates/app/src/ui-components/cloud-runner-section/src/index.ts

@@ -1 +0,0 @@
-export * from "./types";

package/src/cli/templates/app/src/ui-components/cloud-runner-section/src/types.ts

@@ -1,14 +0,0 @@
-import * as OBC from "@thatopen/components";
-import * as BUI from "@thatopen/ui";
-
-export interface CloudRunnerSectionState {
-  components: OBC.Components;
-}
-
-export type CloudRunnerSectionComponent =
-  BUI.StatefullComponent<CloudRunnerSectionState>;
-
-export type CloudRunnerSectionGridElement = {
-  name: "cloudRunnerSection";
-  state: CloudRunnerSectionState;
-};