designertool 0.0.1-dev

package/dist/stores/project-store.d.ts

@@ -0,0 +1,7 @@
+import { Project } from '../types/api';
+export declare const useProject: import('./pinia/dist/pinia.esm-browser.js').StoreDefinition<"project", {
+    project: Project;
+    projectEndpoint: string;
+}, {}, {
+    getProjectDetails(): Promise<void>;
+}>;

package/dist/stores/template-store.d.ts

@@ -0,0 +1,9 @@
+import { Template, PostcardTemplateCategory } from '../types/api';
+export declare const useTemplate: import('./pinia/dist/pinia.esm-browser.js').StoreDefinition<"template", {
+    templates: Template[];
+    templateCategories: PostcardTemplateCategory[];
+    isResultLoading: boolean;
+}, {}, {
+    searchTemplates(side: string, category: number, keyword: string): Promise<void>;
+    fetchTemplateCategories(): Promise<void>;
+}>;

package/dist/stores/unsplash-store.d.ts

@@ -0,0 +1,99 @@
+import { Photo } from '../types/unsplash';
+export declare const useUnsplash: import('./pinia/dist/pinia.esm-browser.js').StoreDefinition<"unsplash", {
+    unsplashApi: {
+        photos: {
+            get: (a: {
+                photoId: string;
+            }, additionalFetchOptions?: import("unsplash-js/dist/helpers/request").AdditionalFetchOptions | undefined) => Promise<import("unsplash-js/dist/helpers/response").ApiResponse<import("unsplash-js/dist/methods/photos/types").Full>>;
+            list: (a: import("unsplash-js/dist/types/request").PaginationParams | undefined, additionalFetchOptions?: import("unsplash-js/dist/helpers/request").AdditionalFetchOptions | undefined) => Promise<import("unsplash-js/dist/helpers/response").ApiResponse<{
+                results: import("unsplash-js/dist/methods/photos/types").Basic[];
+                total: number;
+            }>>;
+            getStats: (a: {
+                photoId: string;
+            }, additionalFetchOptions?: import("unsplash-js/dist/helpers/request").AdditionalFetchOptions | undefined) => Promise<import("unsplash-js/dist/helpers/response").ApiResponse<import("unsplash-js/dist/methods/photos/types").Stats>>;
+            getRandom: (a: import("unsplash-js/dist/methods/photos").RandomParams | undefined, additionalFetchOptions?: import("unsplash-js/dist/helpers/request").AdditionalFetchOptions | undefined) => Promise<import("unsplash-js/dist/helpers/response").ApiResponse<import("unsplash-js/dist/methods/photos/types").Random | import("unsplash-js/dist/methods/photos/types").Random[]>>;
+            trackDownload: (a: {
+                downloadLocation: string;
+            }, additionalFetchOptions?: import("unsplash-js/dist/helpers/request").AdditionalFetchOptions | undefined) => Promise<import("unsplash-js/dist/helpers/response").ApiResponse<{
+                url: string;
+            }>>;
+        };
+        users: {
+            getPhotos: (a: {
+                stats?: boolean | undefined;
+            } & import("unsplash-js/dist/types/request").OrientationParam & {
+                username: string;
+            } & import("unsplash-js/dist/types/request").PaginationParams, additionalFetchOptions?: import("unsplash-js/dist/helpers/request").AdditionalFetchOptions | undefined) => Promise<import("unsplash-js/dist/helpers/response").ApiResponse<{
+                results: import("unsplash-js/dist/methods/photos/types").Basic[];
+                total: number;
+            }>>;
+            getCollections: (a: {
+                username: string;
+            } & import("unsplash-js/dist/types/request").PaginationParams, additionalFetchOptions?: import("unsplash-js/dist/helpers/request").AdditionalFetchOptions | undefined) => Promise<import("unsplash-js/dist/helpers/response").ApiResponse<{
+                results: import("unsplash-js/dist/methods/collections/types").Basic[];
+                total: number;
+            }>>;
+            getLikes: (a: import("unsplash-js/dist/types/request").OrientationParam & {
+                username: string;
+            } & import("unsplash-js/dist/types/request").PaginationParams, additionalFetchOptions?: import("unsplash-js/dist/helpers/request").AdditionalFetchOptions | undefined) => Promise<import("unsplash-js/dist/helpers/response").ApiResponse<{
+                results: import("unsplash-js/dist/methods/photos/types").Basic[];
+                total: number;
+            }>>;
+            get: (a: {
+                username: string;
+            }, additionalFetchOptions?: import("unsplash-js/dist/helpers/request").AdditionalFetchOptions | undefined) => Promise<import("unsplash-js/dist/helpers/response").ApiResponse<import("unsplash-js/dist/methods/users/types").Full>>;
+        };
+        search: {
+            getCollections: (a: import("unsplash-js/dist/methods/search").SearchParams, additionalFetchOptions?: import("unsplash-js/dist/helpers/request").AdditionalFetchOptions | undefined) => Promise<import("unsplash-js/dist/helpers/response").ApiResponse<import("unsplash-js/dist/methods/search/types/response").Collections>>;
+            getPhotos: (a: {
+                query: string;
+            } & Pick<import("unsplash-js/dist/types/request").PaginationParams, "page" | "perPage"> & import("unsplash-js/dist/types/request").OrientationParam & {
+                orderBy?: import("unsplash-js").SearchOrderBy | undefined;
+                color?: import("unsplash-js").ColorId | undefined;
+                plus?: import("unsplash-js").Plus | undefined;
+                lang?: import("unsplash-js").Language | undefined;
+                contentFilter?: import("unsplash-js").ContentFilter | undefined;
+                collectionIds?: string[] | undefined;
+            }, additionalFetchOptions?: import("unsplash-js/dist/helpers/request").AdditionalFetchOptions | undefined) => Promise<import("unsplash-js/dist/helpers/response").ApiResponse<import("unsplash-js/dist/methods/search/types/response").Photos>>;
+            getUsers: (a: import("unsplash-js/dist/methods/search").SearchParams, additionalFetchOptions?: import("unsplash-js/dist/helpers/request").AdditionalFetchOptions | undefined) => Promise<import("unsplash-js/dist/helpers/response").ApiResponse<import("unsplash-js/dist/methods/search/types/response").Users>>;
+        };
+        collections: {
+            getPhotos: (a: {
+                collectionId: string;
+            } & import("unsplash-js/dist/types/request").PaginationParams & import("unsplash-js/dist/types/request").OrientationParam, additionalFetchOptions?: import("unsplash-js/dist/helpers/request").AdditionalFetchOptions | undefined) => Promise<import("unsplash-js/dist/helpers/response").ApiResponse<{
+                results: any[];
+                total: number;
+            }>>;
+            get: (a: {
+                collectionId: string;
+            }, additionalFetchOptions?: import("unsplash-js/dist/helpers/request").AdditionalFetchOptions | undefined) => Promise<import("unsplash-js/dist/helpers/response").ApiResponse<any>>;
+            list: (a: Pick<import("unsplash-js/dist/types/request").PaginationParams, "page" | "perPage"> | undefined, additionalFetchOptions?: import("unsplash-js/dist/helpers/request").AdditionalFetchOptions | undefined) => Promise<import("unsplash-js/dist/helpers/response").ApiResponse<{
+                results: any[];
+                total: number;
+            }>>;
+            getRelated: (a: {
+                collectionId: string;
+            }, additionalFetchOptions?: import("unsplash-js/dist/helpers/request").AdditionalFetchOptions | undefined) => Promise<import("unsplash-js/dist/helpers/response").ApiResponse<any>>;
+        };
+        topics: {
+            list: (a: import("unsplash-js/dist/helpers/typescript").OmitStrict<import("unsplash-js/dist/types/request").PaginationParams, "orderBy"> & {
+                orderBy?: import("unsplash-js/dist/methods/topics").TopicOrderBy | undefined;
+                topicIdsOrSlugs?: string[] | undefined;
+            }, additionalFetchOptions?: import("unsplash-js/dist/helpers/request").AdditionalFetchOptions | undefined) => Promise<import("unsplash-js/dist/helpers/response").ApiResponse<{
+                results: import("unsplash-js/dist/methods/topics/types").Basic[];
+                total: number;
+            }>>;
+            get: (a: import("unsplash-js/dist/methods/topics").TopicIdOrSlug, additionalFetchOptions?: import("unsplash-js/dist/helpers/request").AdditionalFetchOptions | undefined) => Promise<import("unsplash-js/dist/helpers/response").ApiResponse<import("unsplash-js/dist/methods/topics/types").Full>>;
+            getPhotos: (a: import("unsplash-js/dist/methods/topics").TopicIdOrSlug & import("unsplash-js/dist/types/request").PaginationParams & import("unsplash-js/dist/types/request").OrientationParam, additionalFetchOptions?: import("unsplash-js/dist/helpers/request").AdditionalFetchOptions | undefined) => Promise<import("unsplash-js/dist/helpers/response").ApiResponse<{
+                results: import("unsplash-js/dist/methods/photos/types").Basic[];
+                total: number;
+            }>>;
+        };
+    };
+    photos: Photo[];
+    isResultLoading: boolean;
+}, {}, {
+    searchPhotos(text: string): Promise<void>;
+    trackDownload(link: string): void;
+}>;

