scratch-blocks 1.2.0-beta.1 → 2.0.0-beta.2

package/blockly-rc/core/sprites.ts

@@ -1,15 +0,0 @@
-/**
- * @license
- * Copyright 2022 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-
-/**
- * Contains the path to a single png tat holds the images for the trashcan
- * as well as the zoom controls.
- */
-export const SPRITE = {
-  width: 96,
-  height: 124,
-  url: 'sprites.png',
-};

package/blockly-rc/core/theme/classic.ts

@@ -1,40 +0,0 @@
-/**
- * @license
- * Copyright 2018 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-
-// Former goog.module ID: Blockly.Themes.Classic
-
-import {Theme} from '../theme.js';
-
-const defaultBlockStyles = {
-  'colour_blocks': {'colourPrimary': '20'},
-  'list_blocks': {'colourPrimary': '260'},
-  'logic_blocks': {'colourPrimary': '210'},
-  'loop_blocks': {'colourPrimary': '120'},
-  'math_blocks': {'colourPrimary': '230'},
-  'procedure_blocks': {'colourPrimary': '290'},
-  'text_blocks': {'colourPrimary': '160'},
-  'variable_blocks': {'colourPrimary': '330'},
-  'variable_dynamic_blocks': {'colourPrimary': '310'},
-  'hat_blocks': {'colourPrimary': '330', 'hat': 'cap'},
-};
-
-const categoryStyles = {
-  'colour_category': {'colour': '20'},
-  'list_category': {'colour': '260'},
-  'logic_category': {'colour': '210'},
-  'loop_category': {'colour': '120'},
-  'math_category': {'colour': '230'},
-  'procedure_category': {'colour': '290'},
-  'text_category': {'colour': '160'},
-  'variable_category': {'colour': '330'},
-  'variable_dynamic_category': {'colour': '310'},
-};
-
-/**
- * Classic theme.
- * Contains multi-coloured border to create shadow effect.
- */
-export const Classic = new Theme('classic', defaultBlockStyles, categoryStyles);

package/blockly-rc/core/theme/themes.ts

@@ -1,12 +0,0 @@
-/**
- * @license
- * Copyright 2021 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-
-// Former goog.module ID: Blockly.Themes
-
-import {Classic} from './classic.js';
-import {Zelos} from './zelos.js';
-
-export {Classic, Zelos};

package/blockly-rc/core/theme/zelos.ts

@@ -1,80 +0,0 @@
-/**
- * @license
- * Copyright 2018 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-
-// Former goog.module ID: Blockly.Themes.Zelos
-
-import {Theme} from '../theme.js';
-
-const defaultBlockStyles = {
-  'colour_blocks': {
-    'colourPrimary': '#CF63CF',
-    'colourSecondary': '#C94FC9',
-    'colourTertiary': '#BD42BD',
-  },
-  'list_blocks': {
-    'colourPrimary': '#9966FF',
-    'colourSecondary': '#855CD6',
-    'colourTertiary': '#774DCB',
-  },
-  'logic_blocks': {
-    'colourPrimary': '#4C97FF',
-    'colourSecondary': '#4280D7',
-    'colourTertiary': '#3373CC',
-  },
-  'loop_blocks': {
-    'colourPrimary': '#0fBD8C',
-    'colourSecondary': '#0DA57A',
-    'colourTertiary': '#0B8E69',
-  },
-  'math_blocks': {
-    'colourPrimary': '#59C059',
-    'colourSecondary': '#46B946',
-    'colourTertiary': '#389438',
-  },
-  'procedure_blocks': {
-    'colourPrimary': '#FF6680',
-    'colourSecondary': '#FF4D6A',
-    'colourTertiary': '#FF3355',
-  },
-  'text_blocks': {
-    'colourPrimary': '#FFBF00',
-    'colourSecondary': '#E6AC00',
-    'colourTertiary': '#CC9900',
-  },
-  'variable_blocks': {
-    'colourPrimary': '#FF8C1A',
-    'colourSecondary': '#FF8000',
-    'colourTertiary': '#DB6E00',
-  },
-  'variable_dynamic_blocks': {
-    'colourPrimary': '#FF8C1A',
-    'colourSecondary': '#FF8000',
-    'colourTertiary': '#DB6E00',
-  },
-  'hat_blocks': {
-    'colourPrimary': '#4C97FF',
-    'colourSecondary': '#4280D7',
-    'colourTertiary': '#3373CC',
-    'hat': 'cap',
-  },
-};
-
-const categoryStyles = {
-  'colour_category': {'colour': '#CF63CF'},
-  'list_category': {'colour': '#9966FF'},
-  'logic_category': {'colour': '#4C97FF'},
-  'loop_category': {'colour': '#0fBD8C'},
-  'math_category': {'colour': '#59C059'},
-  'procedure_category': {'colour': '#FF6680'},
-  'text_category': {'colour': '#FFBF00'},
-  'variable_category': {'colour': '#FF8C1A'},
-  'variable_dynamic_category': {'colour': '#FF8C1A'},
-};
-
-/**
- * Zelos theme.
- */
-export const Zelos = new Theme('zelos', defaultBlockStyles, categoryStyles);

