Examples with VueComponent com.axellience.vuegwt.core.client.component.VueComponent used on opensource projects

Example 1 with VueComponent

use of com.axellience.vuegwt.core.client.component.VueComponent in project vue-gwt by Axellience.

the class VueGwtExamplesService method initExamples.

public static void initExamples() {
    if (DomGlobal.document.getElementById("fullJsComponent") != null) {
        VueJsConstructor<VueComponent> vueClass = (VueJsConstructor<VueComponent>) ((JsPropertyMap) DomGlobal.window).get("FullJsComponent");
        VueComponent myComponent = vueClass.instantiate();
        myComponent.$mount("#fullJsComponent");
    }
    ExampleInjector exampleInjector = DaggerExampleInjector.builder().build();
    addExample("simpleLinkComponent", SimpleLinkComponent.class);
    addExample("emitAnnotation", ParentEmitAnnotationComponent.class);
    addExample("linkComponent", LinkComponent.class);
    addExample("canHideComponent", CanHideComponent.class);
    addExample("simpleTodoListComponent", SimpleTodoListComponent.class);
    addExample("exclamationComponent", ExclamationComponent.class);
    addExample("messageComponent", MessageComponent.class);
    addExample("parentComponent", ParentComponent.class);
    addExample("todoListComponent", TodoListComponent.class);
    addExample("melisandreComponent", MelisandreComponent.class);
    addExample("kittenComponent", KittenComponent.class);
    addExample("reverseComponent", ReverseComponent.class);
    addExample("vForWithIndexComponent", VForWithIndexComponent.class);
    addExample("vForWithRangeComponent", VForWithRangeComponent.class);
    addExample("vForOnObjectComponent", VForOnObjectComponent.class);
    addExample("vForOnObjectWithKeyComponent", VForOnObjectWithKeyComponent.class);
    addExample("vForOnObjectWithKeyAndIndexComponent", VForOnObjectWithKeyAndIndexComponent.class);
    addExample("evenNumbersComponent", EvenNumbersComponent.class);
    addExample("bindInlineStyleComponent", BindInlineStyleComponent.class);
    addExample("buttonPlusOneComponent", ButtonPlusOneComponent.class);
    addExample("greetComponent", GreetComponent.class);
    addExample("hiWhatComponent", HiWhatComponent.class);
    addExample("vOnWithDOMEventComponent", VOnWithDOMEventComponent.class);
    addExample("todoTextComponent", TodoTextComponent.class);
    addExample("todoTextComputedComponent", TodoTextComputedComponent.class);
    addExample("sharedDataModelComponent1", SharedDataModelComponent.class);
    addExample("sharedDataModelComponent2", SharedDataModelComponent.class);
    addExample("sharedDataModelComponent3", SharedDataModelComponent.class);
    addExample("counterWithEventComponent", CounterWithEventComponent.class);
    addExample("treeComponent", TreeComponent.class);
    addExample("recursiveComponent", RecursiveComponent.class);
    addExample("focusDirectiveComponent", FocusDirectiveComponent.class);
    addExample("renderAppComponent", RenderAppComponent.class);
    addExample("extendJavaComponent", ChildComponent.class);
    addExample("fullJsWithMethodsComponent", FullJsWithMethodsComponentFactory.get());
    addExample("propDefaultValueComponent", ParentPropDefaultValueComponent.class);
    addExample("gotQuotesComponent", exampleInjector.gotQuoteComponentFactory());
    addExample("errorBoundary", ErrorBoundaryComponent.class);
    addExample("extendJsComponent", ChildJavaComponent.class);
    addExample("passValues", ParentPassValuesComponent.class);
}

Example 2 with VueComponent

use of com.axellience.vuegwt.core.client.component.VueComponent in project vue-gwt by Axellience.

the class VueGwtExamplesService method addExample.