package/dist/types/api.d.ts

@@ -0,0 +1,58 @@
+export interface Template {
+    id: number;
+    name: string;
+    description: string;
+    content: string;
+    preview: string;
+    size: string;
+    side: string;
+    created_at: string;
+    updated_at: string;
+    category_id: number;
+    postcard_template_category: PostcardTemplateCategory;
+}
+export interface PostcardTemplateCategory {
+    id: number;
+    name: string;
+    created_at: string;
+    updated_at: string;
+    project_id: number;
+}
+export interface S3Image {
+    id: number;
+    created_at: string;
+    updated_at: string;
+    name: string;
+    path: string;
+    project_id: number;
+    status: string;
+    project: Project;
+}
+export interface Project {
+    id: number;
+    created_at: string;
+    updated_at: string;
+    user_id: number;
+    name: string;
+    feature_s3: boolean;
+    feature_qr: boolean;
+    feature_google_maps: boolean;
+    feature_driving_directions: boolean;
+    s3_credential: S3Credential;
+}
+export interface S3Credential {
+    id: number;
+    created_at: string;
+    updated_at: string;
+    project_id: number;
+    region: string;
+    bucket: string;
+    valid_credentials: string;
+    bucket_exists: string;
+    valid_region: string;
+    bucket_writable: string;
+    bucket_readable: string;
+    image_uploadable: string;
+    image_readable: string;
+    valid_cors: null;
+}