package/blockly-rc/core/theme.ts

@@ -1,232 +0,0 @@
-/**
- * @license
- * Copyright 2018 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-
-/**
- * The class representing a theme.
- *
- * @class
- */
-// Former goog.module ID: Blockly.Theme
-
-import * as registry from './registry.js';
-import * as object from './utils/object.js';
-
-export interface ITheme {
-  blockStyles?: {[key: string]: Partial<BlockStyle>};
-  categoryStyles?: {[key: string]: CategoryStyle};
-  componentStyles?: ComponentStyle;
-  fontStyle?: FontStyle;
-  startHats?: boolean;
-  base?: string | Theme;
-  name: string;
-}
-
-/**
- * Class for a theme.
- */
-export class Theme implements ITheme {
-  /** @internal */
-  blockStyles: {[key: string]: BlockStyle};
-  /** @internal */
-  categoryStyles: {[key: string]: CategoryStyle};
-  /** @internal */
-  componentStyles: ComponentStyle;
-  /** @internal */
-  fontStyle: FontStyle;
-
-  /**
-   * Whether or not to add a 'hat' on top of all blocks with no previous or
-   * output connections.
-   *
-   * @internal
-   */
-  startHats?: boolean = false;
-
-  /**
-   * @param name Theme name.
-   * @param opt_blockStyles A map from style names (strings) to objects with
-   *     style attributes for blocks.
-   * @param opt_categoryStyles A map from style names (strings) to objects with
-   *     style attributes for categories.
-   * @param opt_componentStyles A map of Blockly component names to style value.
-   */
-  constructor(
-    public name: string,
-    opt_blockStyles?: {[key: string]: Partial<BlockStyle>},
-    opt_categoryStyles?: {[key: string]: CategoryStyle},
-    opt_componentStyles?: ComponentStyle,
-  ) {
-    /** The block styles map. */
-    this.blockStyles = opt_blockStyles || Object.create(null);
-
-    /** The category styles map. */
-    this.categoryStyles = opt_categoryStyles || Object.create(null);
-
-    /** The UI components styles map. */
-    this.componentStyles =
-      opt_componentStyles || (Object.create(null) as ComponentStyle);
-
-    /** The font style. */
-    this.fontStyle = Object.create(null) as FontStyle;
-
-    // Register the theme by name.
-    registry.register(registry.Type.THEME, name, this, true);
-  }
-
-  /**
-   * Gets the class name that identifies this theme.
-   *
-   * @returns The CSS class name.
-   * @internal
-   */
-  getClassName(): string {
-    return this.name + '-theme';
-  }
-
-  /**
-   * Overrides or adds a style to the blockStyles map.
-   *
-   * @param blockStyleName The name of the block style.
-   * @param blockStyle The block style.
-   */
-  setBlockStyle(blockStyleName: string, blockStyle: BlockStyle) {
-    this.blockStyles[blockStyleName] = blockStyle;
-  }
-
-  /**
-   * Overrides or adds a style to the categoryStyles map.
-   *
-   * @param categoryStyleName The name of the category style.
-   * @param categoryStyle The category style.
-   */
-  setCategoryStyle(categoryStyleName: string, categoryStyle: CategoryStyle) {
-    this.categoryStyles[categoryStyleName] = categoryStyle;
-  }
-
-  /**
-   * Gets the style for a given Blockly UI component.  If the style value is a
-   * string, we attempt to find the value of any named references.
-   *
-   * @param componentName The name of the component.
-   * @returns The style value.
-   */
-  getComponentStyle(componentName: string): string | null {
-    const style = (this.componentStyles as AnyDuringMigration)[componentName];
-    if (!style) {
-      return null;
-    }
-    if (typeof style === 'string') {
-      const recursiveStyle = this.getComponentStyle(style);
-      if (recursiveStyle) {
-        return recursiveStyle;
-      }
-    }
-    return `${style}`;
-  }
-
-  /**
-   * Configure a specific Blockly UI component with a style value.
-   *
-   * @param componentName The name of the component.
-   * @param styleValue The style value.
-   */
-  setComponentStyle(componentName: string, styleValue: AnyDuringMigration) {
-    (this.componentStyles as AnyDuringMigration)[componentName] = styleValue;
-  }
-
-  /**
-   * Configure a theme's font style.
-   *
-   * @param fontStyle The font style.
-   */
-  setFontStyle(fontStyle: FontStyle) {
-    this.fontStyle = fontStyle;
-  }
-
-  /**
-   * Configure a theme's start hats.
-   *
-   * @param startHats True if the theme enables start hats, false otherwise.
-   */
-  setStartHats(startHats: boolean) {
-    this.startHats = startHats;
-  }
-
-  /**
-   * Define a new Blockly theme.
-   *
-   * @param name The name of the theme.
-   * @param themeObj An object containing theme properties.
-   * @returns A new Blockly theme.
-   */
-  static defineTheme(name: string, themeObj: ITheme): Theme {
-    name = name.toLowerCase();
-    const theme = new Theme(name);
-    let base = themeObj['base'];
-    if (base) {
-      if (typeof base === 'string') {
-        base = registry.getObject(registry.Type.THEME, base) ?? undefined;
-      }
-      if (base instanceof Theme) {
-        object.deepMerge(theme, base);
-        theme.name = name;
-      }
-    }
-
-    object.deepMerge(theme.blockStyles, themeObj['blockStyles']);
-    object.deepMerge(theme.categoryStyles, themeObj['categoryStyles']);
-    object.deepMerge(theme.componentStyles, themeObj['componentStyles']);
-    object.deepMerge(theme.fontStyle, themeObj['fontStyle']);
-    if (themeObj['startHats'] !== null) {
-      theme.startHats = themeObj['startHats'];
-    }
-
-    return theme;
-  }
-}
-
-export namespace Theme {
-  export interface BlockStyle {
-    colourPrimary: string;
-    colourSecondary: string;
-    colourTertiary: string;
-    hat: string;
-  }
-
-  export interface CategoryStyle {
-    colour: string;
-  }
-
-  export interface ComponentStyle {
-    workspaceBackgroundColour?: string;
-    toolboxBackgroundColour?: string;
-    toolboxForegroundColour?: string;
-    flyoutBackgroundColour?: string;
-    flyoutForegroundColour?: string;
-    flyoutOpacity?: number;
-    scrollbarColour?: string;
-    scrollbarOpacity?: number;
-    insertionMarkerColour?: string;
-    insertionMarkerOpacity?: number;
-    markerColour?: string;
-    cursorColour?: string;
-    selectedGlowColour?: string;
-    selectedGlowOpacity?: number;
-    replacementGlowColour?: string;
-    replacementGlowOpacity?: number;
-  }
-
-  export interface FontStyle {
-    family?: string;
-    weight?: string;
-    size?: number;
-  }
-}
-
-export type BlockStyle = Theme.BlockStyle;
-export type CategoryStyle = Theme.CategoryStyle;
-export type ComponentStyle = Theme.ComponentStyle;
-export type FontStyle = Theme.FontStyle;

