TabSpaceOS

TabSpaceOS is Armbian Based Customized OS

Debian Linux기반인 Armbian을 OrangePi Zero에서
홈오토메이션을 손쉽게 활용할 수 있는 오픈소스 IoT 플랫폼 HomeAssistant 및 각종 애드온을
탭스페이스의 노하우로 맞춤 커스터마이징 한 운영체제(OS)입니다.

HomeAssistant에서 지원OS레벨을 Debian 11 (Bullseye)로 상향됨에 따라 전면 재수정을 진행중입니다. 
(21년 內 v2.0 배포 예정)

Download

See Release page : https://github.com/tabspacekr/TabSpaceOS/releases

Use

Download zipped binary file, extract, write microsd card, and joy. 압축해제 후 바이너리 파일을 win32imagewriter 등으로 sd카드에 쓴 후 오렌지파이의 microsd슬롯에 장착해주세요

Prework Code

1. Install Armbian 21.08.3 Buster with Linux 5.10.60-sunxi

https://www.armbian.com/orange-pi-zero/
https://redirect.armbian.com/orangepizero/Buster_current

Armbian Login Information
- ID : root
- PW : tabspace

CPU Clock Speed Modify
- Set mode Performance
- Set clock 1200MHz(1200000)

Set ZSH

2. OLED Support

SDD1306 Package Install
Script Location : /root/ogpi.py
Add Cron Job on Reboot

3. HOSTNAME Autochange

Script Location : /root/hostname.sh
Add Cron Job on Reboot

4. TimeZone Change

Asia/Seoul

5. Docker CE Install (20.10.7)

Use 'armbian-config'

6. HomeAssistant Install (Core 2021.10.6, Supervisor-2021.10.0)

6-1. HomeAssistant Login Information

ID : admin
PW : tabspace

7. HomeAssistant Add-On Install

7-1. File Editor (5.3.3)

7-1-1. Enable WatchDog

7-1-2. Enable Show Sidebar

7-1-3. Edit Configuration to Directory First shown

dirsfirst: true
enforce_basepath: true
git: true
ignore_pattern:
  - __pycache__
  - .cloud
  - .storage
  - deps
ssh_keys: []

7-2. Zigbee2MQTT (1.21.2-1)

