import { writable } from 'svelte/store';

const internals = {};

internals.forums = [
  {
    id: 'life',
    glyph: '☆',
    label: 'Life'
  },
  {
    id: 'the-world',
    glyph: '◯',
    label: 'The World'
  },
  {
    id: 'online',
    glyph: '⏀',
    label: 'Online'
  },
  {
    id: 'experience',
    glyph: '♢',
    label: 'Experience'
  },
  {
    id: 'belief',
    glyph: '⏃',
    label: 'Belief'
  },
  {
    id: 'movement',
    glyph: '▷',
    label: 'Movement'
  },
  {
    id: 'emotion',
    glyph: '☽',
    label: 'Emotion'
  },
  {
    id: 'interaction',
    glyph: '〒',
    label: 'Interaction'
  },
  {
    id: 'structure',
    glyph: '▢',
    label: 'Structure'
  },
  {
    id: 'sound',
    glyph: '〰',
    label: 'Sound'
  },
  {
    id: 'words',
    glyph: '╳',
    label: 'Words'
  },
  {
    id: 'us',
    glyph: '╱',
    label: 'Us'
  },
  {
    id: 'everything',
    glyph: '♡',
    label: 'Everything'
  }
];

export const forums = writable(internals.forums);

export const addForum = function addForum() {

  const id = Math.random();

  forums.update((originalForums) => ([...originalForums,
    {
      id,
      glyph: 'の',
      label: `Woah ${id}`
    }
  ]));
};