Skip to main content

Internal client of trame

Project description

This package is not supposed to be used by iteself but rather should come as a dependency of trame. For any specificity, please refer to the trame documentation.

This package is under the same MIT License as the Vue.js library that it mainly depends on.

Community

Vue Components

<trame-connect name="TrameConnect" :config="{}" :exclude="[]" use-url forward-errors>
    <trame-server-template template-name="main" />

    <!-- advanced -->
    <trame-client-state-change
        :value="varName"
        @change="..."
    />

    <trame-client-trigger
        @created="..."
        @mounted="..."
        @beforeDestroy="..."
        @beforeUnmount="..."

        @custom_trigger_1="..."
        @custom_trigger_2="..."
        @custom_trigger_n="..."
    />

    <trame-life-cycle-monitor
        name="My name"
        type="log"
        :value="varNameToMonitorUpdated"
        :events="['created', 'beforeMount', 'mounted', 'beforeUpdate', 'updated', 'beforeDestroy', 'destroyed']"
    />

    <trame-loading message="welcome" />

    <trame-mouse-trap
        :mapping="[{ keys: ['ctrl+s', 'mod+s'], stop: 1, event: 'Save' }]"
        @Save="..."
    />

    <trame-state-resolver :names="['a', 'b', 'c']" v-slot="{a, b, c, set, trame}">
        <div>
            <div>
                A: {{ a }}
            </div>
            <div>
                B: {{ b }}
            </div>
            <div>
                C: {{ c }}
            </div>
            <br>
            <button @click="trame.state.set('a', a + 1)">A+</button>
            <br>
            <button @click="set('a', a - 1)">A-</button>
            <br>
            <button>B</button>
            <br>
            <button>C</button>
        </div>
    </trame-state-resolver>
</trame-connect>

Development

Build and install the client side.

cd vue-app
npm i
npm run build            # build trame client application
npm run build:components # build trame components for integration purpose
cd -

Publish the trame-components to npm

cd vue-app
# ... publish

Publish the trame-client to PyPI

# a, b, c...

Project details


Release history Release notifications | RSS feed

Download files

Download the file for your platform. If you're not sure which to choose, learn more about installing packages.

Source Distribution

trame-client-2.0.0rc2.tar.gz (198.5 kB view hashes)

Uploaded Source

Built Distribution

trame_client-2.0.0rc2-py3-none-any.whl (204.3 kB view hashes)

Uploaded Python 3

Supported by

AWS AWS Cloud computing and Security Sponsor Datadog Datadog Monitoring Fastly Fastly CDN Google Google Download Analytics Microsoft Microsoft PSF Sponsor Pingdom Pingdom Monitoring Sentry Sentry Error logging StatusPage StatusPage Status page