@arpproject/recrate 0.1.2

package/src/crate-builder/editor-state.ts

@@ -0,0 +1,114 @@
+interface State {
+    id: string;
+    [key: string]: any; // Add index signature to allow dynamic properties
+}
+
+/**
+ * @class
+ *
+ * EditorState
+ *
+ * A class to work with the internal editor state of the component
+ *
+ */
+export class EditorState {
+    history: State[];
+    current: number;
+    constructor() {
+        this.history = [];
+        this.current = 0;
+    }
+
+    /**
+     * Reset the internal state
+     */
+    reset() {
+        this.history = [];
+        this.current = 0;
+    }
+
+    /**
+     * Push a new state onto the history stack
+     *
+     * A new state is an entry with the id of the currently displayed entity.
+     *
+     * @param {Object} options
+     * @param {String} options.id - the id of the entity that is currently displayed
+     */
+    push({ id }: State) {
+        if (!id) return;
+        if (this.history.length - 1 > this.current) {
+            this.history = this.history.slice(0, this.current + 1);
+        }
+        this.history = [...this.history, { id }];
+        this.current = this.history.length - 1;
+    }
+
+    /**
+     * Go back through the state
+     */
+    back() {
+        if (this.current === 0) return;
+        this.current -= 1;
+    }
+
+    /**
+     * Go forward through the state
+     */
+    forward() {
+        if (this.current === this.history.length - 1) return;
+        this.current += 1;
+    }
+
+    /**
+     * Return the current entry
+     */
+    latest() {
+        return this.history[this.current];
+    }
+
+    /**
+     * Update the current entry
+     *
+     * @param {Object} an object to be merged into the current entry
+     */
+    update(newState: State) {
+        this.history[this.current] = { ...this.history[this.current], ...newState };
+    }
+
+    /**
+     * Delete a property from the current entry
+     *
+     * @param {Object} object
+     * @param {String} object.property - the property to remove from the current entry
+     */
+    deleteFromState({ property }: { property: string }) {
+        delete (this.history as any)[this.current][property];
+    }
+
+    /**
+     * Replace an id in the state
+     *
+     * When we change an entity id, we also need to update the history
+     *   so we don't try to navigate back to a non-existent entity
+     *
+     * @param {Object} object
+     * @param {String} object.id - the id to replace
+     * @param {String} object.newId - the replacement
+     */
+    replaceId({ id, newId }: { id: string; newId: string }) {
+        // remove the latest history entry
+        //  if we don't do this, we end up with a duplicate
+        this.history = this.history.slice(0, -1);
+        this.current = this.history.length - 1;
+
+        // updating the rest of the history
+        this.history = this.history.map((e, i) => {
+            if (e.id === id) {
+                return { ...e, id: newId };
+            } else {
+                return e;
+            }
+        });
+    }
+}

package/src/crate-builder/helpers.ts

@@ -0,0 +1,16 @@
+import Ajv from "ajv";
+import profileSchema from "./profile-schema.json";
+
+export function validateProfile(profile: any) {
+    const ajv = new Ajv();
+    const validate = ajv.compile(profileSchema);
+    let valid = validate(profile);
+    if (!valid) {
+        return {
+            valid,
+            description: `Structural issues have been found in the profile.`,
+            data: validate.errors,
+        };
+    }
+    return { valid };
+}

package/src/crate-builder/i18n.ts

@@ -0,0 +1,22 @@
+import i18next from "i18next";
+import { initReactI18next } from "react-i18next";
+import en from "./locales/en.js";
+import hu from "./locales/hu.js";
+
+// Initialize i18next with React integration
+i18next
+  .use(initReactI18next) // This line connects i18next with React
+  .init({
+    debug: false,
+    resources: {
+      en,
+      hu,
+    },
+    lng: "en", // Default language
+    fallbackLng: "en",
+    interpolation: {
+      escapeValue: false // React already escapes values
+    }
+  });
+
+export default i18next;

package/src/crate-builder/lib/validate-iri.js