package/dist/types/items.d.ts

@@ -0,0 +1,92 @@
+export interface Position {
+    x: number;
+    y: number;
+    w: number;
+    h: number;
+    r: number;
+}
+export interface Border {
+    radius: number;
+    color: string;
+    weight: number;
+}
+export interface BaseItem {
+    id: number;
+    type: string;
+    value: string;
+    position: Position;
+    border?: Border;
+    keepRatio?: boolean;
+}
+export interface ImageItem extends BaseItem {
+    type: 'Image';
+}
+export interface TextItem extends BaseItem {
+    type: 'Text';
+}
+export interface ColorItem extends BaseItem {
+    type: 'Color';
+}
+export interface ShapeItem extends BaseItem {
+    type: 'Shape';
+}
+export interface GoogleMap extends BaseItem {
+    type: 'GoogleMap';
+    location?: {
+        lat?: number;
+        lng?: number;
+        address: string;
+    };
+    fromLocation?: {
+        lat?: number;
+        lng?: number;
+        address: string;
+    };
+    showDirections?: boolean;
+}
+export interface StreetView extends BaseItem {
+    type: 'StreetView';
+    location?: {
+        lat?: number;
+        lng?: number;
+        address: string;
+    };
+}
+export interface QrCodeItem extends BaseItem {
+    type: 'QrCode';
+    location?: {
+        lat?: number;
+        lng?: number;
+        address: string;
+    };
+    belongsTo?: number;
+    belongsToType?: 'GoogleMap' | 'StreetView';
+}
+export interface ConversionItem extends BaseItem {
+    type: 'Conversion';
+    stringValue?: string;
+}
+export type MapItem = GoogleMap | StreetView;
+export type Item = ColorItem | TextItem | ImageItem | ShapeItem | MapItem | QrCodeItem | ConversionItem;
+export interface ItemState {
+    focusedItemId: number | undefined;
+    items: Item[];
+}
+export interface CanvasState {
+    size: {
+        w: number;
+        h: number;
+    };
+    backgroundColor: string | null;
+    backgroundImage: string | null;
+    backgroundSize: string;
+    backgroundPosition: string;
+    isBorderEnabled: boolean;
+    borderColor: string | null;
+    borderWidth: number | null;
+    canvasOffset?: {
+        x: number;
+        y: number;
+    };
+}
+export type GlobalState = ItemState & CanvasState;

