fix: Fix a lint

chore: remove the limit on the long-running fix: Starting sometimes. fix: Make it so the stop of the main works fix: Bind local and tor with package. wip: envs fix TS error import config types from sdk update package.json
2026-03-30 04:01:58 +00:00 · 2023-02-20 12:22:57 -07:00
parent f5430f9151
commit 5e9e26fa67
34 changed files with 1425 additions and 1195 deletions
--- a/frontend/projects/ui/src/app/components/backup-drives/backup-drives.component.ts
+++ b/frontend/projects/ui/src/app/components/backup-drives/backup-drives.component.ts
@@ -12,7 +12,7 @@ import {
  ModalController,
 } from '@ionic/angular'
 import { GenericFormPage } from 'src/app/modals/generic-form/generic-form.page'
-import { ConfigSpec } from 'src/app/pkg-config/config-types'
+import { ConfigSpec } from 'start-sdk/types/config-types'
 import { ApiService } from 'src/app/services/api/embassy-api.service'
 import { ErrorToastService } from '@start9labs/shared'
 import { MappedBackupTarget } from 'src/app/types/mapped-backup-target'
@@ -285,31 +285,47 @@ const CifsSpec: ConfigSpec = {
    'pattern-description': `Must be a valid hostname. e.g. 'My Computer' OR 'my-computer.local'`,
    nullable: false,
    masked: false,
-    copyable: false,
+    default: null,
+    textarea: false,
+    warning: null,
  },
  path: {
    type: 'string',
    name: 'Path',
    description: `On Windows, this is the fully qualified path to the shared folder, (e.g. /Desktop/my-folder).\n\n On Linux and Mac, this is the literal name of the shared folder (e.g. my-shared-folder).`,
    placeholder: 'e.g. my-shared-folder or /Desktop/my-folder',
+    pattern: null,
+    'pattern-description': null,
    nullable: false,
    masked: false,
-    copyable: false,
+    default: null,
+    textarea: false,
+    warning: null,
  },
  username: {
    type: 'string',
    name: 'Username',
    description: `On Linux, this is the samba username you created when sharing the folder.\n\n On Mac and Windows, this is the username of the user who is sharing the folder.`,
+    placeholder: null,
+    pattern: null,
+    'pattern-description': null,
    nullable: false,
    masked: false,
-    copyable: false,
+    default: null,
+    textarea: false,
+    warning: null,
  },
  password: {
    type: 'string',
    name: 'Password',
    description: `On Linux, this is the samba password you created when sharing the folder.\n\n On Mac and Windows, this is the password of the user who is sharing the folder.`,
+    placeholder: null,
+    pattern: null,
+    'pattern-description': null,
    nullable: true,
    masked: true,
-    copyable: false,
+    default: null,
+    textarea: false,
+    warning: null,
  },
 }
--- a/frontend/projects/ui/src/app/components/form-object/form-object.component.html
+++ b/frontend/projects/ui/src/app/components/form-object/form-object.component.html
@@ -235,6 +235,7 @@
                      name:
                        objectListDisplay[entry.key][i].displayAs ||
                        'Entry ' + (i + 1),
+                      description: null,
                      new: false,
                      edited: abstractControl.dirty
                    }"
--- a/frontend/projects/ui/src/app/components/form-object/form-object.component.ts
+++ b/frontend/projects/ui/src/app/components/form-object/form-object.component.ts
@@ -19,7 +19,7 @@ import {
  ValueSpecList,
  ValueSpecListOf,
  ValueSpecUnion,
-} from 'src/app/pkg-config/config-types'
+} from 'start-sdk/types/config-types'
 import { FormService } from 'src/app/services/form.service'
 import { EnumListPage } from 'src/app/modals/enum-list/enum-list.page'
 import { THEME, pauseFor } from '@start9labs/shared'