private static void addExample(String exampleId, VueFactory exampleVueFactory) {
    // If we find the containing div for this example, we instantiate it
    if (DomGlobal.document.getElementById(exampleId) != null) {
        VueComponent exampleInstance = Vue.attach("#" + exampleId, exampleVueFactory);
        ((JsPropertyMap) DomGlobal.window).set(exampleId, exampleInstance);
    }
}

Example 3 with VueComponent

use of com.axellience.vuegwt.core.client.component.VueComponent in project vue-gwt by Axellience.

the class ComponentJsTypeGenerator method getOptionsMethodBuilder.

/**
 * Create and return the builder for the method that creating the {@link VueComponentOptions}
 * for this {@link VueComponent}.
 * @param component The {@link VueComponent} we are generating for
 * @return A {@link MethodSpec.Builder} for the method that creates the {@link VueComponentOptions}
 */
private MethodSpec.Builder getOptionsMethodBuilder(TypeElement component) {
    TypeName optionsTypeName = ParameterizedTypeName.get(ClassName.get(VueComponentOptions.class), ClassName.get(component));
    MethodSpec.Builder optionsMethodBuilder = MethodSpec.methodBuilder("getOptions").addModifiers(Modifier.PUBLIC, Modifier.STATIC).returns(optionsTypeName).addStatement("$T options = new $T()", optionsTypeName, optionsTypeName);
    Component annotation = component.getAnnotation(Component.class);
    if (!"".equals(annotation.name()))
        optionsMethodBuilder.addStatement("options.setName($S)", annotation.name());
    optionsMethodBuilder.addStatement("options.setComponentJavaPrototype($T.getJavaConstructor($T.class).prototype)", VueGWT.class, componentJsTypeName(component));
    return optionsMethodBuilder;
}

Example 4 with VueComponent

use of com.axellience.vuegwt.core.client.component.VueComponent in project vue-gwt by Axellience.

the class ComponentJsTypeGenerator method processData.

/**
 * Process data fields from the {@link VueComponent} Class.
 * @param component {@link VueComponent} to process
 * @param optionsBuilder A {@link MethodSpec.Builder} for the method that creates the
 * {@link VueComponentOptions}
 */
private void processData(TypeElement component, MethodSpec.Builder optionsBuilder) {
    Component annotation = component.getAnnotation(Component.class);
    List<String> fieldsName = ElementFilter.fieldsIn(component.getEnclosedElements()).stream().filter(ComponentGeneratorsUtil::isFieldVisibleInJS).filter(field -> field.getAnnotation(Prop.class) == null).map(field -> field.getSimpleName().toString()).collect(Collectors.toList());
    if (fieldsName.isEmpty())
        return;
    // Declare data fields
    String fieldNamesParameters = fieldsName.stream().map(fieldName -> "\"" + fieldName + "\"").collect(Collectors.joining(", "));
    optionsBuilder.addStatement("options.initData($L, $L)", annotation.useFactory(), fieldNamesParameters);
}

Example 5 with VueComponent

use of com.axellience.vuegwt.core.client.component.VueComponent in project vue-gwt by Axellience.

the class ComponentJsTypeGenerator method processProps.

/**
 * Process Vue Props from the {@link VueComponent} Class.
 * @param component {@link VueComponent} to process
 * @param optionsBuilder A {@link MethodSpec.Builder} for the method that creates the
 * {@link VueComponentOptions}
 */
private void processProps(TypeElement component, MethodSpec.Builder optionsBuilder) {
    ElementFilter.fieldsIn(component.getEnclosedElements()).stream().filter(field -> hasAnnotation(field, Prop.class)).forEach(field -> {
        String fieldName = field.getSimpleName().toString();
        Prop prop = field.getAnnotation(Prop.class);
        if (!isFieldVisibleInJS(field)) {
            printError("The field \"" + fieldName + "\" annotated with @Prop must also be annotated with @JsProperty.", component);
        }
        optionsBuilder.addStatement("options.addJavaProp($S, $L, $S)", fieldName, prop.required(), prop.checkType() ? getNativeNameForJavaType(field.asType()) : null);
    });
}