7-2-1. Add Repository ( https://github.com/zigbee2mqtt/hassio-zigbee2mqtt ) and Install

TabSpace OS v0.8-alpha(2021.06.07.)부터 
 기존 Z2M 저장소인 https://github.com/danielwelch/hassio-zigbee2mqtt 를 
  변경된 Z2M 저장소인 https://github.com/zigbee2mqtt/hassio-zigbee2mqtt 로 변경하였습니다.

7-2-2. Change Zigbee Channel 25 and PAN ID on Z2M Configuration

data_path: /config/zigbee2mqtt
external_converters: []
devices: devices.yaml
groups: groups.yaml
homeassistant: true
permit_join: false
mqtt:
  base_topic: zigbee2mqtt
  user: mqtt
  password: tabspace
serial:
  port: /dev/ttyACM0
advanced:
  log_level: warn
  pan_id: 6756
  channel: 25

7-2-3. Enable WatchDog

7-2-4. Enable Show Sidebar

7-3. Mosquitto broker (6.0.1)

7-3-1. Install Mosquitto Broker

7-3-2. Add login credential on HomeAssistant User

※ 참고 : 6.0.0 이상 버전부터는, 익명 로그인 기능이 제거되어 반드시 로그인 정보를 기입해주어야 합니다.
ID : mqtt
PW : tabspace

7-4. ZeroTier One (0.11.2)

※ 참고 : ZeroTier One은 자동실행(autostart)되지 않으며, 관리효율성을 위해 사전설치되어 있습니다. 
         ZeroTier는 최초 실행 시 개인 Node ID를 부여받습니다. 향후 TabSpace B2C망을 통한 서비스시에 사용 예정입니다.

8. HomeAssistant Configuration Setting

8-1. Include Dummy files

8-2. Exclude something laggy settings

Disable HA Update Check
- binary_sensor.updater

# Edit Configuration to use HA Recorder setting on configuration.yaml
# 로그 저장 주기를 10일로 변경
recorder:
  purge_keep_days: 10

# HA 2021.7 이후 업데이트 시에, 리버스프록시를 통한 접근 시 웹페이지가 동작하지 않는 상황에 대한 configuration.yaml 수정
http:
  use_x_forwarded_for: true
  trusted_proxies:
    - 10.100.0.0/16  # Add the IP address of the proxy server

8-3. Add theme (Google Dark theme by TabSpace)

# add configuration.yaml
# 테마 적용
frontend:
  themes: !include themes.yaml

themes.yaml

# create themes.yaml
Google Dark Theme:
  # Header:
  app-header-background-color: rgb(23, 23, 23)
  app-header-text-color: rgb(198, 203, 210)
  # Main Interface Colors
  #검색 및 조회버튼 배경색임
  #primary-color: rgb(138, 180, 248)
  #primary-color: rgb(223, 194, 113)
  primary-color: rgb(130, 130, 130)
  light-primary-color: var(--primary-color)
  primary-background-color: rgb(23, 23, 23)
  secondary-background-color: rgb(32, 33, 36)
  divider-color: var(--primary-background-color)
  #accent-color: rgb(138, 180, 248)
  #accent-color: rgb(223, 194, 113)
  #accent-color: rgb(255, 255, 0)
  accent-color: rgb(130, 130, 130)
  # Text
  primary-text-color: rgb(242, 242, 242)
  secondary-text-color: rgb(166, 166, 166)
  text-primary-color: var(--primary-text-color)
  disabled-text-color: rgba(184, 190, 199, 0.4)
  # Sidebar Menu
  sidebar-icon-color: rgb(169, 177, 188)
  sidebar-text-color: rgb(198, 203, 210)
  sidebar-background-color: rgb(32, 33, 36)
  sidebar-selected-background-color: var(--primary-background-color)
  #sidebar-selected-icon-color: rgb(138, 180, 248)
  #sidebar-selected-icon-color: rgb(223, 194, 113)
  sidebar-selected-icon-color: rgb(255, 255, 0)
  sidebar-selected-text-color: var(--sidebar-selected-icon-color)
  # Buttons
  paper-item-icon-color: rgb(169, 177, 188)
  #paper-item-icon-active-color: rgb(138, 180, 248)
  #paper-item-icon-active-color: rgb(223, 194, 113)
  #버튼 활성화 색
  paper-item-icon-active-color: rgb(255, 255, 0)
  # States and Badges
  #state-icon-color: rgb(138, 180, 248)
  #state-icon-color: rgb(223, 194, 113)
  state-icon-color: rgb(255, 255, 0)
  state-icon-active-color: rgb(169, 177, 188)
  state-icon-unavailable-color: var(--disabled-text-color)
  # Sliders
  #paper-slider-knob-color: rgb(138, 180, 248)
  paper-slider-knob-color: rgb(255, 255, 0)
  paper-slider-knob-start-color: var(--paper-slider-knob-color)
  paper-slider-pin-color: var(--paper-slider-knob-color)
  paper-slider-active-color: var(--paper-slider-knob-color)
  paper-slider-secondary-color: var(--light-primary-color)
  # Labels
  label-badge-background-color: rgb(32, 33, 36)
  label-badge-text-color: rgb(198, 203, 210)
  label-badge-red: rgb(208, 101, 104)
  label-badge-green: rgb(128, 200, 132)
  label-badge-blue: rgb(138, 180, 248)
  label-badge-yellow: rgb(223, 194, 113)
  label-badge-gray: rgb(95, 98, 103)
  # Cards
  card-background-color: rgb(32, 33, 36)
  ha-card-border-radius: "10px" 
  ha-card-box-shadow: 1px 1px 5px 0px rgb(12, 12, 14)
  paper-dialog-background-color: var(--card-background-color)
  paper-listbox-background-color: var(--card-background-color)
  paper-card-background-color: var(--card-background-color)
  # Switches
  #switch-checked-button-color: rgb(138, 180, 248)
  switch-checked-button-color: rgb(255, 255, 0)
  #switch-checked-track-color: rgb(138, 180, 248)
  switch-checked-track-color: rgb(255, 255, 0)
  switch-unchecked-button-color: rgb(172, 176, 185)
  switch-unchecked-track-color: rgb(154, 160, 166)
  # Toggles
  paper-toggle-button-checked-button-color: var(--switch-checked-button-color)
  paper-toggle-button-checked-bar-color: var(--switch-checked-track-color)
  paper-toggle-button-unchecked-button-color: var(--switch-unchecked-button-color)
  paper-toggle-button-unchecked-bar-color: var(--switch-unchecked-track-color)
  # Table
  table-row-background-color: var(--primary-background-color)
  table-row-alternative-background-color: var(--secondary-background-color)
  data-table-background-color: var(--primary-background-color)
  mdc-checkbox-unchecked-color: rgb(169, 177, 188)
  # Dropdowns
  material-background-color: var(--secondary-background-color)
  material-secondary-background-color: var(--primary-background-color)
  mdc-theme-surface: var(--primary-background-color)
  # Pre/Code
  markdown-code-background-color: rgb(23, 23, 23)

Google Blue Theme:
  # Header:
  app-header-background-color: rgb(23, 23, 23)
  app-header-text-color: rgb(198, 203, 210)
  # Main Interface Colors
  #검색 및 조회버튼 배경색임
  primary-color: rgb(138, 180, 248) #블루
  #primary-color: rgb(223, 194, 113)
  #primary-color: rgb(130, 130, 130) #오렌지
  light-primary-color: var(--primary-color)
  primary-background-color: rgb(23, 23, 23)
  secondary-background-color: rgb(32, 33, 36)
  divider-color: var(--primary-background-color)
  accent-color: rgb(138, 180, 248) #블루
  #accent-color: rgb(223, 194, 113)
  #accent-color: rgb(255, 255, 0)
  #accent-color: rgb(130, 130, 130) #오렌지
  # Text
  primary-text-color: rgb(242, 242, 242)
  secondary-text-color: rgb(166, 166, 166)
  text-primary-color: var(--primary-text-color)
  disabled-text-color: rgba(184, 190, 199, 0.4)
  # Sidebar Menu
  sidebar-icon-color: rgb(169, 177, 188)
  sidebar-text-color: rgb(198, 203, 210)
  sidebar-background-color: rgb(32, 33, 36)
  sidebar-selected-background-color: var(--primary-background-color)
  sidebar-selected-icon-color: rgb(138, 180, 248) #블루
  #sidebar-selected-icon-color: rgb(223, 194, 113)
  #sidebar-selected-icon-color: rgb(255, 255, 0)
  sidebar-selected-text-color: var(--sidebar-selected-icon-color)
  # Buttons
  #paper-item-icon-color: rgb(169, 177, 188)
  paper-item-icon-active-color: rgb(138, 180, 248) #블루
  #paper-item-icon-active-color: rgb(223, 194, 113)
  #버튼 활성화 색
  #paper-item-icon-active-color: rgb(255, 255, 0)
  # States and Badges
  state-icon-color: rgb(138, 180, 248) #블루
  #state-icon-color: rgb(223, 194, 113)
  #state-icon-color: rgb(255, 255, 0)
  state-icon-active-color: rgb(169, 177, 188)
  state-icon-unavailable-color: var(--disabled-text-color)
  # Sliders
  paper-slider-knob-color: rgb(138, 180, 248) #블루
  #paper-slider-knob-color: rgb(255, 255, 0)
  paper-slider-knob-start-color: var(--paper-slider-knob-color)
  paper-slider-pin-color: var(--paper-slider-knob-color)
  paper-slider-active-color: var(--paper-slider-knob-color)
  paper-slider-secondary-color: var(--light-primary-color)
  # Labels
  label-badge-background-color: rgb(32, 33, 36)
  label-badge-text-color: rgb(198, 203, 210)
  label-badge-red: rgb(208, 101, 104)
  label-badge-green: rgb(128, 200, 132)
  label-badge-blue: rgb(138, 180, 248)
  label-badge-yellow: rgb(223, 194, 113)
  label-badge-gray: rgb(95, 98, 103)
  # Cards
  card-background-color: rgb(32, 33, 36)
  ha-card-border-radius: "10px" 
  ha-card-box-shadow: 1px 1px 5px 0px rgb(12, 12, 14)
  paper-dialog-background-color: var(--card-background-color)
  paper-listbox-background-color: var(--card-background-color)
  paper-card-background-color: var(--card-background-color)
  # Switches
  switch-checked-button-color: rgb(138, 180, 248) #블루
  #switch-checked-button-color: rgb(255, 255, 0)
  switch-checked-track-color: rgb(138, 180, 248) #블루
  #switch-checked-track-color: rgb(255, 255, 0)
  switch-unchecked-button-color: rgb(172, 176, 185)
  switch-unchecked-track-color: rgb(154, 160, 166)
  # Toggles
  paper-toggle-button-checked-button-color: var(--switch-checked-button-color)
  paper-toggle-button-checked-bar-color: var(--switch-checked-track-color)
  paper-toggle-button-unchecked-button-color: var(--switch-unchecked-button-color)
  paper-toggle-button-unchecked-bar-color: var(--switch-unchecked-track-color)
  # Table
  table-row-background-color: var(--primary-background-color)
  table-row-alternative-background-color: var(--secondary-background-color)
  data-table-background-color: var(--primary-background-color)
  mdc-checkbox-unchecked-color: rgb(169, 177, 188)
  # Dropdowns
  material-background-color: var(--secondary-background-color)
  material-secondary-background-color: var(--primary-background-color)
  mdc-theme-surface: var(--primary-background-color)
  # Pre/Code
  markdown-code-background-color: rgb(23, 23, 23)

8-4. 비밀번호 취약 알림 해제 자동화 추가

remove_pwned-passwords-notice.yaml

alias: (TabSpace) 비밀번호 취약 알림 해제
description: Insecure secrets in ADD-ON_NAME의 알림을 자동으로 해제
trigger:
  - platform: event
    event_type: call_service
    event_data:
      domain: persistent_notification
      service: create
condition:
  - condition: template
    value_template: >
      {{ 'supervisor_issue_pwned' in
      trigger.event.data.service_data.notification_id }}
action:
  - service: persistent_notification.dismiss
    data:
      notification_id: |
        {{ trigger.event.data.service_data.notification_id }}
mode: parallel
max: 10

8-5. 시스템 시작 시 Google Dark Theme by TabSpace 자동 적용

theme_apply_on_startup.yaml

alias: (TabSpace) 시스템 시작 시 테마 자동적용
description: '시스템 시작 시에, Google Dark by TabSpace 테마를 자동으로 적용합니다.'
trigger:
  - platform: homeassistant
    event: start
condition: []
action:
  - service: frontend.set_theme
    data:
      name: Google Dark Theme
mode: single

8-6. Tasmota Integration 추가

SONOFF WIFI 스위치의 활용을 손쉽게 하기 위한 Tasmota Integration Pre Install

8-7. SmartIR Custom Components 추가

SmartIR Repository : https://github.com/smartHomeHub/SmartIR

# on ssh
cd  /usr/share/hassio/homeassistant/
mkdir custom_components
cd custom_components/
git clone https://github.com/smartHomeHub/SmartIR
cd SmartIR/
cd custom_components/
mv smartir/ ../../../
cd ../../../
cd custom_components/
rm -rf SmartIR/
mv smartir/ ./custom_components/
cd custom_components/
cd smartir/
ls

# edit configuration.yaml
# adding smartir custom components
# IR리모콘 사용을 손쉽게 할 수 있는 smartir 커스텀 컴포넌트 호출 ( https://github.com/smartHomeHub/SmartIR )  
smartir:

8-8. Tasmota-IRHVAC Custom Components 추가

Tasmota-IRHAVC Repository : https://github.com/hristo-atanasov/Tasmota-IRHVAC

cd /usr/share/hassio/homeassistant/custom_components/
sudo git clone https://github.com/hristo-atanasov/Tasmota-IRHVAC.git
cd Tasmota-IRHVAC/
cd custom_components/
sudo mv tasmota_irhvac ../../
cd ../../
sudo rm -rf Tasmota-IRHVAC/

Name		Name	Last commit message	Last commit date
Latest commit History 58 Commits
LICENSE		LICENSE
README.md		README.md
debian_kiosk_launch.txt		debian_kiosk_launch.txt

Uh oh!

Folders and files

Latest commit

History

Repository files navigation

TabSpaceOS

Download

Use

Prework Code

1. Install Armbian 21.08.3 Buster with Linux 5.10.60-sunxi

2. OLED Support

3. HOSTNAME Autochange

4. TimeZone Change

5. Docker CE Install (20.10.7)

6. HomeAssistant Install (Core 2021.10.6, Supervisor-2021.10.0)

6-1. HomeAssistant Login Information

7. HomeAssistant Add-On Install

7-1. File Editor (5.3.3)

7-1-1. Enable WatchDog

7-1-2. Enable Show Sidebar

7-1-3. Edit Configuration to Directory First shown

7-2. Zigbee2MQTT (1.21.2-1)

7-2-1. Add Repository ( https://github.com/zigbee2mqtt/hassio-zigbee2mqtt ) and Install

7-2-2. Change Zigbee Channel 25 and PAN ID on Z2M Configuration

7-2-3. Enable WatchDog

7-2-4. Enable Show Sidebar

7-3. Mosquitto broker (6.0.1)

7-3-1. Install Mosquitto Broker

7-3-2. Add login credential on HomeAssistant User

7-4. ZeroTier One (0.11.2)

8. HomeAssistant Configuration Setting

8-1. Include Dummy files

8-2. Exclude something laggy settings

8-3. Add theme (Google Dark theme by TabSpace)

8-4. 비밀번호 취약 알림 해제 자동화 추가

8-5. 시스템 시작 시 Google Dark Theme by TabSpace 자동 적용

8-6. Tasmota Integration 추가

8-7. SmartIR Custom Components 추가

8-8. Tasmota-IRHVAC Custom Components 추가

About

Resources

License

Uh oh!

Stars

Watchers

Forks

Releases 7

Packages 0

Uh oh!

Contributors

Uh oh!

Packages