package/dist/types/unsplash.d.ts

@@ -0,0 +1,22 @@
+export interface Photo {
+    id: string;
+    width: number;
+    height: number;
+    color: string | null;
+    links: {
+        download: string;
+        download_location: string;
+        html: string;
+        self: string;
+    };
+    urls: {
+        regular: string;
+        raw: string;
+        small: string;
+        thumb: string;
+    };
+    user: {
+        username: string;
+        name: string;
+    };
+}

package/dist/utils/helper-functions.d.ts

@@ -0,0 +1,11 @@
+import { Position } from '../types/items';
+type URLParamKey = 'googleMap' | 'directionMap' | 'staticStreetView' | 'streetView' | 'qrCodeMap' | 'qrCodeDirection';
+interface URLParams {
+    address?: string | undefined;
+    size?: Partial<Position>;
+    key: URLParamKey;
+}
+export declare function copyObject<T>(obj: T): T;
+export declare function getURL({ address, size, key }: URLParams): string;
+export declare function capitalize(s: string): string;
+export {};

package/dist/vite.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="31.88" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 257"><defs><linearGradient id="IconifyId1813088fe1fbc01fb466" x1="-.828%" x2="57.636%" y1="7.652%" y2="78.411%"><stop offset="0%" stop-color="#41D1FF"></stop><stop offset="100%" stop-color="#BD34FE"></stop></linearGradient><linearGradient id="IconifyId1813088fe1fbc01fb467" x1="43.376%" x2="50.316%" y1="2.242%" y2="89.03%"><stop offset="0%" stop-color="#FFEA83"></stop><stop offset="8.333%" stop-color="#FFDD35"></stop><stop offset="100%" stop-color="#FFA800"></stop></linearGradient></defs><path fill="url(#IconifyId1813088fe1fbc01fb466)" d="M255.153 37.938L134.897 252.976c-2.483 4.44-8.862 4.466-11.382.048L.875 37.958c-2.746-4.814 1.371-10.646 6.827-9.67l120.385 21.517a6.537 6.537 0 0 0 2.322-.004l117.867-21.483c5.438-.991 9.574 4.796 6.877 9.62Z"></path><path fill="url(#IconifyId1813088fe1fbc01fb467)" d="M185.432.063L96.44 17.501a3.268 3.268 0 0 0-2.634 3.014l-5.474 92.456a3.268 3.268 0 0 0 3.997 3.378l24.777-5.718c2.318-.535 4.413 1.507 3.936 3.838l-7.361 36.047c-.495 2.426 1.782 4.5 4.151 3.78l15.304-4.649c2.372-.72 4.652 1.36 4.15 3.788l-11.698 56.621c-.732 3.542 3.979 5.473 5.943 2.437l1.313-2.028l72.516-144.72c1.215-2.423-.88-5.186-3.54-4.672l-25.505 4.922c-2.396.462-4.435-1.77-3.759-4.114l16.646-57.705c.677-2.35-1.37-4.583-3.769-4.113Z"></path></svg>