@@ -0,0 +1,69 @@
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __commonJS = (cb, mod) => function __require() {
+  return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
+};
+
+// node_modules/validate-iri/lib/Validate.js
+var require_Validate = __commonJS({
+  "node_modules/validate-iri/lib/Validate.js"(exports) {
+    Object.defineProperty(exports, "__esModule", { value: true });
+    exports.validateIri = exports.IriValidationStrategy = void 0;
+    function buildAbsoluteIriRfc3987Regex() {
+      const sub_delims_raw = `!$&'()*+,;=`;
+      const sub_delims = `[${sub_delims_raw}]`;
+      const pct_encoded = `%[a-fA-F0-9]{2}`;
+      const dec_octet = "([0-9]|[1-9][0-9]|1[0-9][0-9]|2[0-4][0-9]|25[0-5])";
+      const ipv4address = `${dec_octet}\\.${dec_octet}\\.${dec_octet}\\.${dec_octet}`;
+      const h16 = `[a-fA-F0-9]{1,4}`;
+      const ls32 = `(${h16}:${h16}|${ipv4address})`;
+      const ipv6address = `((${h16}:){6}${ls32}|::(${h16}:){5}${ls32}|(${h16})?::(${h16}:){4}${ls32}|((${h16}:){0,1}${h16})?::(${h16}:){3}${ls32}|((${h16}:){0,2}${h16})?::(${h16}:){2}${ls32}|((${h16}:){0,3}${h16})?::${h16}:${ls32}|((${h16}:){0,4}${h16})?::${ls32}|((${h16}:){0,5}${h16})?::${h16}|((${h16}:){0,6}${h16})?::)`;
+      const ipvfuture = `v[a-fA-F0-9]+\\.(${sub_delims}|${sub_delims}|":)+`;
+      const ip_literal = `\\[(${ipv6address}|${ipvfuture})\\]`;
+      const port = `[0-9]*`;
+      const scheme = `[a-zA-Z][a-zA-Z0-9+\\-.]*`;
+      const iprivate_raw = `\uE000-\uF8FF\u{F0000}-\u{FFFFD}\u{100000}-\u{10FFFD}`;
+      const iprivate = `[${iprivate_raw}]`;
+      const ucschar_raw = `\xA0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF\u{10000}-\u{1FFFD}\u{20000}-\u{2FFFD}\u{30000}-\u{3FFFD}\u{40000}-\u{4FFFD}\u{50000}-\u{5FFFD}\u{60000}-\u{6FFFD}\u{70000}-\u{7FFFD}\u{80000}-\u{8FFFD}\u{90000}-\u{9FFFD}\u{A0000}-\u{AFFFD}\u{B0000}-\u{BFFFD}\u{C0000}-\u{CFFFD}\u{D0000}-\u{DFFFD}\u{E1000}-\u{EFFFD}`;
+      const iunreserved_raw = `a-zA-Z0-9\\-._~${ucschar_raw}`;
+      const iunreserved = `[${iunreserved_raw}]`;
+      const ipchar = `(${iunreserved}|${pct_encoded}|${sub_delims}|[:@])*`;
+      const ifragment = `(${ipchar}|[\\/?])*`;
+      const iquery = `(${ipchar}|${iprivate}|[\\/?])*`;
+      const isegment_nz = `(${ipchar})+`;
+      const isegment = `(${ipchar})*`;
+      const ipath_empty = "";
+      const ipath_rootless = `${isegment_nz}(\\/${isegment})*`;
+      const ipath_absolute = `\\/(${isegment_nz}(\\/${isegment})*)?`;
+      const ipath_abempty = `(\\/${isegment})*`;
+      const ireg_name = `(${iunreserved}|${pct_encoded}|${sub_delims})*`;
+      const ihost = `(${ip_literal}|${ipv4address}|${ireg_name})`;
+      const iuserinfo = `(${iunreserved}|${pct_encoded}|${sub_delims}|:)*`;
+      const iauthority = `(${iuserinfo}@)?${ihost}(:${port})?`;
+      const ihier_part = `(\\/\\/${iauthority}${ipath_abempty}|${ipath_absolute}|${ipath_rootless}|${ipath_empty})`;
+      const iri = `^${scheme}:${ihier_part}(\\?${iquery})?(#${ifragment})?$`;
+      return new RegExp(iri, "u");
+    }
+    var STRICT_IRI_REGEX = buildAbsoluteIriRfc3987Regex();
+    var PRAGMATIC_IRI_REGEX = /^[A-Za-z][\d+-.A-Za-z]*:[^\u0000-\u0020"<>\\^`{|}]*$/u;
+    var IriValidationStrategy;
+    (function(IriValidationStrategy2) {
+      IriValidationStrategy2["Strict"] = "strict";
+      IriValidationStrategy2["Pragmatic"] = "pragmatic";
+      IriValidationStrategy2["None"] = "none";
+    })(IriValidationStrategy = exports.IriValidationStrategy || (exports.IriValidationStrategy = {}));
+    function validateIri(iri, strategy = IriValidationStrategy.Strict) {
+      switch (strategy) {
+        case IriValidationStrategy.Strict:
+          return STRICT_IRI_REGEX.test(iri) ? void 0 : new Error(`Invalid IRI according to RFC 3987: '${iri}'`);
+        case IriValidationStrategy.Pragmatic:
+          return PRAGMATIC_IRI_REGEX.test(iri) ? void 0 : new Error(`Invalid IRI according to RDF Turtle: '${iri}'`);
+        case IriValidationStrategy.None:
+          return void 0;
+        default:
+          return new Error(`Not supported validation strategy "${strategy}"`);
+      }
+    }
+    exports.validateIri = validateIri;
+  }
+});
+export default require_Validate();

package/src/crate-builder/lib/validate-iri.ts

@@ -0,0 +1,57 @@
+export enum IriValidationStrategy {
+  Strict = 'strict',
+  Pragmatic = 'pragmatic',
+  None = 'none'
+}
+
+function buildAbsoluteIriRfc3987Regex(): RegExp {
+  const sub_delims_raw = `!$&'()*+,;=`;
+  const sub_delims = `[${sub_delims_raw}]`;
+  const pct_encoded = `%[a-fA-F0-9]{2}`;
+  const dec_octet = "([0-9]|[1-9][0-9]|1[0-9][0-9]|2[0-4][0-9]|25[0-5])";
+  const ipv4address = `${dec_octet}\\.${dec_octet}\\.${dec_octet}\\.${dec_octet}`;
+  const h16 = `[a-fA-F0-9]{1,4}`;
+  const ls32 = `(${h16}:${h16}|${ipv4address})`;
+  const ipv6address = `((${h16}:){6}${ls32}|::(${h16}:){5}${ls32}|(${h16})?::(${h16}:){4}${ls32}|((${h16}:){0,1}${h16})?::(${h16}:){3}${ls32}|((${h16}:){0,2}${h16})?::(${h16}:){2}${ls32}|((${h16}:){0,3}${h16})?::${h16}:${ls32}|((${h16}:){0,4}${h16})?::${ls32}|((${h16}:){0,5}${h16})?::${h16}|((${h16}:){0,6}${h16})?::)`;
+  const ipvfuture = `v[a-fA-F0-9]+\\.(${sub_delims}|${sub_delims}|":)+`;
+  const ip_literal = `\\[(${ipv6address}|${ipvfuture})\\]`;
+  const port = `[0-9]*`;
+  const scheme = `[a-zA-Z][a-zA-Z0-9+\\-.]*`;
+  const iprivate_raw = `\uE000-\uF8FF\u{F0000}-\u{FFFFD}\u{100000}-\u{10FFFD}`;
+  const iprivate = `[${iprivate_raw}]`;
+  const ucschar_raw = `\xA0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF\u{10000}-\u{1FFFD}\u{20000}-\u{2FFFD}\u{30000}-\u{3FFFD}\u{40000}-\u{4FFFD}\u{50000}-\u{5FFFD}\u{60000}-\u{6FFFD}\u{70000}-\u{7FFFD}\u{80000}-\u{8FFFD}\u{90000}-\u{9FFFD}\u{A0000}-\u{AFFFD}\u{B0000}-\u{BFFFD}\u{C0000}-\u{CFFFD}\u{D0000}-\u{DFFFD}\u{E1000}-\u{EFFFD}`;
+  const iunreserved_raw = `a-zA-Z0-9\\-._~${ucschar_raw}`;
+  const iunreserved = `[${iunreserved_raw}]`;
+  const ipchar = `(${iunreserved}|${pct_encoded}|${sub_delims}|[:@])*`;
+  const ifragment = `(${ipchar}|[\\/?])*`;
+  const iquery = `(${ipchar}|${iprivate}|[\\/?])*`;
+  const isegment_nz = `(${ipchar})+`;
+  const isegment = `(${ipchar})*`;
+  const ipath_empty = "";
+  const ipath_rootless = `${isegment_nz}(\\/${isegment})*`;
+  const ipath_absolute = `\\/(${isegment_nz}(\\/${isegment})*)?`;
+  const ipath_abempty = `(\\/${isegment})*`;
+  const ireg_name = `(${iunreserved}|${pct_encoded}|${sub_delims})*`;
+  const ihost = `(${ip_literal}|${ipv4address}|${ireg_name})`;
+  const iuserinfo = `(${iunreserved}|${pct_encoded}|${sub_delims}|:)*`;
+  const iauthority = `(${iuserinfo}@)?${ihost}(:${port})?`;
+  const ihier_part = `(\\/\\/${iauthority}${ipath_abempty}|${ipath_absolute}|${ipath_rootless}|${ipath_empty})`;
+  const iri = `^${scheme}:${ihier_part}(\\?${iquery})?(#${ifragment})?$`;
+  return new RegExp(iri, "u");
+}
+
+const STRICT_IRI_REGEX = buildAbsoluteIriRfc3987Regex();
+const PRAGMATIC_IRI_REGEX = /^[A-Za-z][\d+-.A-Za-z]*:[^\u0000-\u0020"<>\\^`{|}]*$/;
+
+export function validateIri(iri: string, strategy: IriValidationStrategy = IriValidationStrategy.Strict): Error | undefined {
+  switch (strategy) {
+    case IriValidationStrategy.Strict:
+      return STRICT_IRI_REGEX.test(iri) ? undefined : new Error(`Invalid IRI according to RFC 3987: '${iri}'`);
+    case IriValidationStrategy.Pragmatic:
+      return PRAGMATIC_IRI_REGEX.test(iri) ? undefined : new Error(`Invalid IRI according to RDF Turtle: '${iri}'`);
+    case IriValidationStrategy.None:
+      return undefined;
+    default:
+      return new Error(`Not supported validation strategy "${strategy}"`);
+  }
+}

package/src/crate-builder/locales/en.js

@@ -0,0 +1,149 @@
+const en = {
+    translation: {
+        hello_one: "hello world",
+        hello_other: "hello worlds",
+
+        // RenderControls.component.vue
+        root_dataset_label: "Root dataset",
+        add_label: "Add",
+        edit_context_label: "Edit context",
+        preview_label: "Preview",
+        browse_entities_label: "Browse entities",
+        save_crate_as_template_label: "Save Crate as Template",
+        save_entity_template_label: "Save Entity Template",
+        delete_entity_label: "Delete Entity",
+        are_you_sure_to_delete: "Are you sure you want to delete this entity?",
+        are_you_sure_to_delete_yes: "Yes",
+        are_you_sure_to_delete_no: "No",
+        add_properties_to_this_entity: "Add properties to this entity",
+        edit_context: "Edit Context",
+        preview_crate: "Preview Crate",
+        browse_entities: "Browse entities",
+
+        // DialogAddProperty.component.vue
+        filter_attribute_set: "Filter the attribute set",
+
+        // DialogEditContext.component.vue
+        save_label: "Save",
+
+        // DialogPreviewCrate.component.vue
+        preview_loading: "loading ...",
+
+        // DialogBrowseEntities.component.vue
+        search_for_connection: "Search for a connection",
+        filter_by_type: "Filter by type",
+
+        // DialogSaveCrateAsTemplate.component.vue
+        save_template_prompt: "Save this crate as a template for re-use",
+        provide_name_for_template: "provide a name for the crate template",
+
+        // RenderEntityName.component.vue
+        name_field_label: "Name",
+        name_field_help: "A short, descriptive name for this item.",
+
+        // Add.component.vue
+        associate_existing_prompt:
+            "Associate an existing '{{addType}}' (lookup by identifier or name) or create a new '{{addType}}' by typing a name for it.",
+        associate_any_prompt: "Associate any entity (lookup by identifier or name).",
+        add_text: "Add text",
+
+        // Text.component.vue
+        invalid_type_for_text:
+            "The type '{{type}}' is not valid for this component. It can only be 'text' or 'textarea'",
+        text_constraints_error_message:
+            "The specified value does not meet the following constraints: {{- value}}, or it is considered invalid.",
+
+        // Date.component.vue
+        pick_a_date: "Pick a date",
+        invalid_date_value:
+            "The supplied date '{{value}}' is invalid. Date format is: YYYY-MM-DD or an ISO String. e.g. 2021-03-22 or 2022-09-28T02:20:56.521Z.",
+
+        // DateTime.component.vue
+        pick_a_datetime: "Pick a date and time",
+        invalid_datetime_value:
+            "The supplied date/time '{{value}}' is invalid. Date/Time format is: YYYY-MM-DD HH:mm:ss or an ISO String. e.g. 2021-03-22 03:23:00 or 2022-09-28T02:20:56.521Z.",
+
+        // Time.component.vue
+        provide_time: "Please provide a time.",
+        invalid_time_value:
+            "The supplied time '{{value}}' is invalid. Time format is: HH:mm::ss. e.g. 09:03:59",
+
+        // Number.component.vue
+        invalid_number_value:
+            "The supplied number '{{value}}' is invalid. The value must be a valid number passed in as a String or a Number.",
+        number_constraints_error_message:
+            "The specified number does not meet the following constraints: {{value}}",
+
+        // Select.component.vue
+        select: "Select",
+        invalid_select_value:
+            "The definition provided to this component has values of the wrong from. It can only be an array of strings",
+
+        // Url.component.vue
+        invalid_url_value:
+            "The entry needs to be a valid url. The accepted protocols are: http, https, ftp, ftps and arcp.",
+
+        // Boolean.component.vue
+        true_label: "True",
+        false_label: "False",
+
+        // SelectUrl.component.vue
+        // select: as above
+        invalid_selecturl_value:
+            "The value '{{value}}' provided to this component is of the wrong from. It can only be a valid URL.",
+        invalid_selecturl_values:
+            "The definition provided to this component has values of the wrong from. It can only be an array of strings which are each valid URLs.",
+
+        // SelectObject.component.vue
+        // select: as above
+        invalid_selectobject_values:
+            "The definition provided to this component has values of the wrong from. It can only be an array of JSON-LD objects and each object, at a minimum, must have '@id', '@type' and 'name' defined.",
+
+        // Geo.component.vue
+        define_location: "Define a location by selecting on the map",
+        center_map: "center map",
+        select_region: "select region",
+        select_point: "select point",
+        press_shift_drag_to_select: "Press the shift key and drag the mouse to select an area",
+        click_on_map_to_select_point: "Click on the map to select a point",
+        location_name: "Location Name",
+        provide_name_for_location: "Please provide a name for this location - optional",
+        provide_name_for_location_error: "You need to provide a name for this location",
+        select_existing_location: "Select a location that has already been defined",
+
+        // Value.component.vue
+        invalid_value_value: "The supplied value '{{value}}' is invalid. It can only be a string.",
+
+        // AutoComplete.component.vue
+        select_existing_or_create_new: "select an existing entity or create a new one",
+        create_new_of_type: "Create new {{type}}",
+        external_lookup_timeout_error: "External Lookup Timeout",
+        ror_lookup_timeout_error: "ROR Lookup Timeout",
+        associate_existing_entity: "Associate an entity already defined in this crate",
+        associate_entity_from_template: "Associate an entity from saved templates",
+        associate_organization_from_ror:
+            "Associate an Organization defined in the Research Organization Registry",
+        associate_user_created_entity: "Associate a user created entity",
+        associate_from_datapack: "Associate a verified entity from a datapack",
+        create_new_entity: "Create new entity",
+
+        // AddControl.component.vue
+        select_a_type_to_add: "Select a type to add",
+
+        // EntityType.tsx
+        select_a_class_to_add: "Select a class to add",
+
+        // PaginateLinkedEntities.component.vue
+        filter_the_entities: "Filter the entities",
+        pagination_total: "Total: {{total}}",
+
+        // RenderEntityProperty.component.vue
+        not_defined_in_profile: "not defined in profile",
+
+        // RenderReverseConnections.component.vue
+        // search_for_connection: defined before
+        links_to_this_entity: "Links to this entity:",
+    },
+};
+
+export default en;

package/src/crate-builder/locales/hu.js

@@ -0,0 +1,147 @@
+const hu = {
+    translation: {
+        hello_one: "szia világ",
+        hello_other: "sziasztok világok",
+
+        // RenderControls.component.vue
+        root_dataset_label: "Gyökér adatcsomag",
+        add_label: "Új elem",
+        edit_context_label: "Kontextus szerkesztése",
+        preview_label: "Előnézet",
+        browse_entities_label: "Entitás böngésző",
+        save_crate_as_template_label: "Mentés csomag mintaként",
+        save_entity_template_label: "Mentés entitás mintaként",
+        delete_entity_label: "Entitás törlése",
+        are_you_sure_to_delete: "Biztosan törölni akarja az entitást?",
+        are_you_sure_to_delete_yes: "Igen",
+        are_you_sure_to_delete_no: "Nem",
+        add_properties_to_this_entity: "Új adat hozzáadása az entitáshoz",
+        edit_context: "Kontextus szerkesztése",
+        preview_crate: "Csomag előnézete",
+        browse_entities: "Entitások böngészése",
+
+        // DialogAddProperty.component.vue
+        filter_attribute_set: "Attribútumok szűrése",
+
+        // DialogEditContext.component.vue
+        save_label: "Mentés",
+
+        // DialogPreviewCrate.component.vue
+        preview_loading: "betöltés ...",
+
+        // DialogBrowseEntities.component.vue
+        search_for_connection: "Kapcsolt entitás keresése",
+        filter_by_type: "Típus szerinti szűrés",
+        // DialogSaveCrateAsTemplate.component.vue
+        save_template_prompt: "Csomag mentése mintaként",
+        provide_name_for_template: "minta neve",
+
+        // RenderEntityName.component.vue
+        name_field_label: "Név",
+        name_field_help: "Az entitás rövid, leíró neve",
+
+        // Add.component.vue
+        associate_existing_prompt:
+            "Egy létező '{{addType}}' társítása (név vagy azonosító alapú kereséssel) vagy egy új '{{addType}}' létrehozása a név megadásával",
+        associate_any_prompt: "Bármely entitás hozzárendelése (azonosító vagy név alapján)",
+        add_text: "Szöveg hozzáadása",
+
+        // Text.component.vue
+        invalid_type_for_text:
+            "'{{type}}' típus nem használható ezzel a komponenssel. A típus csak 'text' vagy 'textarea' lehet",
+        text_constraints_error_message: "A megadott érték nem felel meg a következő megszorításoknak: {{- value}}, vagy érvénytelen.",
+
+        // Date.component.vue
+        pick_a_date: "Válassz dátumot!",
+        invalid_date_value:
+            "A megadott dátum '{{value}}' nem megfelelő. Az elvárt dátum formátum: YYYY-MM-DD vagy egy ISO dátum, pl. 2021-03-22 or 2022-09-28T02:20:56.521Z.",
+
+        // DateTime.component.vue
+        pick_a_datetime: "Válassz dátumot és időt!",
+        invalid_datetime_value:
+            "A megadott dátum/idő '{{value}}' nem megfelelő. Az elvárt dátum/idő formátum: YYYY-MM-DD HH:mm:ss vagy egy ISO dátum, pl. 2021-03-22 03:23:00 or 2022-09-28T02:20:56.521Z.",
+
+        // Time.component.vue
+        provide_time: "Add meg az időt!",
+        invalid_time_value:
+            "A megadott érték '{{value}}' nem megfelelő. Az elvárt idő formátum: HH:mm::ss. pl. 09:03:59",
+
+        // Number.component.vue
+        invalid_number_value:
+            "A megadott érték '{{value}}' nem megfelelő. Az értéket String vagy Number típusként kell megadni",
+        number_constraints_error_message: "A megadott szám nem felel meg a következő megszorításoknak: {{value}}",
+
+        // Select.component.vue
+        select: "Válassz!",
+        invalid_select_value:
+            "A komponensnek adott definíció értékei nem megfelelő formátumban vannak. Csak karakterláncokból álló tömb lehet.",
+
+        // Url.component.vue
+        invalid_url_value:
+            "A bejegyzésnek érvényes URL-nek kell lennie. Az elfogadott protokollok: http, https, ftp, ftps és arcp.",
+
+        // Boolean.component.vue
+        true_label: "Igaz",
+        false_label: "Hamis",
+
+        // SelectUrl.component.vue
+        // select: as above
+        invalid_selecturl_value:
+            "A megadott '{{value}}' érték nem megfelelő formátumú. Csak érvényes URL lehet.",
+        invalid_selecturl_values:
+            "A komponensnek adott definíció értékei nem megfelelő formátumban vannak. Csak olyan karakterláncokból álló tömb lehet, amelyek mindegyike érvényes URL.",
+
+        // SelectObject.component.vue
+        // select: as above
+        invalid_selectobject_values:
+            "A komponensnek adott definíció értékei nem megfelelő formátumban vannak. Csak JSON-LD objektumokból álló tömb lehet, és minden objektumnak legalább '@id', '@type' és 'name' meghatározással kell rendelkeznie.",
+
+        // Geo.component.vue
+        define_location: "Határozz meg egy helyet a térképen történő kiválasztással!",
+        center_map: "térkép középre állítása",
+        select_region: "régió kiválasztása",
+        select_point: "pont kiválasztása",
+        press_shift_drag_to_select:
+            "Nyomd le a shift billentyűt és húzd az egérrel, hogy kijelölj egy területet",
+        click_on_map_to_select_point: "Kattints a térképre, hogy kiválaszthass egy pontot",
+        location_name: "Hely neve",
+        provide_name_for_location: "Adj nevet ennek a helynek!",
+        provide_name_for_location_error: "A hely nevének megadása kötelező!",
+        select_existing_location: "Válassz egy már meghatározott helyet a csomagban!",
+
+        // Value.component.vue
+        invalid_value_value: "A megadott '{{value}}' érték érvénytelen. Csak karakterlánc lehet.",
+
+        // AutoComplete.component.vue
+        select_existing_or_create_new: "válassz egy meglévő entitást vagy hozz létre egy újat",
+        create_new_of_type: "Új {{type}} létrehozása",
+        external_lookup_timeout_error: "Külső lekérdezési időtúllépés",
+        ror_lookup_timeout_error: "ROR lekérdezési időtúllépés",
+        associate_existing_entity: "Kapcsolj egy már ebben a csomagban definiált entitást",
+        associate_entity_from_template: "Kapcsolj egy mentett sablonból származó entitást",
+        associate_organization_from_ror:
+            "Kapcsolj egy a Research Organization Registryben definiált szervezetet",
+        associate_user_created_entity: "Kapcsolj egy felhasználó által létrehozott entitást",
+        associate_from_datapack: "Kapcsolj egy ellenőrzött entitást egy adatcsomagból",
+        create_new_entity: "Új entitás létrehozása",
+
+        // AddControl.component.vue
+        select_a_type_to_add: "Válassz hozzáadandó típust",
+
+        // EntityType.tsx
+        select_a_class_to_add: "Válassz hozzáadandó osztályt",
+
+        // PaginateLinkedEntities.component.vue
+        filter_the_entities: "Entitások szűrése",
+        pagination_total: "Összesen: {{total}}",
+
+        // RenderEntityProperty.component.vue
+        not_defined_in_profile: "nincs definiálva a profilban",
+
+        // RenderReverseConnections.component.vue
+        // search_for_connection: defined before
+        links_to_this_entity: "Entitásra mutató hivatkozások:",
+    },
+};
+
+export default hu;

package/src/crate-builder/primitives/Boolean.stories.tsx

@@ -0,0 +1,33 @@
+import React from 'react';
+import { Meta, StoryObj } from '@storybook/react';
+import Boolean from './Boolean';
+
+const meta: Meta<typeof Boolean> = {
+  component: Boolean,
+  title: 'Primitives/Boolean',
+  argTypes: {
+    value: {
+      options: [true, false],
+      control: { type: 'radio' }
+    },
+    onSaveProperty: { action: 'saveProperty' }
+  }
+};
+
+export default meta;
+
+type Story = StoryObj<typeof Boolean>;
+
+export const Default: Story = {
+  args: {
+    property: 'boolean',
+    value: false
+  }
+};
+
+export const Checked: Story = {
+  args: {
+    property: 'boolean',
+    value: true
+  }
+}; 

package/src/crate-builder/primitives/Boolean.tsx

@@ -0,0 +1,67 @@
+import React, { useState, useEffect } from 'react';
+import { Switch, Form} from 'antd'
+import { useTranslation } from 'react-i18next';
+import { debounce } from 'lodash';
+
+export interface BooleanProps {
+  property: string;
+  value?: boolean;
+  onSaveProperty: (data: { property: string; value: boolean }) => void;
+}
+
+const Boolean: React.FC<BooleanProps> = ({ property, value = false, onSaveProperty }) => {
+  // Add try-catch to handle the case when i18n is not available (like in Storybook)
+  let t: (key: string) => string;
+  try {
+    const i18n = useTranslation();
+    t = i18n.t;
+  } catch (e) {
+    // Fallback translation function if i18n is not available
+    t = (key: string) => key === 'true_label' ? 'True' : 'False';
+  }
+
+  const [internalValue, setInternalValue] = useState<boolean>(value);
+
+  // Update internal value when prop value changes
+  useEffect(() => {
+    setInternalValue(value);
+  }, [value]);
+
+  // Create debounced save function
+  const debouncedSave = React.useCallback(
+    debounce((newValue: boolean) => {
+      onSaveProperty({
+        property,
+        value: newValue
+      });
+    }, 200),
+    [property, onSaveProperty]
+  );
+
+  // Handle change
+  const handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {
+    const newValue = event.target.checked;
+    setInternalValue(newValue);
+    debouncedSave(newValue);
+  };
+
+  return (
+    <div className="flex flex-col describo-property-type-boolean">
+      <div className="flex flex-row space-x-2">
+        <Form.Item  
+          label={internalValue ? t('true_label') : t('false_label')}
+        >
+          <Switch
+              checked={internalValue}
+              onChange={(checked: boolean) => {
+                handleChange({ target: { checked } } as React.ChangeEvent<HTMLInputElement>);
+               }}
+              size="default"
+            />
+        </Form.Item>
+      </div>
+    </div>
+  );
+};
+
+export default Boolean;