@@ -249,7 +249,7 @@ export class FormObjectComponent {

    const alert = await this.alertCtrl.create({
      header: name,
-      message: description,
+      message: description || '',
      buttons: [
        {
          text: 'OK',
@@ -395,7 +395,7 @@ export class FormLabelComponent {
    name: string
    new: boolean
    edited: boolean
-    description?: string
+    description: string | null
    required?: boolean
    newOptions?: boolean
  }
@@ -408,7 +408,7 @@ export class FormLabelComponent {

    const alert = await this.alertCtrl.create({
      header: name,
-      message: description,
+      message: description || '',
      buttons: [
        {
          text: 'OK',
--- a/frontend/projects/ui/src/app/components/form-object/form-object.pipes.ts
+++ b/frontend/projects/ui/src/app/components/form-object/form-object.pipes.ts
@@ -6,8 +6,8 @@ import {
  ValidationErrors,
 } from '@angular/forms'
 import { IonicSafeString } from '@ionic/angular'
-import { ListValueSpecOf } from 'src/app/pkg-config/config-types'
-import { Range } from 'src/app/pkg-config/config-utilities'
+import { ListValueSpecOf } from 'start-sdk/types/config-types'
+import { Range } from 'src/app/util/config-utilities'
 import { getElementId } from './form-object.component'

@Pipe({
@@ -50,7 +50,7 @@ export class ToEnumListDisplayPipe implements PipeTransform {
  name: 'toWarningText',
 })
 export class ToWarningTextPipe implements PipeTransform {
-  transform(text?: string): IonicSafeString | string {
+  transform(text: string | null): IonicSafeString | string {
    return text
      ? new IonicSafeString(`<ion-text color="warning">${text}</ion-text>`)
      : ''
--- a/frontend/projects/ui/src/app/modals/app-config/app-config.page.ts
+++ b/frontend/projects/ui/src/app/modals/app-config/app-config.page.ts
@@ -13,7 +13,7 @@ import {
  isObject,
 } from '@start9labs/shared'
 import { DependentInfo } from 'src/app/types/dependent-info'
-import { ConfigSpec } from 'src/app/pkg-config/config-types'
+import { ConfigSpec } from 'start-sdk/types/config-types'
 import {
  DataModel,
  PackageDataEntry,
@@ -100,13 +100,11 @@ export class AppConfigPage {
      }

      this.configForm = this.formService.createForm(
-        this.configSpec,
+        this.configSpec!,
        newConfig || this.original,
      )

-      this.hasOptions = !!Object.values(this.configSpec).find(
-        valSpec => valSpec.type !== 'pointer',
-      )
+      this.hasOptions = false

      if (patch) {
        this.diff = this.getDiff(patch)
--- a/frontend/projects/ui/src/app/modals/enum-list/enum-list.page.ts
+++ b/frontend/projects/ui/src/app/modals/enum-list/enum-list.page.ts
@@ -1,6 +1,6 @@
 import { Component, Input } from '@angular/core'
 import { ModalController } from '@ionic/angular'
-import { ValueSpecListOf } from 'src/app/pkg-config/config-types'
+import { ValueSpecListOf } from 'start-sdk/types/config-types'

@Component({
  selector: 'enum-list',
--- a/frontend/projects/ui/src/app/modals/generic-form/generic-form.page.ts
+++ b/frontend/projects/ui/src/app/modals/generic-form/generic-form.page.ts
@@ -5,7 +5,7 @@ import {
  convertValuesRecursive,
  FormService,
 } from 'src/app/services/form.service'
-import { ConfigSpec } from 'src/app/pkg-config/config-types'
+import { ConfigSpec } from 'start-sdk/types/config-types'

 export interface ActionButton {
  text: string
--- a/frontend/projects/ui/src/app/modals/marketplace-settings/marketplace-settings.page.ts
+++ b/frontend/projects/ui/src/app/modals/marketplace-settings/marketplace-settings.page.ts
@@ -14,7 +14,7 @@ import { ActionSheetButton } from '@ionic/core'
 import { ErrorToastService, sameUrl, toUrl } from '@start9labs/shared'
 import { AbstractMarketplaceService } from '@start9labs/marketplace'
 import { ApiService } from 'src/app/services/api/embassy-api.service'
-import { ValueSpecObject } from 'src/app/pkg-config/config-types'
+import { ValueSpecObject } from 'start-sdk/types/config-types'
 import { GenericFormPage } from 'src/app/modals/generic-form/generic-form.page'
 import { PatchDB } from 'patch-db-client'
 import { DataModel, UIStore } from 'src/app/services/patch-db/data-model'
@@ -259,6 +259,8 @@ function getMarketplaceValueSpec(): ValueSpecObject {
  return {
    type: 'object',
    name: 'Add Custom Registry',
+    description: null,
+    warning: null,
    spec: {
      url: {
        type: 'string',
@@ -266,10 +268,12 @@ function getMarketplaceValueSpec(): ValueSpecObject {
        description: 'A fully-qualified URL of the custom registry',
        nullable: false,
        masked: false,
-        copyable: false,
        pattern: `https?:\/\/[a-zA-Z0-9][a-zA-Z0-9-\.]+[a-zA-Z0-9]\.[^\s]{2,}`,
        'pattern-description': 'Must be a valid URL',
        placeholder: 'e.g. https://example.org',
+        default: null,
+        textarea: false,
+        warning: null,
      },
    },
  }
--- a/frontend/projects/ui/src/app/pages/developer-routes/developer-list/developer-list.page.ts
+++ b/frontend/projects/ui/src/app/pages/developer-routes/developer-list/developer-list.page.ts
@@ -12,7 +12,7 @@ import {
 } from 'src/app/modals/generic-input/generic-input.component'
 import { PatchDB } from 'patch-db-client'
 import { ApiService } from 'src/app/services/api/embassy-api.service'
-import { ConfigSpec } from 'src/app/pkg-config/config-types'
+import { ConfigSpec } from 'start-sdk/types/config-types'
 import * as yaml from 'js-yaml'
 import { v4 } from 'uuid'
 import { DataModel, DevData } from 'src/app/services/patch-db/data-model'
@@ -223,12 +223,14 @@ const SAMPLE_CONFIG: ConfigSpec = {
    name: 'Example String Input',
    nullable: false,
    masked: false,
-    copyable: false,
    // optional
    description: 'Example description for required string input.',
    placeholder: 'Enter string value',
    pattern: '^[a-zA-Z0-9! _]+$',
    'pattern-description': 'Must be alphanumeric (may contain underscore).',
+    default: null,
+    textarea: false,
+    warning: null,
  },
  'sample-number': {
    type: 'number',
@@ -241,6 +243,7 @@ const SAMPLE_CONFIG: ConfigSpec = {
    units: 'ms',
    description: 'Example description for optional number input.',
    placeholder: 'Enter number value',
+    default: null,
  },
  'sample-boolean': {
    type: 'boolean',
@@ -248,6 +251,7 @@ const SAMPLE_CONFIG: ConfigSpec = {
    // optional
    description: 'Example description for boolean toggle',
    default: true,
+    warning: null,
  },
  'sample-enum': {
    type: 'enum',
--- a/frontend/projects/ui/src/app/pages/developer-routes/developer-menu/form-info.ts
+++ b/frontend/projects/ui/src/app/pages/developer-routes/developer-menu/form-info.ts
@@ -1,4 +1,4 @@
-import { ConfigSpec } from 'src/app/pkg-config/config-types'
+import { ConfigSpec } from 'start-sdk/types/config-types'
 import { DevProjectData } from 'src/app/services/patch-db/data-model'

 export type BasicInfo = {
@@ -27,10 +27,11 @@ export function getBasicInfoSpec(devData: DevProjectData): ConfigSpec {
      placeholder: 'e.g. bitcoind',
      nullable: false,
      masked: false,
-      copyable: false,
      pattern: '^([a-z][a-z0-9]*)(-[a-z0-9]+)*$',
      'pattern-description': 'Must be kebab case',
-      default: basicInfo?.id,
+      default: basicInfo?.id || '',
+      textarea: false,
+      warning: null,
    },
    title: {
      type: 'string',
@@ -39,8 +40,11 @@ export function getBasicInfoSpec(devData: DevProjectData): ConfigSpec {
      placeholder: 'e.g. Bitcoin Core',
      nullable: false,
      masked: false,
-      copyable: false,
+      pattern: null,
+      'pattern-description': null,
      default: basicInfo ? basicInfo.title : devData.name,
+      textarea: false,
+      warning: null,
    },
    'service-version-number': {
      type: 'string',
@@ -50,39 +54,44 @@ export function getBasicInfoSpec(devData: DevProjectData): ConfigSpec {
      placeholder: 'e.g. 0.1.2.3',
      nullable: false,
      masked: false,
-      copyable: false,
      pattern: '^([0-9]+).([0-9]+).([0-9]+).([0-9]+)$',
      'pattern-description': 'Must be valid Emver version',
-      default: basicInfo?.['service-version-number'],
+      default: basicInfo?.['service-version-number'] || '',
+      textarea: false,
+      warning: null,
    },
    description: {
      type: 'object',
      name: 'Marketplace Descriptions',
+      description: null,
+      warning: null,
      spec: {
        short: {
          type: 'string',
          name: 'Short Description',
          description:
            'This is the first description visible to the user in the marketplace',
+          placeholder: null,
          nullable: false,
          masked: false,
-          copyable: false,
          textarea: true,
-          default: basicInfo?.description?.short,
+          default: basicInfo?.description?.short || '',
          pattern: '^.{1,320}$',
          'pattern-description': 'Must be shorter than 320 characters',
+          warning: null,
        },
        long: {
          type: 'string',
          name: 'Long Description',
          description: `This description will display with additional details in the service's individual marketplace page`,
+          placeholder: null,
          nullable: false,
          masked: false,
-          copyable: false,
          textarea: true,
-          default: basicInfo?.description?.long,
+          default: basicInfo?.description?.long || '',
          pattern: '^.{1,5000}$',
          'pattern-description': 'Must be shorter than 5000 characters',
+          warning: null,
        },
      },
    },
@@ -94,13 +103,16 @@ export function getBasicInfoSpec(devData: DevProjectData): ConfigSpec {
      placeholder: 'e.g. Markdown _release notes_ for **Bitcoin Core**',
      nullable: false,
      masked: false,
-      copyable: false,
+      pattern: null,
+      'pattern-description': null,
      textarea: true,
-      default: basicInfo?.['release-notes'],
+      default: basicInfo?.['release-notes'] || '',
+      warning: null,
    },
    license: {
      type: 'enum',
      name: 'License',
+      warning: null,
      values: [
        'gnu-agpl-v3',
        'gnu-gpl-v3',
@@ -132,40 +144,52 @@ export function getBasicInfoSpec(devData: DevProjectData): ConfigSpec {
      description:
        'The Start9 wrapper repository URL for the package. This repo contains the manifest file (this), any scripts necessary for configuration, backups, actions, or health checks',
      placeholder: 'e.g. www.github.com/example',
+      pattern: null,
+      'pattern-description': null,
      nullable: false,
      masked: false,
-      copyable: false,
-      default: basicInfo?.['wrapper-repo'],
+      default: basicInfo?.['wrapper-repo'] || '',
+      textarea: false,
+      warning: null,
    },
    'upstream-repo': {
      type: 'string',
      name: 'Upstream Repo',
      description: 'The original project repository URL',
      placeholder: 'e.g. www.github.com/example',
+      pattern: null,
+      'pattern-description': null,
      nullable: true,
      masked: false,
-      copyable: false,
-      default: basicInfo?.['upstream-repo'],
+      default: basicInfo?.['upstream-repo'] || '',
+      textarea: false,
+      warning: null,
    },
    'support-site': {
      type: 'string',
      name: 'Support Site',
      description: 'URL to the support site / channel for the project',
      placeholder: 'e.g. start9.com/support',
+      pattern: null,
+      'pattern-description': null,
      nullable: true,
      masked: false,
-      copyable: false,
-      default: basicInfo?.['support-site'],
+      default: basicInfo?.['support-site'] || '',
+      textarea: false,
+      warning: null,
    },
    'marketing-site': {
      type: 'string',
      name: 'Marketing Site',
      description: 'URL to the marketing site / channel for the project',
      placeholder: 'e.g. start9.com',
+      pattern: null,
+      'pattern-description': null,
      nullable: true,
      masked: false,
-      copyable: false,
-      default: basicInfo?.['marketing-site'],
+      default: basicInfo?.['marketing-site'] || '',
+      textarea: false,
+      warning: null,
    },
  }
 }
--- a/frontend/projects/ui/src/app/pages/server-routes/sideload/sideload.page.ts
+++ b/frontend/projects/ui/src/app/pages/server-routes/sideload/sideload.page.ts
@@ -94,6 +94,7 @@ export class SideloadPage {
      const guid = await this.api.sideloadPackage({
        manifest: this.toUpload.manifest!,
        icon: this.toUpload.icon!,
+        size: this.toUpload.file!.size,
      })
      this.api
        .uploadPackage(guid, this.toUpload.file!)
--- a/frontend/projects/ui/src/app/pages/server-routes/wifi/wifi.page.ts
+++ b/frontend/projects/ui/src/app/pages/server-routes/wifi/wifi.page.ts
@@ -9,7 +9,7 @@ import {
 import { AlertInput } from '@ionic/core'
 import { ApiService } from 'src/app/services/api/embassy-api.service'
 import { ActionSheetButton } from '@ionic/core'
-import { ValueSpecObject } from 'src/app/pkg-config/config-types'
+import { ValueSpecObject } from 'start-sdk/types/config-types'
 import { RR } from 'src/app/services/api/api.types'
 import { pauseFor, ErrorToastService } from '@start9labs/shared'
 import { GenericFormPage } from 'src/app/modals/generic-form/generic-form.page'
@@ -345,23 +345,33 @@ function getWifiValueSpec(
    name: 'WiFi Credentials',
    description:
      'Enter the network SSID and password. You can connect now or save the network for later.',
+    warning: null,
    spec: {
      ssid: {
        type: 'string',
        name: 'Network SSID',
+        description: null,
+        placeholder: null,
+        pattern: null,
+        'pattern-description': null,
        nullable: false,
        masked: false,
-        copyable: false,
-        default: ssid,
+        default: ssid || null,
+        textarea: false,
+        warning: null,
      },
      password: {
        type: 'string',
        name: 'Password',
+        description: null,
+        placeholder: null,
        nullable: !needsPW,
        masked: true,
-        copyable: false,
        pattern: '^.{8,}$',
        'pattern-description': 'Must be longer than 8 characters',
+        default: null,
+        textarea: false,
+        warning: null,
      },
    },
  }
--- a/frontend/projects/ui/src/app/pkg-config/config-types.ts
+++ b/frontend/projects/ui/src/app/pkg-config/config-types.ts
@@ -1,158 +0,0 @@
-export type ConfigSpec = Record<string, ValueSpec>
-
-export type ValueType =
-  | 'string'
-  | 'number'
-  | 'boolean'
-  | 'enum'
-  | 'list'
-  | 'object'
-  | 'union'
-export type ValueSpec = ValueSpecOf<ValueType>
-
-// core spec types. These types provide the metadata for performing validations
-export type ValueSpecOf<T extends ValueType> = T extends 'string'
-  ? ValueSpecString
-  : T extends 'number'
-  ? ValueSpecNumber
-  : T extends 'boolean'
-  ? ValueSpecBoolean
-  : T extends 'enum'
-  ? ValueSpecEnum
-  : T extends 'list'
-  ? ValueSpecList
-  : T extends 'object'
-  ? ValueSpecObject
-  : T extends 'union'
-  ? ValueSpecUnion
-  : never
-
-export interface ValueSpecString extends ListValueSpecString, WithStandalone {
-  type: 'string'
-  default?: DefaultString
-  nullable: boolean
-  textarea?: boolean
-}
-
-export interface ValueSpecNumber extends ListValueSpecNumber, WithStandalone {
-  type: 'number'
-  nullable: boolean
-  default?: number
-}
-
-export interface ValueSpecEnum extends ListValueSpecEnum, WithStandalone {
-  type: 'enum'
-  default: string
-}
-
-export interface ValueSpecBoolean extends WithStandalone {
-  type: 'boolean'
-  default: boolean
-}
-
-export interface ValueSpecUnion {
-  type: 'union'
-  tag: UnionTagSpec
-  variants: { [key: string]: ConfigSpec }
-  default: string
-}
-
-export interface ValueSpecObject extends WithStandalone {
-  type: 'object'
-  spec: ConfigSpec
-}
-
-export interface WithStandalone {
-  name: string
-  description?: string
-  warning?: string
-}
-
-// no lists of booleans or lists
-export type ListValueSpecType =
-  | 'string'
-  | 'number'
-  | 'enum'
-  | 'object'
-  | 'union'
-
-// represents a spec for the values of a list
-export type ListValueSpecOf<T extends ListValueSpecType> = T extends 'string'
-  ? ListValueSpecString
-  : T extends 'number'
-  ? ListValueSpecNumber
-  : T extends 'enum'
-  ? ListValueSpecEnum
-  : T extends 'object'
-  ? ListValueSpecObject
-  : T extends 'union'
-  ? ListValueSpecUnion
-  : never
-
-// represents a spec for a list
-export type ValueSpecList = ValueSpecListOf<ListValueSpecType>
-export interface ValueSpecListOf<T extends ListValueSpecType>
-  extends WithStandalone {
-  type: 'list'
-  subtype: T
-  spec: ListValueSpecOf<T>
-  range: string // '[0,1]' (inclusive) OR '[0,*)' (right unbounded), normal math rules
-  default: string[] | number[] | DefaultString[] | object[]
-}
-
-// sometimes the type checker needs just a little bit of help
-export function isValueSpecListOf<S extends ListValueSpecType>(
-  t: ValueSpecList,
-  s: S,
-): t is ValueSpecListOf<S> {
-  return t.subtype === s
-}
-
-export interface ListValueSpecString {
-  pattern?: string
-  'pattern-description'?: string
-  masked: boolean
-  copyable: boolean
-  placeholder?: string
-}
-
-export interface ListValueSpecNumber {
-  range: string
-  integral: boolean
-  units?: string
-  placeholder?: string
-}
-
-export interface ListValueSpecEnum {
-  values: string[]
-  'value-names': { [value: string]: string }
-}
-
-export interface ListValueSpecObject {
-  spec: ConfigSpec // this is a mapped type of the config object at this level, replacing the object's values with specs on those values
-  'unique-by': UniqueBy // indicates whether duplicates can be permitted in the list
-  'display-as'?: string // this should be a handlebars template which can make use of the entire config which corresponds to 'spec'
-}
-
-export type UniqueBy = null | string | { any: UniqueBy[] } | { all: UniqueBy[] }
-
-export interface ListValueSpecUnion {
-  tag: UnionTagSpec
-  variants: { [key: string]: ConfigSpec }
-  'display-as'?: string // this may be a handlebars template which can conditionally (on tag.id) make use of each union's entries, or if left blank will display as tag.id
-  'unique-by': UniqueBy
-  default: string // this should be the variantName which one prefers a user to start with by default when creating a new union instance in a list
-}
-
-export interface UnionTagSpec {
-  id: string // The name of the field containing one of the union variants
-  'variant-names': {
-    // the name of each variant
-    [variant: string]: string
-  }
-  name: string
-  description?: string
-  warning?: string
-}
-
-export type DefaultString = string | { charset: string; len: number }
--- a/frontend/projects/ui/src/app/services/api/api.fixures.ts
+++ b/frontend/projects/ui/src/app/services/api/api.fixures.ts
@@ -7,8 +7,7 @@ import {
  PackageState,
  ServerStatusInfo,
 } from 'src/app/services/patch-db/data-model'
-import { Metric, NotificationLevel, RR, ServerNotifications } from './api.types'
-
+import { Metric, RR, NotificationLevel, ServerNotifications } from './api.types'
 import { BTC_ICON, LND_ICON, PROXY_ICON } from './api-icons'
 import { DependencyMetadata, MarketplacePkg } from '@start9labs/marketplace'
 import { Log } from '@start9labs/shared'
@@ -180,11 +179,14 @@ export module Mock {
            type: 'string',
            name: 'Re-sync Reason',
            description: 'Your reason for re-syncing. Why are you doing this?',
+            placeholder: null,
            nullable: false,
            masked: false,
-            copyable: false,
            pattern: '^[a-zA-Z]+$',
            'pattern-description': 'Must contain only letters.',
+            textarea: false,
+            warning: null,
+            default: null,
          },
          name: {
            type: 'string',
@@ -192,14 +194,19 @@ export module Mock {
            description: 'Tell the class your name.',
            nullable: true,
            masked: false,
-            copyable: false,
            warning: 'You may loose all your money by providing your name.',
+            placeholder: null,
+            pattern: null,
+            'pattern-description': null,
+            textarea: false,
+            default: null,
          },
          notifications: {
            name: 'Notification Preferences',
            type: 'list',
            subtype: 'enum',
            description: 'how you want to be notified',
+            warning: null,
            range: '[1,3]',
            default: ['email'],
            spec: {
@@ -221,6 +228,9 @@ export module Mock {
            default: 100,
            range: '[0, 9999]',
            integral: true,
+            units: null,
+            placeholder: null,
+            warning: null,
          },
          'top-speed': {
            type: 'number',
@@ -230,6 +240,9 @@ export module Mock {
            range: '[-1000, 1000]',
            integral: false,
            units: 'm/s',
+            placeholder: null,
+            warning: null,
+            default: null,
          },
          testnet: {
            name: 'Testnet',
@@ -257,22 +270,33 @@ export module Mock {
            name: 'Emergency Contact',
            type: 'object',
            description: 'The person to contact in case of emergency.',
+            warning: null,
            spec: {
              name: {
                type: 'string',
                name: 'Name',
+                description: null,
                nullable: false,
                masked: false,
-                copyable: false,
                pattern: '^[a-zA-Z]+$',
                'pattern-description': 'Must contain only letters.',
+                placeholder: null,
+                textarea: false,
+                warning: null,
+                default: null,
              },
              email: {
                type: 'string',
                name: 'Email',
+                description: null,
                nullable: false,
                masked: false,
-                copyable: true,
+                placeholder: null,
+                pattern: null,
+                'pattern-description': null,
+                textarea: false,
+                warning: null,
+                default: null,
              },
            },
          },
@@ -287,10 +311,10 @@ export module Mock {
            range: '[1,10]',
            default: ['192.168.1.1'],
            spec: {
+              placeholder: null,
              pattern: '^[0-9]{1,3}([,.][0-9]{1,3})?$',
              'pattern-description': 'Must be a valid IP address',
              masked: false,
-              copyable: false,
            },
          },
          bitcoinNode: {
@@ -314,7 +338,12 @@ export module Mock {
                  description: 'the lan address',
                  nullable: true,
                  masked: false,
-                  copyable: false,
+                  placeholder: null,
+                  pattern: null,
+                  'pattern-description': null,
+                  textarea: false,
+                  warning: null,
+                  default: null,
                },
              },
              external: {
@@ -327,7 +356,9 @@ export module Mock {
                  pattern: '.*',
                  'pattern-description': 'anything',
                  masked: false,
-                  copyable: true,
+                  placeholder: null,
+                  textarea: false,
+                  warning: null,
                },
              },
            },
@@ -1281,6 +1312,7 @@ export module Mock {
      type: 'list',
      subtype: 'object',
      description: 'This is a list of objects, like users or something',
+      warning: null,
      range: '[0,4]',
      default: [
        {
@@ -1307,7 +1339,12 @@ export module Mock {
            description: 'User first name',
            nullable: true,
            masked: false,
-            copyable: false,
+            placeholder: null,
+            pattern: null,
+            'pattern-description': null,
+            textarea: false,
+            warning: null,
+            default: null,
          },
          'last-name': {
            name: 'Last Name',
@@ -1321,7 +1358,9 @@ export module Mock {
            pattern: '^[a-zA-Z]+$',
            'pattern-description': 'must contain only letters.',
            masked: false,
-            copyable: true,
+            placeholder: null,
+            textarea: false,
+            warning: null,
          },
          age: {
            name: 'Age',
@@ -1331,6 +1370,9 @@ export module Mock {
            integral: false,
            warning: 'User must be at least 18.',
            range: '[18,*)',
+            units: null,
+            placeholder: null,
+            default: null,
          },
        },
      },
@@ -1347,6 +1389,8 @@ export module Mock {
      spec: {
        tag: {
          id: 'preference',
+          description: null,
+          warning: null,
          'variant-names': {
            summer: 'Summer',
            winter: 'Winter',
@@ -1354,6 +1398,7 @@ export module Mock {
          },
          name: 'Preference',
        },
+        'display-as': null,
        // this default is used to make a union selection when a new list element is first created
        default: 'summer',
        variants: {
@@ -1365,12 +1410,17 @@ export module Mock {
              description: 'What is your favorite tree?',
              default: 'Maple',
              masked: false,
-              copyable: false,
+              placeholder: null,
+              pattern: null,
+              'pattern-description': null,
+              textarea: false,
+              warning: null,
            },
            'favorite-flower': {
              name: 'Favorite Flower',
              type: 'enum',
              description: 'Select your favorite flower',
+              warning: null,
              'value-names': {
                none: 'Hate Flowers',
                red: 'Red',
@@ -1386,6 +1436,7 @@ export module Mock {
              name: 'Like Snow?',
              type: 'boolean',
              description: 'Do you like snow or not?',
+              warning: null,
              default: true,
            },
          },
@@ -1412,6 +1463,7 @@ export module Mock {
      type: 'number',
      integral: false,
      description: 'Your favorite number of all time',
+      placeholder: null,
      warning:
        'Once you set this number, it can never be changed without severe consequences.',
      nullable: true,
@@ -1424,9 +1476,12 @@ export module Mock {
      type: 'list',
      subtype: 'number',
      description: 'Numbers that you like but are not your top favorite.',
+      warning: null,
      spec: {
        integral: false,
        range: '[-100,200)',
+        units: null,
+        placeholder: null,
      },
      range: '[0,10]',
      default: [2, 3],
@@ -1441,6 +1496,7 @@ export module Mock {
          name: 'Laws',
          type: 'object',
          description: 'the law of the realm',
+          warning: null,
          spec: {
            law1: {
              name: 'First Law',
@@ -1448,7 +1504,12 @@ export module Mock {
              description: 'the first law',
              nullable: true,
              masked: false,
-              copyable: true,
+              placeholder: null,
+              pattern: null,
+              'pattern-description': null,
+              textarea: false,
+              warning: null,
+              default: null,
            },
            law2: {
              name: 'Second Law',
@@ -1456,7 +1517,12 @@ export module Mock {
              description: 'the second law',
              nullable: true,
              masked: false,
-              copyable: true,
+              placeholder: null,
+              pattern: null,
+              'pattern-description': null,
+              textarea: false,
+              warning: null,
+              default: null,
            },
          },
        },
@@ -1465,10 +1531,12 @@ export module Mock {
          type: 'list',
          subtype: 'object',
          description: 'the people who make the rules',
+          warning: null,
          range: '[0,2]',
          default: [],
          spec: {
            'unique-by': null,
+            'display-as': null,
            spec: {
              rulemakername: {
                name: 'Rulemaker Name',
@@ -1480,7 +1548,11 @@ export module Mock {
                  len: 12,
                },
                masked: false,
-                copyable: false,
+                placeholder: null,
+                pattern: null,
+                'pattern-description': null,
+                textarea: false,
+                warning: null,
              },
              rulemakerip: {
                name: 'Rulemaker IP',
@@ -1492,7 +1564,9 @@ export module Mock {
                  '^(([0-9]|[1-9][0-9]|1[0-9]{2}|2[0-4][0-9]|25[0-5])\\.){3}([0-9]|[1-9][0-9]|1[0-9]{2}|2[0-4][0-9]|25[0-5])$',
                'pattern-description': 'may only contain numbers and periods',
                masked: false,
-                copyable: true,
+                placeholder: null,
+                textarea: false,
+                warning: null,
              },
            },
          },
@@ -1506,7 +1580,9 @@ export module Mock {
          pattern: '^[a-zA-Z]+$',
          'pattern-description': 'must contain only letters.',
          masked: false,
-          copyable: true,
+          placeholder: null,
+          textarea: false,
+          warning: null,
        },
        rpcpass: {
          name: 'RPC User Password',
@@ -1518,7 +1594,11 @@ export module Mock {
            len: 20,
          },
          masked: true,
-          copyable: true,
+          placeholder: null,
+          pattern: null,
+          'pattern-description': null,
+          textarea: false,
+          warning: null,
        },
      },
    },
@@ -1570,7 +1650,9 @@ export module Mock {
            pattern: '.*',
            'pattern-description': 'anything',
            masked: false,
-            copyable: true,
+            placeholder: null,
+            textarea: false,
+            warning: null,
          },
          'private-domain': {
            name: 'Private Domain',
@@ -1578,7 +1660,12 @@ export module Mock {
            description: 'the private address of the node',
            nullable: false,
            masked: true,
-            copyable: true,
+            placeholder: null,
+            pattern: null,
+            'pattern-description': null,
+            textarea: false,
+            warning: null,
+            default: null,
          },
        },
      },
@@ -1589,9 +1676,12 @@ export module Mock {
      integral: true,
      description:
        'the default port for your Bitcoin node. default: 8333, testnet: 18333, regtest: 18444',
+      warning: null,
      nullable: false,
      default: 8333,
      range: '(0, 9998]',
+      units: null,
+      placeholder: null,
    },
    'favorite-slogan': {
      name: 'Favorite Slogan',
@@ -1600,7 +1690,12 @@ export module Mock {
        'You most favorite slogan in the whole world, used for paying you.',
      nullable: true,
      masked: true,
-      copyable: true,
+      placeholder: null,
+      pattern: null,
+      'pattern-description': null,
+      textarea: false,
+      warning: null,
+      default: null,
    },
    rpcallowip: {
      name: 'RPC Allowed IPs',
@@ -1614,7 +1709,7 @@ export module Mock {
      default: ['192.168.1.1'],
      spec: {
        masked: false,
-        copyable: false,
+        placeholder: null,
        pattern:
          '((25[0-5]|(2[0-4]|1{0,1}[0-9]){0,1}[0-9])\\.){3,3}(25[0-5]|(2[0-4]|1{0,1}[0-9]){0,1}[0-9])|((^(([0-9a-fA-F]{1,4}:){7,7}[0-9a-fA-F]{1,4}|([0-9a-fA-F]{1,4}:){1,7}:|([0-9a-fA-F]{1,4}:){1,6}:[0-9a-fA-F]{1,4}|([0-9a-fA-F]{1,4}:){1,5}(:[0-9a-fA-F]{1,4}){1,2}|([0-9a-fA-F]{1,4}:){1,4}(:[0-9a-fA-F]{1,4}){1,3}|([0-9a-fA-F]{1,4}:){1,3}(:[0-9a-fA-F]{1,4}){1,4}|([0-9a-fA-F]{1,4}:){1,2}(:[0-9a-fA-F]{1,4}){1,5}|[0-9a-fA-F]{1,4}:((:[0-9a-fA-F]{1,4}){1,6})|:((:[0-9a-fA-F]{1,4}){1,7}|:)|fe80:(:[0-9a-fA-F]{0,4}){0,4}%[0-9a-zA-Z]{1,}|::(ffff(:0{1,4}){0,1}:){0,1}((25[0-5]|(2[0-4]|1{0,1}[0-9]){0,1}[0-9]).){3,3}(25[0-5]|(2[0-4]|1{0,1}[0-9]){0,1}[0-9])|([0-9a-fA-F]{1,4}:){1,4}:((25[0-5]|(2[0-4]|1{0,1}[0-9]){0,1}[0-9]).){3,3}(25[0-5]|(2[0-4]|1{0,1}[0-9]){0,1}[0-9]))$)|(^[a-z2-7]{16}\\.onion$)|(^([a-z0-9]([a-z0-9-]{0,61}[a-z0-9])?\\.)+[a-z0-9][a-z0-9-]{0,61}[a-z0-9]$))',
        'pattern-description': 'must be a valid ipv4, ipv6, or domain name',
@@ -1625,23 +1720,28 @@ export module Mock {
      type: 'list',
      subtype: 'string',
      description: 'api keys that are authorized to access your Bitcoin node.',
+      warning: null,
      range: '[0,*)',
      default: [],
      spec: {
        masked: false,
-        copyable: false,
+        placeholder: null,
+        pattern: null,
+        'pattern-description': null,
      },
    },
    'more-advanced': {
      name: 'More Advanced',
      type: 'object',
      description: 'Advanced settings',
+      warning: null,
      spec: {
        notifications: {
          name: 'Notification Preferences',
          type: 'list',
          subtype: 'enum',
          description: 'how you want to be notified',
+          warning: null,
          range: '[1,3]',
          default: ['email'],
          spec: {
@@ -1666,6 +1766,7 @@ export module Mock {
              name: 'Laws',
              type: 'object',
              description: 'the law of the realm',
+              warning: null,
              spec: {
                law1: {
                  name: 'First Law',
@@ -1673,7 +1774,12 @@ export module Mock {
                  description: 'the first law',
                  nullable: true,
                  masked: false,
-                  copyable: true,
+                  placeholder: null,
+                  pattern: null,
+                  'pattern-description': null,
+                  textarea: false,
+                  warning: null,
+                  default: null,
                },
                law2: {
                  name: 'Second Law',
@@ -1681,7 +1787,12 @@ export module Mock {
                  description: 'the second law',
                  nullable: true,
                  masked: false,
-                  copyable: true,
+                  placeholder: null,
+                  pattern: null,
+                  'pattern-description': null,
+                  textarea: false,
+                  warning: null,
+                  default: null,
                },
                law4: {
                  name: 'Fourth Law',
@@ -1689,17 +1800,24 @@ export module Mock {
                  description: 'the fourth law',
                  nullable: true,
                  masked: false,
-                  copyable: true,
+                  placeholder: null,
+                  pattern: null,
+                  'pattern-description': null,
+                  textarea: false,
+                  warning: null,
+                  default: null,
                },
                law3: {
                  name: 'Third Law',
                  type: 'list',
                  subtype: 'object',
                  description: 'the third law',
+                  warning: null,
                  range: '[0,2]',
                  default: [],
                  spec: {
                    'unique-by': null,
+                    'display-as': null,
                    spec: {
                      lawname: {
                        name: 'Law Name',
@@ -1711,7 +1829,11 @@ export module Mock {
                          len: 12,
                        },
                        masked: false,
-                        copyable: false,
+                        placeholder: null,
+                        pattern: null,
+                        'pattern-description': null,
+                        textarea: false,
+                        warning: null,
                      },
                      lawagency: {
                        name: 'Law agency',
@@ -1724,7 +1846,9 @@ export module Mock {
                        'pattern-description':
                          'may only contain numbers and periods',
                        masked: false,
-                        copyable: true,
+                        placeholder: null,
+                        textarea: false,
+                        warning: null,
                      },
                    },
                  },
@@ -1735,7 +1859,12 @@ export module Mock {
                  description: 'the fifth law',
                  nullable: true,
                  masked: false,
-                  copyable: true,
+                  placeholder: null,
+                  pattern: null,
+                  'pattern-description': null,
+                  textarea: false,
+                  warning: null,
+                  default: null,
                },
              },
            },
@@ -1744,10 +1873,12 @@ export module Mock {
              type: 'list',
              subtype: 'object',
              description: 'the people who make the rules',
+              warning: null,
              range: '[0,2]',
              default: [],
              spec: {
                'unique-by': null,
+                'display-as': null,
                spec: {
                  rulemakername: {
                    name: 'Rulemaker Name',
@@ -1759,7 +1890,11 @@ export module Mock {
                      len: 12,
                    },
                    masked: false,
-                    copyable: false,
+                    placeholder: null,
+                    pattern: null,
+                    'pattern-description': null,
+                    textarea: false,
+                    warning: null,
                  },
                  rulemakerip: {
                    name: 'Rulemaker IP',
@@ -1772,7 +1907,9 @@ export module Mock {
                    'pattern-description':
                      'may only contain numbers and periods',
                    masked: false,
-                    copyable: true,
+                    placeholder: null,
+                    textarea: false,
+                    warning: null,
                  },
                },
              },
@@ -1786,7 +1923,9 @@ export module Mock {
              pattern: '^[a-zA-Z]+$',
              'pattern-description': 'must contain only letters.',
              masked: false,
-              copyable: true,
+              placeholder: null,
+              textarea: false,
+              warning: null,
            },
            rpcpass: {
              name: 'RPC User Password',
@@ -1798,7 +1937,11 @@ export module Mock {
                len: 20,
              },
              masked: true,
-              copyable: true,
+              placeholder: null,
+              pattern: null,
+              'pattern-description': null,
+              textarea: false,
+              warning: null,
            },
          },
        },
--- a/frontend/projects/ui/src/app/services/api/api.types.ts
+++ b/frontend/projects/ui/src/app/services/api/api.types.ts
@@ -1,7 +1,7 @@
 import { Dump, Revision } from 'patch-db-client'
 import { MarketplacePkg, StoreInfo } from '@start9labs/marketplace'
 import { PackagePropertiesVersioned } from 'src/app/util/properties.util'
-import { ConfigSpec } from 'src/app/pkg-config/config-types'
+import { ConfigSpec } from 'start-sdk/types/config-types'
 import {
  DataModel,
  DependencyError,
@@ -253,6 +253,7 @@ export module RR {
  export type SideloadPackageReq = {
    manifest: Manifest
    icon: string // base64
+    size: number // bytes
  }
  export type SideloadPacakgeRes = string //guid

--- a/frontend/projects/ui/src/app/services/form.service.ts
+++ b/frontend/projects/ui/src/app/services/form.service.ts
@@ -23,8 +23,8 @@ import {
  ValueSpecObject,
  ValueSpecString,
  ValueSpecUnion,
-} from 'src/app/pkg-config/config-types'
-import { getDefaultString, Range } from '../pkg-config/config-utilities'
+} from 'start-sdk/types/config-types'
+import { getDefaultString, Range } from '../util/config-utilities'
 const Mustache = require('mustache')

@Injectable({
@@ -360,7 +360,7 @@ function listObjEquals(
  val1: any,
  val2: any,
 ): boolean {
-  if (uniqueBy === null) {
+  if (!uniqueBy) {
    return false
  } else if (typeof uniqueBy === 'string') {
    return itemEquals(spec.spec[uniqueBy], val1[uniqueBy], val2[uniqueBy])
@@ -388,7 +388,7 @@ function objEquals(
  val1: any,
  val2: any,
 ): boolean {
-  if (uniqueBy === null) {
+  if (!uniqueBy) {
    return false
  } else if (typeof uniqueBy === 'string') {
    // TODO: fix types
@@ -419,7 +419,7 @@ function unionEquals(
 ): boolean {
  const tagId = spec.tag.id
  const variant = spec.variants[val1[tagId]]
-  if (uniqueBy === null) {
+  if (!uniqueBy) {
    return false
  } else if (typeof uniqueBy === 'string') {
    if (uniqueBy === tagId) {
@@ -474,7 +474,7 @@ function uniqueByMessage(
 ): string {
  let joinFunc
  const subSpecs: string[] = []
-  if (uniqueBy === null) {
+  if (!uniqueBy) {
    return ''
  } else if (typeof uniqueBy === 'string') {
    return configSpec[uniqueBy]
--- a/frontend/projects/ui/src/app/services/patch-db/data-model.ts
+++ b/frontend/projects/ui/src/app/services/patch-db/data-model.ts
@@ -1,4 +1,4 @@
-import { ConfigSpec } from 'src/app/pkg-config/config-types'
+import { ConfigSpec } from 'start-sdk/types/config-types'
 import { Url } from '@start9labs/shared'
 import { MarketplaceManifest } from '@start9labs/marketplace'
 import { BasicInfo } from 'src/app/pages/developer-routes/developer-menu/form-info'
--- a/frontend/projects/ui/src/app/services/pkg-status-rendering.service.ts
+++ b/frontend/projects/ui/src/app/services/pkg-status-rendering.service.ts
@@ -1,7 +1,6 @@
 import { isEmptyObject } from '@start9labs/shared'
 import {
  InstalledPackageDataEntry,
-  MainStatusStarting,
  PackageDataEntry,
  PackageMainStatus,
  PackageState,
--- a/frontend/projects/ui/src/app/pkg-config/config-utilities.ts
+++ b/frontend/projects/ui/src/app/pkg-config/config-utilities.ts
@@ -1,4 +1,4 @@
-import { ValueSpec, DefaultString } from './config-types'
+import { ValueSpec, DefaultString } from 'start-sdk/types/config-types'

 export class Range {
  min?: number
--- a/frontend/projects/ui/src/app/util/get-package-info.ts
+++ b/frontend/projects/ui/src/app/util/get-package-info.ts
@@ -1,4 +1,8 @@
-import { PackageDataEntry } from '../services/patch-db/data-model'
+import {
+  PackageDataEntry,
+  PackageMainStatus,
+  PackageState,
+} from '../services/patch-db/data-model'
 import {
  DependencyStatus,
  HealthStatus,
@@ -35,7 +39,7 @@ export function getPackageInfo(entry: PackageDataEntry): PkgInfo {
 export interface PkgInfo {
  entry: PackageDataEntry
  primaryRendering: StatusRendering
-  primaryStatus: PrimaryStatus
+  primaryStatus: PrimaryStatus | PackageState | PackageMainStatus
  installProgress: ProgressData | null
  error: boolean
  warning: boolean