package/blockly-rc/core/theme_manager.ts

@@ -1,192 +0,0 @@
-/**
- * @license
- * Copyright 2019 Google LLC
- * SPDX-License-Identifier: Apache-2.0
- */
-
-/**
- * Object in charge of storing and updating a workspace theme
- *     and UI components.
- *
- * @class
- */
-// Former goog.module ID: Blockly.ThemeManager
-
-import type {Theme} from './theme.js';
-import * as arrayUtils from './utils/array.js';
-import * as dom from './utils/dom.js';
-import type {Workspace} from './workspace.js';
-import type {WorkspaceSvg} from './workspace_svg.js';
-
-/**
- * Class for storing and updating a workspace's theme and UI components.
- */
-export class ThemeManager {
-  /** A list of workspaces that are subscribed to this theme. */
-  private subscribedWorkspaces_: Workspace[] = [];
-  private componentDB = new Map<string, Component[]>();
-
-  /**
-   * @param workspace The main workspace.
-   * @param theme The workspace theme.
-   * @internal
-   */
-  constructor(
-    private readonly workspace: WorkspaceSvg,
-    private theme: Theme,
-  ) {}
-
-  /**
-   * Get the workspace theme.
-   *
-   * @returns The workspace theme.
-   * @internal
-   */
-  getTheme(): Theme {
-    return this.theme;
-  }
-
-  /**
-   * Set the workspace theme, and refresh the workspace and all components.
-   *
-   * @param theme The workspace theme.
-   * @internal
-   */
-  setTheme(theme: Theme) {
-    const prevTheme = this.theme;
-    this.theme = theme;
-    // Set the theme name onto the injection div.
-    const injectionDiv = this.workspace.getInjectionDiv();
-    if (injectionDiv) {
-      if (prevTheme) {
-        const oldClassName = prevTheme.getClassName();
-        if (oldClassName) {
-          dom.removeClass(injectionDiv, oldClassName);
-        }
-      }
-      const newClassName = this.theme.getClassName();
-      if (newClassName) {
-        dom.addClass(injectionDiv, newClassName);
-      }
-    }
-
-    // Refresh all subscribed workspaces.
-    for (
-      let i = 0, workspace;
-      (workspace = this.subscribedWorkspaces_[i]);
-      i++
-    ) {
-      (workspace as WorkspaceSvg).refreshTheme();
-    }
-
-    // Refresh all registered Blockly UI components.
-    for (const [key, componentList] of this.componentDB) {
-      for (const component of componentList) {
-        const element = component.element;
-        const propertyName = component.propertyName;
-        const style = this.theme && this.theme.getComponentStyle(key);
-        element.style.setProperty(propertyName, style || '');
-      }
-    }
-
-    for (const workspace of this.subscribedWorkspaces_) {
-      (workspace as WorkspaceSvg).hideChaff();
-    }
-  }
-
-  /**
-   * Subscribe a workspace to changes to the selected theme.  If a new theme is
-   * set, the workspace is called to refresh its blocks.
-   *
-   * @param workspace The workspace to subscribe.
-   * @internal
-   */
-  subscribeWorkspace(workspace: Workspace) {
-    this.subscribedWorkspaces_.push(workspace);
-  }
-
-  /**
-   * Unsubscribe a workspace to changes to the selected theme.
-   *
-   * @param workspace The workspace to unsubscribe.
-   * @internal
-   */
-  unsubscribeWorkspace(workspace: Workspace) {
-    if (!arrayUtils.removeElem(this.subscribedWorkspaces_, workspace)) {
-      throw Error(
-        "Cannot unsubscribe a workspace that hasn't been subscribed.",
-      );
-    }
-  }
-
-  /**
-   * Subscribe an element to changes to the selected theme.  If a new theme is
-   * selected, the element's style is refreshed with the new theme's style.
-   *
-   * @param element The element to subscribe.
-   * @param componentName The name used to identify the component. This must be
-   *     the same name used to configure the style in the Theme object.
-   * @param propertyName The inline style property name to update.
-   * @internal
-   */
-  subscribe(
-    element: HTMLElement | SVGElement,
-    componentName: string,
-    propertyName: string,
-  ) {
-    if (!this.componentDB.has(componentName)) {
-      this.componentDB.set(componentName, []);
-    }
-
-    // Add the element to our component map.
-    this.componentDB.get(componentName)!.push({element, propertyName});
-
-    // Initialize the element with its corresponding theme style.
-    const style = this.theme && this.theme.getComponentStyle(componentName);
-    element.style.setProperty(propertyName, style || '');
-  }
-
-  /**
-   * Unsubscribe an element to changes to the selected theme.
-   *
-   * @param element The element to unsubscribe.
-   * @internal
-   */
-  unsubscribe(element: HTMLElement | SVGElement) {
-    if (!element) {
-      return;
-    }
-    // Go through all component, and remove any references to this element.
-    for (const [componentName, elements] of this.componentDB) {
-      for (let i = elements.length - 1; i >= 0; i--) {
-        if (elements[i].element === element) {
-          elements.splice(i, 1);
-        }
-      }
-      // Clean up the component map entry if the list is empty.
-      if (!elements.length) {
-        this.componentDB.delete(componentName);
-      }
-    }
-  }
-
-  /**
-   * Dispose of this theme manager.
-   *
-   * @internal
-   */
-  dispose() {
-    this.subscribedWorkspaces_.length = 0;
-    this.componentDB.clear();
-  }
-}
-
-export namespace ThemeManager {
-  /** The type for a Blockly UI Component. */
-  export interface Component {
-    element: HTMLElement | SVGElement;
-    propertyName: string;
-  }
-}
-
-export type Component = ThemeManager.Component;