package/package.json

@@ -0,0 +1,84 @@
+{
+  "name": "designertool",
+  "private": false,
+  "version": "0.0.1-dev",
+  "type": "module",
+  "files": [
+    "dist"
+  ],
+  "module": "./dist/postcard-dt.es.js",
+  "exports": {
+    ".": {
+      "import": "./dist/postcard-dt.es.js"
+    },
+    "./dist/index.css": {
+      "import": "./dist/index.css",
+      "require": "./dist/index.css"
+    }
+  },
+  "types": "./dist/index.d.ts",
+  "scripts": {
+    "dev": "vite",
+    "format": "prettier . --write",
+    "build": "vue-tsc && vite build",
+    "build:static": "vue-cli-service build",
+    "build:package": "vue-cli-service build --target lib --inline-vue --name myLib src/package-entry.ts",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "@headlessui/vue": "^1.7.14",
+    "@vueuse/core": "^10.2.0",
+    "buffer": "^6.0.3",
+    "js-beautify": "^1.14.8",
+    "mosha-vue-toastify": "^1.0.23",
+    "pinia": "^2.1.4",
+    "prismjs": "^1.29.0",
+    "qrcode": "^1.5.3",
+    "unsplash-js": "^7.0.18",
+    "uuid": "^9.0.0",
+    "vue": "^3.3.4",
+    "vue-draggable-plus": "^0.3.5",
+    "vue-prism-editor": "^2.0.0-alpha.2",
+    "vue3-colorpicker": "^2.1.5",
+    "vue3-moveable": "^0.23.0",
+    "vue3-pdfjs": "^0.1.6",
+    "vue3-popper": "^1.5.0"
+  },
+  "devDependencies": {
+    "@aesoper/normal-utils": "^0.1.5",
+    "@heroicons/vue": "^2.0.18",
+    "@popperjs/core": "^2.11.8",
+    "@tailwindcss/forms": "^0.5.3",
+    "@types/google.maps": "^3.53.4",
+    "@types/js-beautify": "^1.13.3",
+    "@types/node": "^20.3.1",
+    "@types/prismjs": "^1.26.0",
+    "@types/qrcode": "^1.5.0",
+    "@types/uuid": "^9.0.0",
+    "@vitejs/plugin-vue": "^4.2.3",
+    "@vue/cli-plugin-babel": "^5.0.8",
+    "@vue/cli-plugin-typescript": "^5.0.8",
+    "@vue/cli-service": "^5.0.8",
+    "autoprefixer": "^10.4.14",
+    "gradient-parser": "^1.0.2",
+    "lodash-es": "^4.17.21",
+    "node-sass": "^9.0.0",
+    "path": "^0.12.7",
+    "postcss": "^8.4.24",
+    "prettier": "^3.1.1",
+    "prettier-plugin-organize-attributes": "^1.0.0",
+    "prettier-plugin-tailwindcss": "^0.3.0",
+    "rollup": "^3.25.1",
+    "rollup-plugin-typescript2": "^0.34.1",
+    "sass": "^1.63.4",
+    "sass-loader": "^13.3.2",
+    "tailwindcss": "^3.3.2",
+    "tinycolor2": "^1.6.0",
+    "typescript": "^5.1.3",
+    "vite": "^4.3.9",
+    "vite-plugin-dts": "^2.3.0",
+    "vue-cli-service": "^5.0.10",
+    "vue-tsc": "^1.6.5",
+    "vue-types": "^5.0.4"
+  }
+}